/* RC Caminhões & Carretas: app do cliente. GERADO por cliente/bin/gerar-css.mjs a partir de contrato/tokens.json (v1.0.0). Não edite à mão: edite cliente/css/app.css e rode o gerador. Montserrat local, OFL (licença em fontes/OFL.txt). */
@font-face{font-family:"Montserrat";font-style:normal;font-weight:400 900;font-display:swap;src:url("fontes/montserrat-latin-ext-normal.woff2") format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Montserrat";font-style:normal;font-weight:400 900;font-display:swap;src:url("fontes/montserrat-latin-normal.woff2") format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
:root{--cor-fundo:#f7f7f7;--cor-superficie:#ffffff;--cor-superficie-2:#ededed;--cor-linha:#dcdcdc;--cor-texto:#262626;--cor-texto-suave:#555555;--cor-texto-desativado:#8a8a8a;--cor-marca:#f20505;--cor-sobre-marca:#ffffff;--cor-primaria:#d40404;--cor-primaria-hover:#a80303;--cor-sobre-primaria:#ffffff;--cor-secundaria:#262626;--cor-sobre-secundaria:#ffffff;--cor-destaque:#f20505;--cor-destaque-hover:#d40404;--cor-sobre-destaque:#ffffff;--cor-preco:#d40404;--cor-link:#d40404;--cor-whatsapp-botao:#14783f;--cor-sobre-whatsapp:#ffffff;--cor-foco:#262626;--cor-sucesso:#15803d;--cor-sucesso-fundo:#e7f5ec;--cor-erro:#a51d14;--cor-erro-fundo:#fdecea;--cor-aviso:#8a4b06;--cor-aviso-fundo:#fff4d1;--cor-info:#1f5fbf;--cor-info-fundo:#eaf1fb;--cor-vendido:#262626;--cor-whatsapp-hover:#0f5f31;--cor-whatsapp-marca:#25d366;--cor-branco:#ffffff;--vermelho-50:#fef2f2;--vermelho-100:#fde3e3;--vermelho-200:#fbc7c7;--vermelho-300:#f99a9a;--vermelho-400:#ff5c5c;--vermelho-500:#f20505;--vermelho-600:#d40404;--vermelho-700:#a80303;--vermelho-800:#7f0202;--vermelho-900:#4f0101;--grafite-50:#f7f7f7;--grafite-100:#ededed;--grafite-200:#dcdcdc;--grafite-300:#b0b0b0;--grafite-400:#8a8a8a;--grafite-500:#555555;--grafite-600:#3c3c3c;--grafite-700:#262626;--grafite-800:#1e1e1e;--grafite-900:#121212;--espacamento-titulo:0.01em;--espacamento-rotulo:0.18em;--fonte-titulo:"Montserrat", "Gotham", "Helvetica Neue", Arial, sans-serif;--fonte-texto:"Montserrat", system-ui, -apple-system, "Segoe UI", sans-serif;--fonte-numero:"Montserrat", "Helvetica Neue", Arial, sans-serif;--peso-texto:400;--peso-medio:500;--peso-forte:600;--peso-negrito:700;--peso-titulo:800;--peso-titulo-pesado:900;--texto-display:clamp(2.5rem, 8vw, 4.5rem);--texto-h1:clamp(2rem, 6vw, 3rem);--texto-h2:clamp(1.625rem, 4.5vw, 2.25rem);--texto-h3:1.5rem;--texto-h4:1.25rem;--texto-preco-cartao:1.75rem;--texto-preco-pagina:clamp(2.25rem, 7vw, 3rem);--texto-lead:1.125rem;--texto-corpo:1rem;--texto-pequeno:0.875rem;--texto-rotulo:0.8125rem;--espaco-0:0;--espaco-1:4px;--espaco-2:8px;--espaco-3:12px;--espaco-4:16px;--espaco-5:20px;--espaco-6:24px;--espaco-8:32px;--espaco-10:40px;--espaco-12:48px;--espaco-16:64px;--espaco-24:96px;--espaco-margem-celular:16px;--espaco-alvo-toque-min:48px;--raio-selo:2px;--raio-controle:6px;--raio-botao:8px;--raio-cartao:10px;--raio-pilula:999px;--sombra-suave:0 1px 2px rgba(18,18,18,.06), 0 6px 16px -8px rgba(18,18,18,.20);--sombra-cartao:0 2px 4px rgba(18,18,18,.08), 0 12px 28px -12px rgba(18,18,18,.28);--sombra-alta:0 24px 48px -20px rgba(18,18,18,.40);--sombra-foco:0 0 0 2px #ffffff, 0 0 0 4px #262626;--sombra-foco-escuro:0 0 0 2px #121212, 0 0 0 4px #ffffff;--sombra-barra-whatsapp:0 -4px 16px rgba(18,18,18,.18);--movimento-rapido:150ms;--movimento-normal:220ms;--movimento-curva:cubic-bezier(.2,.7,.2,1)}
/* Fonte do CSS do app (cor, fonte e medida só por variável dos tokens). Edite aqui e rode node cliente/bin/gerar-css.mjs. */
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;text-size-adjust:100%;-webkit-tap-highlight-color:transparent}
body{margin:0;font-family:var(--fonte-texto);font-size:var(--texto-corpo);line-height:1.5;color:var(--cor-texto);background:var(--cor-fundo);-webkit-font-smoothing:antialiased;overscroll-behavior-y:none}
img{max-width:100%;height:auto;display:block}
a{color:var(--cor-link)}
h1,h2,h3,p{margin:0}
ul,ol{margin:0;padding:0}
button,input,select{font:inherit;color:inherit}
[hidden]{display:none!important}
:focus-visible{outline:none;box-shadow:var(--sombra-foco);border-radius:var(--raio-controle)}
.oculto{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.icone{width:24px;height:24px;flex:none}

/* ------------------------------------------------ só instalado: o CSS decide, o app.js reforça */
.app{display:none}
@media (display-mode:standalone),(display-mode:minimal-ui){.app{display:block}.instale{display:none}}
html.instalado .app{display:block}
html.instalado .instale{display:none}

/* ------------------------------------------------ tela de instalação */
.instale{min-height:100vh;min-height:100dvh;display:flex;align-items:center;justify-content:center;padding:var(--espaco-8) var(--espaco-margem-celular);background:var(--cor-secundaria);color:var(--cor-sobre-secundaria)}
.instale-caixa{width:100%;max-width:420px;display:flex;flex-direction:column;align-items:center;gap:var(--espaco-4);text-align:center}
.instale-icone{width:96px;height:96px;border-radius:22px;box-shadow:var(--sombra-alta)}
.instale-titulo{font-family:var(--fonte-titulo);font-weight:var(--peso-titulo);font-size:var(--texto-h2);text-transform:uppercase;letter-spacing:var(--espacamento-titulo);line-height:1.1}
.instale-texto{color:var(--grafite-200);font-size:var(--texto-lead)}
.instale-pronto{background:var(--cor-sucesso-fundo);color:var(--cor-sucesso);border-radius:var(--raio-cartao);padding:var(--espaco-3) var(--espaco-4);font-weight:var(--peso-forte)}
.instale-passos{width:100%;text-align:left;background:var(--grafite-800);border:1px solid var(--grafite-600);border-radius:var(--raio-cartao);padding:var(--espaco-4) var(--espaco-5)}
.instale-passos h2{font-size:var(--texto-pequeno);text-transform:uppercase;letter-spacing:var(--espacamento-rotulo);color:var(--vermelho-400);margin-bottom:var(--espaco-2)}
.instale-passos ol{padding-left:var(--espaco-5);display:grid;gap:var(--espaco-2)}
.instale-passos strong{color:var(--cor-branco)}
.instale-simbolo{display:inline-flex;vertical-align:middle;color:var(--cor-branco)}
.instale-simbolo .icone{width:20px;height:20px}
.instale-aviso{width:100%;background:var(--cor-aviso-fundo);color:var(--cor-aviso);border-radius:var(--raio-cartao);padding:var(--espaco-3) var(--espaco-4);font-size:var(--texto-pequeno)}
.instale-site{color:var(--grafite-200);font-size:var(--texto-pequeno);padding:var(--espaco-3)}

/* ------------------------------------------------ topo e menu inferior */
.topo{position:sticky;top:0;z-index:20;background:var(--cor-secundaria);color:var(--cor-sobre-secundaria);border-bottom:3px solid var(--cor-marca);padding-top:env(safe-area-inset-top)}
.topo-linha{display:flex;align-items:center;justify-content:space-between;min-height:56px;padding:0 var(--espaco-2)}
.topo-logo{display:flex;align-items:center;padding:var(--espaco-1)}
.topo-logo img{height:40px;width:auto}
.topo-botao{display:inline-flex;align-items:center;justify-content:center;width:var(--espaco-alvo-toque-min);height:var(--espaco-alvo-toque-min);color:var(--cor-sobre-secundaria);border-radius:var(--raio-pilula)}
.conteudo{padding-bottom:calc(72px + env(safe-area-inset-bottom) + var(--espaco-4))}
.menu-inferior{position:fixed;left:0;right:0;bottom:0;z-index:20;background:var(--cor-superficie);border-top:1px solid var(--cor-linha);box-shadow:var(--sombra-barra-whatsapp);padding-bottom:env(safe-area-inset-bottom)}
.menu-inferior ul{list-style:none;display:grid;grid-template-columns:repeat(5,1fr);max-width:640px;margin:0 auto}
.menu-item{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;min-height:64px;color:var(--cor-texto-suave);text-decoration:none;font-size:.6875rem;font-weight:var(--peso-forte)}
.menu-item[aria-current="page"]{color:var(--cor-primaria)}
.menu-item[aria-current="page"] .icone{stroke-width:2.5}
.topo-whatsapp{color:var(--cor-whatsapp-marca)}

/* ------------------------------------------------ seções e títulos */
.secao{padding:var(--espaco-5) var(--espaco-margem-celular) 0;max-width:960px;margin:0 auto}
.secao-abre{padding-top:var(--espaco-6)}
.secao-cabeca{display:flex;align-items:baseline;justify-content:space-between;gap:var(--espaco-3);margin-bottom:var(--espaco-3)}
.secao-link{font-weight:var(--peso-forte);font-size:var(--texto-pequeno);text-decoration:none}
.titulo-pagina{font-family:var(--fonte-titulo);font-weight:var(--peso-titulo);font-size:var(--texto-h2);text-transform:uppercase;letter-spacing:var(--espacamento-titulo);line-height:1.1;margin-bottom:var(--espaco-2)}
.titulo-secao{font-family:var(--fonte-titulo);font-weight:var(--peso-negrito);font-size:var(--texto-h4);margin-bottom:var(--espaco-3)}
.secao-cabeca .titulo-secao{margin-bottom:0}
.subtitulo{color:var(--cor-texto-suave);margin-bottom:var(--espaco-4)}
.contagem{color:var(--cor-texto-suave);font-size:var(--texto-pequeno);margin-top:var(--espaco-3)}
.vazio{display:grid;gap:var(--espaco-3);padding:var(--espaco-6) 0;color:var(--cor-texto-suave);text-align:center}
.versao{text-align:center;color:var(--cor-texto-desativado);font-size:var(--texto-pequeno);padding:var(--espaco-6) var(--espaco-4) 0}

/* ------------------------------------------------ botões */
.botao{display:inline-flex;align-items:center;justify-content:center;gap:var(--espaco-2);min-height:var(--espaco-alvo-toque-min);padding:0 var(--espaco-5);border-radius:var(--raio-botao);border:2px solid transparent;font-family:var(--fonte-texto);font-weight:var(--peso-negrito);font-size:var(--texto-corpo);line-height:1.2;text-decoration:none;cursor:pointer;text-align:center}
.botao-grande{min-height:56px;font-size:var(--texto-lead)}
.botao-bloco{display:flex;width:100%}
.botao-destaque{background:var(--cor-primaria);color:var(--cor-sobre-primaria)}
.botao-destaque:active{background:var(--cor-primaria-hover)}
.botao-whatsapp{background:var(--cor-whatsapp-botao);color:var(--cor-sobre-whatsapp)}
.botao-whatsapp:active{background:var(--cor-whatsapp-hover)}
.botao-instagram{background:var(--cor-secundaria);color:var(--cor-sobre-secundaria)}
.botao-contorno{background:var(--cor-superficie);color:var(--cor-primaria);border-color:var(--cor-primaria)}
.botao-texto{background:none;color:var(--cor-primaria);text-decoration:underline;padding:0 var(--espaco-3)}
.botao[aria-busy="true"]{opacity:.7;pointer-events:none}
.acoes{display:grid;gap:var(--espaco-3);margin-top:var(--espaco-4)}
.carregar-mais{margin-top:var(--espaco-4)}

/* ------------------------------------------------ busca e filtros */
.busca{display:flex;gap:var(--espaco-2)}
.busca input{flex:1;min-width:0;min-height:var(--espaco-alvo-toque-min);padding:0 var(--espaco-4);border:1px solid var(--cor-linha);border-radius:var(--raio-botao);background:var(--cor-superficie);font-size:var(--texto-corpo)}
.busca-botao{padding:0;width:var(--espaco-alvo-toque-min);flex:none}
.filtros{margin-top:var(--espaco-3);background:var(--cor-superficie);border:1px solid var(--cor-linha);border-radius:var(--raio-cartao)}
.filtros-titulo{list-style:none;display:flex;align-items:center;gap:var(--espaco-2);min-height:var(--espaco-alvo-toque-min);padding:0 var(--espaco-4);font-weight:var(--peso-forte);cursor:pointer}
.filtros-titulo::-webkit-details-marker{display:none}
.filtros-titulo::after{content:"";margin-left:auto;width:10px;height:10px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg) translateY(-3px)}
.filtros[open] .filtros-titulo::after{transform:rotate(-135deg) translateY(-3px)}
.filtros-conta{display:inline-grid;place-items:center;min-width:22px;height:22px;padding:0 6px;border-radius:var(--raio-pilula);background:var(--cor-primaria);color:var(--cor-sobre-primaria);font-size:.75rem}
.filtros-form{display:grid;gap:var(--espaco-4);padding:0 var(--espaco-4) var(--espaco-4)}
.campo{display:grid;gap:var(--espaco-1);border:0;margin:0;padding:0;min-width:0}
.campo>span,.campo legend{font-size:var(--texto-pequeno);font-weight:var(--peso-forte);color:var(--cor-texto-suave);padding:0;margin-bottom:var(--espaco-1)}
.campo select,.campo input{min-height:var(--espaco-alvo-toque-min);padding:0 var(--espaco-3);border:1px solid var(--cor-linha);border-radius:var(--raio-controle);background:var(--cor-superficie);width:100%}
.campos-dupla{display:grid;grid-template-columns:1fr 1fr;gap:var(--espaco-3)}
.chips{display:flex;flex-wrap:wrap;gap:var(--espaco-2)}
.chip{position:relative}
.chip input{position:absolute;opacity:0;pointer-events:none}
.chip span{display:inline-flex;align-items:center;min-height:40px;padding:0 var(--espaco-3);border:1px solid var(--cor-linha);border-radius:var(--raio-pilula);background:var(--cor-superficie);font-size:var(--texto-pequeno);font-weight:var(--peso-forte);cursor:pointer}
.chip input:checked+span{background:var(--cor-secundaria);border-color:var(--cor-secundaria);color:var(--cor-sobre-secundaria)}
.chip input:focus-visible+span{box-shadow:var(--sombra-foco)}
.filtros-acoes{display:flex;align-items:center;gap:var(--espaco-3)}

/* ------------------------------------------------ atalhos por tipo */
.tipos{list-style:none;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--espaco-3)}
.tipo{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:2px;min-height:64px;padding:var(--espaco-3) var(--espaco-4);background:var(--cor-superficie);border-radius:var(--raio-cartao);box-shadow:var(--sombra-suave);color:var(--cor-texto);text-decoration:none;font-weight:var(--peso-negrito);border-left:4px solid var(--cor-marca);min-width:0;line-height:1.25}
.tipo-nome{font-size:.9375rem}
.tipo-conta{color:var(--cor-texto-suave);font-size:.75rem;font-weight:var(--peso-forte);font-variant-numeric:tabular-nums}

