/* ==========================================================================
   Jacob Milhas · Refino profissional + acessibilidade
   Carregado por ÚLTIMO (depois de estilo, acabamento e escuro), nos dois sites.
   Princípios (Taste Skill, adaptados à marca Escada de Jacó):
   - hierarquia por peso e cor, não por tamanho gritante;
   - um acento só (Azul Jacob), neutros da marca, sombras tingidas de Noite;
   - números tabulares, rótulos legíveis, estados completos (foco, erro,
     carregando, vazio) e toque físico discreto.
   Acessibilidade (WCAG 2.2 AA): contraste 4,5:1 nos textos, 3:1 nas bordas
   dos campos e no foco, alvos de toque >= 24px (a maioria >= 40px),
   foco sempre visível, movimento reduzido e alto contraste respeitados.
   Para voltar ao visual anterior: remova a linha <link ... refino.css>.
   ========================================================================== */

:root{
  --muted:#52627A;              /* 5,8:1 no Marfim (antes 4,1:1 nos rótulos) */
  --borda-campo:#8391A3;        /* 3:1 contra o fundo: o campo aparece */
  --foco:#0052CC;
  --campo-fundo:var(--branco);
  --mola-ui:cubic-bezier(.16,1,.3,1);
  --sombra-cartao:0 0 0 1px rgba(2,51,102,.06),0 1px 2px rgba(2,51,102,.04),0 10px 28px -14px rgba(2,51,102,.16);
}
:root[data-tema="escuro"]{--borda-campo:#66778F;--foco:#8DBBFF;--campo-fundo:rgba(255,255,255,.04);--sombra-cartao:0 0 0 1px rgba(255,255,255,.06),0 10px 28px -14px rgba(0,0,0,.6)}
@media (prefers-color-scheme:dark){
  :root:not([data-tema="claro"]):not([data-tema="escuro"]){--borda-campo:#66778F;--foco:#8DBBFF;--campo-fundo:rgba(255,255,255,.04);--sombra-cartao:0 0 0 1px rgba(255,255,255,.06),0 10px 28px -14px rgba(0,0,0,.6)}
}

/* ---------- Tipografia: calma, legível, números alinhados ---------- */
body{line-height:1.6}
p,li,dd{text-wrap:pretty}
h1,h2,h3{text-wrap:balance}
.num,.mono,.hora,.stub-preco,.stub-milhas,.stub-total,.kpi b,.db-tot b,.sim-res b,.ped-num,.loc strong,.timer,.emi-total strong,.sel-total strong,.pag-val,.termos-status strong{font-variant-numeric:tabular-nums lining-nums}
/* Títulos: hierarquia por peso, sem gritar */
.hero h1{font-size:clamp(30px,4vw,44px);font-weight:700;letter-spacing:-.034em;line-height:1.08}
.hero p{max-width:58ch}
.sec-title h2{font-size:clamp(24px,2.6vw,28px)}
.empty strong{font-size:19px}
.adm .adm-head h1{font-size:clamp(28px,3vw,36px);letter-spacing:-.03em}
.adm .db-head h2{font-size:26px}
.adm .bloco h2{font-size:22px}
.adm .drawer h2{font-size:28px}
.login-adm h1{font-size:34px}
.adm .kpi b{font-size:34px;letter-spacing:-.03em}
/* Rótulos: menos espaçamento, mais contraste (antes 11px com .16em e cinza 4,1:1) */
label.f,.f-lbl{font-size:12px;letter-spacing:.06em;color:var(--muted);gap:7px}
.rotulo{font-size:11.5px;letter-spacing:.14em}
th,.adm th{font-size:11.5px;letter-spacing:.07em;color:var(--muted)}
.kpi span,.adm .kpi span,.sim-res span,.stub-lbl{letter-spacing:.08em;color:var(--muted)}
.muted,.kpi small{color:var(--muted)}
.pill{font-size:11.5px;letter-spacing:.06em;padding:4px 10px;line-height:1.3}
.erro-msg{font-size:12.5px;display:flex;align-items:center;gap:6px}
.erro-msg::before{content:"";flex:none;width:14px;height:14px;border-radius:50%;background:var(--bad);
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M8 0a8 8 0 1 0 0 16A8 8 0 0 0 8 0zm-.9 4h1.8v5H7.1zm0 6.4h1.8v1.8H7.1z'/%3E%3C/svg%3E") center/contain no-repeat;
          mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M8 0a8 8 0 1 0 0 16A8 8 0 0 0 8 0zm-.9 4h1.8v5H7.1zm0 6.4h1.8v1.8H7.1z'/%3E%3C/svg%3E") center/contain no-repeat}

/* ---------- Campos: borda visível (3:1), foco nítido, erro claro ---------- */
.inp{background:var(--campo-fundo);border:1px solid var(--borda-campo)}
.inp:hover{background:var(--campo-fundo);border-color:var(--noite)}
.inp:focus,.inp:focus-visible{outline:none;background:var(--campo-fundo);border-color:var(--foco);box-shadow:0 0 0 3px color-mix(in srgb,var(--foco) 30%,transparent)}
.inp::placeholder{color:var(--muted);opacity:1}
.inp:disabled{opacity:1;color:var(--muted);background:var(--campo);border-style:dashed;cursor:not-allowed}
td .inp{background:var(--campo-fundo)}
.step{background:var(--campo-fundo);border:1px solid var(--borda-campo)}
.tem-erro .inp{border-color:var(--bad);background:var(--bad-bg);box-shadow:none}
.tem-erro .inp:focus{box-shadow:0 0 0 3px color-mix(in srgb,var(--bad) 28%,transparent)}
.toggle input{outline-offset:3px;box-shadow:inset 0 0 0 1px var(--borda-campo)}
.toggle input:checked{box-shadow:none}
input[type=checkbox]:not(.toggle input),input[type=radio]{accent-color:var(--azul-link);width:18px;height:18px}

/* ---------- Foco sempre visível (teclado), em qualquer fundo ---------- */
:focus-visible{outline:2px solid var(--foco);outline-offset:2px}
.btn:focus-visible,.chip:focus-visible,.nav button:focus-visible,.tipo-viagem button:focus-visible,.lnk:focus-visible,.swap:focus-visible,.step button:focus-visible,.tr-del:focus-visible,.vc:focus-visible,.best button:focus-visible,summary:focus-visible,a:focus-visible{outline:2px solid var(--foco);outline-offset:2px}
.adm-side :focus-visible,.cart :focus-visible,.toast :focus-visible,.novo-ped :focus-visible,.mural :focus-visible{outline-color:var(--aurora)}
[tabindex="-1"]:focus{outline:none}

/* ---------- Alvos de toque ---------- */
.btn{min-height:44px}
.btn.sm{min-height:38px;padding:8px 14px}
.chip{min-height:38px}
.nav button{min-height:40px}
.step button{width:40px;height:40px;background:var(--ceu-leve)}
.vc{width:40px;height:40px}
.tr-del{width:44px;height:44px}
.swap{width:44px;height:44px}
.mural-nav button{width:44px;height:44px}
.lnk{padding:8px 2px;text-underline-offset:3px;text-decoration-thickness:1.5px}
.adm .adm-nav button{min-height:42px}
.adm-eu a,.adm-eu button{padding:6px 0}

/* ---------- Superfícies: um sistema só de raio e sombra ---------- */
.card{box-shadow:var(--sombra-cartao)}
.adm .kpi{box-shadow:var(--sombra-cartao)}
.adm .kpi:hover,.voo:hover{transform:none}
.voo:hover{box-shadow:var(--sombra-2)}
.adm .kpi.alerta{background:var(--aurora-leve);border-color:var(--aurora)}
.adm .db-alerta{background:var(--warn-bg)}
/* Botão principal: sem brilho, cor sólida, contraste 6,4:1 */
.btn.primary{box-shadow:0 1px 0 rgba(255,255,255,.12) inset,0 1px 2px rgba(0,40,110,.24)}
.btn.primary:hover{background:#0047B3}
.btn:active:not(:disabled){transform:translateY(1px) scale(.985)}
.btn:disabled{cursor:not-allowed}

/* ---------- Link que parece link ---------- */
.f-cond a,.termos-txt a,p a{text-decoration:underline;text-underline-offset:3px}

/* ---------- Pular para o conteúdo ---------- */
.pular{position:fixed;left:16px;top:12px;z-index:100;transform:translateY(-160%);background:var(--noite);color:var(--marfim);padding:10px 16px;border-radius:12px;font-weight:700;text-decoration:none;transition:transform .2s var(--mola-ui)}
.pular:focus{transform:none;outline:2px solid var(--aurora);outline-offset:2px}

/* ---------- Ícones inline (substituem emojis) ---------- */
.ic{width:16px;height:16px;flex:none;vertical-align:-3px;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}

/* ---------- Carregando: esqueleto no formato do conteúdo ---------- */
.esq{display:grid;gap:12px;margin-top:16px}
.esq-voo{display:grid;grid-template-columns:minmax(0,1fr) 220px;border-radius:22px;background:var(--branco);box-shadow:var(--sombra-cartao);overflow:hidden;min-height:156px}
.esq-voo>div{padding:20px;display:grid;gap:12px;align-content:center}
.esq-voo>div+div{border-left:2px dashed var(--line)}
.esq i{display:block;height:12px;border-radius:6px;background:color-mix(in srgb,var(--noite) 9%,transparent);position:relative;overflow:hidden}
.esq i::after{content:"";position:absolute;inset:0;transform:translateX(-100%);background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--branco) 70%,transparent),transparent);animation:esq-brilho 1.4s var(--mola-ui) infinite}
.esq i.l{height:26px;width:46%}.esq i.m{width:70%}.esq i.s{width:34%}.esq i.b{height:40px;border-radius:999px}
.esq-ped{border-radius:var(--r);background:var(--branco);box-shadow:var(--sombra-cartao);padding:18px 20px;display:grid;gap:12px}
@keyframes esq-brilho{to{transform:translateX(100%)}}
@media (max-width:760px){.esq-voo{grid-template-columns:1fr}.esq-voo>div+div{border-left:0;border-top:2px dashed var(--line)}}

/* ---------- Tabelas: leitura em linha ---------- */
.tbl table{font-variant-numeric:tabular-nums}
.tbl tbody tr:hover{background:color-mix(in srgb,var(--noite) 3%,transparent)}

/* ---------- Diálogos ---------- */
.emi:focus,#prop:focus{outline:none}

/* ---------- Preferências do sistema ---------- */
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{scroll-behavior:auto!important}
  .esq i::after{animation:none}
  .btn:active:not(:disabled){transform:none}
  .pular{transition:none}
}
@media (prefers-contrast:more){
  :root{--muted:#3E4C61;--borda-campo:#5A6880}
  .card,.voo,.kpi{border-color:var(--borda-campo)!important}
  .btn{border-color:var(--borda-campo)}
}
@media (forced-colors:active){
  .btn,.chip,.inp,.card,.voo,.pill,.toggle input{border:1px solid CanvasText}
  .chip[aria-pressed="true"],.tipo-viagem button[aria-checked="true"],.nav button[aria-current="page"],.adm-nav button[aria-current="page"]{outline:2px solid Highlight}
  :focus-visible{outline:2px solid Highlight}
  .esq i::after{display:none}
}

/* ==========================================================================
   Efeitos ao passar o mouse
   Só em aparelhos com mouse (no celular não "gruda" o efeito) e desligados
   com "reduzir movimento". Movem só transform/opacity/sombra (leve na CPU).
   O brilho que segue o cursor usa --mx/--my, preenchidos pelo fim do comum.js.
   ========================================================================== */
@media (hover:hover) and (pointer:fine){
  :root{--ease-h:cubic-bezier(.16,1,.3,1)}
  @media (max-width:820px){:root{--ind-nav:none}}

  /* Cartão de voo: sobe, ganha borda azul suave e um brilho que segue o mouse */
  .voo{transition:transform .35s var(--ease-h),box-shadow .35s var(--ease-h),border-color .2s}
  .voo:hover{transform:translateY(-3px);border-color:color-mix(in srgb,var(--azul) 35%,var(--line));box-shadow:0 0 0 1px color-mix(in srgb,var(--azul) 14%,transparent),0 18px 40px -18px rgba(2,51,102,.32)}
  .voo.sel:hover{border-color:var(--azul)}
  .voo-main{background:radial-gradient(420px circle at var(--mx,-999px) var(--my,-999px),color-mix(in srgb,var(--azul) 6%,transparent),transparent 60%);border-radius:inherit}
  .voo .cia-logo{transition:transform .35s var(--ease-h)}
  .voo:hover .cia-logo{transform:scale(1.06)}
  .voo .trilho .aviao{transition:transform .6s var(--ease-h),color .2s}
  .voo:hover .trilho .aviao{transform:translate(5px,-50%);color:var(--azul-link)}
  .voo .stub-preco{transition:color .2s}
  .voo:hover .stub-preco{color:var(--azul-link)}
  .voo .stub-btn{transition:transform .2s var(--ease-h),box-shadow .2s,background-color .2s}
  .voo:hover .stub-btn.primary{box-shadow:0 6px 16px -6px color-mix(in srgb,var(--azul) 60%,transparent)}

  /* Botões: sobem 1px; o secundário ganha fundo Céu; a seta "anda" */
  .btn{transition:transform .2s var(--ease-h),box-shadow .2s var(--ease-h),background-color .2s,border-color .2s,color .15s}
  .btn:hover:not(:disabled){transform:translateY(-1px)}
  .btn.primary:hover:not(:disabled){box-shadow:0 8px 20px -8px color-mix(in srgb,var(--azul) 70%,transparent)}
  .btn.brand:hover:not(:disabled){box-shadow:0 8px 20px -8px rgba(2,51,102,.55)}
  .btn:not(.primary):not(.brand):not(.ghost):not(.emitir):hover:not(:disabled){background:var(--ceu-leve);border-color:var(--d3)}
  .btn.ghost:hover:not(:disabled){background:color-mix(in srgb,var(--azul-link) 8%,transparent)}
  .btn:active:not(:disabled){transform:translateY(0) scale(.985);transition-duration:.08s}

  /* Chips e filtros */
  .chip{transition:transform .2s var(--ease-h),background-color .2s,border-color .2s,color .15s,box-shadow .2s}
  .chip:hover:not(:disabled):not([aria-pressed="true"]){transform:translateY(-1px);border-color:var(--azul-link);background:var(--ceu-leve);color:var(--noite)}
  .chip[aria-pressed="true"]:hover{box-shadow:0 6px 14px -6px rgba(2,51,102,.5)}
  .chip-cia img{transition:transform .25s var(--ease-h)}
  .chip-cia:hover img{transform:scale(1.08)}

  /* Menu do topo e controles segmentados */
  .nav button:not([aria-current="page"]):hover{background:color-mix(in srgb,var(--noite) 6%,transparent)}
  .tipo-viagem button:not([aria-checked="true"]):hover{background:color-mix(in srgb,var(--branco) 70%,transparent);color:var(--noite)}
  .nav-ext{transition:background-color .2s,border-color .2s}
  .nav-ext:hover{background:var(--ceu-leve);border-color:var(--d3)}
  .tema-sel button:hover{transform:scale(1.1)}

  /* Destaques "mais barato / rápido": barra azul cresce embaixo */
  .best button{position:relative;transition:background-color .2s}
  .best button::after{content:"";position:absolute;left:16px;right:16px;bottom:0;height:3px;border-radius:3px 3px 0 0;background:var(--azul);transform:scaleX(0);transform-origin:left;transition:transform .35s var(--ease-h)}
  .best button:not([aria-pressed="true"]):hover{background:var(--ceu-leve)}
  .best button:not([aria-pressed="true"]):hover::after{transform:scaleX(1)}

  /* Inverter origem e destino: gira */
  .swap{transition:transform .45s var(--ease-h),border-color .2s,background-color .2s}
  .swap:hover{transform:rotate(180deg);border-color:var(--azul-link);background:var(--ceu-leve)}
  .step button:hover{background:color-mix(in srgb,var(--azul) 16%,var(--ceu-leve))}
  .tr-del:hover:not(:disabled){transform:rotate(90deg)}
  .tr-del{transition:transform .3s var(--ease-h),color .15s,border-color .15s}

  /* Links: sublinhado que desenha da esquerda para a direita */
  .lnk{text-decoration:none;background:linear-gradient(currentColor,currentColor) 0 calc(100% - 4px)/0 1.5px no-repeat;transition:background-size .3s var(--ease-h)}
  .lnk:hover{text-decoration:none;background-size:100% 1.5px}

  /* Escolhas de pagamento, cartões de pedido, linhas */
  .pag-op{transition:border-color .2s,box-shadow .25s var(--ease-h),transform .25s var(--ease-h)}
  .pag-op:not(.sel):hover{border-color:var(--d3);transform:translateY(-1px);box-shadow:0 8px 18px -12px rgba(2,51,102,.35)}
  .pedido,.perfil-card,.db-card,.bn-item,.cfg-card,.prog{transition:box-shadow .3s var(--ease-h),border-color .2s}
  .pedido:hover,.perfil-card:hover,.db-card:hover,.bn-item:hover{border-color:color-mix(in srgb,var(--azul) 22%,var(--line));box-shadow:0 0 0 1px color-mix(in srgb,var(--azul) 8%,transparent),0 16px 36px -20px rgba(2,51,102,.3)}
  .emi-voo,.rev-pax{transition:background-color .2s;border-radius:10px}
  .ped-det .emi-voo:hover,.ped-det .rev-pax:hover{background:color-mix(in srgb,var(--noite) 4%,transparent)}
  .bilhete{transition:transform .2s var(--ease-h),box-shadow .2s}
  .bilhete:hover{transform:translateY(-1px);box-shadow:0 6px 14px -8px rgba(23,121,90,.5)}
  summary{transition:color .15s}
  summary:hover{color:var(--azul-link)}
  .toggle:hover input:not(:disabled){box-shadow:inset 0 0 0 1px var(--borda-campo),0 0 0 4px color-mix(in srgb,var(--azul) 12%,transparent)}

  /* Tabelas: faixa azul à esquerda da linha */
  .tbl tbody tr{transition:background-color .15s,box-shadow .15s}
  .tbl tbody tr:hover{background:color-mix(in srgb,var(--azul) 5%,transparent);box-shadow:inset 3px 0 0 var(--azul)}

  /* Banners: a foto aproxima devagar */
  .bn .bn-img{transition:transform 1.2s var(--ease-h)}
  .bn{overflow:hidden}
  .bn:hover .bn-img{transform:scale(1.04)}
  .bn .bn-btn{transition:transform .2s var(--ease-h)}
  .bn:hover .bn-btn{transform:translateX(3px)}

  /* ---------- Gestão ---------- */
  .adm .kpi{transition:transform .35s var(--ease-h),box-shadow .35s var(--ease-h),border-color .2s;background-image:radial-gradient(300px circle at var(--mx,-999px) var(--my,-999px),color-mix(in srgb,var(--azul) 7%,transparent),transparent 60%)}
  .adm .kpi:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--azul) 25%,var(--line));box-shadow:0 16px 36px -18px rgba(2,51,102,.32)}
  .adm .kpi b{transition:color .2s}
  .adm .kpi:hover b{color:var(--azul-link)}
  /* Menu lateral: indicador dourado e ícone que desliza */
  .adm .adm-nav button{position:relative;transition:background-color .2s,color .15s}
  .adm .adm-nav button svg{transition:transform .3s var(--ease-h)}
  .adm .adm-nav button:hover svg{transform:translateX(2px) scale(1.08)}
  .adm .adm-nav button::before{content:"";display:var(--ind-nav,block);position:absolute;left:-16px;top:10px;bottom:10px;width:3px;border-radius:0 3px 3px 0;background:var(--aurora);transform:scaleY(0);transition:transform .3s var(--ease-h)}
  .adm .adm-nav button:hover::before,.adm .adm-nav button[aria-current="page"]::before{transform:scaleY(1)}
  .adm-eu a{transition:color .15s,transform .2s var(--ease-h);display:inline-block}
  .adm-eu a:hover{transform:translateX(2px)}
  /* Linhas de pedido do painel */
  .adm .lin-ped{transition:background-color .2s,padding .25s var(--ease-h)}
  .adm .lin-ped:hover{background:color-mix(in srgb,var(--azul) 5%,transparent);padding-inline:8px}
  /* Ranking: nome azul e barra cresce de leve */
  .rank li .rank-bar i{transition:filter .2s,transform .35s var(--ease-h);transform-origin:left}
  .rank li:hover .rank-bar i{filter:brightness(1.15);transform:scaleY(1.6)}
  .rank li:hover .rank-t b{color:var(--azul-link)}
  .rank li .rank-n{transition:transform .3s var(--ease-h)}
  .rank li:hover .rank-n{transform:scale(1.12)}
  /* Gráficos: barra apontada fica mais escura, as outras recuam */
  .adm .db-hit:hover{fill:color-mix(in srgb,var(--noite) 6%,transparent)}
  .valor-ctl .vc:hover{transform:scale(1.06)}
  .vc{transition:transform .15s var(--ease-h),background-color .15s,border-color .15s}
  .esc-tabs button:not([aria-selected="true"]):hover{color:var(--noite);border-bottom-color:var(--d3)}
}
@media (hover:hover) and (pointer:fine) and (prefers-reduced-motion:reduce){
  .voo:hover,.btn:hover:not(:disabled),.chip:hover,.pag-op:hover,.bilhete:hover,.adm .kpi:hover,.adm-eu a:hover,.bn .bn-btn,.swap:hover,.tr-del:hover,.voo .trilho .aviao,.voo:hover .cia-logo,.bn:hover .bn-img,.rank li:hover .rank-bar i,.rank li:hover .rank-n,.adm .adm-nav button:hover svg,.tema-sel button:hover,.vc:hover,.chip-cia:hover img{transform:none!important}
  .voo:hover .trilho .aviao{transform:translateY(-50%)!important}
  .adm .lin-ped:hover{padding-inline:0}
}

