/* Esqueleto de carregamento: aparece no instante em que a pessoa dispara uma busca ou abre o painel, e fica
   até o servidor responder (1 a 2 s). As medidas vêm da tela real no celular (390 px): card do lote 339×600,
   foto 4:3, e os blocos do painel com a mesma altura dos de verdade, para a troca não dar salto. */
:root{--sk-base:#eceef2;--sk-shine:#f7f8fa;--sk-rule:#e6e8ec;--sk-ink:#171b24;--sk-radius:12px}
.sk{position:relative;display:block;border-radius:6px;background:var(--sk-base);overflow:hidden}
.sk::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 0,var(--sk-shine) 50%,transparent 100%);transform:translateX(-100%);animation:sk-shine 1.4s ease-in-out infinite}
.sk-page{animation:sk-in .18s ease-out}
.sk-live{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
main[data-skeleton]>:not(.sk-page){display:none!important}
@keyframes sk-shine{to{transform:translateX(100%)}}
@keyframes sk-in{from{opacity:0}to{opacity:1}}
@media(prefers-reduced-motion:reduce){.sk::after{animation:none;display:none}.sk-page{animation:none}}

/* Busca: a grade herda .lot-grid (3, 2 e 1 colunas), o card espelha o .lot real */
.sk-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:18px}
.sk-lot{display:flex;flex-direction:column;min-width:0;background:#fff;border:1px solid var(--sk-rule);border-radius:var(--sk-radius);overflow:hidden}
.sk-lot-photo{aspect-ratio:4/3;border-radius:0}
.sk-lot-body{display:flex;flex-direction:column;gap:8px;padding:14px 16px 0}
.sk-row{display:flex;align-items:center;gap:5px}
.sk-lot-signals{height:24px}
.sk-lot-signals .sk{height:24px;border-radius:5px}
.sk-lot-title{height:47px;flex-direction:column;align-items:flex-start;justify-content:center;gap:7px}
.sk-lot-title .sk{height:20px}
.sk-lot-facts{height:22px}.sk-lot-facts .sk{height:14px;width:58%}
.sk-lot-source{height:23px}.sk-lot-source .sk{height:12px;width:46%}
.sk-lot-price{display:grid;margin-top:auto;padding-top:6px}
.sk-lot-price .sk-row{height:19px}.sk-lot-price .sk-row .sk{height:11px;width:30%}
.sk-lot-price .sk-value{height:32px;align-items:flex-end}.sk-lot-price .sk-value .sk{height:26px;width:55%}
.sk-lot-price .sk-fipe{height:21px}.sk-lot-price .sk-fipe .sk{height:12px;width:40%}
.sk-lot-when{height:25px}.sk-lot-when .sk{height:24px;width:45%;border-radius:999px}
.sk-lot-actions{display:flex;align-items:center;justify-content:space-between;height:59px;margin:6px 0 0;padding:0 16px;border-top:1px solid var(--sk-rule)}
.sk-lot-actions .sk:first-child{width:107px;height:16px}
.sk-lot-actions .sk:last-child{width:88px;height:36px;border-radius:8px}
.sk-masthead{background:#f36f21;border-bottom:1px solid #d95b00;padding:20px 0 18px}
.sk-masthead .sk{background:rgba(255,255,255,.32)}
.sk-masthead .sk::after{background:linear-gradient(90deg,transparent 0,rgba(255,255,255,.35) 50%,transparent 100%)}
.sk-masthead .sk-h1{height:47px;width:70%;margin-top:0}
.sk-masthead .sk-p{height:14px;width:88%;margin-top:9px}
.sk-masthead .sk-link{height:14px;width:42%;margin-top:14px}
.sk-results-head{display:flex;flex-direction:column;gap:10px;padding:12px 0;border-bottom:1px solid var(--sk-rule)}
.sk-results-head .sk-summary .sk{height:18px;width:62%}
.sk-results-head .sk-summary .sk+.sk{height:13px;width:40%;margin-top:6px}
.sk-results-head .sk-tools{display:flex;gap:10px}
.sk-results-head .sk-tools .sk{height:44px;flex:1;border-radius:8px}
.sk-results-head .sk-tools .sk:last-child{flex:0 0 96px}
@media(max-width:1180px){.sk-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.sk-grid{grid-template-columns:minmax(0,1fr);gap:12px}}
@media(min-width:901px){.sk-masthead{padding:26px 0 24px}.sk-masthead .sk-h1{height:60px;width:50%}.sk-results-head{flex-direction:row;align-items:center;justify-content:space-between}.sk-results-head .sk-tools{width:360px}}

/* Painel: topo, boas-vindas, três números, categorias e os dois primeiros veículos */
.sk-panel{padding:20px 0 45px}
.sk-panel-topline{display:flex;justify-content:space-between;height:16px;margin-bottom:18px}
.sk-panel-topline .sk{height:10px;width:44%}.sk-panel-topline .sk+.sk{width:28%}
.sk-panel-welcome{min-height:324px;padding:29px 24px;border-radius:18px;background:var(--sk-ink)}
.sk-panel-welcome .sk{background:rgba(255,255,255,.13)}
.sk-panel-welcome .sk::after{background:linear-gradient(90deg,transparent 0,rgba(255,255,255,.12) 50%,transparent 100%)}
.sk-panel-welcome .sk-eyebrow{height:9px;width:40%;margin-bottom:22px}
.sk-panel-welcome .sk-title{height:30px;width:82%;margin-bottom:8px}
.sk-panel-welcome .sk-title+.sk-title{width:92%}.sk-panel-welcome .sk-title+.sk-title+.sk-title{width:66%;margin-bottom:18px}
.sk-panel-welcome .sk-text{height:11px;width:70%;margin-bottom:8px}.sk-panel-welcome .sk-text+.sk-text{width:55%;margin-bottom:22px}
.sk-panel-welcome .sk-button{height:43px;width:207px;border-radius:9px;background:rgba(255,243,234,.9)}
.sk-panel-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:12px 0 28px}
.sk-panel-stat{display:flex;flex-direction:column;gap:8px;box-sizing:border-box;padding:13px 10px;border:1px solid var(--sk-rule);border-radius:11px;background:#fff;min-height:129px}
.sk-panel-stat .sk-icon{width:29px;height:29px;border-radius:8px;background:#fff3ea}
.sk-panel-stat .sk-number{height:26px;width:46%;margin-top:auto}
.sk-panel-stat .sk-label{height:9px;width:80%}.sk-panel-stat .sk-label+.sk-label{width:60%}
.sk-panel-heading{display:flex;justify-content:space-between;align-items:flex-end;height:47px;margin:28px 0 16px}
.sk-panel-heading .sk-eyebrow{height:8px;width:120px;margin-bottom:9px}
.sk-panel-heading .sk-h2{height:24px;width:130px}
.sk-panel-heading .sk-link{height:12px;width:93px;margin-bottom:5px}
.sk-panel-categories{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.sk-category{border:1px solid var(--sk-rule);border-radius:16px;background:#fff;overflow:hidden}
.sk-category .sk-media{position:relative;height:130px;border-radius:0;background:var(--sk-ink)}
.sk-category .sk-media::after{background:linear-gradient(90deg,transparent 0,rgba(255,255,255,.08) 50%,transparent 100%)}
.sk-category .sk-count{position:absolute;top:12px;right:12px;width:73px;height:29px;border-radius:999px;background:rgba(255,255,255,.12)}
.sk-category .sk-name{position:absolute;left:18px;bottom:16px;width:45%;height:22px;background:rgba(255,255,255,.2)}
.sk-category .sk-body{display:flex;flex-direction:column;gap:14px;padding:14px 18px 16px}
.sk-category .sk-desc{height:13px;width:95%}.sk-category .sk-desc+.sk-desc{width:70%;margin-top:-1px}
.sk-category .sk-foot{display:flex;justify-content:space-between;height:21px}
.sk-category .sk-foot .sk{height:13px;width:80px}
.sk-panel-vehicles{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}
.sk-panel-vehicle{border:1px solid var(--sk-rule);border-radius:15px;background:#fff;overflow:hidden}
.sk-panel-vehicle .sk-photo{aspect-ratio:1.3;border-radius:0}
.sk-panel-vehicle .sk-body{display:flex;flex-direction:column;gap:9px;padding:12px;min-height:191px;box-sizing:border-box}
.sk-panel-vehicle .sk-source{height:8px;width:55%}
.sk-panel-vehicle .sk-h3{height:16px;width:95%}.sk-panel-vehicle .sk-h3+.sk-h3{width:70%;margin-top:-3px}
.sk-panel-vehicle .sk-place{height:10px;width:60%}
.sk-panel-vehicle .sk-price-label{height:8px;width:50%;margin-top:10px}
.sk-panel-vehicle .sk-price{height:18px;width:65%}
@media(max-width:900px){.sk-panel-categories{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){.sk-panel-categories{grid-template-columns:1fr}.sk-panel-vehicle:nth-child(3){display:none}}
@media(min-width:541px){.sk-panel-welcome{padding:32px;min-height:300px}.sk-panel-stats{gap:16px;margin:20px 0 32px}.sk-panel-vehicles{grid-template-columns:repeat(3,minmax(0,1fr))}}

/* Interna do lote: migalhas, foto 4:3 de ponta a ponta no celular, título, dados, selos e o painel de lance */
.sk-detail{padding:18px 0 40px}
.sk-detail-crumbs{display:flex;flex-wrap:wrap;gap:8px 14px;height:50px;align-content:flex-start;padding-top:6px}
.sk-detail-crumbs .sk{height:14px;width:58px}.sk-detail-crumbs .sk:nth-child(2){width:46px}.sk-detail-crumbs .sk:nth-child(4){width:40px}.sk-detail-crumbs .sk:nth-child(6){width:72px}
.sk-detail-gallery{position:relative;margin:14px -18px 16px;aspect-ratio:4/3;border-radius:0;background:#1b1f27}
.sk-detail-gallery::after{background:linear-gradient(90deg,transparent 0,rgba(255,255,255,.08) 50%,transparent 100%)}
.sk-detail-gallery .sk-count{position:absolute;top:12px;right:12px;width:52px;height:25px;border-radius:999px;background:rgba(255,255,255,.14)}
.sk-detail-head{display:flex;flex-direction:column;gap:10px}
.sk-detail-head .sk-h1{height:28px;width:88%}.sk-detail-head .sk-h1+.sk-h1{width:64%;margin-top:-9px}
.sk-detail-head .sk-fact{height:14px;width:92%;margin-top:7px}.sk-detail-head .sk-fact+.sk-fact{width:44%;margin-top:0}
.sk-detail-head .sk-source{height:13px;width:52%}
.sk-detail-head .sk-row{height:26px;gap:8px;margin-top:2px}.sk-detail-head .sk-row .sk{height:26px;border-radius:5px}
.sk-detail-panel{margin-top:16px;padding:20px;border:1px solid var(--sk-rule);border-radius:12px;background:#fff}
.sk-detail-price{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;height:110px}
.sk-detail-price .sk-label{height:13px;width:150px;margin-bottom:9px}
.sk-detail-price .sk-value{height:34px;width:160px;margin-bottom:8px}
.sk-detail-price .sk-fipe{height:13px;width:120px;margin-bottom:12px}
.sk-detail-price .sk-note{height:11px;width:187px}
.sk-detail-price .sk-stamp{width:97px;height:63px;border-radius:8px;background:#f4d9c6;transform:rotate(-2deg)}
.sk-detail-cta{height:54px;margin-top:17px;border-radius:8px;background:#f4c6a6}
.sk-detail-save{height:46px;margin-top:8px;border-radius:8px;border:1px solid var(--sk-rule);background:#fff}
.sk-detail-status{height:27px;width:131px;margin-top:14px;border-radius:999px}
.sk-detail-dates{display:flex;flex-direction:column;gap:22px;margin-top:17px}
.sk-detail-dates .sk-dt{height:11px;width:90px;margin-bottom:8px}
.sk-detail-dates .sk-dd{height:20px;width:65%}
.sk-detail-index{display:flex;gap:18px;height:46px;align-items:center;margin-top:16px;padding:0 14px;border-radius:8px;background:#f3f3f1}
.sk-detail-index .sk{height:13px;width:52px;background:#e3e3df}
.sk-detail-section{min-height:366px;margin-top:16px;padding:18px;border:1px solid var(--sk-rule);border-radius:12px;background:#fff}
.sk-detail-section .sk-h2{height:24px;width:60%;margin-bottom:18px}
.sk-detail-section .sk-line{height:14px;width:100%;margin-bottom:12px}.sk-detail-section .sk-line:nth-child(odd){width:92%}.sk-detail-section .sk-line:last-child{width:50%}
@media(min-width:901px){.sk-detail{display:grid;grid-template-columns:minmax(0,1fr) 360px;grid-template-areas:"crumbs crumbs" "head panel" "gallery panel" "content panel";gap:20px 32px;align-items:start}.sk-detail-crumbs{grid-area:crumbs}.sk-detail-head{grid-area:head}.sk-detail-gallery{grid-area:gallery;margin:0;aspect-ratio:16/9;border-radius:12px}.sk-detail-panel{grid-area:panel;margin:0}.sk-detail-content{grid-area:content}.sk-detail-index{margin-top:0}}

/* Favoritos: o mesmo cabeçalho laranja, mais baixo e sem ordenação */
.sk-masthead.is-favorites{padding:24px 0 22px}
.sk-masthead.is-favorites .sk-h1{height:47px;width:52%}
.sk-masthead.is-favorites .sk-p{height:14px;width:80%;margin-top:12px}.sk-masthead.is-favorites .sk-link{height:14px;width:42%;margin-top:14px}
.sk-results-head.is-favorites{height:51px;box-sizing:border-box;justify-content:center}

/* Alertas: título, o cartão do formulário com os campos na posição real e a lista */
.sk-alerts{padding:28px 0 40px}
.sk-alerts .sk-eyebrow{height:11px;width:120px;margin-bottom:19px}
.sk-alerts .sk-h1{height:30px;width:52%;margin-bottom:15px}
.sk-alerts .sk-lead{height:14px;width:96%}.sk-alerts .sk-lead+.sk-lead{width:60%;margin-top:9px;margin-bottom:36px}
.sk-alert-form{padding:23px;border:1px solid var(--sk-rule);border-radius:14px;background:#fff}
.sk-alert-form .sk-h2{height:22px;width:120px;margin-bottom:16px}
.sk-field{display:flex;flex-direction:column;gap:6px;height:69px;margin-bottom:14px}
.sk-field .sk-label{height:13px;width:46%}
.sk-field .sk-input{height:44px;border-radius:9px;border:1px solid var(--sk-rule);background:#fff}
.sk-pair{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.sk-pair.is-model .sk-field{height:176px}.sk-pair.is-model .sk-help{height:11px;width:90%;margin-top:6px}.sk-pair.is-model .sk-help+.sk-help{width:70%}
.sk-alert-form .sk-button{height:54px;margin-top:12px;border-radius:9px;background:#f4c6a6}
.sk-alert-form .sk-note{height:11px;width:92%;margin-top:14px}.sk-alert-form .sk-note+.sk-note{width:70%;margin-top:8px;margin-bottom:16px}
.sk-alert-list{margin-top:36px}
.sk-alert-list .sk-h2{height:22px;width:100px;margin-bottom:14px}
.sk-alert-item{height:98px;margin-bottom:12px;border:1px solid var(--sk-rule);border-radius:14px;background:#fff;padding:16px 18px;box-sizing:border-box}
.sk-alert-item .sk-t{height:16px;width:55%;margin-bottom:10px}.sk-alert-item .sk-s{height:12px;width:85%;margin-bottom:14px}.sk-alert-item .sk-a{height:14px;width:30%}
@media(min-width:901px){.sk-alerts-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:28px;align-items:start}.sk-alert-list{margin-top:0}}