/* ------------------------------------------------ cartões (linha no celular, coluna a partir de 600 px) */
.grade{list-style:none;display:grid;grid-template-columns:minmax(0,1fr);gap:var(--espaco-3)}
.cartao{position:relative;display:flex;flex-direction:column;background:var(--cor-superficie);border-radius:var(--raio-cartao);box-shadow:var(--sombra-suave);overflow:hidden}
.cartao-link{display:grid;grid-template-columns:42% minmax(0,1fr);flex:1 0 auto;color:inherit;text-decoration:none}
.cartao-foto{position:relative;display:block;height:100%;min-height:112px;background:var(--cor-superficie-2)}
.cartao-foto img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.cartao-sem-foto{display:grid;place-items:center;width:100%;height:100%;background:var(--cor-secundaria)}
.cartao-sem-foto .simbolo{width:56px;height:auto;opacity:.9}
.cartao-foto .selo{position:absolute;bottom:var(--espaco-2);left:var(--espaco-2)}
.cartao-corpo{display:flex;flex-direction:column;gap:2px;padding:var(--espaco-3);min-width:0}
.cartao-tipo{font-size:.6875rem;font-weight:var(--peso-forte);text-transform:uppercase;letter-spacing:.06em;color:var(--cor-texto-suave)}
.cartao-titulo{font-weight:var(--peso-negrito);font-size:var(--texto-pequeno);line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.cartao-dados{display:flex;flex-wrap:wrap;gap:0 var(--espaco-2);font-size:.75rem;color:var(--cor-texto-suave);font-variant-numeric:tabular-nums}
.cartao-preco{margin-top:auto;padding-top:var(--espaco-1);font-family:var(--fonte-numero);font-weight:var(--peso-titulo);font-size:1.125rem;color:var(--cor-preco);font-variant-numeric:tabular-nums;line-height:1.1}
.preco-consulte{color:var(--cor-texto-suave)}
.preco-vendido{color:var(--cor-vendido);text-transform:uppercase}
.cartao-vendido .cartao-foto img{filter:grayscale(1)}
@media (min-width:600px){
  .grade{grid-template-columns:repeat(2,minmax(0,1fr))}
  .cartao-link{display:flex;flex-direction:column}
  .cartao-foto{aspect-ratio:4/3;height:auto;min-height:0}
  .cartao-foto .selo{bottom:auto;top:var(--espaco-2)}
  .cartao-corpo{padding:var(--espaco-4);flex:1}
  .cartao-titulo{font-size:var(--texto-corpo)}
  .cartao-preco{font-size:var(--texto-preco-cartao)}
}
@media (min-width:900px){.grade{grid-template-columns:repeat(3,minmax(0,1fr))}}

/* ------------------------------------------------ selos */
.selo{display:inline-block;padding:2px var(--espaco-2);border-radius:var(--raio-selo);font-size:.6875rem;font-weight:var(--peso-negrito);text-transform:uppercase;letter-spacing:.06em;line-height:1.4}
.selo-vendido{background:var(--cor-vendido);color:var(--cor-branco)}
.selo-reservado{background:var(--cor-aviso);color:var(--cor-branco)}
.selo-destaque{background:var(--cor-primaria);color:var(--cor-sobre-primaria)}

/* ------------------------------------------------ página do veículo */
.galeria{position:relative;background:var(--cor-secundaria);max-width:960px;margin:0 auto}
.galeria-trilho{list-style:none;display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;aspect-ratio:4/3}
.galeria-trilho::-webkit-scrollbar{display:none}
.galeria-item{flex:0 0 100%;scroll-snap-align:start;scroll-snap-stop:always}
.galeria-item img{width:100%;height:100%;object-fit:cover}
.galeria-vazia{aspect-ratio:4/3;display:grid;place-items:center}
.galeria-vazia .simbolo{width:120px;height:auto;opacity:.9}
.galeria-contador{position:absolute;right:var(--espaco-3);bottom:var(--espaco-3);padding:2px var(--espaco-2);border-radius:var(--raio-pilula);background:rgba(18,18,18,.7);color:var(--cor-branco);font-size:var(--texto-pequeno);font-weight:var(--peso-forte);font-variant-numeric:tabular-nums}
.galeria .selo{position:absolute;top:var(--espaco-3);left:var(--espaco-3)}
.veiculo-tipo{font-size:var(--texto-pequeno);font-weight:var(--peso-forte);text-transform:uppercase;letter-spacing:.06em;color:var(--cor-texto-suave)}
.veiculo-titulo{font-family:var(--fonte-titulo);font-weight:var(--peso-titulo);font-size:var(--texto-h3);line-height:1.15;margin:var(--espaco-1) 0 var(--espaco-2)}
.veiculo-preco{font-family:var(--fonte-numero);font-weight:var(--peso-titulo-pesado);font-size:var(--texto-preco-pagina);color:var(--cor-preco);font-variant-numeric:tabular-nums;line-height:1}
.veiculo-preco.preco-consulte{font-size:var(--texto-h3)}
.veiculo-preco.preco-vendido{font-size:var(--texto-h3)}
.aviso-vendido{background:var(--cor-superficie-2);border-radius:var(--raio-cartao);padding:var(--espaco-3) var(--espaco-4);color:var(--cor-texto-suave)}
.ficha{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--cor-linha);border:1px solid var(--cor-linha);border-radius:var(--raio-cartao);overflow:hidden;margin:0}
.ficha-linha{background:var(--cor-superficie);padding:var(--espaco-3)}
.ficha-linha:last-child:nth-child(odd){grid-column:1/-1}
.ficha dt{font-size:.75rem;color:var(--cor-texto-suave);font-weight:var(--peso-forte)}
.ficha dd{margin:0;font-weight:var(--peso-negrito);font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
.descricao{background:var(--cor-superficie);border-radius:var(--raio-cartao);padding:var(--espaco-4);overflow-wrap:anywhere}

/* ------------------------------------------------ lista do "Mais" */
.lista{list-style:none;background:var(--cor-superficie);border-radius:var(--raio-cartao);box-shadow:var(--sombra-suave);overflow:hidden}
.lista li+li{border-top:1px solid var(--cor-linha)}
.lista-item{display:flex;align-items:center;justify-content:space-between;gap:var(--espaco-3);min-height:64px;padding:var(--espaco-3) var(--espaco-4);color:var(--cor-texto);text-decoration:none}
.lista-item .icone{color:var(--cor-texto-suave)}
.lista-texto{display:grid;gap:2px;min-width:0}
.lista-titulo{font-weight:var(--peso-negrito)}
.lista-resumo{font-size:var(--texto-pequeno);color:var(--cor-texto-suave)}

/* ------------------------------------------------ favoritos e comparar */
.favorito{position:absolute;top:var(--espaco-2);left:calc(42% - 48px);display:grid;place-items:center;width:40px;height:40px;border:0;border-radius:var(--raio-pilula);background:rgba(255,255,255,.92);color:var(--cor-primaria);box-shadow:var(--sombra-suave);cursor:pointer;padding:0}
.favorito .icone,.botao-favorito .icone{width:22px;height:22px}
.favorito[aria-pressed="true"] .icone path,.botao-favorito[aria-pressed="true"] .icone path{fill:currentColor}
.botao-favorito[aria-pressed="true"]{background:var(--vermelho-50)}
.cartao-motivo{padding:0 var(--espaco-3) var(--espaco-3);font-size:var(--texto-pequeno);color:var(--cor-texto-suave)}
.comparar-opcao{display:flex;align-items:center;gap:var(--espaco-2);min-height:var(--espaco-alvo-toque-min);padding:0 var(--espaco-4);border-top:1px solid var(--cor-linha);font-size:var(--texto-pequeno);font-weight:var(--peso-forte);cursor:pointer}
.comparar-opcao input{width:20px;height:20px;accent-color:var(--cor-primaria)}
.barra-comparar{position:fixed;left:var(--espaco-margem-celular);right:var(--espaco-margem-celular);bottom:calc(72px + env(safe-area-inset-bottom));z-index:25;display:flex;align-items:center;justify-content:center;gap:.3em;min-height:52px;border-radius:var(--raio-pilula);background:var(--cor-primaria);color:var(--cor-sobre-primaria);font-weight:var(--peso-negrito);text-decoration:none;box-shadow:var(--sombra-alta);max-width:480px;margin:0 auto}
.vazio-icone{display:flex;justify-content:center;color:var(--cor-primaria)}
.vazio-icone .icone{width:40px;height:40px}
.aviso{background:var(--cor-aviso-fundo);color:var(--cor-aviso);border-radius:var(--raio-cartao);padding:var(--espaco-3) var(--espaco-4);font-size:var(--texto-pequeno);margin-bottom:var(--espaco-3)}
.tabela-rolagem{overflow-x:auto;background:var(--cor-superficie);border-radius:var(--raio-cartao);box-shadow:var(--sombra-suave)}
.comparar{border-collapse:collapse;width:100%;font-size:.8125rem}
.comparar th,.comparar td{padding:var(--espaco-2);border-bottom:1px solid var(--cor-linha);text-align:left;vertical-align:top;min-width:104px}
.comparar tbody th{position:sticky;left:0;z-index:1;min-width:80px;background:var(--cor-superficie-2);color:var(--cor-texto-suave);font-weight:var(--peso-forte)}
.comparar thead th:first-child{position:sticky;left:0;z-index:1;min-width:80px;background:var(--cor-superficie)}
.comparar td{font-weight:var(--peso-forte)}
.comparar-veiculo{display:grid;gap:var(--espaco-2);color:var(--cor-texto);text-decoration:none;font-weight:var(--peso-negrito)}
.comparar-veiculo img,.comparar-sem-foto{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:var(--raio-controle);background:var(--cor-secundaria)}
.comparar-sem-foto{display:grid;place-items:center}
.comparar-sem-foto .simbolo{width:48px}
.comparar .botao{min-height:40px;padding:0 var(--espaco-2);gap:var(--espaco-1);font-size:.8125rem}
.comparar-vendido{color:var(--cor-vendido);font-weight:var(--peso-negrito);text-transform:uppercase}

/* ------------------------------------------------ me indica */
.banner-indica{display:flex;align-items:center;gap:var(--espaco-4);padding:var(--espaco-4);border-radius:var(--raio-cartao);background:var(--cor-secundaria);color:var(--cor-sobre-secundaria);text-decoration:none;box-shadow:var(--sombra-suave)}
.banner-indica .icone{width:32px;height:32px;color:var(--vermelho-400)}
.banner-texto{display:grid;gap:2px}
.banner-titulo{font-weight:var(--peso-negrito);font-size:var(--texto-lead)}
.banner-resumo{color:var(--grafite-200);font-size:var(--texto-pequeno)}
.banner-campanha{align-items:stretch;background:var(--grafite-900)}
.banner-arte{flex:none;width:72px;height:128px;object-fit:cover;border-radius:calc(var(--raio-cartao) / 2)}
.banner-campanha .banner-texto{align-content:center}
.banner-acao{margin-top:var(--espaco-2);font-weight:var(--peso-negrito);color:var(--cor-sobre-secundaria);text-decoration:underline;text-underline-offset:3px}
.banner-nota{color:var(--grafite-200);font-size:.75rem}
.indica-form,.juntar-form{display:grid;gap:var(--espaco-4)}

/* ------------------------------------------------ cartas contempladas */
.chips-links{display:flex;flex-wrap:wrap;gap:var(--espaco-2);margin-bottom:var(--espaco-3)}
.chip-link{display:inline-flex;align-items:center;min-height:40px;padding:0 var(--espaco-4);border:1px solid var(--cor-linha);border-radius:var(--raio-pilula);background:var(--cor-superficie);color:var(--cor-texto);text-decoration:none;font-size:var(--texto-pequeno);font-weight:var(--peso-forte)}
.chip-link.ativo{background:var(--cor-secundaria);border-color:var(--cor-secundaria);color:var(--cor-sobre-secundaria)}
.filtros-linha{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--espaco-3);align-items:end}
.filtros-linha .botao{grid-column:1/-1}
.cartas{list-style:none;display:grid;grid-template-columns:minmax(0,1fr);gap:var(--espaco-3)}
.carta{display:grid;gap:var(--espaco-3);background:var(--cor-superficie);border-radius:var(--raio-cartao);box-shadow:var(--sombra-suave);padding:var(--espaco-4);border-top:4px solid var(--cor-marca)}
.carta-topo{display:flex;justify-content:space-between;gap:var(--espaco-2);font-size:var(--texto-pequeno);color:var(--cor-texto-suave)}
.carta-adm{font-weight:var(--peso-negrito);color:var(--cor-texto);text-transform:uppercase;letter-spacing:.04em}
.carta-credito{display:grid;font-family:var(--fonte-numero);font-weight:var(--peso-titulo);font-size:var(--texto-preco-cartao);line-height:1.1;font-variant-numeric:tabular-nums}
.carta-credito span{font-family:var(--fonte-texto);font-size:.75rem;font-weight:var(--peso-forte);color:var(--cor-texto-suave);text-transform:uppercase;letter-spacing:.06em}
.carta-dados{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--espaco-3);margin:0}
.carta-dados dt{font-size:.75rem;color:var(--cor-texto-suave);font-weight:var(--peso-forte)}
.carta-dados dd{margin:0;font-weight:var(--peso-negrito);font-variant-numeric:tabular-nums}
/* 1.6: o card abre a explicação da carta; o botão do WhatsApp fica fora do link. */
.carta-link{display:grid;gap:var(--espaco-3);color:inherit;text-decoration:none;border-radius:var(--raio-controle)}
.carta-link:focus-visible{outline:none;box-shadow:var(--sombra-foco)}
.carta-ver{display:inline-flex;align-items:center;gap:var(--espaco-1);font-size:var(--texto-pequeno);font-weight:var(--peso-negrito);color:var(--cor-link)}
.carta-ver .icone{width:18px;height:18px}
.carta-detalhe{gap:var(--espaco-4)}
.carta-credito-grande{font-size:var(--texto-preco-pagina)}
.carta-selos{list-style:none;display:flex;flex-wrap:wrap;gap:var(--espaco-2)}
.carta-selos li{display:inline-flex;align-items:center;gap:var(--espaco-1);padding:var(--espaco-1) var(--espaco-3);border-radius:var(--raio-pilula);background:var(--cor-sucesso-fundo);color:var(--cor-sucesso);font-size:var(--texto-rotulo);font-weight:var(--peso-negrito)}
.carta-selos li::before{content:"\2713";font-weight:var(--peso-titulo)}
.carta-intro{color:var(--cor-texto-suave)}
.carta-intro strong{color:var(--cor-texto)}
.carta-detalhe .acoes{margin-top:0}
.carta-custo{display:grid;gap:1px;margin:var(--espaco-3) 0 0;border-radius:var(--raio-cartao);overflow:hidden;background:var(--grafite-600)}
.carta-custo div{display:flex;justify-content:space-between;align-items:baseline;gap:var(--espaco-3);padding:var(--espaco-3) var(--espaco-4);background:var(--cor-secundaria);color:var(--cor-sobre-secundaria)}
.carta-custo dt{font-size:var(--texto-pequeno);font-weight:var(--peso-forte)}
.carta-custo dd{margin:0;font-family:var(--fonte-numero);font-weight:var(--peso-titulo);font-size:1.125rem;font-variant-numeric:tabular-nums;white-space:nowrap}
.lista-pontos{list-style:none;display:grid;gap:var(--espaco-3);margin-bottom:var(--espaco-4)}
.lista-pontos:last-child{margin-bottom:0}
.lista-pontos li{position:relative;padding-left:var(--espaco-5);color:var(--cor-texto-suave)}
.lista-pontos li::before{content:"";position:absolute;left:0;top:.6em;width:8px;height:8px;border-radius:50%;background:var(--cor-marca)}
.lista-pontos strong{color:var(--cor-texto)}
.passos{list-style:none;counter-reset:passo;display:grid;gap:var(--espaco-4)}
.passos li{counter-increment:passo;position:relative;display:grid;gap:2px;padding-left:calc(var(--espaco-8) + var(--espaco-1));min-height:32px}
.passos li::before{content:counter(passo);position:absolute;left:0;top:0;display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:var(--cor-marca);color:var(--cor-sobre-marca);font-weight:var(--peso-titulo);font-size:var(--texto-pequeno)}
.passos span{color:var(--cor-texto-suave);font-size:var(--texto-pequeno)}
.carta-aviso{font-size:.75rem;color:var(--cor-texto-suave);line-height:1.5}
.caixa{background:var(--cor-superficie);border-radius:var(--raio-cartao);box-shadow:var(--sombra-suave);padding:var(--espaco-4)}
.caixa .titulo-secao{margin-bottom:var(--espaco-1)}
.caixa-texto{color:var(--cor-texto-suave);font-size:var(--texto-pequeno);margin-bottom:var(--espaco-4)}
.caixa-link{background:var(--cor-superficie);border-radius:var(--raio-cartao);box-shadow:var(--sombra-suave)}
@media (min-width:600px){
  .favorito{left:auto;right:var(--espaco-2)}
  .cartas{grid-template-columns:repeat(2,minmax(0,1fr))}
}