/* ==========================================================================
   Escada de Jacó ao passar o mouse
   Os degraus "acendem" e sobem em sequência, do primeiro ao último, e depois
   ficam numa onda suave subindo a escada enquanto o mouse estiver ali.
   Ao sair, descem na ordem inversa (de cima para baixo).
   Vale para a escada do topo da busca, do login, dos banners, da proposta
   e da confirmação do pedido. Usa as propriedades scale/translate, que não
   interferem na animação de entrada já existente.
   ========================================================================== */
.degraus i:nth-child(1),.escada i:nth-child(1),.bn-degraus i:nth-child(1),.f-escada i:nth-child(1){--n:0}
.degraus i:nth-child(2),.escada i:nth-child(2),.bn-degraus i:nth-child(2),.f-escada i:nth-child(2){--n:1}
.degraus i:nth-child(3),.escada i:nth-child(3),.bn-degraus i:nth-child(3),.f-escada i:nth-child(3){--n:2}
.degraus i:nth-child(4),.escada i:nth-child(4),.bn-degraus i:nth-child(4),.f-escada i:nth-child(4){--n:3}
.degraus i:nth-child(5),.escada i:nth-child(5),.bn-degraus i:nth-child(5),.f-escada i:nth-child(5){--n:4}
.escada i:nth-child(6),.f-escada i:nth-child(6){--n:5}
@keyframes degrau-onda{0%,100%{translate:0 0}50%{translate:0 -3px}}
@keyframes degrau-onda-g{0%,100%{translate:0 0}50%{translate:0 -7px}}
@media (hover:hover) and (pointer:fine){
  .degraus i,.escada i,.bn-degraus i,.f-escada i{transform-origin:bottom;transition:scale .5s cubic-bezier(.16,1,.3,1),filter .35s ease,translate .3s ease;transition-delay:calc((5 - var(--n,0)) * 35ms)}
  /* gatilhos: a própria escada ou o bloco onde ela está */
  .degraus:hover i,.hero:hover .degraus i,.emi-ok:hover .degraus i,
  .escada:hover i,.mural:hover .escada i,
  .bn:hover .bn-degraus i,
  .folha:hover .f-escada i{scale:1 1.2;filter:brightness(1.12) saturate(1.15);transition-delay:calc(var(--n,0) * 60ms)}
  /* último degrau (Aurora): o "topo" da escada ganha um pouco mais */
  .degraus:hover i:last-child,.hero:hover .degraus i:last-child,.emi-ok:hover .degraus i:last-child,
  .escada:hover i:last-child,.mural:hover .escada i:last-child,
  .bn:hover .bn-degraus i:last-child{scale:1 1.3}
  /* onda contínua enquanto o mouse fica em cima */
  .degraus:hover i,.hero:hover .degraus i,.emi-ok:hover .degraus i,.bn:hover .bn-degraus i{animation:degrau-onda 1.6s ease-in-out infinite;animation-delay:calc(.55s + var(--n,0) * .12s)}
  .escada:hover i,.mural:hover .escada i{animation:sobe .9s cubic-bezier(.2,.7,.2,1) both,degrau-onda-g 1.8s ease-in-out infinite;animation-delay:0s,calc(.6s + var(--n,0) * .14s)}
  .degraus,.escada,.bn-degraus{cursor:default}
}
@media (hover:hover) and (pointer:fine) and (prefers-reduced-motion:reduce){
  .degraus i,.escada i,.bn-degraus i,.f-escada i{scale:none!important;translate:none!important}
  .degraus:hover i,.hero:hover .degraus i,.emi-ok:hover .degraus i,.bn:hover .bn-degraus i{animation:none}
  .escada:hover i,.mural:hover .escada i{animation:sobe .9s both}
}

