/*
 * App do associado: padrão visual único (cores do logo: azul-céu, branco e preto), claro e escuro.
 * Carregado DEPOIS do <style> do index.html: refina os componentes que todas as telas usam (botões, cartões, campos, etiquetas)
 * e traz a tela inicial nova (mx-*) e o assistente "Abrir evento" (ev-*). Não muda a lógica de nenhuma tela.
 */
:root{
  --raio:20px;--raio-m:14px;--toque:52px;
  --sombra-2:0 2px 4px rgba(13,26,36,.06),0 14px 34px rgba(13,26,36,.10);
  --ceu-suave:color-mix(in srgb,var(--ceu) 12%,var(--cartao));
  --vermelho:#CF3434;
}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){--sombra-2:0 2px 6px rgba(0,0,0,.4);--ceu-suave:color-mix(in srgb,var(--ceu) 16%,var(--cartao))}}
:root[data-theme="dark"]{--sombra-2:0 2px 6px rgba(0,0,0,.4);--ceu-suave:color-mix(in srgb,var(--ceu) 16%,var(--cartao))}

/* ---- componentes compartilhados por todas as telas ---- */
body{letter-spacing:.005em}
h1{letter-spacing:-.015em}
.btn{min-height:var(--toque);border-radius:var(--raio-m);font-weight:700;transition:transform .08s ease,box-shadow .15s,border-color .15s,background .15s}
.btn:active{transform:scale(.985)}
.btn-pri{box-shadow:0 6px 16px color-mix(in srgb,var(--ceu) 35%,transparent)}
.btn-peq{min-height:42px;border-radius:12px}
.painel{border-radius:var(--raio);box-shadow:var(--sombra);padding:18px}
.campo input,.campo select,.campo textarea{border-radius:var(--raio-m);min-height:50px;font-size:1.02rem}
.campo>span{font-size:.95rem}
.chip{padding:5px 12px}
.erro{border-radius:var(--raio-m)}
.aviso{border-radius:var(--raio-m)}
.ok-box{background:var(--ok-claro);color:var(--ok);padding:12px 14px;border-radius:var(--raio-m);font-weight:600;margin:0 0 12px}
.ok-txt{color:var(--ok);font-weight:600}
.check{display:flex;gap:12px;align-items:flex-start;padding:10px 2px;font-size:1rem;cursor:pointer}
.check input{width:24px;height:24px;flex:none;margin-top:1px;accent-color:var(--ceu)}
.sub-pagina{margin:6px 0 16px}
.req{color:var(--vermelho)}
.navbar{border-radius:22px 22px 0 0;box-shadow:0 -8px 30px rgba(13,26,36,.10)}
.navbar a{font-size:.74rem;padding:6px 0;border-radius:14px}
.navbar a.ativa{color:var(--ceu-forte)}
.navbar a.ativa svg{color:var(--ceu)}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .navbar a.ativa{color:var(--link)}}
.doc-ass,.ev-card,.veic-linha,.atalho{border-radius:var(--raio-m)}
.doc-sec{margin-top:18px}