@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}

/* ------------------------------------------------ avisos (Fase 3): formulário, meus avisos e páginas do e-mail */
.livre{display:block}
.topo-linha-livre{justify-content:center}
.conteudo-livre{padding-bottom:var(--espaco-8)}
.livre-caixa{display:grid;gap:var(--espaco-3)}
.livre-caixa .titulo-pagina{margin-bottom:0}
.livre-caixa form{display:grid}
.aviso-form{display:grid;gap:var(--espaco-4)}
.aviso-grupo{display:grid;gap:var(--espaco-3);border:0;margin:0;min-width:0}
.aviso-grupo legend{float:left;width:100%;padding:0}
.aviso-grupo legend+*{clear:both}
.campo-erro,.campo>.campo-erro{color:var(--cor-erro);font-size:var(--texto-pequeno);font-weight:var(--peso-forte);margin:0}
.campo input[aria-invalid="true"],.campo select[aria-invalid="true"]{border-color:var(--cor-erro);background:var(--cor-erro-fundo)}
.opcao{display:flex;align-items:flex-start;gap:var(--espaco-3);min-height:var(--espaco-alvo-toque-min);cursor:pointer}
.opcao input{flex:0 0 auto;width:22px;height:22px;margin-top:2px;accent-color:var(--cor-primaria)}
.opcao span{display:grid;gap:2px;min-width:0}
.opcao small{color:var(--cor-texto-suave);font-size:var(--texto-pequeno)}
.opcao-aceite{font-size:var(--texto-pequeno);color:var(--cor-texto-suave)}
.opcao input:disabled+span{color:var(--cor-texto-desativado)}
.aviso-pronto{display:grid;gap:var(--espaco-3)}
.aviso-pronto .titulo-secao{color:var(--cor-sucesso);margin-bottom:0}
.aviso-linha{margin-top:var(--espaco-2);font-size:var(--texto-pequeno);font-weight:var(--peso-forte)}
.aviso-linha a{color:var(--cor-link)}
.subtitulo a{color:var(--cor-link);font-weight:var(--peso-forte)}
.botao-aviso .icone{width:20px;height:20px}
.banner-aviso{background:var(--cor-superficie);color:var(--cor-texto);border:2px solid var(--cor-primaria)}
.banner-aviso .icone{color:var(--cor-primaria)}
.banner-aviso .banner-resumo{color:var(--cor-texto-suave)}
.carregando{color:var(--cor-texto-suave);padding:var(--espaco-5) 0;text-align:center}
.avisos-lista{list-style:none;display:grid;gap:var(--espaco-3);margin-bottom:var(--espaco-4)}
.aviso-item{display:grid;gap:var(--espaco-2)}
.aviso-item-rotulo{font-weight:var(--peso-negrito);font-size:var(--texto-lead)}
.aviso-item-canais{display:flex;flex-wrap:wrap;gap:var(--espaco-2)}
.chip-botao{display:inline-flex;align-items:center;min-height:40px;padding:0 var(--espaco-4);border:1px solid var(--cor-linha);border-radius:var(--raio-pilula);background:var(--cor-superficie);color:var(--cor-texto);font-family:var(--fonte-texto);font-size:var(--texto-pequeno);font-weight:var(--peso-forte);cursor:pointer}
.chip-botao[aria-pressed="true"]{background:var(--cor-secundaria);border-color:var(--cor-secundaria);color:var(--cor-sobre-secundaria)}
.chip-botao:disabled{color:var(--cor-texto-desativado);cursor:not-allowed}
.chip-botao:focus-visible{box-shadow:var(--sombra-foco);outline:0}
.aviso-item-nota{color:var(--cor-aviso);font-size:var(--texto-pequeno);font-weight:var(--peso-forte)}
.aviso-item-acoes{display:flex;justify-content:space-between;gap:var(--espaco-2);margin:0 calc(-1 * var(--espaco-3))}
.aviso-permitir,.aviso-preferencias{margin-bottom:var(--espaco-4)}
.aviso-permitir{display:grid;gap:var(--espaco-2)}
.aviso-permitir .caixa-texto{margin-bottom:0}