/* ==========================================================================
   Login · ilustrações animadas das dicas (cenas.js)
   Cada curiosidade ganha uma cena própria, desenhada nas cores da marca,
   e o fundo do painel ganha um brilho na cor dessa cena.
   ========================================================================== */
@property --cena{syntax:"<color>";inherits:true;initial-value:transparent}
.mural{transition:--cena 1.2s ease}
.mural::before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(70% 55% at 88% 8%,color-mix(in srgb,var(--cena) 22%,transparent),transparent 70%),radial-gradient(60% 40% at 0% 100%,color-mix(in srgb,var(--cena) 12%,transparent),transparent 70%)}
.dica-ilus{width:100%;aspect-ratio:560/200;max-height:24svh;border-radius:20px;overflow:hidden;box-shadow:0 0 0 1px rgba(2,51,102,.06),0 18px 40px -22px rgba(2,51,102,.4);animation:cena-entra .8s cubic-bezier(.16,1,.3,1) both;transition:transform .5s cubic-bezier(.16,1,.3,1),box-shadow .5s}
.dica-ilus .cena{display:block;width:100%;height:100%}
@keyframes cena-entra{from{opacity:0;transform:translateY(12px) scale(.97)}to{opacity:1;transform:none}}
@media (hover:hover) and (pointer:fine){
  .mural:hover .dica-ilus{transform:translateY(-3px) scale(1.012);box-shadow:0 0 0 1px rgba(2,51,102,.08),0 26px 50px -24px rgba(2,51,102,.5)}
}
:root[data-tema="escuro"] .dica-ilus{box-shadow:0 0 0 1px rgba(255,255,255,.08),0 18px 40px -22px rgba(0,0,0,.7);filter:brightness(.94)}
@media (prefers-color-scheme:dark){:root:not([data-tema="claro"]):not([data-tema="escuro"]) .dica-ilus{box-shadow:0 0 0 1px rgba(255,255,255,.08),0 18px 40px -22px rgba(0,0,0,.7);filter:brightness(.94)}}