/* ---- tela inicial ---- */
.mx-home{padding-top:14px}
.mx-hero{position:relative;overflow:hidden;color:#fff;border-radius:26px;padding:20px 20px 18px;background:linear-gradient(140deg,#1A5FA0 0%,#0E3F6E 62%,#0D1A24 140%);box-shadow:var(--sombra-2)}
.mx-hero::after{content:"";position:absolute;right:-60px;top:-60px;width:210px;height:210px;border-radius:50%;background:rgba(255,255,255,.10)}
.mx-hero>*{position:relative;z-index:1}
.mx-hero h1{color:#fff;font-size:1.7rem}
.mx-saud{font-weight:600;opacity:.92;margin:0 0 2px}
.mx-hero-linha{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}
.mx-prot{display:inline-flex;align-items:center;gap:8px;margin-top:12px;background:#fff;color:#0D1A24;font-weight:700;font-size:.9rem;padding:6px 14px;border-radius:999px}
.mx-prot i{width:10px;height:10px;border-radius:50%;background:var(--na);display:block}
.mx-prot.ok i{background:#1E8A5B;box-shadow:0 0 0 4px rgba(30,138,91,.2)}
.mx-prot.ambar i{background:#E0A12A}.mx-prot.avaria i{background:#CF3434}
.mx-veic{display:flex;align-items:center;gap:12px;margin-top:14px;background:rgba(255,255,255,.14);border-radius:16px;padding:10px 12px}
.mx-veic .placa{flex:none}
.mx-veic strong{display:block;font-size:1rem;line-height:1.2}
.mx-veic span.peq{opacity:.9}
.mx-fone{display:flex;align-items:center;justify-content:center;gap:10px;margin-top:14px;min-height:50px;border-radius:16px;background:#0D1A24;color:#fff;text-decoration:none;font:700 1.08rem "Barlow",sans-serif}
.mx-fone svg{width:22px;height:22px}
.mx-fone small{font-weight:500;opacity:.8;font-size:.78rem;display:block;line-height:1}
.mx-evento{display:flex;align-items:center;gap:14px;margin-top:14px;padding:18px;border-radius:24px;background:#0D1A24;color:#fff;text-decoration:none;border:2px solid var(--ceu);box-shadow:var(--sombra-2)}
.mx-evento:active{transform:scale(.99)}
.mx-evento-ic{flex:none;width:58px;height:58px;border-radius:18px;background:var(--ceu);display:grid;place-items:center;color:#fff}
.mx-evento-ic svg{width:32px;height:32px}
.mx-evento strong{display:block;font:700 1.35rem "Barlow Semi Condensed","Barlow",sans-serif;line-height:1.1}
.mx-evento span.t{display:block;opacity:.85;font-size:.92rem;margin-top:3px}
.mx-evento .seta{margin-left:auto;opacity:.8}
.mx-tiles{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:12px}
.mx-tile{display:flex;flex-direction:column;gap:6px;align-items:flex-start;justify-content:space-between;min-height:116px;padding:14px;border-radius:20px;background:var(--cartao);border:1px solid var(--linha);box-shadow:var(--sombra);text-decoration:none;color:var(--tinta)}
.mx-tile:active{transform:scale(.985)}
.mx-tile-ic{width:44px;height:44px;border-radius:14px;background:var(--ceu-suave);color:var(--ceu-forte);display:grid;place-items:center}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .mx-tile-ic{color:var(--link)}}
.mx-tile-ic svg{width:26px;height:26px}
.mx-tile strong{font:700 1rem "Barlow Semi Condensed","Barlow",sans-serif;line-height:1.1}
.mx-tile span.peq{color:var(--muted);line-height:1.2}
.mx-tile.pausa .mx-tile-ic{background:var(--ambar-claro);color:var(--ambar)}
.mx-sec{margin-top:24px}
.mx-sec>h2{margin-bottom:10px}
.mx-lista{display:flex;flex-direction:column;gap:8px}
.mx-lista a{display:flex;align-items:center;gap:14px;min-height:60px;padding:10px 14px;border-radius:var(--raio-m);background:var(--cartao);border:1px solid var(--linha);text-decoration:none;color:var(--tinta)}
.mx-lista a .i{flex:none;width:40px;height:40px;border-radius:12px;background:var(--ceu-suave);color:var(--ceu-forte);display:grid;place-items:center}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .mx-lista a .i{color:var(--link)}}
.mx-lista a .i svg{width:22px;height:22px}
.mx-lista a strong{display:block;font-weight:700;line-height:1.2}
.mx-lista a .peq{color:var(--muted)}
.mx-lista a .seta{margin-left:auto;color:var(--muted)}
.mx-banner{display:flex;align-items:center;gap:12px;margin-top:12px;padding:14px 16px;border-radius:var(--raio-m);background:var(--ambar-claro);color:var(--tinta);text-decoration:none;border:1px solid color-mix(in srgb,var(--ambar) 40%,transparent)}
.mx-banner-ic{flex:none;width:38px;height:38px;border-radius:12px;background:var(--ambar);color:#fff;display:grid;place-items:center}
.mx-banner-ic svg{width:22px;height:22px}
.mx-banner strong{display:block}.mx-banner .peq{color:var(--muted)}
@media (max-width:380px){.mx-tiles{grid-template-columns:1fr 1fr}.mx-tiles .mx-tile:last-child{grid-column:1/-1;min-height:84px}}

/* ---- assistente "Abrir evento" ---- */
.ev{padding-bottom:40px}
.ev-topo{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px}
.ev-topo strong{font:700 1.1rem "Barlow Semi Condensed","Barlow",sans-serif;color:var(--tinta)}
.ev-sair{display:inline-flex;align-items:center;gap:4px;min-height:44px;padding:0 6px;background:none;border:0;color:var(--link);font:600 1rem "Barlow",sans-serif;text-decoration:none;cursor:pointer}
.ev-sair svg{width:20px;height:20px}
.ev-prog{height:10px;border-radius:999px;background:var(--linha);overflow:hidden}
.ev-prog i{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,var(--ceu),var(--ceu-forte));transition:width .3s ease}
.ev-etapa{margin:8px 0 14px;color:var(--muted);font-size:.95rem}
.ev-h1{font-size:1.6rem;margin-bottom:12px}
.ev-bloco{display:flex;flex-direction:column;gap:14px}
.ev-ajuda{background:var(--ceu-suave);border-radius:var(--raio-m);padding:12px 14px;color:var(--texto);line-height:1.45}
.ev-alerta{background:var(--avaria-claro);color:var(--tinta);border:2px solid var(--avaria);border-radius:var(--raio);padding:16px;margin-bottom:12px}
.ev-alerta strong{display:block;font:700 1.4rem "Barlow Semi Condensed","Barlow",sans-serif;color:var(--avaria);margin-bottom:4px}
.ev-alerta a{font-weight:800;color:var(--avaria);text-decoration:underline}
.ev-grid1{display:flex;flex-direction:column;gap:10px}
.ev-grid2{display:grid;grid-template-columns:1fr;gap:10px;margin:12px 0}
@media (min-width:520px){.ev-grid2{grid-template-columns:1fr 1fr}}
.ev-grande{min-height:58px;font-size:1.08rem;width:100%}
.ev-lin2{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.ev-q{font-weight:700;color:var(--tinta);margin:0}
.ev-sn{display:flex;flex-direction:column;gap:6px}
.ev-sn-b{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.ev-h3{font:700 1.15rem "Barlow Semi Condensed","Barlow",sans-serif;margin:10px 0 0}
.ev-chips{display:flex;flex-wrap:wrap;gap:8px}
.ev-chip{min-height:46px;padding:8px 16px;border-radius:999px;border:1.5px solid var(--linha);background:var(--cartao);color:var(--tinta);font:600 1rem "Barlow",sans-serif;cursor:pointer}
.ev-chip.on{background:var(--ceu);border-color:var(--ceu);color:#fff}
.ev-opcao{display:flex;align-items:center;gap:14px;text-align:left;width:100%;padding:18px;border-radius:var(--raio);border:2px solid var(--linha);background:var(--cartao);color:var(--tinta);font:inherit;cursor:pointer;box-shadow:var(--sombra)}
.ev-opcao:active{border-color:var(--ceu)}
.ev-opcao strong{display:block;font:700 1.2rem "Barlow Semi Condensed","Barlow",sans-serif}
.ev-opcao .muted{display:block;font-size:.95rem;line-height:1.3}
.ev-op-ic{flex:none;width:54px;height:54px;border-radius:16px;background:var(--ceu-suave);color:var(--ceu-forte);display:grid;place-items:center}
.ev-op-ic svg{width:30px;height:30px}
.ev-carro{display:block;width:min(100%,250px);margin:0 auto}
.ev-carro .ev-roda{fill:#0D1A24}
.ev-zona{cursor:pointer;outline:none}
.ev-zona>*{fill:var(--ceu-suave);stroke:var(--ceu-forte);stroke-width:2.5;transition:fill .15s}
.ev-zona.on>*{fill:rgba(207,52,52,.62);stroke:var(--vermelho)}
.ev-zona:focus-visible>*{stroke:var(--tinta);stroke-width:4}
.ev-tx{fill:var(--muted);font:600 11px "Barlow",sans-serif;pointer-events:none}
.ev-slot{position:relative;display:flex;gap:12px;align-items:center;padding:12px;border:1.5px dashed var(--linha);border-radius:var(--raio-m);background:var(--cartao)}
.ev-slot.ok{border-style:solid;border-color:var(--ok)}
.ev-slot-img{flex:none;width:84px;height:84px;border-radius:12px;background:var(--papel);display:grid;place-items:center;overflow:hidden;color:var(--muted)}
.ev-slot-img img{width:100%;height:100%;object-fit:cover}
.ev-cam svg{width:34px;height:34px}
.ev-pdf{font:800 .9rem "Barlow",sans-serif;color:var(--ceu-forte)}
.ev-slot-txt{display:flex;flex-direction:column;gap:3px;min-width:0;flex:1}
.ev-slot-txt strong{line-height:1.2}
.ev-slot-b{display:flex;gap:8px;flex-wrap:wrap;margin-top:6px}
.ev-slot-b label{position:relative;overflow:hidden;cursor:pointer}
.ev-file{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer;font-size:0}
.ev-barra{height:8px;border-radius:999px;background:var(--linha);overflow:hidden;margin-top:6px}
.ev-barra i{display:block;height:100%;background:var(--ceu);width:0;transition:width .2s}
.ev-rodape{position:sticky;bottom:0;display:grid;grid-template-columns:1fr 1.6fr;gap:10px;margin-top:22px;padding:12px 0 calc(8px + env(safe-area-inset-bottom,0px));background:linear-gradient(to top,var(--papel) 78%,transparent)}
.ev-res{margin-top:12px;background:var(--cartao);border:1px solid var(--linha);border-radius:var(--raio-m);padding:14px}
.ev-res h3{font-size:1.1rem;margin-bottom:6px}
.ev-res-h{display:flex;justify-content:space-between;align-items:center}
.ev-res-l{display:flex;justify-content:space-between;gap:12px;padding:6px 0;border-top:1px solid var(--linha);font-size:.95rem}
.ev-res-l strong{text-align:right;word-break:break-word;max-width:62%}
.ev-falta{margin:6px 0 0;padding-left:20px;font-weight:500}
.ev-assin{display:block;width:100%;height:180px;touch-action:none;background:#fff;border:1.5px solid var(--linha);border-radius:var(--raio-m)}
.ev-ok{text-align:center;padding:24px 8px}
.ev-ok-ic{display:grid;place-items:center;width:72px;height:72px;margin:0 auto 12px;border-radius:50%;background:var(--ok);color:#fff}
.ev-ok-ic svg{width:40px;height:40px}
.ev-prot{font:800 1.9rem "Barlow Semi Condensed","Barlow",sans-serif;letter-spacing:.06em;color:var(--ceu-forte);margin:4px 0 10px}
.ev-card{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:10px;padding:14px;border:1px solid var(--linha);background:var(--cartao);text-decoration:none;color:var(--tinta)}
.ev-card.rasc{border-style:dashed;border-color:var(--ceu)}
.ev-card strong{display:block}.ev-card .peq{display:block}
.ev-tl{list-style:none;display:flex;justify-content:space-between;margin:14px 0 10px;padding:0;position:relative}
.ev-tl::before{content:"";position:absolute;left:8%;right:8%;top:16px;height:3px;background:var(--linha)}
.ev-tl li{position:relative;flex:1;text-align:center;font-size:.85rem;color:var(--muted)}
.ev-tl-b{display:grid;place-items:center;width:34px;height:34px;margin:0 auto 4px;border-radius:50%;background:var(--cartao);border:3px solid var(--linha);font-weight:700;position:relative;z-index:1}
.ev-tl li.feito .ev-tl-b{background:var(--ceu);border-color:var(--ceu);color:#fff}
.ev-tl li.atual .ev-tl-b{border-color:var(--ceu);color:var(--ceu-forte)}
.ev-tl li.atual.bom .ev-tl-b{background:var(--ok);border-color:var(--ok);color:#fff}
.ev-tl li.atual.ruim .ev-tl-b{background:var(--avaria);border-color:var(--avaria);color:#fff}
.ev-tl li.atual em,.ev-tl li.feito em{color:var(--tinta);font-weight:700}
.ev-tl em{font-style:normal}
.ev-sit{margin-top:12px}

/* Placa Mercosul (escolha do veículo no Abrir evento) */
.placa.merc{min-width:210px;border:3px solid #111;border-radius:10px;background:#fff;box-shadow:0 1px 0 rgba(0,0,0,.08)}
.placa.merc .merc-faixa{display:flex;align-items:center;justify-content:center;gap:8px;background:#1A3E9B;color:#fff;font:700 .7rem "Barlow",sans-serif;letter-spacing:.2em;padding:4px 0}
.merc-bandeira{display:inline-block;width:16px;height:11px;border-radius:2px;background:linear-gradient(135deg,#1a9b3c 0 50%,#f5d000 50% 100%);box-shadow:0 0 0 1px rgba(255,255,255,.5)}
.placa.merc .merc-num{font:700 2.3rem "Barlow Semi Condensed","Barlow",sans-serif;color:#111;padding:6px 14px 8px;letter-spacing:.08em}
.placa.merc.peq{min-width:112px;border-width:2px;border-radius:6px}
.placa.merc.peq .merc-faixa{font-size:.45rem;padding:2px 0;gap:4px}.placa.merc.peq .merc-bandeira{width:9px;height:6px}
.placa.merc.peq .merc-num{font-size:1.15rem;padding:2px 8px 3px}
.ev-veics{display:flex;flex-direction:column;gap:12px;margin-bottom:10px}
.ev-veic{display:flex;flex-direction:column;align-items:center;gap:8px;width:100%;padding:14px;border:2px solid var(--linha);border-radius:var(--raio);background:var(--cartao);color:var(--tinta);font:inherit;cursor:pointer}
.ev-veic.on{border-color:var(--ceu);box-shadow:0 0 0 3px rgba(70,170,230,.35)}
.ev-veic.on .merc-faixa{background:#0b66c3}
.ev-veic-d{font-weight:600;text-align:center}.ev-veic-d small{display:block;font-weight:400;color:var(--ambar);font-size:.8rem}
.ev-placa-topo{display:flex;align-items:center;gap:10px;margin:0 0 12px}

/* ============================================================================
 * Visual profissional (protótipo aprovado em 22/10/2026): Início, Veículo, Documentos e vistoria pelo app.
 * Só aparência e organização. Cores do logo (azul-céu, branco e preto); claro e escuro pelos mesmos tokens.
 * ========================================================================== */
.vx-home{display:flex;flex-direction:column;gap:14px;padding-top:14px}
.vx-home>h1{margin:0}
.vx-ola h1{font-size:1.75rem;margin:0}
.vx-ola p{margin:2px 0 0}
.vx-card{background:var(--cartao);border-radius:var(--raio);box-shadow:var(--sombra);padding:16px;display:block;color:var(--texto);text-decoration:none}
.vx-card h2{font-size:1.12rem;margin:0}
.vx-card h3{font-size:1rem;margin:0 0 4px}
.vx-cab{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px}
.vx-ver{font-weight:700;color:var(--link);font-size:.92rem;text-decoration:none;min-height:36px;display:inline-flex;align-items:center}
.vx-pilula{display:inline-flex;align-items:center;gap:6px;border-radius:999px;padding:3px 12px 3px 9px;font-weight:700;font-size:.82rem;width:fit-content;background:var(--papel);color:var(--muted)}
.vx-pilula::before{content:"";width:8px;height:8px;border-radius:50%;background:currentColor;flex:none}
.vx-pilula.ok{background:var(--ok-claro);color:var(--ok)}
.vx-pilula.ruim{background:var(--avaria-claro);color:var(--avaria)}
.vx-pilula.amb{background:var(--ambar-claro);color:var(--ambar)}

/* situação */
.vx-sit{position:relative;overflow:hidden;color:#fff;border-radius:var(--raio);padding:18px;background:linear-gradient(150deg,#1A5FA0 0%,#0E3F6E 100%);box-shadow:var(--sombra-2)}
.vx-sit::after{content:"";position:absolute;right:-44px;top:-44px;width:150px;height:150px;border-radius:50%;background:rgba(255,255,255,.12)}
.vx-sit>*{position:relative;z-index:1}
.vx-sit.inad{background:linear-gradient(150deg,#2B3640 0%,#0D1A24 100%)}
.vx-rot{font-size:.8rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;opacity:.9}
.vx-sit-lin{display:flex;align-items:center;flex-wrap:wrap;gap:6px 12px;margin:4px 0 6px}
.vx-sit-lin strong{font:700 1.8rem/1.05 "Barlow Semi Condensed","Barlow",sans-serif}
.vx-sit .vx-pilula{background:#fff;color:#0D1A24}
.vx-sit .vx-pilula.ok{color:#1E8A5B}.vx-sit .vx-pilula.ruim{color:#CF3434}
.vx-sit p{margin:0;font-size:.95rem;opacity:.96}

/* veículo */
.vx-veic{display:flex;align-items:center;gap:14px}
.vx-veic-t{display:flex;flex-direction:column;gap:4px;min-width:0}
.vx-veic-t strong{color:var(--tinta);font-size:1.05rem;line-height:1.2}
.vx-btn-s{background:var(--ceu-suave);color:var(--ceu-forte);box-shadow:none;border:0}
.vx-btn-o{background:var(--cartao);color:var(--tinta);border:1.5px solid var(--linha);box-shadow:none}
.vx-btn-peq{min-height:40px;padding:6px 14px;font-size:.9rem;border-radius:12px;width:auto;display:inline-flex;align-items:center;justify-content:center;gap:6px;text-decoration:none;font-weight:700}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .vx-btn-s{color:var(--link)}}
.vx-kv{margin-top:14px;border-top:1px solid var(--linha)}
.vx-kv>div{display:flex;justify-content:space-between;gap:12px;padding:10px 0;border-bottom:1px solid var(--linha);font-size:.95rem}
.vx-kv span{color:var(--muted)}.vx-kv strong{color:var(--tinta);text-align:right}
.vx-sub{margin-top:14px}

/* boleto */
.vx-boleto{display:flex;align-items:flex-end;justify-content:space-between;gap:12px}
.vx-valor{font:700 1.9rem/1.1 "Barlow Semi Condensed","Barlow",sans-serif;color:var(--tinta)}
.vx-linha{display:flex;align-items:center;gap:12px}
.vx-linha>span:nth-child(2){flex:1;min-width:0}
.vx-linha strong{display:block;color:var(--tinta)}
.vx-ic{flex:none;width:40px;height:40px;border-radius:12px;background:var(--ceu-suave);color:var(--ceu-forte);display:grid;place-items:center}
.vx-ic svg{width:22px;height:22px}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .vx-ic{color:var(--link)}}
.vx-lista{padding:4px 16px}
.vx-lista a{display:flex;align-items:center;gap:12px;padding:12px 0;border-top:1px solid var(--linha);text-decoration:none;color:var(--texto);min-height:60px}
.vx-lista a:first-child{border-top:0}
.vx-lista a>span:nth-child(2){flex:1;min-width:0}
.vx-lista strong{display:block;color:var(--tinta)}
.vx-lista .seta,.vx-linha .seta{color:var(--muted)}

/* assistência 24h */
.vx-assist{background:#0D1A24;color:#fff;border-radius:var(--raio);padding:18px;box-shadow:var(--sombra-2)}
.vx-assist h2{color:#fff;font-size:1.12rem;margin:0}
.vx-fone{display:flex;align-items:center;gap:12px;margin:12px 0;padding:12px 14px;border-radius:14px;background:var(--ceu);color:#fff;text-decoration:none}
.vx-fone svg{width:30px;height:30px;flex:none}
.vx-fone strong{display:block;font:700 1.8rem/1 "Barlow Semi Condensed","Barlow",sans-serif;letter-spacing:.02em}
.vx-fone small{display:block;font-size:.8rem;opacity:.96;margin-top:2px}
.vx-trava{background:rgba(255,255,255,.12);border-radius:14px;padding:12px;margin-bottom:12px}
.vx-trava p{margin:0 0 10px;font-size:.95rem}
.vx-regul{background:#fff;color:#0D1A24;box-shadow:none}
.vx-opcoes{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.vx-op{display:flex;align-items:center;gap:10px;min-height:56px;padding:10px 12px;border-radius:13px;background:rgba(255,255,255,.1);color:#fff;text-decoration:none;font-weight:600;font-size:.95rem;line-height:1.15}
.vx-op svg{width:26px;height:26px;flex:none;color:#BFE3F5}
.vx-op.off{opacity:.45;cursor:not-allowed}
.vx-op b{font-weight:600}

/* documentos */
.vx-resumo{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:var(--raio-m);font-weight:600;line-height:1.3}
.vx-resumo svg{width:24px;height:24px;flex:none}
.vx-resumo.amb{background:var(--ambar-claro);color:var(--ambar)}
.vx-resumo.ok{background:var(--ok-claro);color:var(--ok)}
.vx-docs{display:flex;flex-direction:column}
.vx-docs-v{padding-top:12px;padding-bottom:6px}
.vx-doc{display:flex;align-items:center;gap:12px;padding:13px 0;border-top:1px solid var(--linha)}
.vx-docs>.vx-doc:first-child{border-top:0}
.vx-resumo+.vx-docs{margin-top:6px}
.vx-doc-ic{flex:none;width:42px;height:42px;border-radius:12px;background:var(--ceu-suave);color:var(--ceu-forte);display:grid;place-items:center}
.vx-doc-ic svg{width:22px;height:22px}
.vx-doc.pendente .vx-doc-ic,.vx-doc.recusado .vx-doc-ic,.vx-doc.analise .vx-doc-ic{background:var(--ambar-claro);color:var(--ambar)}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .vx-doc.ok .vx-doc-ic{color:var(--link)}}
.vx-doc-t{flex:1;min-width:0;display:flex;flex-direction:column;gap:1px}
.vx-doc-t strong{color:var(--tinta);font-size:.98rem;line-height:1.25}
.vx-doc-ok{color:var(--ok);font-weight:600;font-size:.86rem}
.vx-doc-pend,.vx-doc-an{color:var(--ambar);font-weight:600;font-size:.86rem}
.vx-doc-rec{color:var(--avaria);font-weight:700;font-size:.86rem}
.vx-doc-nota{color:var(--muted);font-size:.82rem;line-height:1.3;margin-top:2px}
.vx-ler{font-size:.84rem;font-weight:600;color:var(--link);margin-top:2px;min-height:28px;display:inline-flex;align-items:center}
.vx-doc-b{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end;flex:none}
.vx-doc-b svg{width:18px;height:18px}
@media (max-width:340px){.vx-doc{flex-wrap:wrap}.vx-doc-t{flex-basis:calc(100% - 56px)}.vx-doc-b{flex-basis:100%;justify-content:flex-start;padding-left:54px}}

/* ponto de aviso no menu */
.navbar a{position:relative}
.vx-ponto{position:absolute;top:6px;left:calc(50% + 6px);width:11px;height:11px;border-radius:50%;background:var(--vermelho);border:2px solid var(--cartao)}

/* vistoria pelo app */
.vx-passo{height:8px;border-radius:999px;background:var(--linha);overflow:hidden;margin:2px 0 12px}
.vx-passo i{display:block;height:100%;border-radius:999px;background:var(--ceu);transition:width .25s}
.vx-fotos{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.vx-foto{position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;aspect-ratio:4/3;border-radius:16px;border:2px dashed var(--ceu);background:var(--ceu-suave);color:var(--ceu-forte);cursor:pointer;text-align:center}
.vx-foto img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.vx-foto.opc{border-color:var(--linha);background:var(--cartao);color:var(--muted)}
.vx-foto.feita{border-style:solid;border-color:var(--ok)}
.vx-foto-t{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:2px;padding:8px;font-size:.9rem}
.vx-foto-t svg{width:30px;height:30px}
.vx-foto-t b{font-weight:700;line-height:1.15}
.vx-foto-t small{font-weight:500;font-size:.76rem;line-height:1.2;opacity:.9}
.vx-foto.feita .vx-foto-t{background:rgba(13,26,36,.62);color:#fff;border-radius:10px;padding:6px 10px;margin:0 6px}
.vx-foto.feita:not(:has(img)) .vx-foto-t{background:none;color:var(--ok)}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .vx-foto{color:var(--link)}}
.vx-valor.sem{font-size:1.2rem;line-height:1.25}

/* Reativação da cobertura depois do pagamento (aviso em destaque, Início e Documentos) */
.vx-reat{border-radius:var(--raio);padding:16px;background:var(--ambar-claro);border:2px solid var(--ambar);color:var(--tinta);display:flex;flex-direction:column;gap:12px;box-shadow:var(--sombra)}
.vx-reat.ok{background:var(--ok-claro);border-color:var(--ok)}
.vx-reat-t{display:flex;gap:12px;align-items:flex-start}
.vx-reat-t>svg{flex:none;width:30px;height:30px;color:var(--ambar);margin-top:2px}
.vx-reat.ok .vx-reat-t>svg{color:var(--ok)}
.vx-reat-t strong{display:block;font:700 1.2rem/1.2 "Barlow Semi Condensed","Barlow",sans-serif;color:var(--tinta)}
.vx-reat-t span{display:block;margin-top:4px;font-size:.95rem;line-height:1.4;color:var(--texto)}
.vx-reat-b{display:flex;flex-direction:column;gap:8px}

/* =====================================================================
   VISUAL PRO (app do Associado): início animado, cartões vivos, menu flutuante
   ===================================================================== */
:root{--ease:cubic-bezier(.2,.8,.2,1)}

/* hero com cena animada: céu, nuvens, estrada, carro protegido */
.vx-sit{padding-bottom:0;background:linear-gradient(170deg,#2FA4E7 0%,#1A5FA0 45%,#0E3F6E 100%)}
.vx-sit::after{width:190px;height:190px;right:-60px;top:-70px;background:radial-gradient(circle,rgba(255,255,255,.28),rgba(255,255,255,0) 70%);animation:vx-sol 6s ease-in-out infinite}
.vx-cena{margin:8px -18px 0;height:116px;overflow:hidden;position:relative;z-index:0}
.vx-cena-svg{display:block;width:100%;height:100%}
.vx-cena .mt{fill:rgba(255,255,255,.16)}
.vx-cena .nv ellipse{fill:rgba(255,255,255,.85)}
.vx-cena .nv{animation:vx-nuvem 38s linear infinite}
.vx-cena .n2{animation-duration:52s;animation-delay:-20s;opacity:.7}
.vx-cena .n3{animation-duration:66s;animation-delay:-40s;opacity:.55}
.vx-cena .via{fill:#0B3F5E;opacity:.7}
.vx-cena .trac{stroke:#fff;stroke-width:2.2;stroke-dasharray:16 14;opacity:.85;animation:vx-estrada .9s linear infinite}
.vx-cena .carro{animation:vx-balanca 1.1s ease-in-out infinite}
.vx-cena .cb{fill:#fff}.vx-cena .cv{fill:#1A5FA0;opacity:.85}.vx-cena .fa{fill:#FFE9A8}.vx-cena .la{fill:#E24B4B}
.vx-cena .rd circle:first-child{fill:#0D1A24}.vx-cena .rd .ar{fill:#fff}
.vx-cena .rd{animation:vx-roda .7s linear infinite;transform-box:fill-box;transform-origin:center}
.vx-cena .esc{fill:#1E8A5B;stroke:#fff;stroke-width:1.6;animation:vx-escudo 2.4s ease-in-out infinite;transform-box:fill-box;transform-origin:50% 60%}
.vx-cena .ck{fill:none;stroke:#fff;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:30;stroke-dashoffset:30;animation:vx-check 2.4s ease-in-out .4s infinite}
.vx-cena .onda{fill:none;stroke:#7CE3B3;stroke-width:1.6;opacity:0;transform-box:fill-box;transform-origin:center;animation:vx-onda 2.4s ease-out infinite}
.vx-cena .onda.o2{animation-delay:1.2s}
/* inadimplente: cena parada e apagada (nada de festa) */
.vx-cena.parado{filter:grayscale(1) brightness(.8);opacity:.9}
.vx-cena.parado *{animation:none!important}
.vx-cena.parado .ck{stroke-dashoffset:0}
.vx-cena.parado .onda{display:none}
.vx-cena.parado .esc{fill:#C97B1A}

/* entrada escalonada na tela inicial */
.vx-anim>*{animation:vx-entra .6s var(--ease) both}
.vx-anim>*:nth-child(2){animation-delay:.07s}.vx-anim>*:nth-child(3){animation-delay:.14s}.vx-anim>*:nth-child(4){animation-delay:.2s}.vx-anim>*:nth-child(5){animation-delay:.26s}.vx-anim>*:nth-child(6){animation-delay:.32s}.vx-anim>*:nth-child(n+7){animation-delay:.38s}
.vx-ola h1{background:linear-gradient(90deg,var(--tinta),var(--ceu-forte));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.vx-card,.vx-assist,.mx-evento{transition:transform .25s var(--ease),box-shadow .25s}
.vx-card:active,.mx-evento:active{transform:scale(.985)}
.vx-card{box-shadow:0 1px 2px rgba(13,26,36,.05),0 10px 28px rgba(13,26,36,.07)}
.vx-pilula.ok::before{animation:vx-pulso 1.8s ease-out infinite}
.vx-fone{position:relative;overflow:hidden;box-shadow:0 8px 22px rgba(28,157,218,.45)}
.vx-fone::after{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 35%,rgba(255,255,255,.28) 50%,transparent 65%);transform:translateX(-120%);animation:vx-brilho 4.5s ease-in-out 1.2s infinite}
.vx-fone svg{animation:vx-fone-tel 3.4s ease-in-out infinite;transform-origin:50% 50%}
.vx-op{transition:transform .2s var(--ease),background .2s}
.vx-op:not(.off):active{transform:scale(.96);background:rgba(255,255,255,.2)}
.mx-evento-ic{animation:vx-sirene 2.6s ease-in-out infinite}
.btn-pri{transition:transform .15s var(--ease),box-shadow .2s}
.btn-pri:active{transform:scale(.97)}

/* menu inferior flutuante, em cápsula */
@media (max-width:900px){
  .navbar{left:12px;right:12px;bottom:calc(10px + env(safe-area-inset-bottom,0px));border-radius:26px;border:1px solid var(--linha);box-shadow:0 14px 40px rgba(13,26,36,.22);padding:4px 6px}
  .navbar a{position:relative;transition:color .2s}
  .navbar a.ativa::before{content:"";position:absolute;top:-1px;left:30%;right:30%;height:3px;border-radius:0 0 4px 4px;background:var(--ceu);animation:vx-entra .3s var(--ease) both}
  .navbar a.ativa svg{animation:vx-pula .4s var(--ease)}
}

@keyframes vx-entra{from{opacity:0;transform:translateY(16px) scale(.985)}to{opacity:1;transform:none}}
@keyframes vx-nuvem{from{transform:translateX(-120px)}to{transform:translateX(420px)}}
@keyframes vx-estrada{to{stroke-dashoffset:-30}}
@keyframes vx-balanca{0%,100%{transform:translateY(0)}50%{transform:translateY(-1.4px)}}
@keyframes vx-roda{to{transform:rotate(360deg)}}
@keyframes vx-escudo{0%,100%{transform:scale(1)}50%{transform:scale(1.1)}}
@keyframes vx-check{0%,15%{stroke-dashoffset:30}45%,85%{stroke-dashoffset:0}100%{stroke-dashoffset:30}}
@keyframes vx-onda{0%{opacity:.8;transform:scale(.7)}100%{opacity:0;transform:scale(2.1)}}
@keyframes vx-sol{0%,100%{opacity:.8;transform:scale(1)}50%{opacity:1;transform:scale(1.12)}}
@keyframes vx-pulso{0%{box-shadow:0 0 0 0 color-mix(in srgb,currentColor 55%,transparent)}100%{box-shadow:0 0 0 8px transparent}}
@keyframes vx-brilho{0%,60%{transform:translateX(-120%)}100%{transform:translateX(120%)}}
@keyframes vx-fone-tel{0%,84%,100%{transform:rotate(0)}87%{transform:rotate(-16deg)}90%{transform:rotate(14deg)}93%{transform:rotate(-9deg)}96%{transform:rotate(5deg)}}
@keyframes vx-sirene{0%,100%{transform:scale(1)}50%{transform:scale(1.08)}}
@keyframes vx-pula{0%{transform:translateY(0)}40%{transform:translateY(-4px)}100%{transform:none}}
@media (prefers-reduced-motion:reduce){.vx-cena *,.vx-cena,.vx-sit::after,.vx-anim>*,.vx-pilula.ok::before,.vx-fone::after,.vx-fone svg,.mx-evento-ic,.navbar a.ativa::before,.navbar a.ativa svg{animation:none!important}.vx-cena .ck{stroke-dashoffset:0}}

/* ---------- tela de entrar: cena animada no painel azul ---------- */
.heroi-24h{isolation:isolate}
.heroi-24h::before{content:"";position:absolute;width:420px;height:420px;right:-120px;top:-140px;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.3),rgba(255,255,255,0) 68%);animation:vx-sol 7s ease-in-out infinite;z-index:-1}
.heroi-24h .heroi-txt h1{animation:vx-entra .8s var(--ease) .05s both}
.heroi-24h .heroi-txt p{animation:vx-entra .8s var(--ease) .2s both}
.heroi-24h>div:first-child{animation:vx-entra .7s var(--ease) both}
.heroi-cena{margin:0 -48px;height:190px;border-radius:0;animation:vx-entra .9s var(--ease) .3s both}
.heroi-cena .vx-cena-svg{width:100%;height:100%}
@media (max-width:860px){.heroi-cena{margin:0 -20px;height:130px}}
@media (prefers-reduced-motion:reduce){.heroi-24h::before,.heroi-24h .heroi-txt h1,.heroi-24h .heroi-txt p,.heroi-24h>div:first-child,.heroi-cena{animation:none!important}}

/* =====================================================================
   ENTRADA EM 2 TELAS (24/10/2026): logo original na vertical + seta -> login
   Tamanhos em vw/dvh e env(safe-area): enquadra em qualquer celular (retrato e paisagem).
   ===================================================================== */
.ent2{--H:100vh;--pad:10px;--R:76px;--rv:#fff;position:fixed;inset:0;z-index:30;overflow:hidden;background:#fff;font-family:"Barlow",system-ui,sans-serif}
@supports (height:100dvh){.ent2{--H:100dvh}}
.ent2{--topo:env(safe-area-inset-top,0px);--base:env(safe-area-inset-bottom,0px);--lado:env(safe-area-inset-right,0px);--esq:env(safe-area-inset-left,0px)}
.ent2 ~ .rodape-global,.ent2 .rodape-global{position:static}
.ent2 ~ .rodape-global{display:none}
.e-fundo{position:absolute;left:0;top:0;bottom:0;width:100%;background:radial-gradient(120% 70% at 30% 20%,#2FA4E7 0%,#1A5FA0 50%,#0E2A47 100%);transition:width 1s cubic-bezier(.7,0,.2,1);z-index:1;overflow:hidden}
.e-fundo::after{content:"";position:absolute;inset:0;background:linear-gradient(105deg,transparent 42%,rgba(255,255,255,.2) 50%,transparent 58%);transform:translateX(-120%);animation:e-varre 6s ease-in-out 2.4s infinite}
.go .e-fundo{width:var(--R)}
@keyframes e-varre{0%,45%{transform:translateX(-120%)}100%{transform:translateX(120%)}}
.e-aros{position:absolute;z-index:1;inset:0;pointer-events:none;transition:opacity .6s;overflow:hidden}.go .e-aros{opacity:0}
.e-aros i{position:absolute;border:1px solid rgba(255,255,255,.28);border-radius:50%;animation:e-gira 46s linear infinite}
.e-aros i:nth-child(1){width:130vmax;aspect-ratio:1;left:-40vmax;top:-45vmax}.e-aros i:nth-child(2){width:80vmax;aspect-ratio:1;right:-50vmax;bottom:-20vmax;animation-direction:reverse;animation-duration:60s}
.e-aros i::after{content:"";position:absolute;width:9px;height:9px;border-radius:50%;background:#fff;top:-4px;left:50%;box-shadow:0 0 14px #fff}
@keyframes e-gira{to{transform:rotate(360deg)}}
/* logo girada: comprimento L = menor entre a altura útil e a largura útil x 1,796 (proporção original) */
.e-logo{--L:min(calc(var(--H) - 2*var(--pad) - var(--topo) - var(--base) - 70px),calc((100vw - 2*var(--pad) - var(--esq) - var(--lado)) * 1.796));position:absolute;z-index:6;left:50%;top:calc(50% + (var(--topo) - var(--base))/2 - 14px);width:var(--L);height:calc(var(--L) / 1.796);transform:translate(-50%,-50%) rotate(-90deg);transition:left 1s cubic-bezier(.7,0,.2,1),top 1s cubic-bezier(.7,0,.2,1),width 1s cubic-bezier(.7,0,.2,1),height 1s cubic-bezier(.7,0,.2,1)}
.go .e-logo{--Lg:calc((var(--R) - 22px) * 1.796);left:calc(var(--R) / 2);top:calc(var(--Lg) / 2 + 18px + var(--topo));width:var(--Lg);height:calc(var(--R) - 22px)}
.e-logo svg{display:block;width:100%;height:100%;overflow:visible}
.e-logo path{transform-box:fill-box}
.e-logo .blob{fill:#fff;fill-opacity:.2;transform-origin:50% 50%;animation:e-nasce 1.3s cubic-bezier(.2,.9,.2,1) both,e-respira 8s ease-in-out 1.5s infinite}
.e-logo .mx{fill:#fff;animation:e-rev 1.5s cubic-bezier(.65,0,.2,1) .5s both}
.e-logo .au{fill:#0D1A24;animation:e-rev 1.1s cubic-bezier(.65,0,.2,1) 1.6s both}
.e-logo .sm{fill:#0D1A24;animation:e-rev 1s cubic-bezier(.65,0,.2,1) 2.1s both}
@keyframes e-nasce{from{transform:scale(.55);opacity:0}to{transform:scale(1);opacity:1}}
@keyframes e-respira{0%,100%{transform:scale(1)}50%{transform:scale(1.025)}}
@keyframes e-rev{from{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0 0 0 0)}}
.javiu .e-logo path,.go .e-logo path{animation:none}.javiu .e-logo .blob,.go .e-logo .blob{animation:e-respira 8s ease-in-out infinite}
/* tela 1 */
.e-s1{position:absolute;inset:0;z-index:5;pointer-events:none;transition:opacity .35s,transform .5s cubic-bezier(.7,0,.2,1)}
.go .e-s1{opacity:0;transform:translateY(-16px)}.go .e-s1 *{pointer-events:none!important}
.e-base{position:absolute;left:calc(20px + var(--esq));right:calc(96px + var(--lado));bottom:calc(14px + var(--base));display:flex;flex-direction:column;gap:10px}
.e-fone{pointer-events:auto;color:#fff;font-size:.74rem;line-height:1.25;text-decoration:none;animation:e-sobe .8s ease 2.5s both}.e-fone b{display:block;font-size:.88rem}
.javiu .e-fone,.javiu .e-seta{animation:none}
.e-base .rodape-global{position:static!important;margin:0!important;padding:0!important;background:none!important;border:0!important;color:rgba(255,255,255,.82)!important;font-size:.56rem!important;line-height:1.3;text-align:left!important;display:block;animation:e-sobe .8s ease 2.6s both}.javiu .e-base .rodape-global{animation:none}
.e-base .rodape-global span,.e-base .rodape-global i{color:inherit!important}
.e-seta{pointer-events:auto;position:absolute;right:calc(24px + var(--lado));bottom:calc(30px + var(--base));width:56px;height:56px;padding:0;border:0;border-radius:50%;background:rgba(255,255,255,.14);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);color:#fff;display:grid;place-items:center;cursor:pointer;transition:background .35s,color .35s,transform .4s cubic-bezier(.2,.9,.2,1);animation:e-sobe .8s cubic-bezier(.2,.9,.2,1) 2.4s both}
.e-seta .aro{position:absolute;inset:0;width:100%;height:100%;overflow:visible}.e-seta .aro circle{fill:none;stroke-linecap:round}
.e-seta .f{stroke:rgba(255,255,255,.4);stroke-width:1.5}.e-seta .g{stroke:#fff;stroke-width:3;stroke-dasharray:70 188;transform-origin:44px 44px;animation:e-giraB 5s linear infinite}
@keyframes e-giraB{to{transform:rotate(360deg)}}
.e-seta .sta{width:26px;height:16px;overflow:visible;position:relative}.e-seta .sta path{fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.e-seta .ln{stroke-dasharray:30;animation:e-linha 2.8s cubic-bezier(.6,0,.2,1) 3s infinite}.e-seta .hd{animation:e-ponta 2.8s cubic-bezier(.6,0,.2,1) 3s infinite}
@keyframes e-linha{0%{stroke-dashoffset:30}45%,70%{stroke-dashoffset:0}100%{stroke-dashoffset:-30}}
@keyframes e-ponta{0%,15%{opacity:0;transform:translateX(-14px)}45%,70%{opacity:1;transform:none}100%{opacity:0;transform:translateX(10px)}}
.e-seta:hover,.e-seta:focus-visible{background:#fff;color:#0D1A24;transform:scale(1.07)}.e-seta:hover .f{stroke:transparent}
.e-seta:focus-visible{outline:3px solid #fff;outline-offset:4px}
@keyframes e-sobe{from{opacity:0;transform:translateY(26px)}to{opacity:1;transform:none}}
/* tela 2 (login) */
.e-trilho-fone{position:absolute;z-index:7;left:0;bottom:calc(14px + var(--base));width:var(--R);text-align:center;color:#fff;font-size:.62rem;font-weight:700;text-decoration:none;opacity:0;pointer-events:none;transition:opacity .4s}
.e-trilho-fone span{display:block;width:20px;height:20px;margin:0 auto 3px}.e-trilho-fone svg{width:20px;height:20px}
.go .e-trilho-fone{opacity:1;pointer-events:auto;transition-delay:.8s}
.e-voltar{position:absolute;z-index:8;right:calc(14px + var(--lado));top:calc(14px + var(--topo));width:42px;height:42px;border-radius:50%;border:0;background:#F2F6F9;color:#0D1A24;display:grid;place-items:center;opacity:0;pointer-events:none;transition:opacity .4s;cursor:pointer}
.go .e-voltar{opacity:1;pointer-events:auto;transition-delay:.8s}.e-voltar svg{width:20px;height:20px}
.e-t2{position:absolute;z-index:4;inset:0 0 0 var(--R);overflow-y:auto;-webkit-overflow-scrolling:touch;display:flex;pointer-events:none;padding:calc(64px + var(--topo)) calc(16px + var(--lado)) calc(24px + var(--base)) 14px;background:#fff;opacity:0;visibility:hidden;transition:opacity .01s .9s,visibility 0s .9s}
.go .e-t2{pointer-events:auto;opacity:1;visibility:visible;transition:none}
.e-form{margin:auto;width:100%;max-width:400px}
.e-form>*{opacity:0;transform:translateY(14px);transition:opacity .5s,transform .6s cubic-bezier(.2,.9,.2,1)}
.go .e-form>*{opacity:1;transform:none}.go .e-form>*:nth-child(1){transition-delay:.7s}.go .e-form>*:nth-child(2){transition-delay:.78s}.go .e-form>*:nth-child(3){transition-delay:.86s}.go .e-form>*:nth-child(n+4){transition-delay:.94s}
.e-form h2{font:800 2rem/1 "Barlow";letter-spacing:-.02em;margin-bottom:6px}
.ent2:not(.go) .e-t2{visibility:hidden}
/* paisagem / computador: logo à esquerda e mais espaço no formulário */
@media (min-aspect-ratio:11/10){
 .ent2{--R:92px}
 .e-logo{--L:min(calc(var(--H) - 2*var(--pad) - var(--topo) - var(--base) - 24px),calc((50vw - 2*var(--pad)) * 1.796));left:40%;top:50%}
 .e-seta{width:64px;height:64px}
}
@media (max-height:520px) and (orientation:landscape){.e-logo{--L:calc(var(--H) - 2*var(--pad) - 20px)}.e-fone{display:none}}
@media (max-width:340px){.ent2{--R:64px}.e-seta{width:52px;height:52px}}
@media (prefers-reduced-motion:reduce){.ent2 *{animation:none!important;transition-duration:.01s!important}}

/* =====================================================================
   LOGIN (tela 2) no estilo da logo: sem cartão, marca d'água da forma da logo,
   textos centralizados, fonte Outfit (geométrica, "a" de um andar como o da logo),
   botões em CadetBlue (#1A5FA0) como a seta da tela inicial.
   ===================================================================== */
.ent2{--cb:#1A5FA0;--cb2:#0E3F6E;--cb3:#EAF4FC}
.e-t2{background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='50 377 1510 839'%3E%3Cpath fill='%231281BD' fill-opacity='.12' d='M897.0 1205.9C870.2 1204.7 856.5 1203.9 855.1 1203.4C854.3 1203.1 847.3 1202.5 839.6 1202.0C820.8 1200.7 786.6 1197.4 768.0 1195.0C763.9 1194.5 756.0 1193.6 750.5 1193.0C745.0 1192.4 737.1 1191.5 733.0 1191.0C724.6 1189.9 704.6 1187.4 692.8 1186.0C676.9 1184.0 669.2 1183.1 655.5 1181.5C647.8 1180.7 640.4 1179.7 639.0 1179.5C636.4 1179.0 623.6 1177.5 609.5 1176.0C517.7 1166.6 502.6 1165.5 425.0 1163.0C385.8 1161.8 355.4 1160.2 347.4 1158.9C344.1 1158.4 339.1 1158.0 336.4 1158.0C329.7 1158.0 290.0 1152.7 277.0 1150.0C274.5 1149.5 270.2 1148.7 267.5 1148.1C258.4 1146.4 257.6 1146.2 248.5 1143.7C227.4 1137.8 220.2 1135.3 200.0 1126.6C123.5 1093.5 71.3 1025.0 61.9 945.2C57.5 907.5 62.9 866.4 76.5 833.5C77.4 831.3 78.9 827.7 79.8 825.5C105.6 763.3 180.5 679.0 262.0 620.5C277.4 609.5 304.5 591.0 312.5 586.1C318.0 582.7 323.2 579.5 324.0 579.0C330.4 575.0 348.3 564.2 352.0 562.2C354.5 560.8 358.1 558.8 360.0 557.7C361.9 556.7 363.9 555.4 364.5 555.0C367.1 553.1 428.2 522.0 429.4 522.0C429.6 522.0 435.1 519.5 441.5 516.4C455.2 509.9 482.1 498.4 501.0 491.1C508.4 488.2 515.4 485.4 516.5 485.0C517.6 484.6 521.0 483.3 524.0 482.2C548.5 473.2 565.2 467.3 575.5 464.0C580.5 462.5 587.2 460.3 590.5 459.2C613.1 451.4 680.1 433.2 709.0 427.0C725.1 423.5 756.2 417.0 762.0 415.9C765.0 415.4 769.8 414.5 772.5 414.0C780.2 412.5 790.3 410.8 826.0 405.0C833.3 403.8 857.6 400.5 866.0 399.5C869.0 399.2 875.1 398.4 879.5 397.9C883.9 397.3 891.5 396.5 896.5 396.0C901.5 395.6 912.7 394.5 921.5 393.7C930.3 392.9 944.5 391.7 953.0 391.1C961.5 390.5 975.7 389.5 984.5 388.9C1005.6 387.3 1100.6 387.3 1121.5 388.9C1215.7 395.8 1290.9 416.4 1356.5 453.2C1359.8 455.0 1364.9 457.9 1367.8 459.5C1449.6 505.4 1518.3 588.0 1538.0 664.0C1538.5 665.9 1539.8 670.9 1540.9 675.0C1543.4 684.0 1547.3 704.0 1549.1 717.0C1551.0 729.9 1551.0 784.1 1549.2 796.5C1546.1 817.1 1544.8 824.9 1542.9 833.0C1541.8 837.7 1540.5 843.3 1540.0 845.5C1519.6 938.3 1435.1 1045.6 1336.0 1104.5C1333.0 1106.3 1327.3 1109.7 1323.5 1112.0C1294.3 1130.0 1225.4 1161.0 1194.7 1169.9C1192.9 1170.4 1186.1 1172.4 1179.5 1174.4C1155.6 1181.6 1153.3 1182.2 1131.0 1187.4C1100.7 1194.4 1063.2 1200.4 1030.5 1203.5C1027.2 1203.8 1022.0 1204.2 1019.0 1204.5C994.9 1206.8 931.7 1207.5 897.0 1205.9Z'/%3E%3C/svg%3E") center 46%/min(125vw,820px) auto no-repeat;background-attachment:local}
.ent2 .e-form,.ent2 .e-form.form-entrar{background:none;border:0;box-shadow:none;border-radius:0;padding:0;max-width:380px;margin-top:auto;margin-bottom:auto;text-align:center;font-family:"Outfit","Barlow",system-ui,sans-serif;color:#0D1A24}
.ent2 .e-form *{font-family:inherit}
.ent2 .e-form h2{font:600 1.55rem/1.1 "Outfit","Barlow",sans-serif;letter-spacing:.14em;text-transform:lowercase;margin:0 0 8px;color:#0D1A24}
.ent2 .e-form .muted,.ent2 .e-form p.muted{color:#6B7B88;font-size:.86rem;letter-spacing:.02em;text-align:center}
.ent2 .e-form .campo{margin-top:16px;align-items:center;gap:6px}
.ent2 .e-form .campo>span{font:500 .7rem/1 "Outfit","Barlow",sans-serif;letter-spacing:.22em;text-transform:lowercase;color:var(--cb2);text-align:center}
.ent2 .e-form .campo input{text-align:center;font:400 1.02rem "Outfit","Barlow",sans-serif;letter-spacing:.06em;color:#0D1A24;background:rgba(255,255,255,.78);border:1.5px solid #BFDCEE;border-radius:999px;min-height:52px;padding:10px 18px;transition:border-color .2s,box-shadow .2s,background .2s}
.ent2 .e-form .campo input::placeholder{color:#a9bcbc;letter-spacing:.06em}
.ent2 .e-form .campo input:focus{border-color:var(--cb);background:#fff;box-shadow:0 0 0 4px rgba(18,129,189,.18);outline:0}
.ent2 .e-form .dica-cpf{margin-top:14px;padding:12px 16px;border-radius:18px;background:rgba(18,129,189,.09);color:#1c3a5c;font-size:.8rem;line-height:1.5;text-align:center;letter-spacing:.01em}
.ent2 .e-form .dica-cpf strong{font-weight:600;color:var(--cb2)}
.ent2 .e-form .link,.ent2 .e-form a.link{color:var(--cb2);font:500 .86rem "Outfit","Barlow",sans-serif;letter-spacing:.08em;justify-content:center;text-align:center}
.ent2 .e-form .link-esqueci{display:flex;margin-top:8px}
.ent2 .e-form .erro{margin-top:12px;border-radius:16px;text-align:center;font-size:.86rem}
.ent2 .e-form .btn{position:relative;overflow:hidden;min-height:54px;border-radius:999px;font:600 .98rem "Outfit","Barlow",sans-serif;letter-spacing:.1em;text-transform:lowercase;display:flex;align-items:center;justify-content:center;gap:10px;width:100%;transition:transform .2s cubic-bezier(.2,.9,.2,1),box-shadow .25s,background .25s,color .25s}
.ent2 .e-form .btn-pri{background:var(--cb);border:0;color:#fff;box-shadow:0 16px 28px -14px rgba(10,106,160,.9)}
.ent2 .e-form .btn-pri:hover{background:var(--cb2);transform:translateY(-1px)}
.ent2 .e-form .btn-pri:active{transform:scale(.98)}
.ent2 .e-form .btn-pri::before{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 35%,rgba(255,255,255,.3) 50%,transparent 65%);transform:translateX(-130%);animation:e-brilho 4s ease-in-out 1.5s infinite}
.ent2 .e-form .btn-pri:not(.btn-peq)::after{content:"";width:26px;height:16px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 24'%3E%3Cpath d='M4 12h30M27 5l8 7-8 7' fill='none' stroke='white' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/contain no-repeat;animation:e-seta2 1.8s ease-in-out infinite}
.ent2 .e-form .btn-pri.btn-peq{min-height:40px;width:auto;padding:0 18px;font-size:.84rem;letter-spacing:.08em}
@keyframes e-brilho{0%,55%{transform:translateX(-130%)}100%{transform:translateX(130%)}}
@keyframes e-seta2{0%,100%{transform:translateX(-2px)}50%{transform:translateX(5px)}}
.ent2 .e-form .btn:not(.btn-pri){background:transparent;border:1.5px solid var(--cb);color:var(--cb2);box-shadow:none}
.ent2 .e-form .btn:not(.btn-pri):hover{background:var(--cb3)}
.ent2 .e-form .peq{font-size:.8rem}
.ent2 .e-form .cartao-instalar{margin-top:22px;text-align:left;background:rgba(255,255,255,.7);border:1px solid #BFDCEE;border-radius:22px;backdrop-filter:blur(4px)}
.ent2 .e-form .cartao-instalar strong{font:600 .9rem "Outfit","Barlow",sans-serif;letter-spacing:.04em}
.ent2 .e-form .cartao-instalar .muted{text-align:left;font-size:.76rem}
.ent2 .e-form .cartao-instalar img{border-radius:12px}
.ent2 .e-form h2~.ok-box,.ent2 .e-form .ok-box{border-radius:18px;text-align:center}
@media (prefers-reduced-motion:reduce){.ent2 .e-form .btn-pri::before,.ent2 .e-form .btn-pri::after{animation:none}}

/* ================= TELAS INTERNAS (novo estilo, 24/10/2026) =================
   CadetBlue, branco e preto. Só visual: troca as cores base e refina cartões, menu e o Início. */
:root{
  --ceu:#1A5FA0;--ceu-forte:#0E3F6E;--ceu-claro:#EAF4FC;--link:#0E3F6E;
  --ceu-suave:#EAF4FC;--linha:#E3EBEC;--papel:#F3F8F8;
  --raio:22px;--raio-m:14px;
  --sombra:0 1px 2px rgba(13,26,36,.04),0 18px 30px -24px rgba(13,26,36,.35);
}
body{font-family:"Barlow",system-ui,sans-serif;-webkit-font-smoothing:antialiased}
.topo{background:rgba(255,255,255,.88);border-bottom:1px solid var(--linha)}
.btn-pri{background:var(--ceu);border-color:var(--ceu);box-shadow:0 10px 20px -10px rgba(10,106,160,.8)}
.btn-pri:hover{background:var(--ceu-forte);border-color:var(--ceu-forte)}
.btn{border-radius:14px}
.painel,.vx-card{border:1px solid var(--linha);box-shadow:var(--sombra)}
.vx-card h2,.painel h2{font:800 1.15rem "Barlow",sans-serif;letter-spacing:-.02em;color:var(--tinta)}
.vx-ver{color:var(--ceu-forte)}
.abas a.ativa{color:var(--ceu-forte)}
.navbar a.ativa,.navbar a.ativa svg{color:var(--ceu-forte)}
.navbar a.ativa::before{background:var(--ceu)}
.vx-ic,.vx-doc-ic{background:var(--ceu-claro);color:var(--ceu-forte);border-radius:14px}
.vx-pilula.ok{background:var(--ceu-claro);color:var(--ceu-forte)}

/* Início: saudação grande e cartão "Sua situação" */
.vx-ola h1{font:800 1.9rem/1.05 "Barlow",sans-serif;letter-spacing:-.03em}
.vx-sit{border-radius:26px;background:linear-gradient(150deg,#2FA4E7 0%,#1A5FA0 50%,#0E3F6E 100%);box-shadow:0 26px 36px -26px rgba(10,106,160,.9)}
.vx-sit::after{border:30px solid rgba(255,255,255,.1);background:none;width:200px;height:200px;right:-60px;top:-60px}
.vx-sit::before{content:"";position:absolute;inset:0;z-index:0;background:linear-gradient(110deg,transparent 35%,rgba(255,255,255,.22) 50%,transparent 65%);transform:translateX(-130%);animation:ni-brilho 5s ease-in-out 1.5s infinite}
.vx-sit-lin strong{font:800 1.9rem/1.05 "Barlow",sans-serif;letter-spacing:-.03em}
.vx-sit .vx-pilula.ok{color:var(--ceu-forte)}
.vx-sit.inad{background:linear-gradient(150deg,#3a4651 0%,#0D1A24 100%);box-shadow:0 26px 36px -26px rgba(13,26,36,.9)}
@keyframes ni-brilho{0%,55%{transform:translateX(-130%)}100%{transform:translateX(130%)}}

/* Monitoramento */
.ni-mapa{position:relative;height:150px;border-radius:18px;overflow:hidden;background:#E9F0F0}
.ni-mapa svg{position:absolute;inset:0;width:100%;height:100%}
.ni-mapa .q{fill:#DCE7E7}.ni-mapa .rua{stroke:#fff;fill:none}
.ni-mapa .rota{fill:none;stroke:var(--ceu);stroke-width:3;stroke-linecap:round;stroke-dasharray:5 7;animation:ni-fluxo 1s linear infinite}
.ni-mapa .ond{fill:rgba(18,129,189,.3)}.ni-mapa .pt{fill:var(--ceu);stroke:#fff;stroke-width:3.5}
.ni-mapa.pausa{filter:grayscale(1);opacity:.7}.ni-mapa.pausa .rota{animation:none}
.ni-vivo{position:absolute;left:10px;top:10px;display:flex;align-items:center;gap:7px;background:#fff;border-radius:999px;padding:4px 11px;font-weight:700;font-size:.7rem;letter-spacing:.06em;box-shadow:0 6px 16px -6px rgba(13,26,36,.3)}
.ni-vivo i{width:8px;height:8px;border-radius:50%;background:var(--ceu);color:var(--ceu);animation:ni-ponto 1.6s ease-out infinite}
.ni-mapa.pausa .ni-vivo i{background:#9aa7b0;animation:none}
.ni-rast{font-size:.76rem;color:var(--muted);margin:12px 0 0;text-align:center}
@keyframes ni-fluxo{to{stroke-dashoffset:-24}}
@keyframes ni-ponto{0%{box-shadow:0 0 0 0 currentColor}100%{box-shadow:0 0 0 8px transparent}}

/* Socorro 24h: 4 atalhos claros em linha */
.ni-socorro{background:var(--cartao);color:var(--texto);border:1px solid var(--linha);box-shadow:var(--sombra)}
.ni-socorro h2{color:var(--tinta);font:800 1.15rem "Barlow",sans-serif;letter-spacing:-.02em}
.ni-socorro .vx-fone{background:var(--noite);border-radius:16px}
.ni-socorro .vx-opcoes{grid-template-columns:repeat(4,1fr);gap:8px}
.ni-socorro .vx-op{flex-direction:column;justify-content:center;gap:6px;min-height:84px;padding:12px 4px;text-align:center;background:#fff;color:var(--tinta);border:1px solid var(--linha);border-radius:18px;transition:.25s var(--ease)}
.ni-socorro .vx-op:hover{border-color:var(--ceu);transform:translateY(-3px)}
.ni-socorro .vx-op svg{width:28px;height:28px;color:var(--ceu)}
.ni-socorro .vx-op b{font-size:.76rem;font-weight:600}
.ni-socorro .vx-op.off{opacity:.45}
.ni-socorro .vx-trava{background:var(--papel)}
.ni-socorro .vx-trava p{color:var(--texto)}
.ni-socorro .vx-regul{background:var(--noite);color:#fff}

/* Abrir evento: faixa escura */
.mx-evento{border-radius:22px}
@media (prefers-reduced-motion:reduce){.vx-sit::before,.ni-mapa .rota,.ni-vivo i{animation:none!important}}

/* Topo e botão do 0800 */
.topo .marca{width:96px;flex:none}.topo .marca svg{width:100%;height:auto;display:block}
.topo .marca .blob{fill:var(--ceu)}.topo .marca .mx{fill:#fff}.topo .marca .au,.topo .marca .sm{fill:#0D1A24}
.ni-fone{display:none}
@media (max-width:760px){
  .topo .fone{display:none}
  .topo-in{flex-wrap:nowrap}.topo-in .sino{margin-left:auto}
  .ni-fone{display:grid;place-items:center;position:fixed;right:16px;bottom:calc(92px + env(safe-area-inset-bottom,0px));width:50px;height:50px;border-radius:50%;background:var(--noite);color:#fff;border:2px solid #fff;box-shadow:0 14px 26px rgba(13,26,36,.4);z-index:41}
  .ni-fone svg{width:21px;height:21px;animation:ni-tel 3.4s ease-in-out infinite}
  .ni-fone::before{content:"";position:absolute;inset:-2px;border-radius:50%;border:2px solid var(--ceu);animation:ni-onda 2.4s ease-out infinite}
}
@keyframes ni-tel{0%,84%,100%{transform:rotate(0)}87%{transform:rotate(-16deg)}90%{transform:rotate(14deg)}93%{transform:rotate(-9deg)}96%{transform:rotate(5deg)}}
@keyframes ni-onda{0%{transform:scale(.8);opacity:.8}100%{transform:scale(1.6);opacity:0}}
@media (prefers-reduced-motion:reduce){.ni-fone svg,.ni-fone::before{animation:none!important}}
.topo-in{flex-wrap:nowrap}
.fone{background:var(--ceu-claro);color:var(--ceu-forte);border-color:#BFDCEE}
.fone-ic{background:var(--ceu)!important}
.abas a{white-space:nowrap;padding:8px 11px}

/* Azul DodgerBlue em todo o app; blocos que eram pretos ficam claros */
:root{--papel:#F2F7FD;--linha:#DCE7F4}
.mx-evento{background:var(--ceu-claro);color:var(--tinta);border:2px solid var(--ceu)}
.mx-evento span.t{opacity:1;color:var(--muted)}
.mx-evento .seta{color:var(--ceu-forte);opacity:1}
.ni-socorro .vx-fone{background:var(--ceu-claro);color:var(--ceu-forte);border:1px solid #BFDCEE}
.ni-socorro .vx-fone svg{color:var(--ceu)}
.ni-socorro .vx-fone strong{color:var(--ceu-forte)}
.ni-socorro .vx-fone small{color:var(--muted);opacity:1}
.ni-socorro .vx-regul{background:var(--ceu);color:#fff}
.ni-fone{background:var(--ceu);border-color:#fff}
.ni-fone::before{border-color:var(--ceu)}

/* Veículo: mapa grande e títulos de seção */
.ni-mapa.grande{height:230px;border-radius:20px}
.ni-sec{font:800 1.15rem "Barlow",sans-serif;letter-spacing:-.02em;color:var(--tinta);margin:20px 0 6px}
.ni-mon .vx-kv>div{padding:11px 0}

/* Financeiro: situação em destaque, boleto e histórico */
.fin-hero{position:relative;overflow:hidden;color:#fff;border-radius:26px;padding:18px;margin-top:14px;background:linear-gradient(150deg,#2FA4E7 0%,#1A5FA0 55%,#0E3F6E 100%);box-shadow:0 26px 36px -26px rgba(10,106,160,.9)}
.fin-hero::after{content:"";position:absolute;right:-60px;top:-60px;width:200px;height:200px;border-radius:50%;border:30px solid rgba(255,255,255,.1)}
.fin-hero>*{position:relative;z-index:1}
.fin-hero.inad{background:linear-gradient(150deg,#3a4651 0%,#0D1A24 100%);box-shadow:0 26px 36px -26px rgba(13,26,36,.9)}
.fin-hero .vx-sit-lin strong{font:800 1.8rem/1.05 "Barlow",sans-serif;letter-spacing:-.03em}
.fin-hero .vx-pilula{background:#fff;color:#0D1A24}.fin-hero .vx-pilula.ok{color:var(--ceu-forte)}.fin-hero .vx-pilula.ruim{color:#CF3434}
.fin-hero p{margin:0;font-size:.95rem;opacity:.96}
#fin-boleto{border:1px solid var(--linha);border-radius:24px}
#fin-boleto .fin-topo h2{font:800 1.15rem "Barlow",sans-serif}
.fin-dado b{font:800 1.3rem "Barlow",sans-serif;letter-spacing:-.02em}
.fin-codigo{font:600 .8rem ui-monospace,Menlo,monospace;background:var(--ceu-claro);border-radius:12px;padding:10px 12px;word-break:break-all}

/* Documentos: lista limpa e botões em pílula */
.vx-docs-v{border:1px solid var(--linha);border-radius:24px;padding:14px 16px 6px}
.vx-doc{gap:12px;padding:14px 0}
.vx-doc-ic{border-radius:14px}
.vx-doc-t strong{font:700 1rem "Barlow",sans-serif}
.vx-doc-b{display:flex;gap:6px;flex:none}
.vx-doc-b .btn{border-radius:999px;min-height:36px;padding:6px 14px;font-weight:700;font-size:.82rem}
.vx-doc-b .btn-pri{background:var(--noite);border-color:var(--noite);color:#fff;box-shadow:none}
.doc-sec{border:1px solid var(--linha);border-radius:24px}
.doc-sec h2{font:800 1.15rem "Barlow",sans-serif;letter-spacing:-.02em}

/* Conta: perfil centralizado e menu em cartão */
.perfil-cab{flex-direction:column;text-align:center;align-items:center;gap:10px;padding:10px 0 6px}
.perfil-cab>div{display:flex;flex-direction:column;align-items:center}
.perfil-cab h1{font:800 1.4rem "Barlow",sans-serif;letter-spacing:-.02em;margin:0}
.perfil-cab .av,.perfil-cab .avatar,.perfil-cab>span:first-child{box-shadow:0 0 0 4px #fff,0 0 0 6px var(--ceu)}
.foto-acoes{justify-content:center}
.conta-lista{border:1px solid var(--linha);border-radius:24px;overflow:hidden;background:var(--cartao);box-shadow:var(--sombra)}
.conta-ic{background:var(--ceu-claro);color:var(--ceu-forte);border-radius:14px}
.conta-linha strong{font:700 1rem "Barlow",sans-serif}

/* ===== NOVO VISUAL (azul-marinho, Schibsted Grotesk + Archivo) ===== */
:root{
  --ceu:#1A5FA0;--ceu-forte:#0E3F6E;--ceu-claro:#EAF4FC;--link:#1A5FA0;
  --tinta:#0E2A47;--texto:#1B3550;--muted:#56677A;--linha:#DCE2E9;--papel:#F3F5F8;--noite:#0E2A47;
  --brilho:#2FA4E7;--ok:#1F7A5C;--vermelho:#C2413A;
}
body,.btn,input,select,textarea,button{font-family:"Schibsted Grotesk",system-ui,-apple-system,"Segoe UI",sans-serif}
h1,h2,h3,.stat b,.resumo b,.opcao strong,.orc-total,.vx-valor{font-family:"Schibsted Grotesk",system-ui,sans-serif;letter-spacing:-.01em;font-weight:700}
a:focus-visible,button:focus-visible{outline:3px solid var(--brilho);outline-offset:2px}
.btn-pri{background:var(--ceu);border-color:var(--ceu);color:#fff;box-shadow:0 6px 16px rgba(14,42,71,.22)}
.vx-sit{background:linear-gradient(170deg,#12304D 0%,#0E2A47 100%)}
.vx-card,.painel,.conta-lista{border-color:var(--linha)}
/* placa estilo Mercosul, como no protótipo */
.placa{display:inline-flex;flex-direction:column;border:2px solid #fff;border-radius:6px;overflow:hidden;background:#fff;box-shadow:0 1px 0 rgba(14,42,71,.18)}
.placa-faixa{height:auto;font:700 .55rem "Schibsted Grotesk",sans-serif;letter-spacing:.3em;background:#1F4FA8;color:#fff;text-align:center;padding:2px 0}
.placa-num{font-family:"Archivo",sans-serif;font-weight:800;font-stretch:75%;font-size:1.7rem;letter-spacing:2px;color:#0E2A47;padding:0 10px 1px;line-height:1.15}
.vx-pilula.ok{background:var(--ok);color:#fff}
/* botão Suporte (WhatsApp) */
.btn-suporte{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:52px;padding:0 22px;border-radius:14px;background:#fff;color:var(--ceu);border:2px solid var(--ceu);font-weight:800;font-size:1.02rem;text-decoration:none;box-shadow:0 6px 16px rgba(14,42,71,.12)}
.btn-suporte svg{width:22px;height:22px;stroke:currentColor;flex:none}
.btn-suporte:hover{background:var(--ceu-claro)}
.btn-suporte:active{transform:scale(.985)}
.btn-suporte-bloco{display:flex;width:100%;margin-top:12px}

/* ===== INÍCIO NO FORMATO DO PROTÓTIPO (nv-*) ===== */
.nv-home{display:flex;flex-direction:column;gap:18px;padding-top:12px}
.nv-ola{display:flex;align-items:center;justify-content:space-between;gap:12px}
.nv-ola-eu{display:flex;align-items:center;gap:12px;min-width:0}
.nv-ola-eu span{display:block;font-size:.85rem;color:var(--muted);line-height:1.2}
.nv-ola-eu strong{display:block;font-size:1.15rem;color:var(--tinta);line-height:1.2}
.nv-sino{position:relative;width:44px;height:44px;border-radius:12px;background:#fff;border:1px solid var(--linha);display:grid;place-items:center;color:var(--tinta);flex:none}
.nv-sino svg{width:20px;height:20px}
.nv-sino .badge,.nv-sino .sino-n,.nv-sino [class*="badge"]{position:absolute;top:-5px;right:-5px}
.nv-carro{background:#0E2A47;color:#fff;border-radius:22px;overflow:hidden}
.nv-carro-t{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;padding:18px 18px 4px}
.nv-carro h1{color:#fff;font-size:1.05rem;font-weight:600;line-height:1.3;margin:10px 0 0}
.nv-carro h1 small{color:#9DB3C9;font-weight:400}
.nv-carro p{margin:0;color:#C5D4E2}
.nv-carro-t p{margin-top:6px}
.nv-sub{padding:2px 18px 12px;font-size:.9rem}
.nv-st{display:inline-flex;align-items:center;gap:6px;background:#1F7A5C;color:#fff;font-size:.8rem;font-weight:700;padding:6px 11px;border-radius:99px;white-space:nowrap}
.nv-st svg{width:14px;height:14px}
.nv-st.ruim{background:#C2413A}.nv-st.amb{background:#B7791F}.nv-st.neutro{background:#56677A}
.nv-mapa{display:block;position:relative;text-decoration:none;color:#0E2A47}
.nv-mapa .ni-mapa{height:168px;border-radius:0;background:#12304D}
.nv-mapa-b{position:absolute;left:12px;right:12px;bottom:12px;display:flex;align-items:center;justify-content:space-between;gap:10px;background:#fff;border-radius:12px;padding:10px 12px}
.nv-mapa-b span{display:flex;flex-direction:column;line-height:1.25;min-width:0}
.nv-mapa-b strong{font-size:.9rem}.nv-mapa-b small{font-size:.75rem;color:#56677A}
.nv-mapa-b b{color:#1A5FA0;font-size:.9rem;white-space:nowrap}
.nv-carro.inad .nv-mapa .ni-mapa{filter:grayscale(1)}
.nv-sec h2{margin:0;font-size:1.12rem;font-weight:700;color:var(--tinta)}
.nv-cab{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:10px}
.nv-cab a{font-size:.88rem;font-weight:600;text-decoration:none}
.nv-tx strong{font-size:.97rem}
.nv-serv{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
.nv-sv{background:#fff;border:1px solid var(--linha);border-radius:14px;padding:12px 4px 10px;display:flex;flex-direction:column;align-items:center;gap:6px;text-decoration:none;color:var(--tinta);font-size:.8rem;font-weight:600}
.nv-sv i{width:40px;height:40px;border-radius:12px;background:var(--ceu-claro);color:var(--ceu);display:grid;place-items:center;font-style:normal}
.nv-sv i svg{width:22px;height:22px}
.nv-sv.off{opacity:.5}
.nv-ligar{margin-top:10px;display:flex;align-items:center;justify-content:center;gap:8px;min-height:48px;border-radius:12px;border:1.5px solid var(--tinta);color:var(--tinta);text-decoration:none;font-weight:700}
.nv-ligar svg{width:18px;height:18px}
.nv-cx{background:#fff;border:1px solid var(--linha);border-radius:16px;padding:16px 16px 6px}
.nv-cx>h2{margin:0 0 4px}
.nv-lista{padding:6px 16px}
.nv-lin,.nv-lista a{display:flex;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid #E6EBF0;text-decoration:none;color:var(--tinta);min-height:44px}
.nv-lin:last-child,.nv-lista a:last-child{border-bottom:0}
.nv-ic{width:40px;height:40px;border-radius:12px;background:var(--ceu-claro);color:var(--ceu);display:grid;place-items:center;flex:none}
.nv-ic svg{width:21px;height:21px}
.nv-ic.amb{background:#FDF1DC;color:#7A5000}.nv-ic.verm{background:#FBE9E8;color:#A3302A}.nv-ic.ok{background:#E3F3EC;color:#1F6B50}.nv-ic.neutro{width:36px;height:36px;border-radius:10px;background:#F3F5F8;color:var(--tinta)}
.nv-tx{flex:1;display:flex;flex-direction:column;line-height:1.3;min-width:0}
.nv-tx span{font-size:.82rem;color:var(--muted)}
.nv-bt{height:40px;padding:0 14px;border-radius:10px;border:1px solid #C9D3DD;color:var(--tinta);text-decoration:none;font-weight:600;font-size:.88rem;display:flex;align-items:center;flex:none}
.nv-bt.esc{background:#0E2A47;border-color:#0E2A47;color:#fff}
.nv-lista .seta{color:#9AA9B7;flex:none}.nv-lista .seta svg{width:18px;height:18px}
/* celular: o topo antigo some na tela inicial (a saudação faz esse papel) */
@media (max-width:900px){body:has(.nv-home) .topo{display:none}}
/* ===== Telas internas no formato dos protótipos (Financeiro e Ajuda 24h) ===== */
.vx-card,.painel{border-radius:16px;border:1px solid var(--linha);box-shadow:none}
.vx-valor{font-size:1.9rem;letter-spacing:-.5px}
.vx-boleto{border-top:1px dashed #C9D3DD}
.opcao{border-radius:14px;border:1px solid var(--linha);background:#fff}
.opcao.on,.opcao:has(input:checked){border:2px solid var(--brilho)}
.btn-pri.btn-bloco{min-height:54px;border-radius:14px}

/* ===== Ajuda 24h (protótipo) e barra inferior ===== */
.aj-topo{background:#0E2A47;color:#fff;padding:22px 20px 24px}
.aj-topo h1{color:#fff;font-size:1.5rem;margin:0 0 6px}.aj-topo p{margin:0;color:#C5D4E2}
.aj-corpo{display:flex;flex-direction:column;gap:12px;padding-top:18px}
.aj-t{font-size:1.1rem;margin:4px 0 0}
.aj-lista{display:flex;flex-direction:column;gap:8px}
.aj-op{display:flex;align-items:center;gap:14px;padding:14px;border-radius:14px;background:#fff;border:1px solid var(--linha);color:var(--tinta);text-decoration:none}
.aj-op.prim{border:2px solid var(--brilho)}
.aj-op i{width:44px;height:44px;border-radius:12px;background:var(--ceu-claro);color:var(--ceu);display:grid;place-items:center;flex:none;font-style:normal}
.aj-op.prim i{background:#0E2A47;color:#fff}.aj-op i svg{width:24px;height:24px}
.aj-op span{flex:1;display:flex;flex-direction:column;line-height:1.3}.aj-op small{font-size:.82rem;color:var(--muted)}
.aj-op u{width:22px;height:22px;border-radius:50%;border:2px solid #9AA9B7;box-sizing:border-box;flex:none}.aj-op.prim u{border:7px solid var(--brilho)}
.aj-op.off{opacity:.5}
.aj-meus{text-align:center;font-weight:600;padding:8px}
.navbar a.ativa{background:transparent}
.navbar a.ativa svg{background:#CDE6F7;color:#0E2A47;border-radius:99px;padding:5px 14px;box-sizing:content-box;width:20px;height:20px}

/* =====================================================================
   NOVO VISUAL ESCURO "foto + vidro" (app24h-novo-visual do Sergio)
   ===================================================================== */
:root,:root:not([data-theme="light"]),:root[data-theme="dark"],:root[data-theme="light"]{
  --bg:#07111C;--papel:#07111C;--cartao:#0F1D2C;--cartao2:#162739;--tinta:#F2F7FB;--texto:#D6E2EC;--muted:#9FB2C3;--linha:rgba(255,255,255,.10);
  --ceu:#2AAAE2;--ceu-forte:#7FD3F7;--ceu-claro:rgba(42,170,226,.16);--link:#7FD3F7;--noite:#07111C;--brilho:#2AAAE2;
  --sol:#FFC83D;--menta:#3DD6A0;--coral:#FF7A66;--ok:#3DD6A0;--vermelho:#FF7A66;
  --sombra:0 10px 30px rgba(0,0,0,.35);--sombra-2:0 10px 30px rgba(0,0,0,.35);--ceu-suave:rgba(42,170,226,.12);
  color-scheme:dark}
html,body{background:#07111C;color:var(--texto);font-family:"Figtree","Schibsted Grotesk",system-ui,sans-serif}
body,.btn,input,select,textarea,button{font-family:"Figtree","Schibsted Grotesk",system-ui,sans-serif}
h1,h2,h3,.stat b,.resumo b,.opcao strong,.vx-valor,.nx-bt strong,.nv-ola-eu strong{font-family:"Bricolage Grotesque","Schibsted Grotesk",sans-serif;color:var(--tinta)}
a{color:var(--link)}
.topo{background:rgba(7,17,28,.86);border-color:var(--linha)}
.btn{background:var(--cartao2);color:var(--tinta);border-color:var(--linha)}
.btn-pri{background:linear-gradient(180deg,#45B9EC,#2AAAE2);color:#07111C;border:0;box-shadow:0 10px 26px rgba(42,170,226,.28)}
.painel,.vx-card,.conta-lista,.nv-cx,.aj-op,.nv-sv{background:var(--cartao);border-color:var(--linha);color:var(--texto)}
.campo input,.campo select,.campo textarea{background:var(--cartao2);color:var(--tinta);border-color:var(--linha)}
.campo>span,.muted{color:var(--muted)}
.erro{background:rgba(255,122,102,.12);color:#FFB4A8;border-color:rgba(255,122,102,.4)}
.ok-box{background:rgba(61,214,160,.12);color:#9BE8CC;border-color:rgba(61,214,160,.35)}
.aviso{background:rgba(42,170,226,.12);color:var(--texto)}
.chip{background:var(--cartao2);color:var(--texto)}
.chip.ok{background:rgba(61,214,160,.14);color:var(--menta)}
.chip.ambar,.chip.amb{background:rgba(255,200,61,.14);color:var(--sol)}
.chip.avaria,.chip.ruim{background:rgba(255,122,102,.15);color:var(--coral)}
/* barra de baixo: flutuante com botão central em destaque */
.navbar{background:rgba(15,29,44,.92);border:1px solid var(--linha);box-shadow:0 14px 40px rgba(0,0,0,.5);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}
.navbar a{color:var(--muted)}
.navbar a.ativa{color:var(--ceu-forte);background:transparent}
.navbar a.ativa svg{background:transparent;color:var(--ceu-forte);padding:0;width:22px;height:22px;border-radius:0}
.navbar a:nth-child(3){position:relative;top:-18px;flex:0 0 66px;height:66px;width:66px;margin:0 6px;border-radius:50%;background:linear-gradient(160deg,#45B9EC,#1E8FC4);color:#07111C;border:4px solid #07111C;box-shadow:0 10px 26px rgba(42,170,226,.4);justify-content:center;font-size:0}
.navbar a:nth-child(3) svg{width:28px;height:28px;color:#07111C}
.ni-fone{display:none!important}
/* início */
.nx-home{padding:0 16px 130px;max-width:480px;gap:0}
.nx-hero{position:relative;margin:0 -16px;padding:calc(env(safe-area-inset-top,0px) + 14px) 16px 22px;overflow:hidden;display:flex;flex-direction:column;gap:14px}
.nx-foto{position:absolute;inset:0;background:var(--foto) center 45%/cover no-repeat;transform:scale(1.05)}
.nx-foto::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(7,17,28,.55) 0%,rgba(7,17,28,.35) 35%,rgba(7,17,28,.92) 82%,#07111C 100%)}
.nx-hero>*:not(.nx-foto){position:relative}
.nx-topo{display:flex;align-items:center;gap:12px}
.nx-av{width:46px;height:46px;border-radius:50%;border:2px solid rgba(255,255,255,.6);overflow:hidden;display:block;flex:none}
.nx-ola{flex:1;line-height:1.15}.nx-ola small{display:block;color:rgba(255,255,255,.82);font-size:.88rem}.nx-ola strong{font:800 1.4rem "Bricolage Grotesque",sans-serif;color:#fff}
.nx-home .nv-sino{background:rgba(13,27,42,.55);border:1px solid rgba(255,255,255,.18);color:#fff;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}
.nx-carro{margin-top:84px;background:rgba(13,27,42,.55);border:1px solid rgba(255,255,255,.16);border-radius:26px;padding:18px;-webkit-backdrop-filter:blur(20px) saturate(140%);backdrop-filter:blur(20px) saturate(140%);color:#fff}
.nx-l1{display:flex;justify-content:space-between;align-items:center;gap:10px}
.nx-carro h1{color:#fff;font-size:1.25rem;margin:14px 0 2px;font-weight:700}.nx-carro h1 small{color:#9FB2C3;font-weight:500}
.nx-inf{display:flex;gap:8px;align-items:center;color:#9FB2C3;font-size:.9rem;margin:0}
.nx-on{width:8px;height:8px;border-radius:50%;background:var(--menta);box-shadow:0 0 0 4px rgba(61,214,160,.18);flex:none}.nx-on.off{background:var(--coral);box-shadow:0 0 0 4px rgba(255,122,102,.18)}
.nx-st{display:inline-flex;align-items:center;gap:6px;font-size:.82rem;font-weight:700;padding:5px 11px;border-radius:999px;background:rgba(61,214,160,.14);color:var(--menta)}.nx-st svg{width:15px;height:15px}
.nx-st.ruim{background:rgba(255,122,102,.15);color:var(--coral)}.nx-st.amb{background:rgba(255,200,61,.14);color:var(--sol)}.nx-st.neutro{background:rgba(255,255,255,.1);color:#cfd9e3}
.nx-ac{display:grid;grid-template-columns:1.1fr 1fr;gap:10px;margin-top:16px}
.nx-b1,.nx-b2{height:50px;border-radius:16px;display:flex;align-items:center;justify-content:center;gap:8px;font-weight:700;text-decoration:none}
.nx-b1{background:linear-gradient(180deg,#45B9EC,#2AAAE2);color:#07111C;box-shadow:0 10px 24px rgba(42,170,226,.3)}.nx-b1 svg{width:20px;height:20px}
.nx-b2{background:rgba(255,255,255,.1);color:#fff}
.nx-carro .placa{border-color:#F2F7FB}
.nx-rap{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;padding:6px 0 0}
.nx-rap a{display:flex;flex-direction:column;align-items:center;gap:8px;font-size:.8rem;font-weight:600;text-align:center;color:var(--tinta);text-decoration:none}
.nx-rap i{width:62px;height:62px;border-radius:22px;display:grid;place-items:center;background:var(--cartao2);border:1px solid var(--linha);color:var(--tinta);font-style:normal}
.nx-rap i.ceu{background:linear-gradient(160deg,#45B9EC,#1E8FC4);border:0;color:#07111C;box-shadow:0 10px 24px rgba(42,170,226,.3)}.nx-rap i svg{width:26px;height:26px}
.nx-home .nv-sec{margin-top:22px}
.nx-home .nv-cab h2,.nx-home .nv-cx>h2{color:var(--tinta);font-family:"Bricolage Grotesque",sans-serif;font-size:1.3rem}
.nx-home .nv-cab a{color:var(--ceu-forte)}
.nx-bol{display:flex;align-items:center;gap:14px;background:var(--cartao);border:1px solid var(--linha);border-radius:22px;padding:16px}
.nx-dia{width:58px;height:62px;border-radius:16px;background:var(--cartao2);display:flex;flex-direction:column;align-items:center;justify-content:center;line-height:1;color:var(--tinta);flex:none}
.nx-dia b{font:800 1.5rem "Bricolage Grotesque",sans-serif}.nx-dia small{font-size:.68rem;color:var(--muted);margin-top:3px;letter-spacing:.08em}.nx-dia.ok{color:var(--menta)}.nx-dia svg{width:26px;height:26px}
.nx-bt{flex:1;min-width:0}.nx-bt strong{display:block;font-size:1.1rem}.nx-bt span{color:var(--muted);font-size:.88rem}
.nx-pagar{height:44px;padding:0 18px;border-radius:14px;background:var(--ceu);color:#07111C;font-weight:700;display:flex;align-items:center;text-decoration:none}.nx-pagar.esc{background:var(--cartao2);color:var(--tinta)}
.nx-indique{margin-top:22px;display:flex;align-items:center;gap:10px;background:linear-gradient(135deg,#FFC83D,#FFAB1A);border-radius:26px;padding:22px;color:#1A1200;text-decoration:none;overflow:hidden}
.nx-indique span{flex:1}.nx-indique b{display:block;font:800 1.35rem/1.15 "Bricolage Grotesque",sans-serif;color:#1A1200}.nx-indique small{display:block;margin:8px 0 14px;font-size:.92rem;color:#3A2A00}
.nx-indique i{display:inline-block;background:#07111C;color:#fff;font-style:normal;font-weight:700;padding:12px 18px;border-radius:14px}.nx-indique svg{width:84px;height:84px;color:#1A1200;flex:none}
.nv-lin,.nv-lista a{color:var(--tinta);border-color:var(--linha)}
.nv-ic{background:rgba(42,170,226,.16);color:var(--ceu-forte)}.nv-ic.amb{background:rgba(255,200,61,.14);color:var(--sol)}.nv-ic.neutro{background:var(--cartao2);color:var(--tinta)}
.nv-bt{border-color:var(--linha);color:var(--tinta)}.nv-bt.esc{background:var(--ceu);color:#07111C;border-color:var(--ceu)}
.nv-tx span{color:var(--muted)}
.btn-suporte{background:var(--cartao2);color:var(--ceu-forte);border:1px solid var(--linha);box-shadow:none}
@media (max-width:900px){body:has(.nx-home) .topo{display:none}}
/* ajuda 24h */
.aj-topo{background:linear-gradient(180deg,#0D1B2A,#07111C)}
.aj-op{color:var(--tinta)}.aj-op.prim{border-color:var(--ceu)}.aj-op i{background:rgba(42,170,226,.16);color:var(--ceu-forte)}.aj-op.prim i{background:var(--ceu);color:#07111C}
.nv-ligar{border-color:var(--ceu-forte);color:var(--ceu-forte)}
/* ===== ENTRADA (ent3): fotos + vidro ===== */
.ent3{position:fixed;inset:0;z-index:30;overflow:hidden;background:#0D1B2A;color:#fff;font-family:"Figtree",system-ui,sans-serif;isolation:isolate}
.e3-fundo{position:absolute;inset:0;z-index:-2}
.e3-foto{position:absolute;inset:0;background-size:cover;background-position:center 40%;opacity:0;transform:scale(1.12);transition:opacity 1.6s ease}
.e3-foto.ativa{opacity:1;animation:e3-kb 9s ease-out forwards}
@keyframes e3-kb{from{transform:scale(1.14) translate3d(0,1.5%,0)}to{transform:scale(1.02) translate3d(0,0,0)}}
.e3-sombra{position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(13,27,42,.62) 0%,rgba(13,27,42,.10) 26%,rgba(13,27,42,0) 48%,rgba(13,27,42,.35) 66%,rgba(13,27,42,.85) 100%);transition:background .6s}
.ent3.go .e3-sombra{background:linear-gradient(180deg,rgba(13,27,42,.7),rgba(13,27,42,.55) 40%,rgba(7,17,28,.92))}
.e3-topo{position:absolute;top:calc(env(safe-area-inset-top,0px) + 56px);left:0;right:0;display:flex;flex-direction:column;align-items:center;gap:8px;transition:transform .6s,opacity .6s}
.ent3.go .e3-topo{transform:translateY(-36px) scale(.8)}
.e3-logo{display:flex;align-items:center;gap:8px}
.e3-logo .m{font:800 34px/1 "Bricolage Grotesque",sans-serif;color:#fff;padding:4px 18px 10px;border-radius:55% 45% 50% 50%/60% 55% 45% 40%;background:rgba(42,170,226,.38);border:1.5px solid rgba(255,255,255,.55);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}
.e3-logo .a{font:800 30px "Bricolage Grotesque",sans-serif;color:#fff;position:relative}.e3-logo .a svg{position:absolute;left:4px;right:4px;bottom:-9px;width:calc(100% - 8px)}
.e3-sub{font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:rgba(255,255,255,.82);font-weight:600}
.e3-frase{position:absolute;left:24px;right:24px;top:calc(env(safe-area-inset-top,0px) + 152px);text-align:center;margin:0;font:700 24px/1.1 "Bricolage Grotesque",sans-serif;letter-spacing:-.01em;text-shadow:0 2px 18px rgba(0,0,0,.35);white-space:pre-line;transition:opacity .6s,transform .6s}
.e3-frase.saindo{opacity:0;transform:translateY(8px)}.ent3.go .e3-frase,.ent3.go .e3-pontos{opacity:0;pointer-events:none}
.e3-pontos{position:absolute;left:0;right:0;bottom:calc(env(safe-area-inset-bottom,0px) + 352px);display:flex;justify-content:center;gap:6px}
.e3-pontos span{width:6px;height:6px;border-radius:3px;background:rgba(255,255,255,.45);transition:width .4s,background .4s}.e3-pontos span.on{width:22px;background:var(--ceu)}
.e3-p1{position:absolute;left:12px;right:12px;bottom:calc(env(safe-area-inset-bottom,0px) + 12px);background:rgba(13,27,42,.52);border:1px solid rgba(255,255,255,.16);border-radius:30px;padding:20px 18px 18px;-webkit-backdrop-filter:blur(22px) saturate(140%);backdrop-filter:blur(22px) saturate(140%);box-shadow:0 20px 50px rgba(0,0,0,.35);transition:transform .6s,opacity .5s;max-width:430px;margin:0 auto}
.ent3.go .e3-p1{transform:translateY(40px);opacity:0;pointer-events:none}
.e3-ola{font-size:19px;font-weight:600;padding:4px 4px 0}
.e3-atalhos{display:grid;grid-template-columns:repeat(3,1fr);margin:10px 0 16px}
.e3-atalhos button{display:flex;flex-direction:column;align-items:center;gap:8px;padding:10px 4px;color:#fff;background:none;border:0;font-size:14px;font-weight:500;min-height:64px;cursor:pointer}
.e3-atalhos button+button{border-left:1px solid rgba(255,255,255,.16)}.e3-atalhos svg{width:22px;height:22px;color:#7FD3F7}
.e3-btn{display:flex;align-items:center;justify-content:center;width:100%;height:56px;border-radius:18px;border:0;font:700 18px "Figtree",sans-serif;cursor:pointer;text-decoration:none}
.e3-entrar{background:linear-gradient(180deg,#45B9EC,#2AAAE2);color:#0D1B2A;box-shadow:0 8px 24px rgba(42,170,226,.35)}
.e3-prim{margin-top:10px;background:rgba(255,255,255,.08);color:#7FD3F7;font-weight:600;font-size:17px}
.e3-rod{display:flex;justify-content:center;gap:6px;margin-top:14px;font-size:13px;color:rgba(255,255,255,.75)}.e3-rod a{color:#fff;font-weight:700;text-decoration:none}
.e3-voltar{position:absolute;top:calc(env(safe-area-inset-top,0px) + 14px);left:14px;width:44px;height:44px;border-radius:50%;border:1px solid rgba(255,255,255,.25);background:rgba(13,27,42,.5);color:#fff;display:grid;place-items:center;cursor:pointer;z-index:2;opacity:0;pointer-events:none;transition:opacity .4s}.e3-voltar svg{width:22px;height:22px}
.ent3.go .e3-voltar{opacity:1;pointer-events:auto}
.e3-p2{position:absolute;left:12px;right:12px;bottom:calc(env(safe-area-inset-bottom,0px) + 12px);top:calc(env(safe-area-inset-top,0px) + 150px);max-width:430px;margin:0 auto;display:flex;flex-direction:column;justify-content:flex-end;overflow:auto;visibility:hidden;opacity:0;transform:translateY(30px);transition:opacity .5s .15s,transform .6s .15s}
.ent3.go .e3-p2{visibility:visible;opacity:1;transform:none}
.e3-p2 .e-form{background:rgba(13,27,42,.62);border:1px solid rgba(255,255,255,.16);border-radius:30px;padding:22px 18px 18px;-webkit-backdrop-filter:blur(22px) saturate(140%);backdrop-filter:blur(22px) saturate(140%);box-shadow:0 20px 50px rgba(0,0,0,.35);color:#fff}
.e3-p2 h2{font:800 1.6rem "Bricolage Grotesque",sans-serif;color:#fff;margin:0 0 6px}
.e3-p2 .e-form{margin-top:auto}
.e3-p2 .muted,.e3-p2 p{color:rgba(255,255,255,.78)}
.e3-p2 .campo>span{color:#fff}.e3-p2 .campo input{background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.22);color:#fff}
.e3-p2 .link{color:#7FD3F7}.e3-p2 .btn{background:rgba(255,255,255,.1);color:#fff;border-color:rgba(255,255,255,.2)}.e3-p2 .btn-pri{background:linear-gradient(180deg,#45B9EC,#2AAAE2);color:#0D1B2A;border:0}
.e3-p2 .rodape-global{color:rgba(255,255,255,.6);font-size:.62rem;text-align:center;margin-top:10px;position:static;background:none;border:0}
.e3-p2 .dica-cpf{background:rgba(42,170,226,.14);color:#fff}
@media (prefers-reduced-motion:reduce){.e3-foto.ativa{animation:none;transform:none}.ent3 *{transition:none!important}}
@media (min-width:520px){.e3-p1,.e3-p2{left:50%;right:auto;width:430px;transform:translateX(-50%)}.ent3.go .e3-p1{transform:translate(-50%,40px)}.e3-p2{transform:translateX(-50%) translateY(30px)}.ent3.go .e3-p2{transform:translateX(-50%)}}
.vx-resumo.ok{background:rgba(61,214,160,.12);color:#9BE8CC}.vx-resumo.amb{background:rgba(255,200,61,.12);color:var(--sol)}
.ni-mapa{background:#0F2236;filter:brightness(.62) saturate(1.3)}.ni-mapa .ni-vivo{filter:brightness(1.6)}
.leaflet-tile-pane{filter:invert(1) hue-rotate(180deg) brightness(.85) contrast(.95) saturate(.8)}
.leaflet-container{background:#0F2236}

/* ===== NOVO MAPA "MEU VEÍCULO" (tela cheia, folha de baixo; dados da Movit) ===== */
.rt2{position:fixed;inset:0;z-index:3000;background:#07111C;color:#F2F7FB;font-family:Figtree,system-ui,sans-serif;overflow:hidden}
.rt2 svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.rt2-mapa{position:absolute;inset:0;height:auto;min-height:0;background:#0B1826}
.rt2 .leaflet-tile-pane{filter:invert(1) hue-rotate(185deg) brightness(.82) contrast(.92) saturate(.55)}
.rt2 .leaflet-container{background:#0B1826}
.rt2 .leaflet-control-zoom{display:none}
.rt2 .leaflet-control-attribution{background:rgba(7,17,28,.6)!important;color:#7d8fa0!important;font-size:9px!important;margin-bottom:0}
.rt2 .leaflet-control-attribution a{color:#9FB2C3!important}
.rt2 .leaflet-bottom{bottom:var(--rt-h,330px)}
.rt2-vig{position:absolute;inset:0;pointer-events:none;z-index:400;background:linear-gradient(180deg,rgba(7,17,28,.85) 0%,rgba(7,17,28,0) 18%,rgba(7,17,28,0) 55%,rgba(7,17,28,.6) 100%)}
.rt2-barra{position:absolute;z-index:500;top:calc(env(safe-area-inset-top) + 14px);left:16px;right:16px;display:flex;align-items:center;gap:10px;max-width:430px;margin:0 auto}
.rt2-barra h1{flex:1;margin:0;font-family:'Bricolage Grotesque',sans-serif;font-weight:800;font-size:26px;letter-spacing:-.01em;color:#F2F7FB}
.rt2-btn{width:46px;height:46px;border-radius:50%;border:1px solid rgba(255,255,255,.14);background:rgba(13,27,42,.6);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);display:flex;align-items:center;justify-content:center;cursor:pointer;color:#F2F7FB;text-decoration:none;padding:0}
.rt2-ao{display:inline-flex;align-items:center;gap:6px;font-weight:700;font-size:13px;color:#3DD6A0;background:rgba(13,27,42,.6);border:1px solid rgba(255,255,255,.14);border-radius:999px;padding:8px 12px}
.rt2-ao i{width:8px;height:8px;border-radius:50%;background:#3DD6A0;box-shadow:0 0 0 4px rgba(61,214,160,.2)}
.rt2-lat{position:absolute;z-index:500;right:16px;top:42%;display:flex;flex-direction:column;gap:10px}
.rt2-folha{position:absolute;z-index:500;left:0;right:0;bottom:0;max-width:430px;margin:0 auto;padding:12px 16px calc(env(safe-area-inset-bottom) + 16px);border-radius:28px 28px 0 0;background:rgba(10,20,32,.88);border-top:1px solid rgba(255,255,255,.10);-webkit-backdrop-filter:blur(24px) saturate(140%);backdrop-filter:blur(24px) saturate(140%);max-height:55dvh;overflow:auto}
.rt2-puxa{width:42px;height:5px;border-radius:3px;background:rgba(255,255,255,.25);margin:0 auto 14px}
.rt2-l1{display:flex;justify-content:space-between;align-items:flex-start;gap:10px}
.rt2-estado{font-family:'Bricolage Grotesque',sans-serif;font-weight:800;font-size:22px;display:flex;align-items:center;gap:8px}
.rt2-ponto{width:10px;height:10px;border-radius:50%;flex:none}
.rt2-end{color:#9FB2C3;font-size:15px;margin-top:2px;overflow-wrap:anywhere}
.rt2-grade{display:grid;gap:8px;margin:16px 0}
.rt2-grade div{background:rgba(255,255,255,.055);border:1px solid rgba(255,255,255,.10);border-radius:16px;padding:12px}
.rt2-grade small{display:block;color:#9FB2C3;font-size:12px;margin-bottom:4px}
.rt2-grade b{font-family:'Bricolage Grotesque',sans-serif;font-size:19px;color:#F2F7FB}
.rt2-acoes{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.rt2-b{display:flex;align-items:center;justify-content:center;gap:8px;height:52px;border-radius:16px;border:0;font-weight:700;font-size:16px;cursor:pointer;text-decoration:none;font-family:inherit}
.rt2-b svg{width:20px;height:20px}
.rt2-b.p{background:linear-gradient(180deg,#45B9EC,#2AAAE2);color:#07111C;box-shadow:0 10px 26px rgba(42,170,226,.28)}
.rt2-b.s{background:rgba(255,255,255,.09);color:#F2F7FB;border:1px solid rgba(255,255,255,.10)}
.rt2-atual{text-align:center;margin-top:12px;color:#9FB2C3;font-size:13px}.rt2-atual a{color:#7FD3F7}
.rt2-nota{text-align:center;color:#7d8fa0;font-size:12px;margin:6px 0 0}
.rt2-plat{display:block;text-align:center;margin-top:10px;color:#7FD3F7;font-size:13px}
/* carro novo */
.rt-icone{overflow:visible!important;background:none!important;border:0!important}
.rt-car{position:absolute;left:-60px;top:-60px;width:120px;height:120px}
.rt-car .pulso{position:absolute;left:50%;top:50%;width:120px;height:120px;margin:-60px 0 0 -60px;border-radius:50%;background:radial-gradient(circle,rgba(42,170,226,.35),rgba(42,170,226,0) 70%);animation:rt-pulso 2.6s ease-out infinite}
@keyframes rt-pulso{0%{transform:scale(.35);opacity:1}100%{transform:scale(1.25);opacity:0}}
.rt-car .gira{position:absolute;inset:0;transition:transform 1.2s cubic-bezier(.4,0,.2,1)}
.rt-car .cone{position:absolute;left:50%;top:-6px;width:70px;height:70px;margin-left:-35px;background:conic-gradient(from 150deg at 50% 100%,rgba(127,211,247,0) 0deg,rgba(127,211,247,.45) 30deg,rgba(127,211,247,0) 60deg);border-radius:50% 50% 0 0;filter:blur(2px)}
.rt-car svg.auto{position:absolute;left:50%;top:50%;width:46px;height:84px;margin:-42px 0 0 -23px;filter:drop-shadow(0 10px 10px rgba(0,0,0,.55))}
.rt-car.parado .cone{display:none}
.rt-car.parado .pulso{animation-duration:4s;background:radial-gradient(circle,rgba(159,178,195,.25),rgba(159,178,195,0) 70%)}
.rt-car .balao{position:absolute;left:50%;bottom:104px;transform:translateX(-50%);white-space:nowrap;display:flex;align-items:center;gap:8px;padding:7px 11px 7px 7px;border-radius:14px;background:#fff;color:#07111C;font-weight:700;font-size:13px;box-shadow:0 8px 24px rgba(0,0,0,.35)}
.rt-car .balao::after{content:"";position:absolute;left:50%;bottom:-6px;width:12px;height:12px;margin-left:-6px;background:#fff;transform:rotate(45deg);border-radius:2px}
.rt-car .balao .vel{background:#07111C;color:#7FD3F7;font-family:'Bricolage Grotesque',sans-serif;font-weight:800;border-radius:9px;padding:3px 7px;font-size:13px}
.rt-car .balao.parado .vel{color:#C9D5E0}
@media (prefers-reduced-motion:reduce){.rt-car .pulso{animation:none}.rt-car .gira{transition:none}}