/* ------------------------------------------------ conta (Fase 4): entrar, Meus anúncios, Minhas trocas e chat */
.campo textarea{padding:var(--espaco-3);border:1px solid var(--cor-linha);border-radius:var(--raio-controle);background:var(--cor-superficie);width:100%;font-family:var(--fonte-texto);font-size:var(--texto-corpo);resize:vertical}
.conta-form{display:grid;gap:var(--espaco-4)}
.conta-nota{margin-bottom:0}
.conta-codigo{font-size:var(--texto-h3);letter-spacing:.3em;text-align:center;font-weight:var(--peso-negrito)}
.conta-outro{display:grid;justify-items:start;gap:var(--espaco-1);margin-top:var(--espaco-4)}
.conta-outro .caixa-texto{margin-bottom:0}
.conta-lista{list-style:none;display:grid;gap:var(--espaco-3)}
.conta-anuncio,.conta-troca{display:grid;gap:var(--espaco-2)}
.conta-cabeca{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--espaco-3)}
.conta-titulo{font-weight:var(--peso-negrito);font-size:var(--texto-lead);min-width:0}
.conta-linha{color:var(--cor-texto-suave);font-size:var(--texto-pequeno)}
.conta-passo{font-size:var(--texto-pequeno)}
.conta-sub{font-size:var(--texto-corpo);font-weight:var(--peso-negrito);margin:var(--espaco-2) 0}
.conta-pix{font-family:ui-monospace,Menlo,monospace;font-size:var(--texto-pequeno);word-break:break-all}
.conta-link-dono{font-size:var(--texto-pequeno);font-weight:var(--peso-forte);color:var(--cor-link)}
.selo-status{flex:0 0 auto;display:inline-flex;align-items:center;min-height:28px;padding:0 var(--espaco-3);border-radius:var(--raio-pilula);background:var(--cor-superficie-2);color:var(--cor-texto);font-size:var(--texto-rotulo);font-weight:var(--peso-forte)}
.selo-ativo{background:var(--cor-sucesso-fundo);color:var(--cor-sucesso)}
.selo-aguardando_pix,.selo-correcao,.selo-pausado{background:var(--cor-aviso-fundo);color:var(--cor-aviso)}
.selo-em_triagem{background:var(--cor-info-fundo);color:var(--cor-info)}
.etapas{list-style:none;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:var(--espaco-1);margin:var(--espaco-1) 0}
.etapa{padding-top:var(--espaco-2);border-top:4px solid var(--cor-linha);font-size:var(--texto-rotulo);color:var(--cor-texto-suave);text-align:center;overflow-wrap:anywhere}
.etapa.feita{border-top-color:var(--cor-sucesso)}
.etapa.atual{border-top-color:var(--cor-primaria);color:var(--cor-texto);font-weight:var(--peso-negrito)}
.chat-lista{display:flex;flex-direction:column;gap:var(--espaco-2);margin-bottom:var(--espaco-4)}
.chat-msg{max-width:85%;padding:var(--espaco-2) var(--espaco-3);border-radius:var(--raio-cartao);box-shadow:var(--sombra-suave)}
.chat-voce{align-self:flex-end;background:var(--cor-secundaria);color:var(--cor-sobre-secundaria)}
.chat-rc{align-self:flex-start;background:var(--cor-superficie);color:var(--cor-texto)}
.chat-texto{overflow-wrap:anywhere}
.chat-hora{display:block;margin-top:var(--espaco-1);font-size:var(--texto-rotulo);opacity:.75}
.chat-vazio{color:var(--cor-texto-suave);text-align:center;padding:var(--espaco-6) 0}
.chat-form{display:grid;gap:var(--espaco-3)}
.so-app{display:none}
@media (display-mode:standalone),(display-mode:minimal-ui){.so-app{display:block}.so-navegador{display:none}}
html.instalado .so-app{display:block}
html.instalado .so-navegador{display:none}