/* peças das cenas */
.cena [class*="cn-"]{transform-box:fill-box;transform-origin:center}
.cena .cn-gira-lento,.cena .cn-gira,.cena .cn-ponteiro{transform-box:view-box}
.cn-pisca{animation:cn-pisca 2.4s ease-in-out infinite}
.cn-flutua{animation:cn-flutua 3.2s ease-in-out infinite}
.cn-livro{transform-origin:bottom;animation:cn-livro 4s cubic-bezier(.16,1,.3,1) infinite}
.cn-gira-lento{animation:cn-gira 40s linear infinite}
.cn-gira{animation:cn-gira 3s linear infinite}
.cn-ponteiro{animation:cn-gira 6s linear infinite}
.cn-dia{animation:cn-dia 5s ease both infinite}
.cn-pista{animation:cn-pista .9s linear infinite}
.cn-decola{transform:translate(300px,100px) rotate(-12deg);animation:cn-decola 4.2s cubic-bezier(.45,0,.4,1) both infinite}
.cn-aurora{transform-origin:center;animation:cn-aurora 7s ease-in-out infinite alternate}
.cn-aurora-2{animation-duration:9s;animation-direction:alternate-reverse}
.cn-carimbo{animation:cn-carimbo 3.6s cubic-bezier(.16,1,.3,1) both infinite}
.cn-trem{transform:translateX(150px);animation:cn-trem 3.6s cubic-bezier(.55,0,.45,1) both infinite}
.cn-vento{animation:cn-vento 1.2s linear infinite}
.cn-moeda{transform:translateY(40px);animation:cn-moeda 2.7s cubic-bezier(.5,0,.75,0) both infinite}
.cn-pulsa{animation:cn-pulsa 4s ease-in-out infinite}
.cn-nuvem{animation:cn-nuvem 22s linear infinite}
.cn-agua{animation:cn-agua 3s linear infinite}
.cn-agua-2{animation-duration:4.5s}
.cn-onda-circ{animation:cn-onda-circ 2.4s ease-out infinite}
.cn-check{stroke-dasharray:90;animation:cn-check 3.2s cubic-bezier(.16,1,.3,1) infinite}
.cn-traca{stroke-dasharray:1;animation:cn-traca 6s cubic-bezier(.45,0,.2,1) infinite}
.cn-folha{animation:cn-folha 3.4s ease-in-out infinite}
.cn-gota{transform:translateY(40px);animation:cn-gota 2.2s cubic-bezier(.5,0,.8,.4) both infinite}
.cn-golfinho{transform:translate(250px,112px);animation:cn-golfinho 4s cubic-bezier(.3,0,.7,1) both infinite}
.cn-zzz{animation:cn-zzz 2.4s ease-out both infinite}
@keyframes cn-pisca{0%,100%{opacity:.25}50%{opacity:1}}
@keyframes cn-flutua{0%,100%{transform:translateY(0)}50%{transform:translateY(-6px)}}
@keyframes cn-livro{0%,15%{transform:translateY(0)}35%,65%{transform:translateY(-18px) rotate(-4deg)}85%,100%{transform:translateY(0)}}
@keyframes cn-gira{to{transform:rotate(360deg)}}
@keyframes cn-dia{0%{opacity:.12;transform:scale(.7)}10%,80%{opacity:1;transform:none}100%{opacity:.12;transform:scale(.7)}}
@keyframes cn-pista{to{transform:translateX(-60px)}}
@keyframes cn-decola{0%{transform:translate(-60px,170px);opacity:0}8%{opacity:1}40%{transform:translate(230px,166px) rotate(0)}100%{transform:translate(640px,-30px) rotate(-18deg) scale(1.3);opacity:1}}
@keyframes cn-aurora{from{transform:translateX(-24px) scaleY(.92);opacity:.35}to{transform:translateX(24px) scaleY(1.15);opacity:.7}}
@keyframes cn-carimbo{0%{transform:scale(1.9);opacity:0}16%{transform:scale(.94);opacity:1}24%,82%{transform:scale(1);opacity:1}100%{transform:scale(1);opacity:0}}
@keyframes cn-trem{0%{transform:translateX(-300px)}100%{transform:translateX(640px)}}
@keyframes cn-vento{0%{transform:translateX(30px);opacity:0}30%{opacity:1}100%{transform:translateX(-50px);opacity:0}}
@keyframes cn-moeda{0%{transform:translateY(-20px);opacity:0}15%{opacity:1}80%{transform:translateY(62px);opacity:1}100%{transform:translateY(70px) scale(.5);opacity:0}}
@keyframes cn-pulsa{0%,100%{transform:scale(1)}50%{transform:scale(1.07)}}
@keyframes cn-nuvem{from{transform:translateX(-160px)}to{transform:translateX(640px)}}
@keyframes cn-agua{to{transform:translateX(var(--onda,-80px))}}
@keyframes cn-onda-circ{from{transform:scale(.7);opacity:.9}to{transform:scale(1.6);opacity:0}}
@keyframes cn-check{0%{stroke-dashoffset:90}30%,85%{stroke-dashoffset:0}100%{stroke-dashoffset:90}}
@keyframes cn-traca{0%{stroke-dashoffset:1}55%,90%{stroke-dashoffset:0}100%{stroke-dashoffset:-1}}
@keyframes cn-folha{0%,100%{transform:rotate(-10deg) translateY(0)}50%{transform:rotate(10deg) translateY(-8px)}}
@keyframes cn-gota{0%{transform:translateY(0);opacity:0}15%{opacity:1}80%{transform:translateY(120px);opacity:1}100%{transform:translateY(128px);opacity:0}}
@keyframes cn-golfinho{0%{transform:translate(180px,176px) rotate(-38deg);opacity:0}12%{opacity:1}50%{transform:translate(240px,104px) rotate(0)}88%{opacity:1}100%{transform:translate(300px,176px) rotate(38deg);opacity:0}}
@keyframes cn-zzz{0%{transform:translate(0,0);opacity:0}30%{opacity:1}100%{transform:translate(12px,-36px);opacity:0}}
@media (prefers-reduced-motion:reduce){
  .cena *,.dica-ilus{animation:none!important}
  .cena .cn-decola~.cn-decola{display:none}
  .mural{transition:none}
}