/* Cadastro antes de instalar e entrada com Google (contrato 1.5 seção 3.3) */
.cadastro .conteudo-livre{max-width:520px;margin:0 auto}
.cadastro-passos{display:flex;flex-wrap:wrap;gap:var(--espaco-4);list-style:none;padding:0;margin:0 0 var(--espaco-4);font-size:var(--texto-pequeno);color:var(--cor-texto-suave)}
.cadastro-passos li{display:flex;align-items:center;gap:var(--espaco-2)}
.cadastro-passos li span{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:var(--raio-pilula);background:var(--cor-superficie-2);color:var(--cor-texto-suave);font-weight:var(--peso-negrito)}
.cadastro-passos li.atual{color:var(--cor-texto);font-weight:var(--peso-forte)}
.cadastro-passos li.atual span{background:var(--cor-primaria);color:var(--cor-sobre-primaria)}
.cadastro-passos li.feito span{background:var(--cor-sucesso);color:var(--cor-branco)}
.cadastro-form{display:grid;gap:var(--espaco-4)}
.botao-google{background:var(--cor-superficie);color:var(--cor-texto);border-color:var(--cor-linha);gap:var(--espaco-3);font-weight:var(--peso-forte)}
.botao-google:active{background:var(--cor-superficie-2)}
.icone-google{flex:none}
.cadastro-ou{display:flex;align-items:center;gap:var(--espaco-3);color:var(--cor-texto-suave);font-size:var(--texto-pequeno);margin:0}
.cadastro-ou::before,.cadastro-ou::after{content:"";flex:1;height:1px;background:var(--cor-linha)}
.cadastro-lgpd{margin:0}
.cadastro-lgpd a{color:var(--cor-link);font-weight:var(--peso-forte)}
.conta-google+.cadastro-ou{margin:var(--espaco-4) 0}
.privacidade ul{padding-left:var(--espaco-5);margin:0 0 var(--espaco-4)}
.privacidade li{margin-bottom:var(--espaco-2)}
.privacidade p{margin:0 0 var(--espaco-4)}
.privacidade p a{color:var(--cor-link);font-weight:var(--peso-forte)}
.privacidade .titulo-secao{margin-top:var(--espaco-6)}