/* ==========================================================================
   Esqueci minha senha
   ========================================================================== */
.login-rec{display:flex;justify-content:flex-end;margin-top:-6px}
.login-rec .lnk{margin:0;font-size:14px}
.rec{display:grid;gap:14px;animation:cena-entra .45s cubic-bezier(.16,1,.3,1) both}
.rec .rec-tit{font-size:30px;line-height:1.1;margin:0;letter-spacing:-.03em}
.rec .rec-tit:focus{outline:none}
.rec .rec-txt{margin:8px 0 0;font-size:15px}
.rec-ic{display:grid;place-items:center;width:52px;height:52px;border-radius:16px;background:var(--ceu-leve);color:var(--azul-link);margin-top:6px}
.rec-ic svg{width:26px;height:26px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.rec-ic-feito{background:var(--ok-bg);color:var(--ok);animation:rec-pop .6s cubic-bezier(.34,1.56,.64,1) both}
.rec-ic-email svg{animation:rec-envelope 2.4s ease-in-out infinite}
@keyframes rec-pop{from{transform:scale(.4);opacity:0}to{transform:none;opacity:1}}
@keyframes rec-envelope{0%,100%{transform:translateY(0)}50%{transform:translateY(-3px)}}
.rec-dicas{margin:0;padding-left:18px;display:grid;gap:4px;font-size:14px;color:var(--texto)}
.rec-regras{list-style:none;margin:-4px 0 0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:6px 12px;font-size:13px;color:var(--muted)}
.rec-regras li{display:flex;align-items:center;gap:6px;transition:color .2s}
.rec-regras li.ok{color:var(--ok);font-weight:600}
.rec-regras .ic{width:15px;height:15px}
.rec-mostrar{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:600;color:var(--noite);cursor:pointer;margin-top:-4px}
@media (max-width:420px){.rec-regras{grid-template-columns:1fr}}
@media (prefers-reduced-motion:reduce){.rec,.rec-ic-feito,.rec-ic-email svg{animation:none}}

/* ==========================================================================
   Gestão · responsável pelo pedido, anotações internas e histórico
   ========================================================================== */
.ped-top-dir{display:flex;align-items:center;gap:10px;flex-wrap:wrap;justify-content:flex-end}
.resp{display:inline-flex;align-items:center;gap:7px;padding:3px 10px 3px 3px;border-radius:999px;background:var(--ceu-leve);color:var(--noite);font-size:13px;font-weight:700;line-height:1.2}
.resp small{font-weight:500;color:var(--muted)}
.resp.meu{background:color-mix(in srgb,var(--azul) 12%,var(--branco));color:var(--azul-link)}
.resp.livre{padding:4px 10px;background:var(--aurora-leve);color:var(--warn);border:1px dashed color-mix(in srgb,var(--warn) 40%,transparent)}
.resp-av{display:inline-grid;place-items:center;flex:none;width:24px;height:24px;border-radius:50%;background:var(--noite);color:var(--marfim);font-size:10.5px;font-weight:800;letter-spacing:.02em}
.resp.meu .resp-av{background:var(--azul-link);color:#fff}
.resp-av.lg{width:40px;height:40px;font-size:14px}
.resp-lib{margin:0;font-size:13px;padding:6px 2px}
.etapa.resp-livre{background:var(--aurora-leve);border-color:var(--aurora)}
.etapa.resp-outro{background:var(--campo);border-style:dashed}
.resp-outro-c{display:flex;gap:12px;align-items:flex-start}
.resp-outro-c p{margin:2px 0 0}
.notas{display:grid;gap:10px;padding:14px 16px;border-radius:12px;background:color-mix(in srgb,var(--aurora) 16%,var(--branco));border:1px solid color-mix(in srgb,var(--aurora) 70%,transparent)}
.notas-cab{display:flex;justify-content:space-between;align-items:center;gap:8px;flex-wrap:wrap}
.notas-priv{display:inline-flex;align-items:center;gap:5px;font-size:12px;font-weight:700;color:var(--warn)}
.notas-lista{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.notas-lista li{display:grid;grid-template-columns:24px minmax(0,1fr);gap:10px;align-items:start}
.notas-lista p{margin:2px 0 0;font-size:14px;color:var(--texto);white-space:normal;overflow-wrap:anywhere}
.nota-meta{font-size:12.5px;color:var(--muted)} .nota-meta b{color:var(--noite)}
.nota-del{font-size:12.5px;margin:0 0 0 6px;padding:0;color:var(--bad)}
.notas-nova{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:end}
.notas-nova textarea{min-height:44px;resize:vertical;background:var(--branco)}
@media (max-width:620px){.notas-nova{grid-template-columns:1fr}.notas-nova .btn{justify-self:start}}
.hist{list-style:none;margin:6px 0 0;padding:0 0 0 6px;display:grid;gap:0}
.hist li{position:relative;display:grid;grid-template-columns:14px minmax(0,1fr);gap:12px;padding:0 0 14px}
.hist li::before{content:"";position:absolute;left:6px;top:14px;bottom:-2px;width:2px;background:var(--line)}
.hist li:last-child::before{display:none}
.hist-pt{width:14px;height:14px;border-radius:50%;margin-top:3px;background:var(--branco);border:3px solid var(--d3);position:relative;z-index:1}
.hist p{margin:0;font-size:14px;color:var(--noite);font-weight:600}
.hist .muted{font-size:12.5px}
.hist-status .hist-pt{border-color:var(--azul)}
.hist-responsavel .hist-pt{border-color:var(--noite)}
.hist-localizador .hist-pt,.hist-anexo .hist-pt{border-color:var(--ok)}
.hist-email .hist-pt{border-color:var(--d3)}
.hist-erro .hist-pt{border-color:var(--bad)}
.hist-nota .hist-pt{border-color:#D9A85B}
.hist-criado .hist-pt{background:var(--aurora);border-color:var(--aurora)}

/* ==========================================================================
   Consultas da API: aviso no formulário, confirmação e resultado por companhia
   ========================================================================== */
.cons-prev{display:flex;flex-wrap:wrap;align-items:center;gap:6px 12px;padding:10px 14px;border-radius:12px;background:var(--ceu-leve);font-size:13.5px;color:var(--texto)}
.cons-n{display:inline-flex;align-items:baseline;gap:5px;font-weight:700;color:var(--noite)}
.cons-n b{font-size:18px;font-variant-numeric:tabular-nums}
.cons-n.bad,.cons-rest.bad{color:var(--bad)} .cons-n.warn{color:var(--warn)}
.cons-det{color:var(--muted)}
.cons-rest{margin-left:auto;font-weight:600;color:var(--noite)} .cons-rest.warn{color:var(--warn)}
.cons-nota{flex-basis:100%;color:var(--muted);font-size:12.5px}
@media (max-width:640px){.cons-rest{margin-left:0}}
.cons-conf{display:grid;gap:10px;padding:14px 16px;border-radius:14px;border:1px solid var(--aurora);background:var(--aurora-leve);animation:cena-entra .35s cubic-bezier(.16,1,.3,1) both}
.cons-conf strong{font-size:17px;color:var(--noite)} .cons-conf p{margin:0;font-size:14px}
.chip-cia small.muted-inline{font-weight:500}
.por-cia{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 12px}
.pc{display:inline-flex;align-items:center;gap:6px;padding:5px 10px;border-radius:999px;background:var(--branco);border:1px solid var(--line);font-size:13px;color:var(--noite)}
.pc img{height:14px;width:auto}
.pc .num{font-weight:800;color:var(--azul-link)}
.pc small{font-size:11px;font-weight:700;color:var(--ok);background:var(--ok-bg);padding:1px 6px;border-radius:999px}
.pc.sem_voos{color:var(--muted)} .pc.erro,.pc.tempo_esgotado{border-color:color-mix(in srgb,var(--warn) 45%,transparent);background:var(--warn-bg);color:var(--warn)}
@media (prefers-reduced-motion:reduce){.cons-conf{animation:none}}

/* ==========================================================================
   Gestão · Consultas da API
   ========================================================================== */
.adm-nav .badge.bad{background:var(--bad);color:#fff}
.api-aviso{margin-bottom:16px;font-weight:500}
.api-pacote{padding:20px 22px;display:grid;gap:14px;margin-bottom:18px}
.api-uso{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;flex-wrap:wrap}
.api-uso-n{display:flex;align-items:baseline;gap:10px;margin-top:4px}
.api-uso-n b{font-family:var(--f-serif);font-size:44px;font-weight:800;letter-spacing:-.035em;line-height:1;color:var(--noite)}
.api-uso-n span{font-size:16px;color:var(--muted);font-weight:600}
.api-uso-n em{font-style:normal;font-weight:800;font-size:15px;padding:3px 10px;border-radius:999px;background:var(--ceu-leve);color:var(--azul-link)}
.api-uso-n em.warn{background:var(--warn-bg);color:var(--warn)} .api-uso-n em.bad{background:var(--bad-bg);color:var(--bad)}
.api-uso-dir{display:grid;text-align:right;gap:1px} .api-uso-dir b{font-size:20px;color:var(--noite)}
.api-barra{position:relative;height:14px;border-radius:999px;background:var(--ceu-leve);overflow:visible}
.api-barra>i{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,var(--d2),var(--azul-link));transition:width .8s cubic-bezier(.16,1,.3,1)}
.api-barra>i.warn{background:linear-gradient(90deg,#E0A64A,#C77F12)} .api-barra>i.bad{background:linear-gradient(90deg,#E0675C,var(--bad))}
.api-barra::before,.api-barra::after{content:"";position:absolute;top:-3px;bottom:-3px;width:1px;background:color-mix(in srgb,var(--noite) 25%,transparent)}
.api-barra::before{left:70%} .api-barra::after{left:90%}
.api-ideal{position:absolute;top:-6px;bottom:-6px;width:3px;margin-left:-1.5px;border-radius:2px;background:var(--noite)}
.api-legenda{display:flex;flex-wrap:wrap;gap:6px 18px;font-size:12.5px;color:var(--muted)}
.api-legenda span{display:inline-flex;align-items:center;gap:6px}
.api-legenda i{display:inline-block;width:14px;height:8px;border-radius:4px}
.lg-uso{background:var(--azul-link)} .lg-uso.warn{background:#C77F12} .lg-uso.bad{background:var(--bad)}
.lg-ideal{width:3px!important;height:12px!important;border-radius:2px!important;background:var(--noite)}
.api-kpis{margin:4px 0 0}
.api-kpis .kpi b{font-size:30px}
.api-mini{display:flex;flex-wrap:wrap;gap:6px 22px;font-size:13px;color:var(--muted);padding-top:12px;border-top:1px solid var(--line)}
.api-mini b{color:var(--noite)}
.api-ed{margin-bottom:18px;border:1px solid var(--d3)}
table th.dir,table td.dir{text-align:right}
.api-rel td,.api-lista td{vertical-align:top}
.api-pct{display:inline-block;vertical-align:middle;width:56px;height:6px;margin-right:8px;border-radius:3px;background:var(--ceu-leve);overflow:hidden}
.api-pct i{display:block;height:100%;background:var(--d2)}
.api-err{color:var(--bad);font-weight:700}
.api-err-txt{font-size:12px}
.api-rel tfoot td{font-weight:800;color:var(--noite);border-top:2px solid var(--noite)}
@media (max-width:980px){.api-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* ===== Proposta: várias opções, validade e link ===== */
.f-opcao{gap:10px;padding:14px;border:1px solid #E6E0D4;border-radius:18px;background:rgba(255,255,255,.55);break-inside:avoid-page}
.f-op-cab{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;break-after:avoid;page-break-after:avoid}
.f-op-n{font-size:10px;font-weight:800;letter-spacing:.2em;text-transform:uppercase;color:#FBF8F2;background:#023366;border-radius:999px;padding:5px 11px}
.f-op-cab strong{font-size:15px;color:#023366}
.f-op-tot{display:grid;justify-items:end;line-height:1.1}
.f-op-tot small{font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:#5E6F86;font-weight:700}
.f-op-tot b{font-size:20px;font-weight:800;color:#023366}
.f-valores-op .f-val-linhas b small{font-size:11px;font-weight:600;color:#5E6F86}
.f-val-ate{display:inline-block;margin-top:6px;color:#8A5300}
.f-val-ate b{color:#8A5300}
.prop-ops .op-lista{list-style:none;margin:0;padding:0;display:grid;gap:6px}
.prop-ops .op-lista li{display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:center;padding:8px 10px;border:1px solid var(--line);border-radius:12px;background:var(--branco)}
.prop-ops .op-n{display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:var(--noite);color:var(--marfim);font-weight:800;font-size:12px}
.prop-ops .op-txt{display:grid;line-height:1.25;min-width:0}
.prop-ops .op-txt strong{font-size:14px;color:var(--noite);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.prop-ops .op-txt small{font-size:12px;color:var(--muted)}
.link-box{padding:12px;border:1px solid var(--line);border-radius:14px;background:var(--ceu-leve)}
.link-box .inp{min-width:0;flex:1;font-size:12px}
.montando{position:sticky;top:0;z-index:30;background:var(--aurora-leve);border-bottom:1px solid #F3D9B1;color:var(--texto)}
.montando .wrap{display:flex;gap:12px;align-items:center;justify-content:space-between;flex-wrap:wrap;padding-top:10px;padding-bottom:10px;font-size:14px;line-height:1.4}
.montando strong{color:var(--noite)}
.lk-info{display:inline-flex;align-items:center;gap:6px;margin-top:6px;font-size:12px;font-weight:600;color:var(--muted)}
.lk-info::before{content:"";width:7px;height:7px;border-radius:50%;background:currentColor;opacity:.5}
.lk-info.visto{color:#1C7A45}
.lk-info.visto::before{opacity:1}

/* ===== Acompanhamento do pedido ===== */
.passo{display:grid;gap:6px;padding:14px 16px;border-radius:14px;border:1px solid var(--line);border-left:4px solid var(--d2);background:var(--branco)}
.passo-cab{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;align-items:center}
.passo-quem{font-size:11px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--d1)}
.passo-desde{font-size:12px;color:var(--muted)}
.passo strong{font-size:15px;color:var(--noite)}
.passo p{margin:0;font-size:14px;line-height:1.5;color:var(--texto)}
.passo .row{margin-top:4px}
.passo.agencia{border-left-color:#C77700;background:var(--aurora-leve)}
.passo.agencia .passo-quem{color:#8A5300}
.passo.jacob{border-left-color:var(--azul)}
.passo.pronto{border-left-color:#1C8C4E;background:#EEF8F1}
.passo.pronto .passo-quem{color:#1C7A45}
.nav-selo{display:inline-grid;place-items:center;min-width:19px;height:19px;padding:0 5px;margin-left:6px;border-radius:999px;background:#C2410C;color:#fff;font-size:11px;font-weight:800;line-height:1;vertical-align:1px}
.tag-novo{display:inline-block;margin-left:8px;padding:3px 9px;border-radius:999px;background:#C2410C;color:#fff;font-size:11px;font-weight:800;letter-spacing:.04em;vertical-align:2px}
.ped-novo{box-shadow:0 0 0 2px rgba(194,65,12,.35),var(--sombra-2,0 4px 14px rgba(2,51,102,.08))}
.notif-on{font-size:12px;font-weight:600;color:#1C7A45;align-self:center}
:root[data-tema="escuro"] .passo.pronto{background:rgba(28,140,78,.14)}
:root[data-tema="escuro"] .passo.pronto .passo-quem,:root[data-tema="escuro"] .notif-on,:root[data-tema="escuro"] .lk-info.visto{color:#6FD39B}
:root[data-tema="escuro"] .passo.agencia .passo-quem{color:#F3C27A}
@media (prefers-color-scheme:dark){
  :root:not([data-tema="claro"]):not([data-tema="escuro"]) .passo.pronto{background:rgba(28,140,78,.14)}
  :root:not([data-tema="claro"]):not([data-tema="escuro"]) .passo.pronto .passo-quem,:root:not([data-tema="claro"]):not([data-tema="escuro"]) .notif-on,:root:not([data-tema="claro"]):not([data-tema="escuro"]) .lk-info.visto{color:#6FD39B}
  :root:not([data-tema="claro"]):not([data-tema="escuro"]) .passo.agencia .passo-quem{color:#F3C27A}
}
.f-ag .f-ag-ini{display:grid;place-items:center;font-size:18px;color:#FBF8F2;max-width:none}
@media (max-width:640px){ .pp-barra .in>span:first-child{display:none} .pp-barra .in>span{width:100%} .pp-barra .pp-quero{flex:1} }
.passo a.btn{text-decoration:none}