@font-face{font-family:'Lufga';src:url('fontes/lufga-regular.woff2') format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:'Lufga';src:url('fontes/lufga-medium.woff2') format('woff2');font-weight:500;font-display:swap}
@font-face{font-family:'Lufga';src:url('fontes/lufga-semibold.woff2') format('woff2');font-weight:600;font-display:swap}
@font-face{font-family:'Lufga';src:url('fontes/lufga-bold.woff2') format('woff2');font-weight:700;font-display:swap}
@font-face{font-family:'Lufga';src:url('fontes/lufga-extra-bold.woff2') format('woff2');font-weight:800;font-display:swap}
@font-face{font-family:'Chalkiez';src:url('fontes/chalkiez-regular.woff2') format('woff2');font-display:swap}
/* We Love Argentina: tokens da proposta de direção visual (ainda não aprovada como DI-003).
   Nada de preto: o escuro é o marinho. */
:root{
  --celeste:#74ACDF; --celeste-forte:#2B6A9E; --celeste-nevoa:#E1EEFA;
  --sol:#F6B40E; --sol-claro:#FFF3CF;
  --marinho:#102A43; --marinho-suave:#4A6378; --linha:#D3E4F1; --branco:#FFFFFF;
  --pix:#1E7F55; --pix-claro:#E3F4EC;
  --s1:4px;--s2:8px;--s3:12px;--s4:16px;--s5:24px;--s6:32px;--s7:48px;--s8:64px;
  --r1:12px;--r2:20px;--r3:28px;
  --sombra:0 8px 24px rgba(18,50,74,.10);
  --titulo:'Lufga',system-ui,sans-serif; --display:'Chalkiez','Lufga',cursive;
  --corpo:'Lufga',system-ui,sans-serif;
  --menu:264px;
}
*{box-sizing:border-box}
[hidden]{display:none!important}
html{scroll-behavior:smooth}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important;animation:none!important}}
body{margin:0;font-family:var(--corpo);font-size:16px;line-height:1.5;color:var(--marinho);background:var(--branco);-webkit-text-size-adjust:100%;overflow-x:hidden}
h1,h2,h3{font-family:var(--titulo);line-height:1.12;margin:0 0 var(--s3)}
h1{font-size:clamp(30px,6vw,48px);font-weight:800;letter-spacing:-.01em}
h2{font-size:clamp(24px,4.5vw,34px);font-weight:800}
h3{font-size:19px;font-weight:600}
p{margin:0 0 var(--s3)}
a{color:var(--celeste-forte)}
:focus-visible{outline:3px solid var(--sol);outline-offset:3px;border-radius:6px}
.muted{color:var(--marinho-suave)}
.small{font-size:14px}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.pular{position:absolute;left:-9999px;top:0;background:var(--sol);color:var(--marinho);padding:var(--s2) var(--s4);z-index:100;border-radius:0 0 var(--r1) 0}
.pular:focus{left:0}

/* faixa de prévia */
.previa{background:var(--marinho);color:var(--branco);font-size:14px;padding:var(--s2) var(--s4);text-align:center}
.previa b{color:var(--sol)}

/* menu lateral (desktop) e gaveta (celular) */
.menu{position:fixed;top:0;left:0;bottom:0;width:var(--menu);background:var(--branco);border-right:1px solid var(--linha);display:flex;flex-direction:column;gap:var(--s2);padding:var(--s5) var(--s4);overflow-y:auto;z-index:30}
.marca{font-family:var(--display);font-weight:400;font-size:28px;color:var(--marinho);text-decoration:none;line-height:1.1;display:block;margin-bottom:var(--s4)}
.marca span{color:var(--celeste)}
.menu nav a,.menu .grupo-titulo{display:flex;align-items:center;min-height:44px;padding:0 var(--s3);border-radius:var(--r1);color:var(--marinho);text-decoration:none;font-weight:500}
.menu nav a:hover{background:var(--celeste-nevoa)}
.menu nav a[aria-current="page"]{background:var(--celeste-nevoa);color:var(--celeste-forte);font-weight:700}
.menu .sub a{min-height:40px;padding-left:var(--s6);font-size:15px;color:var(--marinho-suave)}
.menu .grupo-titulo{font-weight:700}
.menu .btn{margin-top:auto}
.topo{display:none}
.conteudo-wrap{margin-left:var(--menu)}
.conteudo{max-width:1200px;margin:0 auto;padding:var(--s6) var(--s5) var(--s7)}
.veu{position:fixed;inset:0;background:rgba(18,50,74,.45);z-index:25}
@media (max-width:979px){
  .topo{display:flex;position:sticky;top:0;z-index:20;align-items:center;justify-content:space-between;gap:var(--s3);padding:0 var(--s4);min-height:60px;background:rgba(255,255,255,.97);border-bottom:1px solid var(--linha)}
  .topo .marca{margin:0;font-size:20px}
  .btn-menu{min-height:44px;min-width:44px;border-radius:999px;border:1.5px solid var(--celeste-forte);background:var(--branco);color:var(--celeste-forte);font:700 15px var(--corpo);padding:0 var(--s4);cursor:pointer}
  .menu{transform:translateX(-105%);transition:transform .2s ease;width:min(86vw,320px);box-shadow:var(--sombra)}
  .menu.aberto{transform:none}
  .conteudo-wrap{margin-left:0}
  .conteudo{padding:var(--s5) var(--s4) var(--s7)}
}
.menu .btn-fechar{display:none}
@media (max-width:979px){.menu .btn-fechar{display:inline-flex;align-self:flex-end;margin-top:0}}

/* botões */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--s2);min-height:48px;padding:0 var(--s5);border-radius:999px;font:700 16px var(--corpo);text-decoration:none;border:2px solid transparent;cursor:pointer;touch-action:manipulation;transition:transform .15s,box-shadow .15s;text-align:center}
.btn:active{transform:scale(.98)}
.btn-primario{background:var(--celeste-forte);color:var(--branco)}
.btn-primario:hover{box-shadow:var(--sombra)}
.btn-secundario{background:var(--branco);color:var(--celeste-forte);border-color:var(--celeste-forte)}
.btn-sol{background:var(--sol);color:var(--marinho)}
.btn-largo{width:100%}
.btn-peq{min-height:44px;padding:0 var(--s4);font-size:15px}

/* espaços reservados de imagem */
.icone{display:flex;align-items:center;justify-content:center;text-align:center;border:2px dashed var(--celeste);border-radius:var(--r2);background:var(--branco);color:var(--celeste-forte);font-size:11px;line-height:1.3;padding:var(--s2);flex:0 0 auto;width:72px;height:72px}
.foto{display:flex;align-items:flex-end;padding:var(--s3);border-radius:var(--r2);background:linear-gradient(160deg,#BFE0F4,#7FBFE6);color:var(--marinho);font-size:13px;line-height:1.35;aspect-ratio:4/3}
.foto span{background:rgba(255,255,255,.9);padding:var(--s1) var(--s2);border-radius:8px}

/* home: reserva primeiro */
.home{display:grid;gap:var(--s5);grid-template-columns:minmax(0,1fr)}
@media (min-width:1240px){.home{grid-template-columns:minmax(0,1fr) 280px;align-items:start}}
.cabeca p.lead{font-size:18px;color:var(--marinho-suave);max-width:52ch}
.busca{display:flex;flex-direction:column;gap:var(--s1);margin:var(--s4) 0 var(--s2)}
.busca label{font-weight:700;font-size:14px}
.busca input{min-height:48px;border-radius:999px;border:1.5px solid var(--linha);padding:0 var(--s5);font:16px var(--corpo);color:var(--marinho);max-width:560px}
.filtros{display:flex;flex-wrap:wrap;gap:var(--s2);padding:var(--s2) 0 var(--s4)}
.chip{min-height:44px;padding:0 var(--s4);border-radius:999px;border:1.5px solid var(--celeste-forte);background:var(--branco);color:var(--celeste-forte);font:500 15px var(--corpo);cursor:pointer}
.chip[aria-pressed="true"]{background:var(--celeste-forte);color:var(--branco)}
.grade{display:grid;gap:var(--s4)}
@media (min-width:620px){.grade{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (min-width:1100px){.grade{grid-template-columns:repeat(3,minmax(0,1fr))}}
.card{background:var(--branco);border-radius:var(--r3);box-shadow:var(--sombra);padding:var(--s3);display:flex;flex-direction:column;gap:var(--s2);border:1px solid var(--linha)}
.card:hover{border-color:var(--celeste)}
.card .cat{font-size:13px;font-weight:700;color:var(--celeste-forte)}
.card h3{margin:0}
.card h3 a{color:inherit;text-decoration:none}
.card .acoes{margin-top:auto;padding-top:var(--s2)}
.preco{font-family:var(--titulo);font-weight:800;font-size:22px}
.preco small{font:400 13px var(--corpo);color:var(--marinho-suave)}
.pix-linha{font-size:14px;color:var(--pix);font-weight:700}
.ref{font-size:12px;color:var(--marinho-suave);font-style:italic}
.selo{display:inline-flex;align-items:center;gap:var(--s1);align-self:flex-start;background:var(--sol-claro);color:var(--marinho);border:1.5px solid var(--sol);border-radius:999px;padding:2px var(--s3);font-size:13px;font-weight:700}
.selo::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--sol)}
.vazio{padding:var(--s5);text-align:center;border:2px dashed var(--linha);border-radius:var(--r2)}
.apoio{background:var(--celeste-nevoa);border-radius:var(--r3);padding:var(--s5);display:grid;gap:var(--s3)}
@media (min-width:1240px){.apoio{position:sticky;top:var(--s5)}}
.apoio .chip{min-height:40px;font-size:14px;text-align:left}
.app-ba{margin-top:var(--s7);display:flex;flex-wrap:wrap;gap:var(--s4);align-items:center;background:var(--branco);border:2px solid var(--celeste);border-radius:var(--r3);padding:var(--s5)}
.app-ba > div:not(.icone){flex:1 1 280px}
.em-breve{display:inline-block;font-size:12px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;background:var(--sol-claro);color:var(--marinho);border:1.5px solid var(--sol);border-radius:999px;padding:0 var(--s2);margin-left:var(--s1);vertical-align:middle}

/* página do passeio */
.detalhe{display:grid;gap:var(--s6)}
@media (min-width:1100px){.detalhe{grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);align-items:start}}
.galeria{display:grid;grid-template-columns:2fr 1fr;gap:var(--s2)}
.galeria{grid-template-columns:1fr}
.galeria .foto{aspect-ratio:16/9}
.credito-foto{display:block;font-size:11px;color:var(--marinho-suave);margin:var(--s1) 0 var(--s3)}
.aviso-risco{display:flex;gap:var(--s3);background:var(--sol-claro);border:1.5px solid var(--sol);border-radius:var(--r2);padding:var(--s4);margin:var(--s4) 0}
.aviso-risco p{margin:0}
.lista{padding-left:var(--s5);margin:0 0 var(--s4)}
.caixa{background:var(--branco);border-radius:var(--r3);box-shadow:var(--sombra);padding:var(--s5);border:1px solid var(--linha)}
.campo{display:flex;flex-direction:column;gap:var(--s1);margin-bottom:var(--s3)}
.campo label,.campo legend{font-weight:700;font-size:14px}
.campo input,.campo select{min-height:48px;border-radius:var(--r1);border:1.5px solid var(--linha);padding:0 var(--s3);font:16px var(--corpo);color:var(--marinho);background:var(--branco);width:100%}
.pessoas{display:flex;align-items:center;justify-content:space-between;border:1.5px solid var(--linha);border-radius:var(--r1);padding:var(--s2) var(--s3);margin-bottom:var(--s4)}
.pessoas .ctrl{display:flex;align-items:center;gap:var(--s3)}
.pessoas button{width:44px;height:44px;border-radius:50%;border:1.5px solid var(--celeste-forte);background:var(--branco);color:var(--celeste-forte);font-size:20px;cursor:pointer}
.totais{border-top:1px solid var(--linha);padding-top:var(--s3);margin-bottom:var(--s4)}
.totais div{display:flex;justify-content:space-between;gap:var(--s2)}
.totais .pix{color:var(--pix);font-weight:700}
.pilha{display:grid;gap:var(--s2)}
.ficha{display:grid;grid-template-columns:auto 1fr;gap:var(--s1) var(--s4);margin:0 0 var(--s4)}
.ficha dt{font-weight:700}
.ficha dd{margin:0;color:var(--marinho-suave)}

/* checkout */
.checkout{display:grid;gap:var(--s5)}
@media (min-width:1100px){.checkout{grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);align-items:start}}
.nota{background:var(--celeste-nevoa);border-radius:var(--r1);padding:var(--s3);font-size:14px;margin-bottom:var(--s4)}
.formas{display:grid;gap:var(--s3);margin:var(--s2) 0 var(--s4);border:0;padding:0}
@media (min-width:520px){.formas{grid-template-columns:1fr 1fr}}
.forma{position:relative;display:flex;flex-direction:column;gap:var(--s1);border:2px solid var(--linha);border-radius:var(--r2);padding:var(--s4);cursor:pointer;background:var(--branco)}
.forma input{position:absolute;opacity:0}
.forma:has(input:checked){border-color:var(--celeste-forte);background:var(--celeste-nevoa)}
.forma:has(input:focus-visible){outline:3px solid var(--sol);outline-offset:3px}
.forma .valor{font-family:var(--titulo);font-weight:800;font-size:24px}
.forma .tag{align-self:flex-start;font-size:12px;font-weight:700;border-radius:999px;padding:2px var(--s2)}
.tag.verde{background:var(--pix-claro);color:var(--pix)}
.tag.cinza{background:var(--celeste-nevoa);color:var(--marinho-suave)}
.resumo .linha{display:flex;justify-content:space-between;gap:var(--s2);margin-bottom:var(--s2)}
.resumo .total{font-family:var(--titulo);font-weight:800;font-size:22px;border-top:1px solid var(--linha);padding-top:var(--s3)}
.linha-pix{color:var(--pix);font-weight:700}

/* confirmação, como funciona e pós-compra */
.centro{max-width:680px;margin:0 auto;text-align:center}
.centro .icone{margin:0 auto var(--s4);width:96px;height:96px}
.codigo{display:inline-block;background:var(--pix-claro);color:var(--pix);font-weight:700;border-radius:999px;padding:var(--s1) var(--s4);margin-bottom:var(--s5)}
.linha-tempo{text-align:left;display:grid;gap:var(--s3);margin:var(--s5) 0;padding:0;list-style:none}
.passo{display:flex;gap:var(--s3);background:var(--branco);border:1px solid var(--linha);border-radius:var(--r2);padding:var(--s4)}
.passo .n{flex:0 0 36px;height:36px;border-radius:50%;background:var(--celeste);color:var(--marinho);font-weight:800;display:flex;align-items:center;justify-content:center}
.pacote{display:grid;gap:var(--s4);margin-top:var(--s5)}
@media (min-width:760px){.pacote{grid-template-columns:repeat(2,minmax(0,1fr))}}
.bloco{background:var(--branco);border-radius:var(--r3);border:1px solid var(--linha);box-shadow:var(--sombra);padding:var(--s5);display:flex;gap:var(--s4);align-items:flex-start}
.bloco ul{margin:0;padding-left:var(--s5);font-size:15px}
.bloco.destaque{border:2px solid var(--celeste)}
.texto{max-width:760px}
.texto h2{margin-top:var(--s6)}

/* rodapé */
.rodape{background:var(--marinho);color:var(--branco);padding:var(--s6) var(--s5);font-size:14px}
.rodape a{color:var(--sol)}
.rodape p{max-width:1200px;margin:0 auto var(--s2)}

/* Luci: botão e janela de chat */
.luci-abrir{position:fixed;right:var(--s4);bottom:var(--s4);z-index:40;box-shadow:var(--sombra)}
.luci{position:fixed;right:var(--s4);bottom:var(--s4);z-index:45;width:min(400px,calc(100vw - 32px));height:min(600px,calc(100vh - 32px));background:var(--branco);border-radius:var(--r3);box-shadow:0 16px 48px rgba(18,50,74,.25);border:1px solid var(--linha);display:flex;flex-direction:column;overflow:hidden}
.luci-topo{display:flex;gap:var(--s3);align-items:center;background:var(--celeste);color:var(--marinho);padding:var(--s3) var(--s4)}
.luci-topo .icone{width:48px;height:48px;border-radius:50%;font-size:9px;padding:4px}
.luci-topo strong{font-family:var(--titulo);font-size:18px;display:block}
.luci-topo button{margin-left:auto;width:44px;height:44px;border-radius:50%;border:0;background:var(--branco);color:var(--marinho);font-size:20px;cursor:pointer}
.luci-msgs{flex:1;overflow-y:auto;padding:var(--s4);display:flex;flex-direction:column;gap:var(--s3);background:var(--celeste-nevoa)}
.msg{max-width:88%;padding:var(--s3) var(--s4);border-radius:var(--r2);font-size:15px;white-space:pre-line}
.msg.cliente{align-self:flex-end;background:var(--celeste-forte);color:var(--branco);border-bottom-right-radius:6px}
.msg.luci-msg{align-self:flex-start;background:var(--branco);border:1px solid var(--linha);border-bottom-left-radius:6px}
.luci-rapidas{display:flex;flex-wrap:wrap;gap:var(--s2);padding:var(--s2) var(--s4);background:var(--celeste-nevoa)}
.luci-rapidas .chip{min-height:40px;font-size:14px}
.luci-entrada{display:flex;gap:var(--s2);padding:var(--s3);border-top:1px solid var(--linha)}
.luci-entrada input{flex:1;min-width:0;min-height:44px;border-radius:999px;border:1.5px solid var(--linha);padding:0 var(--s4);font:16px var(--corpo);color:var(--marinho)}
.luci-entrada button{min-width:48px;height:48px;border-radius:999px;border:0;background:var(--celeste-forte);color:var(--branco);font:700 15px var(--corpo);padding:0 var(--s3);cursor:pointer}
.h3{font-size:19px;font-weight:600}
.lead{font-size:18px}
.card .foto{aspect-ratio:16/9}

/* Argentina Planner */
.planner{display:grid;gap:var(--s5)}
@media (min-width:1240px){.planner{grid-template-columns:minmax(0,1fr) 340px;align-items:start}.roteiro{position:sticky;top:var(--s5);max-height:calc(100vh - 48px);overflow-y:auto}}
.linha-controles{display:flex;flex-wrap:wrap;gap:var(--s3)}
.linha-controles .campo{flex:1 1 200px;max-width:280px}
.foto-lugar{width:calc(100% + 2*var(--s3));margin:calc(-1*var(--s3)) calc(-1*var(--s3)) var(--s1);aspect-ratio:3/2;height:auto;object-fit:cover;border-radius:var(--r3) var(--r3) 0 0;display:block;background:var(--celeste-nevoa)}
.card .acoes{display:flex;flex-wrap:wrap;gap:var(--s2)}
.card [data-add][aria-pressed="true"]{background:var(--pix-claro);color:var(--pix);border-color:var(--pix)}
.credito{font-size:12px;color:var(--marinho-suave);margin:0;overflow-wrap:anywhere}
.credito a{color:inherit}
.dia{border-top:1px solid var(--linha);padding:var(--s3) 0}
.dia h3{margin-bottom:var(--s2)}
.dia-lista{list-style:none;margin:0 0 var(--s2);padding:0;display:grid;gap:var(--s2)}
.dia-lista li{display:flex;align-items:center;justify-content:space-between;gap:var(--s2);background:var(--celeste-nevoa);border-radius:var(--r1);padding:var(--s2) var(--s3)}
.dia-lista li > span:first-child{display:flex;flex-direction:column;min-width:0;overflow-wrap:anywhere}
.mover{display:flex;gap:var(--s1);flex:0 0 auto}
.mover button{width:44px;height:44px;border-radius:50%;border:1.5px solid var(--celeste-forte);background:var(--branco);color:var(--celeste-forte);font:700 18px var(--corpo);cursor:pointer}
.mover button:disabled{opacity:.35;cursor:default}
.link-btn{display:block;background:none;border:0;padding:var(--s2) 0;color:var(--celeste-forte);text-decoration:underline;cursor:pointer;font-family:var(--corpo)}
.roteiro .pilha{margin-top:var(--s3)}
.creditos-app{margin-top:var(--s6)}
.luci-aviso{margin:0;padding:0 var(--s3) var(--s2);font-size:12px;color:var(--marinho-suave);text-align:center}

/* Como funciona: grade de dias e dúvidas frequentes */
.tabela-wrap{overflow-x:auto;margin:var(--s3) 0}
.tabela{width:100%;border-collapse:collapse;font-size:.95rem}
.tabela th,.tabela td{text-align:left;padding:.55rem .7rem;border-bottom:1px solid rgba(18,50,74,.12)}
.tabela th{font-weight:700}
.faq{border-bottom:1px solid rgba(18,50,74,.12);padding:.9rem 0}
.faq summary{cursor:pointer;font-weight:700;list-style-position:outside}
.faq p{margin:.6rem 0 0}

/* Lucillama 3D, em movimento */
.lhama{display:block;width:120px;height:auto;flex:0 0 auto;object-fit:contain;filter:drop-shadow(0 10px 14px rgba(16,42,67,.18));transform-origin:50% 90%;animation:lhama-flutua 4.2s ease-in-out infinite}
.lhama.acena{animation:lhama-flutua 4.2s ease-in-out infinite,lhama-oi 2.8s ease-in-out infinite}
.centro .lhama{margin:0 auto var(--s4);width:140px}
.luci-topo .lhama{width:44px;height:52px;object-fit:cover;object-position:50% 12%;border-radius:50%;background:var(--branco);animation:none}
.aviso-risco .lhama{width:64px}
@keyframes lhama-flutua{0%,100%{translate:0 0}50%{translate:0 -8px}}
@keyframes lhama-oi{0%,60%,100%{rotate:0deg}70%{rotate:-4deg}80%{rotate:3deg}90%{rotate:-2deg}}
@media (prefers-reduced-motion:reduce){.lhama,.lhama.acena{animation:none}}
.foto{position:relative;overflow:hidden}
.foto img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.foto span{position:relative;font-size:11px}
/* Passo a passo visual da reserva */
.trilha{list-style:none;margin:var(--s4) 0 var(--s5);padding:0 0 var(--s2);display:grid;grid-auto-flow:column;grid-auto-columns:minmax(168px,1fr);gap:var(--s4);overflow-x:auto;scroll-snap-type:x mandatory}
.trilha li{scroll-snap-align:start}
[data-trilha]{counter-reset:passo}
.trilha li{position:relative;margin-top:14px;background:var(--celeste-nevoa);border-radius:var(--r3);padding:var(--s5) var(--s3) var(--s4);text-align:center}
.celular{width:min(150px,100%);margin:0 auto var(--s3);aspect-ratio:585/1266;border-radius:28px;border:6px solid #102A43;background:#102A43;overflow:hidden;box-shadow:0 18px 30px -12px rgba(16,42,67,.45),0 0 0 1px rgba(255,255,255,.4) inset;position:relative}
.celular::before{content:'';position:absolute;top:6px;left:50%;translate:-50% 0;width:34%;height:14px;border-radius:999px;background:#0b1622;z-index:1}
.celular img{display:block;width:100%;height:100%;object-fit:cover;object-position:top}
.trilha li::before{counter-increment:passo;content:counter(passo);position:absolute;top:-12px;left:50%;translate:-50% 0;width:30px;height:30px;border-radius:50%;background:var(--sol);color:var(--marinho);font-weight:800;display:flex;align-items:center;justify-content:center;box-shadow:0 0 0 4px var(--branco)}
.trilha strong{display:block;font-size:15px;margin-bottom:var(--s1)}
.trilha span.small{display:block;color:var(--marinho-suave);line-height:1.35}
.trilha .quando{display:inline-block;margin-top:var(--s2);font-size:12px;font-weight:700;color:var(--celeste-forte);background:var(--branco);border-radius:999px;padding:2px var(--s2)}
.trilha-fase{font-family:var(--display);font-size:24px;color:var(--celeste-forte);margin:var(--s6) 0 0}
.bloco .lhama{width:84px}
.apoio .lhama{width:110px}

/* Logo oficial no lugar do nome escrito (pedido da Laise, 05/11) */
.marca img{display:block;width:100%;max-width:231px;height:auto}
.topo .marca img{width:150px}

/* ---------- Menu flutuante, mala e Luci à esquerda (pedidos da Laise, 05/11) ---------- */
.conteudo-wrap{margin-left:0}
.menu{transform:translateX(-105%);transition:transform .25s ease;width:min(86vw,340px);box-shadow:0 24px 60px rgba(16,42,67,.25);z-index:60;border-radius:0 28px 28px 0}
.menu.aberto{transform:none}
.menu .btn-fechar{display:inline-flex;align-self:flex-end;margin-top:0}
.veu{z-index:55;backdrop-filter:blur(3px)}
.topo{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;position:sticky;top:12px;z-index:50;margin:12px auto 0;width:min(1200px,calc(100% - 24px));min-height:64px;padding:8px 10px;border-radius:999px;background:rgba(255,255,255,.82);backdrop-filter:blur(16px) saturate(1.4);-webkit-backdrop-filter:blur(16px) saturate(1.4);border:1px solid rgba(116,172,223,.35);box-shadow:0 12px 32px -12px rgba(16,42,67,.28)}
.topo .marca{margin:0;justify-self:center}.topo .marca img{width:170px;height:auto;display:block}
.btn-menu,.btn-mala{display:inline-flex;align-items:center;gap:10px;min-height:46px;padding:0 18px;border-radius:999px;border:0;cursor:pointer;font:700 15px var(--corpo)}
.btn-menu{justify-self:start;background:var(--marinho);color:var(--branco)}
.btn-mala{justify-self:end;background:var(--sol);color:var(--marinho);position:relative;box-shadow:0 4px 0 #D99A00}
.btn-mala svg{width:24px;height:24px}
.btn-mala.pula{animation:mala-pula .5s ease}
@keyframes mala-pula{30%{transform:translateY(-6px) rotate(-4deg)}60%{transform:translateY(0) rotate(3deg)}}
.mala-num{position:absolute;top:-6px;right:-6px;min-width:24px;height:24px;border-radius:999px;background:var(--marinho);color:var(--branco);font-size:12px;display:grid;place-items:center;border:2px solid var(--branco)}
.hamb{display:grid;gap:4px}.hamb i{display:block;width:18px;height:2px;border-radius:2px;background:currentColor}
@media (max-width:640px){.btn-menu,.btn-mala{padding:0 14px}.btn-menu{font-size:0;gap:0}.btn-mala span{display:none}.topo .marca img{width:130px}}
/* Luci: canto esquerdo */
.luci-abrir{left:var(--s4);right:auto}
.luci{left:var(--s4);right:auto}
/* Mala */
.mala{position:fixed;top:14px;right:14px;bottom:14px;width:min(460px,calc(100vw - 28px));z-index:70;border-radius:30px;padding:46px 16px 16px;background:linear-gradient(180deg,#7DB5E6,#4E8FCB);background-image:repeating-linear-gradient(90deg,rgba(255,255,255,.06) 0 2px,transparent 2px 8px),linear-gradient(180deg,#7DB5E6,#3F7FBD);transform:translateX(calc(100% + 40px));visibility:hidden;transition:transform .35s cubic-bezier(.2,.8,.2,1),visibility 0s linear .35s;box-shadow:0 30px 70px rgba(16,42,67,.35)}
.mala.aberta{transform:none;visibility:visible;transition-delay:0s}
.mala::before{content:'';position:absolute;inset:7px;border:2px dashed rgba(255,255,255,.55);border-radius:24px;pointer-events:none}
.mala-alca{position:absolute;left:50%;top:-18px;translate:-50% 0;width:130px;height:30px;border:7px solid var(--marinho);border-bottom:0;border-radius:20px 20px 0 0}
.mala-cantos i{position:absolute;width:34px;height:34px;border:5px solid var(--sol);pointer-events:none}
.mala-cantos i:nth-child(1){left:0;top:0;border-right:0;border-bottom:0;border-radius:30px 0 0 0}.mala-cantos i:nth-child(2){right:0;top:0;border-left:0;border-bottom:0;border-radius:0 30px 0 0}
.mala-cantos i:nth-child(3){left:0;bottom:0;border-right:0;border-top:0;border-radius:0 0 0 30px}.mala-cantos i:nth-child(4){right:0;bottom:0;border-left:0;border-top:0;border-radius:0 0 30px 0}
.mala-etiqueta{position:absolute;left:-44px;top:130px;width:62px;padding:12px 6px 10px;background:var(--sol);color:var(--marinho);border-radius:8px;text-align:center;font-weight:800;font-size:13px;line-height:1.1;box-shadow:0 6px 14px rgba(16,42,67,.25);rotate:-6deg}
.mala-etiqueta small{display:block;font-size:9px;letter-spacing:.12em;margin-top:4px}
.mala-fechar{position:absolute;right:14px;top:8px;z-index:3;width:36px;height:36px;border-radius:50%;border:0;background:var(--branco);color:var(--marinho);font-size:20px;cursor:pointer}
.mala-forro{position:relative;height:100%;overflow:auto;overscroll-behavior:contain;background:#FBF8F1;border-radius:20px;padding:22px 18px;display:flex;flex-direction:column;gap:var(--s3)}
.mala-forro h2{font-family:var(--display);font-weight:400;font-size:32px;color:var(--celeste-forte);margin:0}
.mala-intro{color:var(--marinho-suave);margin:0}
.mala-vazia{text-align:center;padding:var(--s4);background:var(--branco);border-radius:16px}.mala-vazia .lhama{margin:0 auto var(--s2);width:110px}.mala-vazia p{margin:0;color:var(--marinho-suave)}
.mala-lista{list-style:none;margin:0;padding:0;display:grid;gap:var(--s3)}
.mala-lista li{background:var(--branco);border-radius:16px;padding:12px;box-shadow:0 4px 14px rgba(16,42,67,.08);animation:mala-entra .4s ease}
@keyframes mala-entra{from{opacity:0;transform:translateY(-12px) scale(.96)}}
.mala-item-topo{display:flex;gap:12px;align-items:center}
.mala-item-topo img{width:56px;height:56px;border-radius:50%;object-fit:cover;border:3px solid var(--branco);box-shadow:0 3px 8px rgba(16,42,67,.25);flex:none}
.mala-item-topo strong{display:block;font-size:15px}.mala-item-topo .small{color:var(--marinho-suave)}
.mala-item-topo > div{flex:1}
.mala-tirar{border:0;background:none;color:var(--celeste-forte);text-decoration:underline;font:600 13px var(--corpo);cursor:pointer}
.mala-campos{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}
.mala-campos label{display:grid;gap:2px;font-size:12px;font-weight:600;color:var(--marinho-suave);flex:1 1 130px}
.mala-campos input,.mala-campos select{min-height:40px;border:1.5px solid var(--linha);border-radius:12px;padding:0 10px;font:14px var(--corpo);color:var(--marinho);background:var(--branco)}
.mala-pessoas{display:flex;align-items:center;gap:8px;font-size:12px;font-weight:600;color:var(--marinho-suave)}
.mala-pessoas button{width:34px;height:34px;border-radius:50%;border:1.5px solid var(--celeste-forte);background:var(--branco);color:var(--celeste-forte);font-size:18px;cursor:pointer}
.mala-pessoas b{font-size:16px;color:var(--marinho);min-width:18px;text-align:center}
.mala-consulta{margin:8px 0 0;font-size:12px;background:var(--sol-claro);border-radius:10px;padding:6px 10px}
.mala-total{background:var(--marinho);color:var(--branco);border-radius:16px;padding:14px 16px;display:grid;gap:6px;margin-top:auto}
.mala-total div{display:flex;justify-content:space-between;gap:10px}.mala-total .pix strong{color:var(--sol);font-size:20px}
.mala-nota{font-size:12px;color:var(--marinho-suave);margin:0}
[data-mala-add].na-mala{background:var(--pix);border-color:var(--pix)}
@media (max-width:640px){.mala{top:8px;right:8px;bottom:8px;width:calc(100vw - 16px)}.mala-etiqueta{display:none}}
/* Busca e filtros centralizados */
#passeios{text-align:center}
#passeios .grade{text-align:left}
.busca{align-items:center;margin:var(--s6) auto var(--s3)}
.busca label{font-family:var(--display);font-weight:400;font-size:30px;color:var(--celeste-forte)}
.busca input{width:min(640px,100%);max-width:none;min-height:60px;border:0;padding:0 var(--s6);font-size:17px;background:var(--branco);box-shadow:0 0 0 1px rgba(116,172,223,.45),0 18px 40px -18px rgba(16,42,67,.35);text-align:left}
.busca input:focus{outline:0;box-shadow:0 0 0 3px var(--celeste),0 18px 40px -18px rgba(16,42,67,.35)}
.filtros{justify-content:center;gap:10px;padding:var(--s3) 0 var(--s5)}
.filtros .chip{min-height:46px;padding:0 20px;border:0;background:var(--branco);box-shadow:0 0 0 1px rgba(116,172,223,.5),0 8px 18px -10px rgba(16,42,67,.3);font-weight:600;transition:transform .15s ease,box-shadow .15s ease}
.filtros .chip:hover{transform:translateY(-2px)}
.filtros .chip[aria-pressed="true"]{background:var(--marinho);color:var(--branco);box-shadow:0 10px 22px -8px rgba(16,42,67,.55)}
/* Luci: frases curtas, digitando e cartão com foto */
.luci-msgs .msg{animation:msg-entra .25s ease}
@keyframes msg-entra{from{opacity:0;transform:translateY(6px)}}
.pontos{display:inline-flex;gap:4px;padding:4px 2px}.pontos i{width:7px;height:7px;border-radius:50%;background:var(--celeste-forte);opacity:.4;animation:pontos 1s infinite}
.pontos i:nth-child(2){animation-delay:.15s}.pontos i:nth-child(3){animation-delay:.3s}
@keyframes pontos{50%{opacity:1;transform:translateY(-3px)}}
.luci-cartao{display:flex!important;gap:10px;align-items:center;padding:8px!important;text-decoration:none;color:var(--marinho);background:var(--branco)!important;border:1px solid var(--linha)}
.luci-cartao img{width:72px;height:54px;object-fit:cover;border-radius:10px}
.luci-cartao strong{display:block;font-size:14px}.luci-cartao span span{font-size:13px;color:var(--pix);font-weight:700}
/* Jornada: um passo por vez (pedido da Laise, 05/11) */
.jornada{display:grid;gap:var(--s5);align-items:center;background:linear-gradient(160deg,#EAF4FB,#FFF6DD);border-radius:32px;padding:var(--s5);box-shadow:0 30px 60px -30px rgba(16,42,67,.35);margin:var(--s4) 0}
@media (min-width:900px){.jornada{grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);padding:var(--s6)}}
.jornada-pontos{grid-column:1/-1;list-style:none;margin:0;padding:0;display:flex;justify-content:center;gap:8px;flex-wrap:wrap}
.jornada-pontos button{width:38px;height:38px;border-radius:50%;border:2px solid var(--celeste);background:var(--branco);color:var(--celeste-forte);font:800 15px var(--corpo);cursor:pointer;transition:all .2s}
.jornada-pontos button.feito{background:var(--celeste);color:var(--branco);border-color:var(--celeste)}
.jornada-pontos button[aria-current="step"]{background:var(--sol);border-color:var(--sol);color:var(--marinho);transform:scale(1.18);box-shadow:0 6px 14px -4px rgba(217,154,0,.6)}
.jornada-palco{display:flex;justify-content:center}
.jornada-palco.entra > *{animation:palco-entra .5s cubic-bezier(.2,.8,.2,1)}
@keyframes palco-entra{from{opacity:0;transform:translateY(18px) scale(.97)}}
.jornada-palco .celular{width:min(260px,70vw);margin:0}
.jornada-palco video,.app-ba-video video{display:block;width:100%;height:100%;object-fit:cover;object-position:top;background:#fff}
.janela{width:100%;border-radius:16px;overflow:hidden;background:#fff;box-shadow:0 30px 60px -20px rgba(16,42,67,.45),0 0 0 1px rgba(16,42,67,.12)}
.janela-barra{display:flex;align-items:center;gap:6px;height:34px;padding:0 12px;background:#EEF2F6;border-bottom:1px solid #DDE4EB}
.janela-barra i{width:11px;height:11px;border-radius:50%;background:#F26B5B}.janela-barra i:nth-child(2){background:#F6B40E}.janela-barra i:nth-child(3){background:#3FBF6F}
.janela-barra span{margin:0 auto;font-size:12px;color:#5C6B7A;background:#fff;border-radius:999px;padding:3px 18px}
.janela video{aspect-ratio:16/10;height:auto}
.jornada-texto .trilha-fase{margin:0}
.jornada-conta{font-weight:700;color:var(--celeste-forte);margin:0 0 4px}
.jornada-texto h3{font-size:clamp(26px,3vw,36px);font-weight:800;margin:0 0 var(--s2)}
.jornada-desc{font-size:17px;color:var(--marinho-suave);margin:0 0 var(--s3)}
.jornada-texto .quando{display:inline-block;font-size:13px;font-weight:700;color:var(--marinho);background:var(--sol-claro);border:1.5px solid var(--sol);border-radius:999px;padding:2px 12px}
.jornada-nav{display:flex;gap:10px;margin-top:var(--s5);flex-wrap:wrap}
/* Capa: botões */
.cabeca-botoes{display:flex;flex-wrap:wrap;gap:12px;margin-top:var(--s4)}
.cabeca-botoes .btn{min-height:54px;padding:0 24px;font-size:16px}
/* Argentina Planner: vídeo e preço */
.app-ba-video{flex:0 0 auto;width:min(560px,100%);display:flex;justify-content:center}
.app-ba-video .celular{width:220px;margin:0}
.planner-preco{display:flex;align-items:baseline;gap:10px;margin:var(--s3) 0}.planner-preco strong{font-size:40px;font-weight:800;color:var(--marinho)}.planner-preco span{color:var(--pix);font-weight:700}
.planner-compra{display:flex;flex-wrap:wrap;gap:var(--s5);align-items:center;background:linear-gradient(160deg,#EAF4FB,#FFF6DD);border-radius:28px;padding:var(--s5);margin:var(--s4) 0}
.planner-compra > div:last-child{flex:1 1 260px}

/* Vitrine do passo 1 da jornada (opção 07 das capas) */
.vitrine{--r:152px;--w:112px;width:100%;height:360px;border-radius:24px;background:radial-gradient(70% 70% at 50% 35%,#D7ECFA 0%,#9CCAEC 55%,#74ACDF 100%);perspective:1400px;display:grid;place-items:center;overflow:hidden;box-shadow:0 30px 60px -30px rgba(16,42,67,.45)}
@media (min-width:900px){.vitrine{--r:245px;--w:150px;height:420px}}
.vitrine-inclina{transform-style:preserve-3d;transform:rotateX(-8deg)}
.vitrine-anel{position:relative;width:var(--w);height:calc(var(--w)*1.32);transform-style:preserve-3d}
.vitrine-anel article{position:absolute;inset:0;border-radius:18px;overflow:hidden;background:#fff;color:var(--marinho);box-shadow:0 22px 44px -16px rgba(16,42,67,.45)}
.vitrine-anel img{display:block;width:100%;height:60%;object-fit:cover}
.vitrine-anel div{padding:10px 12px}
.vitrine-anel strong{display:block;font-size:14px;font-weight:700;line-height:1.2}
.vitrine-anel span{display:block;margin-top:5px;font-size:12px;color:var(--marinho-suave)}
.vitrine-anel em{font-style:normal;font-weight:700;color:#1E7F55}

/* Mapa 3D da página do Argentina Planner (opção 10 das capas). Gira sozinho, sem rolagem. */
@property --rz{syntax:'<angle>';inherits:true;initial-value:-28deg}
@property --rx{syntax:'<angle>';inherits:true;initial-value:58deg}
.mapa-app{display:grid;gap:var(--s5);align-items:center;margin:var(--s6) 0;padding:var(--s5);border-radius:32px;background:radial-gradient(80% 70% at 60% 40%,#FFFFFF 0%,#EAF4FB 60%,#C7DDF1 100%);box-shadow:0 30px 60px -30px rgba(16,42,67,.35);overflow:hidden}
@media (min-width:900px){.mapa-app{grid-template-columns:minmax(0,1fr) minmax(0,1.4fr);padding:var(--s6)}}
.mapa-app-texto h2{font-size:clamp(28px,3.4vw,42px);font-weight:800;margin:0 0 var(--s2)}
.mapa-app-texto p:last-child{font-size:17px;color:var(--marinho-suave);margin:0}
.mapa-app-palco{position:relative;height:340px;perspective:1100px;perspective-origin:50% 30%}
@media (min-width:900px){.mapa-app-palco{height:460px}}
.mapa-app-cam{position:absolute;left:50%;top:50%;width:0;height:0;transform-style:preserve-3d;scale:.36;animation:mapa-voo 14s ease-in-out infinite alternate}
@media (min-width:900px){.mapa-app-cam{scale:.5}}
.mapa-app-plano{position:absolute;left:-500px;top:-500px;width:1000px;height:1000px;transform-style:preserve-3d;transform:rotateX(var(--rx)) rotateZ(var(--rz));animation:mapa-gira 14s ease-in-out infinite alternate}
.mapa-app-plano svg{position:absolute;inset:0;width:100%;height:100%;filter:drop-shadow(0 40px 60px rgba(16,42,67,.25))}
.mapa-app .pino{position:absolute;width:0;height:0;transform-style:preserve-3d}
.mapa-app .pino-in{position:absolute;left:-70px;bottom:0;width:140px;transform-origin:50% 100%;transform:rotateZ(calc(var(--rz) * -1)) rotateX(calc(var(--rx) * -1))}
.mapa-app .pino-pop{transform-origin:50% 100%;display:flex;flex-direction:column;align-items:center;animation:pino-sobe 14s ease-in-out infinite alternate}
.mapa-app .pino-pop img{width:104px;height:104px;border-radius:50%;object-fit:cover;border:5px solid #fff;box-shadow:0 14px 30px rgba(16,42,67,.3)}
.mapa-app .pino-pop span{margin-top:8px;font-weight:700;font-size:15px;white-space:nowrap;padding:6px 12px;border-radius:99px;background:var(--marinho);color:#fff}
.mapa-app .pino-pop::after{content:"";width:3px;height:46px;background:var(--marinho);border-radius:2px}
.pino-rosedal{left:19%;top:15%}.pino-colon{left:40%;top:40%}.pino-obelisco{left:46%;top:52%}.pino-mayo{left:62%;top:57%}.pino-madero{left:72%;top:46%}.pino-telmo{left:60%;top:72%}.pino-caminito{left:58%;top:89%}
.pino-colon .pino-pop{animation-delay:-1s}.pino-obelisco .pino-pop{animation-delay:-2s}.pino-mayo .pino-pop{animation-delay:-3s}.pino-madero .pino-pop{animation-delay:-4s}.pino-telmo .pino-pop{animation-delay:-5s}.pino-caminito .pino-pop{animation-delay:-6s}
.mapa-app-lama{position:absolute;right:0;bottom:0;height:42%;width:auto;filter:drop-shadow(0 24px 30px rgba(16,42,67,.25));animation:lhama-flutua 4s ease-in-out infinite}
@keyframes mapa-gira{from{--rz:-28deg;--rx:58deg}to{--rz:22deg;--rx:50deg}}
@keyframes mapa-voo{from{transform:translateY(20px) scale(.9)}to{transform:translateY(-10px) scale(1.12)}}
@keyframes pino-sobe{0%{transform:scale(.7) translateY(30px)}40%,100%{transform:scale(1) translateY(0)}}

/* "Seu roteiro" do Planner em formato de mala, igual à mala de passeios */
.roteiro-mala{position:sticky;border-radius:30px;padding:46px 16px 16px;margin-top:22px;background-image:repeating-linear-gradient(90deg,rgba(255,255,255,.06) 0 2px,transparent 2px 8px),linear-gradient(180deg,#7DB5E6,#3F7FBD);box-shadow:0 30px 60px -24px rgba(16,42,67,.5)}
.roteiro-mala::before{content:'';position:absolute;inset:7px;border:2px dashed rgba(255,255,255,.55);border-radius:24px;pointer-events:none}
.roteiro-mala .mala-forro{height:auto;overflow:visible}
.roteiro-mala .mala-etiqueta{left:-26px;top:70px}
.roteiro-mala .dia{background:var(--branco);border-radius:16px;padding:12px 14px;box-shadow:0 4px 14px rgba(16,42,67,.08);border:0}
.roteiro.roteiro-mala{overflow:visible;max-height:none}
@media (min-width:1240px){.roteiro-mala .mala-forro{max-height:calc(100vh - 150px);overflow:auto}}

/* Home em tela larga: a mala fica fixa à direita quando já tem passeio */
@media (min-width:1240px){
  body.mala-fixa .conteudo-wrap{padding-right:min(480px,34vw)}
  body.mala-fixa .mala{top:96px;width:min(440px,32vw);z-index:40;box-shadow:0 30px 60px -24px rgba(16,42,67,.45)}
  body.mala-fixa .mala-fechar{display:none}
}

/* Fundo do site: opção 01 das 10 (malha celeste e sol), escolhida pela Laise em 05/11 */
body{background:
  radial-gradient(60% 70% at 8% 0%, rgba(116,172,223,.75), transparent 70%),
  radial-gradient(45% 55% at 95% 8%, rgba(246,180,14,.45), transparent 70%),
  radial-gradient(55% 60% at 85% 100%, rgba(43,106,158,.30), transparent 70%),
  radial-gradient(50% 60% at 15% 100%, rgba(255,243,207,.9), transparent 70%),
  #EEF5FC;background-attachment:fixed}
/* Seção final (rodapé): opção 04, o céu de Buenos Aires ao entardecer com a silhueta da cidade */
.rodape{position:relative;isolation:isolate;padding-bottom:190px;color:#fff;background:linear-gradient(180deg,#2B6A9E 0%,#5E9BD3 30%,#A9C9E6 55%,#F8D58A 80%,#F6B40E 100%)}
.rodape::before{content:"";position:absolute;left:0;right:0;bottom:0;height:150px;z-index:-1;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1010 150' preserveAspectRatio='none'%3E%3Cpath fill='%23102A43' d='M0 150V105h40V88h30v20h25V70h40v38h20V95h30v-30h18v40h35V80h28v28h22V60h12l6-10 6 10h12v48h30V92h40v16h25V78h35v30h20V96h28V40h4l4-18 2-12 2 12 4 18h4v68h22V85h40v23h30V66h22v42h26V90h38v18h20V74h34v34h24V98h30V60h18v48h40V86h36v22h20V70h30v38h40V92h30v58z'/%3E%3C/svg%3E") bottom/100% 100% no-repeat}
.rodape p{text-shadow:0 1px 2px rgba(16,42,67,.35)}
.rodape a{color:#fff;font-weight:700}

/* O site como jornada: Passo 1, 2, 3 ligados por uma linha pontilhada com um avião descendo */
.marco{display:flex;flex-direction:column;align-items:center;text-align:center;margin:var(--s6) auto 0;max-width:640px}
.marco-num{font:800 13px var(--corpo);letter-spacing:.14em;text-transform:uppercase;color:var(--marinho);background:var(--sol);border-radius:999px;padding:6px 16px;box-shadow:0 8px 18px -8px rgba(217,154,0,.7)}
.marco-titulo{font-size:clamp(26px,3.2vw,38px);font-weight:800;line-height:1.1;margin:12px 0 4px}
.marco-sub{color:var(--marinho-suave);margin:0}
.marco-linha{position:relative;display:block;width:4px;height:110px;margin:16px 0 8px;background:repeating-linear-gradient(180deg,var(--celeste-forte) 0 8px,transparent 8px 16px);border-radius:2px}
.marco-linha::after{content:'';position:absolute;left:50%;bottom:-6px;translate:-50% 0;width:14px;height:14px;border-radius:50%;background:var(--sol);box-shadow:0 0 0 4px rgba(246,180,14,.3)}
.aviao{position:absolute;left:50%;top:0;width:34px;height:34px;translate:-50% 0;rotate:180deg;fill:var(--celeste-forte);filter:drop-shadow(0 4px 6px rgba(16,42,67,.3));animation:aviao-desce 3.2s ease-in-out infinite}
@keyframes aviao-desce{0%{top:-10px;opacity:0}15%{opacity:1}85%{opacity:1}100%{top:calc(100% - 24px);opacity:0}}
@supports (animation-timeline:view()){
  .aviao{animation:aviao-rola linear both;animation-timeline:view();animation-range:entry 10% cover 60%}
  @keyframes aviao-rola{from{top:-10px}to{top:calc(100% - 24px)}}
}
.passo-mala{display:flex;gap:var(--s5);align-items:center;background:rgba(255,255,255,.85);border-radius:32px;padding:var(--s5);box-shadow:0 30px 60px -30px rgba(16,42,67,.35)}
.passo-mala .lhama{width:120px;flex:none}
.passo-mala h2{margin:0 0 var(--s2);font-size:clamp(22px,2.4vw,30px)}
@media (max-width:640px){.passo-mala{flex-direction:column;text-align:center}}
.home{grid-template-columns:minmax(0,1fr)!important;max-width:1200px;margin:0 auto}

/* Capa com o vídeo de drone de Buenos Aires */
.capa-drone{position:relative;isolation:isolate;overflow:hidden;border-radius:32px;min-height:min(78vh,720px);display:flex;flex-direction:column;justify-content:flex-end;padding:var(--s6) var(--s5);margin-top:var(--s4);color:#fff;box-shadow:0 30px 60px -30px rgba(16,42,67,.45)}
.capa-video{position:absolute;inset:0;z-index:-1;background:#2B6A9E}
.capa-video video{width:100%;height:100%;object-fit:cover;display:block}
.capa-video::after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,rgba(16,42,67,.78) 0%,rgba(16,42,67,.35) 45%,rgba(16,42,67,0) 75%)}
.capa-drone h1{color:#fff;max-width:16ch;text-shadow:0 2px 12px rgba(16,42,67,.4)}
.capa-drone p.lead{color:#EAF4FB;text-shadow:0 1px 8px rgba(16,42,67,.5)}
.capa-drone .btn-secundario{background:rgba(255,255,255,.92);border-color:#fff}
@media (max-width:640px){.capa-drone{min-height:82vh;padding:var(--s5) var(--s4);border-radius:24px}}

/* ---------- Luci nova (escolhas da Laise em 05/11: 1 sem balão, 2, 4, 7, 9 e 10) ---------- */
/* 1: só a Lucillama no canto, sem texto nem balão */
.luci-abrir{position:fixed;left:var(--s4);right:auto;bottom:var(--s4);z-index:45;width:74px;height:74px;border-radius:50%;border:4px solid #fff;padding:0;background:radial-gradient(circle at 50% 35%,#D7ECFA,#74ACDF);box-shadow:0 14px 30px -8px rgba(16,42,67,.5);cursor:pointer;overflow:visible;transition:transform .2s}
.luci-abrir:hover{transform:scale(1.07)}
.luci-abrir img{width:100%;height:100%;object-fit:cover;object-position:50% 14%;border-radius:50%}
.luci-online{position:absolute;right:2px;bottom:4px;width:16px;height:16px;border-radius:50%;background:#3FBF6F;border:3px solid #fff}
/* 9: painel flutuante pequeno, no estilo WhatsApp, nunca em tela cheia */
.luci{left:var(--s4);right:auto;bottom:calc(var(--s4) + 86px);width:min(380px,calc(100vw - 24px));height:min(560px,calc(100vh - 140px));border-radius:24px;overflow:hidden;box-shadow:0 24px 60px -12px rgba(16,42,67,.5)}
@media (max-width:640px){.luci{left:12px;bottom:96px;height:min(520px,calc(100vh - 170px))}}
.luci-topo{background:var(--celeste-forte);color:#fff;padding:10px 12px}
.luci-topo strong{color:#fff}.luci-topo .small{color:#D7ECFA}
.luci-topo button{width:36px;height:36px;background:rgba(255,255,255,.18);color:#fff}
.luci-msgs{background:#EFE9DF url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='60' height='60'%3E%3Cpath d='M30 10l4 8 8 1-6 6 2 9-8-4-8 4 2-9-6-6 8-1z' fill='%2374ACDF' fill-opacity='.10'/%3E%3C/svg%3E");gap:6px;padding:12px}
.luci-msgs .msg{max-width:84%;border-radius:12px;padding:7px 10px 18px;position:relative;box-shadow:0 1px 1px rgba(16,42,67,.12);font-size:15px;line-height:1.4}
.luci-msgs .luci-msg{background:#fff;color:var(--marinho);align-self:flex-start;border-top-left-radius:4px}
.luci-msgs .cliente{background:#D6ECFB;color:var(--marinho);align-self:flex-end;border-top-right-radius:4px}
.luci-msgs .hora{position:absolute;right:8px;bottom:3px;font-size:10px;color:#7A8C9C}
.luci-msgs .cliente .hora{color:#3F7FBD}
.luci-msgs .digitando{padding:10px 12px}
.luci-entrada{background:#EFE9DF;border-top:0}
.luci-entrada input{background:#fff;border-color:transparent}
.luci-entrada button{background:#3FBF6F}
/* 10: atalhos em ícones, mais bonitos */
.luci-icones,.atalhos-luci{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.luci-icones{padding:8px 12px;background:#EFE9DF}
.luci-icones button,.atalhos-luci button{display:flex;flex-direction:column;align-items:center;gap:6px;padding:12px 6px;border-radius:18px;border:0;background:#fff;color:var(--marinho);font:700 13px var(--corpo);cursor:pointer;box-shadow:0 6px 16px -8px rgba(16,42,67,.35);transition:transform .15s,box-shadow .15s}
.luci-icones button:hover,.atalhos-luci button:hover{transform:translateY(-2px);box-shadow:0 10px 22px -8px rgba(16,42,67,.4)}
.luci-icones svg,.atalhos-luci svg{width:26px;height:26px;padding:8px;box-sizing:content-box;border-radius:50%;color:var(--celeste-forte);background:linear-gradient(135deg,#EAF4FB,#FFF3CF)}
.atalhos-luci-faixa{max-width:640px;margin:var(--s3) auto 0;text-align:center}
.atalhos-luci-faixa p{margin:0 0 8px;font-size:13px;font-weight:700;color:var(--celeste-forte);letter-spacing:.04em}
.atalhos-luci button{padding:16px 8px;font-size:14px}
/* 4: pergunta dentro de cada passeio */
.pergunta-passeio{display:flex;align-items:center;gap:8px;width:100%;margin-top:10px;padding:6px 10px;border:1.5px dashed var(--celeste);border-radius:14px;background:rgba(234,244,251,.7);color:var(--marinho-suave);font:13px var(--corpo);cursor:pointer;text-align:left}
.pergunta-passeio b{color:var(--celeste-forte)}
.pergunta-passeio img{width:28px;height:34px;object-fit:cover;object-position:50% 10%;border-radius:50%;background:#fff;flex:none}
/* 7: a Luci ao lado do Reservar */
.selo-luci{display:flex;align-items:center;gap:10px;width:100%;margin-top:12px;padding:10px 12px;border:0;border-radius:16px;background:#E7F6EC;color:#1E5E3A;font:700 14px var(--corpo);text-align:left;cursor:pointer}
.selo-luci img{width:42px;height:50px;object-fit:cover;object-position:50% 12%;border-radius:50%;background:#fff;flex:none}

/* A capa com o drone abre o site em tela cheia, de ponta a ponta, por baixo da barra flutuante */
.capa-drone{width:100vw;margin-left:calc(50% - 50vw);margin-top:-88px;border-radius:0 0 36px 36px;min-height:100vh;min-height:100svh;padding:120px max(var(--s5),calc((100vw - 1200px)/2)) var(--s7,72px)}
.capa-drone h1{font-size:clamp(40px,6vw,76px)}
@media (max-width:640px){.capa-drone{border-radius:0 0 24px 24px;min-height:100svh;padding:110px var(--s4) var(--s6)}}

/* Badges do card de passeio */
.badges{list-style:none;margin:6px 0 8px;padding:0;display:flex;flex-wrap:wrap;gap:6px}
.badges li{display:inline-flex;align-items:center;gap:5px;font-size:12px;font-weight:700;color:var(--celeste-forte);background:#EAF4FB;border:1px solid #CFE3F4;border-radius:999px;padding:4px 10px 4px 7px}
.badges svg{width:14px;height:14px;flex:none}
.card-incluso{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.luci-msgs{background:#EFE9DF}

/* Mala recolhida: a malinha no canto de baixo, em todas as páginas */
.mala-mini{position:fixed;right:var(--s4);bottom:var(--s4);z-index:46;width:68px;height:68px;border-radius:22px;border:4px solid #fff;background:linear-gradient(180deg,#7DB5E6,#3F7FBD);color:var(--sol);display:grid;place-items:center;cursor:pointer;box-shadow:0 14px 30px -8px rgba(16,42,67,.5);transition:transform .2s}
.mala-mini:hover{transform:scale(1.07) rotate(-3deg)}
.mala-mini svg{width:34px;height:34px}
.mala-fechar{width:auto;height:34px;border-radius:999px;padding:0 14px;font:700 13px var(--corpo)}
body.mala-fixa .mala-fechar{display:inline-block}
.capa-drone{margin-top:-108px}

.marco-topo{margin-top:var(--s7)}
.marco-topo .marco-titulo{font-size:clamp(32px,4.4vw,54px);letter-spacing:-.02em}
/* A vitrine gira solta, sem quadro azul atrás */
.vitrine{background:none;box-shadow:none;overflow:visible}
.jornada{overflow:hidden}
/* A barra de cima fica só no começo da página: não acompanha a rolagem */
.topo{position:relative;top:auto}

/* Busca nova: a Lucillama 3D ao lado, título em Lufga (a Chalkiez não tem acento) e atalhos em pílula */
.busca-luci{display:flex;align-items:flex-end;gap:var(--s4);max-width:860px;margin:var(--s5) auto var(--s4);padding:var(--s5) var(--s6) var(--s5) var(--s4);background:rgba(255,255,255,.82);border:1px solid rgba(255,255,255,.9);border-radius:36px;box-shadow:0 30px 60px -30px rgba(16,42,67,.4);backdrop-filter:blur(8px)}
.busca-lhama{width:150px;height:auto;flex:none;margin:-60px 0 -24px;filter:drop-shadow(0 18px 20px rgba(16,42,67,.25));animation:lhama-flutua 4s ease-in-out infinite}
.busca-corpo{flex:1;min-width:0}
.busca-titulo{display:block;font:800 clamp(22px,2.6vw,30px)/1.15 var(--titulo);color:var(--marinho);letter-spacing:-.01em}
.busca-sub{margin:4px 0 14px;color:var(--marinho-suave)}
.busca-campo{display:flex;align-items:center;gap:8px;background:#fff;border:2px solid #CFE3F4;border-radius:999px;padding:6px 6px 6px 18px;box-shadow:0 10px 24px -14px rgba(16,42,67,.35);transition:border-color .2s,box-shadow .2s}
.busca-campo:focus-within{border-color:var(--celeste);box-shadow:0 0 0 4px rgba(116,172,223,.25)}
.busca-campo svg{width:22px;height:22px;color:var(--celeste-forte);flex:none}
.busca-campo input{flex:1;min-width:0;border:0;outline:0;background:none;font:16px var(--corpo);color:var(--marinho);min-height:44px}
.busca-campo button{border:0;border-radius:999px;background:var(--sol);color:var(--marinho);font:800 15px var(--corpo);padding:0 22px;min-height:46px;cursor:pointer;box-shadow:0 6px 14px -6px rgba(217,154,0,.7)}
.atalhos-luci-faixa{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin:14px 0 0;max-width:none;text-align:left}
.atalhos-luci-faixa span{font-size:13px;font-weight:700;color:var(--marinho-suave)}
.atalhos-luci-faixa .atalhos-luci{display:flex;flex-wrap:wrap;gap:8px}
.atalhos-luci-faixa .atalhos-luci button{flex-direction:row;padding:6px 14px 6px 6px;border-radius:999px;font-size:13px;gap:8px;box-shadow:0 4px 12px -6px rgba(16,42,67,.35);border:1px solid #E3EEF7}
.atalhos-luci-faixa .atalhos-luci svg{width:18px;height:18px;padding:6px}
@media (max-width:640px){
  .busca-luci{flex-direction:column;align-items:center;text-align:center;padding:var(--s4);border-radius:28px}
  .busca-lhama{width:110px;margin:-50px 0 0}
  .busca-campo button{padding:0 16px}
  .atalhos-luci-faixa{justify-content:center}
}

/* Cada passo é uma faixa com fundo próprio (azul, amarelo, azul) e o avião voa do fim de um passo ao começo do próximo */
.etapa{width:100vw;margin-left:calc(50% - 50vw);padding:var(--s7) max(var(--s5),calc((100vw - 1200px)/2)) var(--s8)}
.etapa .marco{margin-top:0}
.etapa-azul{background:linear-gradient(180deg,#E3F0FB 0%,#CFE5F7 100%)}
.etapa-sol{background:linear-gradient(180deg,#FFF6DA 0%,#FDE9B3 100%)}
.etapa-sol .marco-num{background:var(--celeste-forte);color:#fff;box-shadow:0 8px 18px -8px rgba(43,106,158,.7)}
.ponte{position:relative;z-index:3;height:150px;margin:-75px 0;display:flex;justify-content:center;pointer-events:none}
.ponte-linha{position:relative;display:block;width:4px;height:100%;background:repeating-linear-gradient(180deg,var(--celeste-forte) 0 8px,transparent 8px 16px);border-radius:2px}
.ponte-linha::before,.ponte-linha::after{content:'';position:absolute;left:50%;translate:-50% 0;width:14px;height:14px;border-radius:50%;background:var(--sol);box-shadow:0 0 0 4px rgba(246,180,14,.3)}
.ponte-linha::before{top:-6px}.ponte-linha::after{bottom:-6px;background:var(--celeste-forte);box-shadow:0 0 0 4px rgba(43,106,158,.25)}
.ponte .aviao{width:38px;height:38px}
body.mala-fixa .etapa{padding-right:calc(min(480px,34vw) + var(--s5))}
.marco-acao{text-align:center;margin:var(--s4) 0 0}.marco-acao .btn{min-height:54px;padding:0 32px;font-size:16px}
.etapa{padding-top:110px}
.ponte{height:120px;margin:-60px 0}
.etapa{padding-top:130px}

/* Rodapé novo: céu do entardecer com a silhueta de Buenos Aires (Congreso, Barolo, Obelisco, Kavanagh e Puente de la Mujer) */
.rodape{padding:var(--s8) max(var(--s5),calc((100vw - 1200px)/2)) 200px;background:linear-gradient(180deg,#2B6A9E 0%,#4F8FCB 38%,#9CC5E8 66%,#F6D58C 88%,#F6B40E 100%);color:#fff;text-shadow:none}
.rodape::before{height:170px;background:url("skyline-ba.svg") bottom center/cover no-repeat}
.rodape-grade{display:grid;gap:var(--s6);grid-template-columns:minmax(0,1.4fr) minmax(0,1fr) minmax(0,1fr);max-width:1200px;margin:0 auto}
@media (max-width:820px){.rodape-grade{grid-template-columns:1fr}}
.rodape-marca img{width:200px;height:auto;background:#fff;border-radius:16px;padding:10px 14px;box-shadow:0 10px 24px -12px rgba(16,42,67,.5)}
.rodape-marca p{margin:14px 0 0;max-width:36ch;color:#EAF4FB}
.rodape h2{font:800 13px var(--corpo);letter-spacing:.14em;text-transform:uppercase;color:var(--sol);margin:0 0 10px}
.rodape nav a,.rodape-grade > div:last-child a,.rodape-grade button{display:block;margin:0 0 8px;color:#fff;font-weight:600;text-decoration:none;background:none;border:0;padding:0;font-size:15px;cursor:pointer;text-align:left}
.rodape nav a:hover,.rodape-grade a:hover,.rodape-grade button:hover{text-decoration:underline}
.rodape p.rodape-fim{max-width:1200px;margin:var(--s6) auto 0;padding-top:var(--s4);border-top:1px solid rgba(255,255,255,.3);font-size:13px;color:#EAF4FB}
.rodape-fim a{color:#fff;font-weight:700}
.etapa{padding-bottom:110px}

/* Lucillama de uniforme falando ao lado da busca: o branco do vídeo some no cartão */
.busca-luci{background:#fff}
.busca-lhama{width:190px;height:190px;object-fit:cover;mix-blend-mode:multiply;filter:none;animation:none;margin:-50px -10px -20px -10px}
@media (max-width:640px){.busca-lhama{width:150px;height:150px;margin:-40px 0 0}}
.luci-abrir img{object-position:50% 8%}

/* Vídeo cinematográfico dos passeios, logo abaixo do Passo 1 */
.filme-passeios{max-width:1100px;margin:var(--s5) auto 0;border-radius:28px;overflow:hidden;aspect-ratio:21/9;box-shadow:0 30px 60px -30px rgba(16,42,67,.5);background:#2B6A9E}
.filme-passeios video{width:100%;height:100%;object-fit:cover;display:block}
@media (max-width:640px){.filme-passeios{aspect-ratio:4/3;border-radius:20px}}
.sem-quebra{white-space:nowrap}
.marco-titulo{color:var(--celeste-forte)}
.busca-titulo{color:var(--celeste-forte)}
/* Sem fundo diferente por seção, e o avião só no começo da seção de baixo, sem invadir a de cima */
.etapa-azul,.etapa-sol{background:none}
.ponte{height:110px;margin:var(--s6) 0 0}
.etapa{padding-top:var(--s4);padding-bottom:var(--s5)}

/* Jornada em uma coluna: títulos em cima, gravação grande no meio, botões embaixo */
@media (min-width:900px){.jornada{grid-template-columns:minmax(0,1fr)}}
.jornada{justify-items:center;text-align:center}
.jornada-texto{max-width:720px}
.jornada-palco{width:100%}
.jornada-palco .janela{max-width:1100px;margin:0 auto}
.jornada-palco .celular{width:min(340px,82vw)}
.jornada-palco .vitrine{max-width:1100px;margin:0 auto}
.jornada-nav{justify-content:center;margin-top:0}
@media (min-width:900px){.vitrine{--r:340px;--w:190px;height:480px}}
/* Hierarquia dos passos: selo gigante, todos na mesma cor, e título grande logo abaixo */
.marco-num,.etapa-sol .marco-num{font:800 clamp(22px,2.6vw,32px)/1 var(--titulo);letter-spacing:.06em;padding:14px 34px;border-radius:999px;background:var(--sol);color:var(--marinho);box-shadow:0 14px 28px -12px rgba(217,154,0,.8)}
.marco-titulo{font-size:clamp(34px,5vw,64px);line-height:1.05;margin:18px 0 8px}
.marco-sub{font-size:clamp(16px,1.6vw,19px);max-width:56ch}
.marco-topo .marco-num{font-size:clamp(16px,1.6vw,20px);padding:10px 24px}
.marco{max-width:960px}
/* Passos em tamanho equilibrado */
.marco-num,.etapa-sol .marco-num{font-size:clamp(15px,1.4vw,18px);padding:9px 22px;letter-spacing:.1em}
.marco-titulo{font-size:clamp(28px,3.4vw,44px);margin:12px 0 6px}
.marco-sub{font-size:17px}
/* Rodapé: entra suave a partir do fundo da página, e a logo toda em branco, sem o fundo branco */
.rodape{padding-top:140px;background:linear-gradient(180deg,rgba(43,106,158,0) 0,rgba(43,106,158,.55) 70px,#2B6A9E 150px,#4F8FCB 42%,#9CC5E8 68%,#F6D58C 88%,#F6B40E 100%)}
.rodape-marca img{background:none;box-shadow:none;padding:0;filter:brightness(0) invert(1)}
/* Luci e malinha só aparecem depois que a pessoa passa da capa */
.na-capa .luci-abrir,.na-capa .mala-mini{opacity:0;pointer-events:none;transform:translateY(20px)}
.luci-abrir,.mala-mini{transition:opacity .35s,transform .35s}

/* Mídia de cada passo, entre a descrição e o botão */
.passo-midia{max-width:980px;margin:var(--s5) auto 0;display:flex;justify-content:center}
.passo-midia .celular{width:min(300px,78vw);margin:0}
.passo-midia .janela{width:100%}

/* Argentina Planner premium: três celulares em 3D (o do meio toca o app por dentro) */
.app-premium{display:grid;gap:var(--s6);align-items:center;margin:var(--s5) 0 var(--s7);padding:var(--s7) var(--s6);border-radius:40px;background:radial-gradient(70% 80% at 25% 40%,rgba(116,172,223,.35),transparent 70%),radial-gradient(50% 60% at 90% 90%,rgba(246,180,14,.25),transparent 70%),rgba(255,255,255,.75);border:1px solid rgba(255,255,255,.9);box-shadow:0 40px 80px -40px rgba(16,42,67,.45);overflow:hidden}
@media (min-width:980px){.app-premium{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr)}}
.app-premium-palco{position:relative;height:clamp(420px,46vw,600px);display:flex;justify-content:center;align-items:center;perspective:1600px}
.tel3d{position:absolute;width:clamp(170px,17vw,245px);aspect-ratio:586/1268;border-radius:clamp(28px,3vw,42px);padding:9px;background:linear-gradient(145deg,#E9EEF3,#9AA6B2 45%,#D9DFE5 60%,#7E8A96);box-shadow:0 50px 70px -30px rgba(16,42,67,.6),inset 0 0 0 1.5px rgba(255,255,255,.7);transform-style:preserve-3d}
.tel3d::before{content:'';position:absolute;top:17px;left:50%;translate:-50% 0;width:30%;height:16px;border-radius:999px;background:#0b1622;z-index:2}
.tel3d::after{content:'';position:absolute;right:-3px;top:22%;width:3px;height:14%;border-radius:2px;background:#8C97A2}
.tel3d img,.tel3d video{display:block;width:100%;height:100%;object-fit:cover;object-position:top;border-radius:clamp(20px,2.4vw,34px);background:#fff}
.tel3d-meio{z-index:3;transform:translateZ(60px);animation:tel-flutua 6s ease-in-out infinite}
.tel3d-esq{z-index:1;transform:translateX(-62%) rotateY(28deg) scale(.86);filter:brightness(.97)}
.tel3d-dir{z-index:1;transform:translateX(62%) rotateY(-28deg) scale(.86);filter:brightness(.97)}
@keyframes tel-flutua{0%,100%{translate:0 0}50%{translate:0 -12px}}
@media (prefers-reduced-motion:reduce){.tel3d-meio{animation:none}}
@media (max-width:640px){.app-premium{padding:var(--s5) var(--s4);border-radius:28px}.tel3d-lado{display:none}.app-premium-palco{height:auto;padding:var(--s3) 0}.tel3d-meio{position:relative;width:min(240px,70vw);transform:none}}
.app-premium-selo{display:inline-block;font:800 12px var(--corpo);letter-spacing:.14em;text-transform:uppercase;color:var(--celeste-forte);background:#EAF4FB;border:1px solid #CFE3F4;border-radius:999px;padding:6px 14px}
.app-premium-texto h2{font-size:clamp(34px,4vw,52px);color:var(--celeste-forte);margin:12px 0 8px;letter-spacing:-.02em}
.app-premium-texto > p{font-size:18px;color:var(--marinho-suave);margin:0 0 var(--s4)}
.app-premium-lista{list-style:none;margin:0 0 var(--s4);padding:0;display:grid;gap:10px}
.app-premium-lista li{position:relative;padding-left:34px;color:var(--marinho-suave)}
.app-premium-lista li b{color:var(--marinho)}
.app-premium-lista li::before{content:'✓';position:absolute;left:0;top:0;width:24px;height:24px;border-radius:50%;display:grid;place-items:center;background:var(--sol);color:var(--marinho);font-weight:800;font-size:13px}
.app-premium-botoes{display:flex;flex-wrap:wrap;gap:12px;margin-top:var(--s3)}

/* Controle de velocidade das gravações de tela */
.janela,.celular,.tel3d{position:relative}
.vel{position:absolute;right:10px;bottom:10px;z-index:4;display:flex;gap:2px;padding:3px;border-radius:999px;background:rgba(255,255,255,.92);box-shadow:0 6px 16px -6px rgba(16,42,67,.45)}
.vel button{border:0;background:none;border-radius:999px;padding:5px 9px;font:800 12px var(--corpo);color:var(--celeste-forte);cursor:pointer;min-width:38px}
.vel button[aria-pressed="true"]{background:var(--celeste-forte);color:#fff}
.celular .vel,.tel3d .vel{right:50%;translate:50% 0;bottom:14px}
.vel button{font-size:13px;padding:6px 11px}

/* Capa escolhida pela Laise em 05/11: opção 8, "palavra por palavra". Tudo centralizado, cada palavra sai do desfoque,
   vinheta suave, grão de filme e o convite para rolar no pé da tela. */
.grao{position:absolute;inset:-50%;z-index:-1;pointer-events:none;opacity:.14;mix-blend-mode:overlay;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");animation:grao 1s steps(6) infinite}
@keyframes grao{0%{transform:translate(0,0)}20%{transform:translate(-4%,3%)}40%{transform:translate(3%,-5%)}60%{transform:translate(-6%,-2%)}80%{transform:translate(5%,4%)}100%{transform:translate(0,0)}}

.capa-8{justify-content:center;align-items:center;text-align:center}
.capa-8 .capa-video::after{background:radial-gradient(90% 80% at 50% 50%,rgba(16,42,67,.38) 0%,rgba(16,42,67,.18) 55%,rgba(16,42,67,.5) 100%)}
.capa8-texto{max-width:1080px;padding:0 var(--s4)}
.capa8-sobre{margin:0 0 18px;font-size:13px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:#FFF3CF;opacity:0;transform:translateY(16px);transition:opacity .8s cubic-bezier(.2,.8,.2,1) .1s,transform .8s cubic-bezier(.2,.8,.2,1) .1s}
.capa-8 h1{max-width:none;font-size:clamp(44px,7vw,108px);margin:0 0 32px;text-shadow:0 2px 30px rgba(16,42,67,.35)}
.capa-8 .p{display:inline-block;opacity:0;filter:blur(14px);transform:translateY(.25em);transition:opacity .9s cubic-bezier(.2,.8,.2,1),filter .9s cubic-bezier(.2,.8,.2,1),transform .9s cubic-bezier(.2,.8,.2,1)}
.capa-8 .p1{transition-delay:.2s}.capa-8 .p2{transition-delay:.32s}.capa-8 .p3{transition-delay:.44s}.capa-8 .p4{transition-delay:.56s}.capa-8 .p5{transition-delay:.74s}.capa-8 .p6{transition-delay:.86s}
.capa-8 .p.sol{color:var(--sol)}
.capa-8 .cabeca-botoes{justify-content:center;opacity:0;transform:translateY(16px);transition:opacity .8s cubic-bezier(.2,.8,.2,1) 1.15s,transform .8s cubic-bezier(.2,.8,.2,1) 1.15s}
.capa-8.visto .p,.capa-8.visto .capa8-sobre,.capa-8.visto .cabeca-botoes{opacity:1;filter:none;transform:none}
.btn-vidro{background:rgba(255,255,255,.16);color:#fff;border:2px solid rgba(255,255,255,.85);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}
.btn-vidro:hover{background:rgba(255,255,255,.28)}
.capa8-rolar{position:absolute;left:50%;bottom:28px;transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;gap:8px;color:#fff;text-decoration:none;font-size:13px;font-weight:600;letter-spacing:.06em}
.capa8-mouse{width:26px;height:40px;border:2px solid #fff;border-radius:14px;display:flex;justify-content:center;padding-top:7px}
.capa8-mouse i{width:4px;height:8px;border-radius:2px;background:var(--sol);animation:capa8-rolar 1.8s cubic-bezier(.2,.8,.2,1) infinite}
@keyframes capa8-rolar{0%{transform:translateY(0);opacity:1}70%{transform:translateY(12px);opacity:0}100%{opacity:0}}
@media (max-width:640px){.capa-8 h1{font-size:clamp(40px,11.6vw,52px)}.capa8-texto{padding:0 4px 70px}.capa-8 .cabeca-botoes{flex-direction:column;align-items:stretch}}
@media (prefers-reduced-motion:reduce){.capa-8 .p,.capa8-sobre,.capa-8 .cabeca-botoes{opacity:1!important;filter:none!important;transform:none!important}}
.passo-midia video{display:block;width:100%;height:auto;background:#fff}.passo-midia .celular video{height:100%;object-fit:cover;object-position:top}.passo-midia .janela video{aspect-ratio:16/10;object-fit:cover;object-position:top}

/* Capa: só a logo branca sobre o vídeo do drone, sem a barra */
body[data-pagina="home"] .topo{background:none;border:0;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none;justify-content:center;grid-template-columns:1fr}
body[data-pagina="home"] .topo .btn-menu,body[data-pagina="home"] .topo .btn-mala{display:none}
body[data-pagina="home"] .topo .marca{justify-self:center}
body[data-pagina="home"] .topo .marca img{filter:drop-shadow(0 2px 10px rgba(16,42,67,.45))}
.rodape-marca img{filter:none;width:220px;height:auto}
/* Botão do passo fora da sombra da gravação */
.passo-midia .janela{box-shadow:0 18px 36px -24px rgba(16,42,67,.35),0 0 0 1px rgba(16,42,67,.1)}
.passo-midia + .marco-acao{margin-top:var(--s6)}
/* Avião: conector mais comprido, com o pontilhado correndo e o avião voando sem parar */
.ponte{height:190px}
.ponte-linha{background:repeating-linear-gradient(180deg,var(--celeste-forte) 0 8px,transparent 8px 16px);background-size:4px 16px;animation:ponte-flui 1s linear infinite}
@keyframes ponte-flui{from{background-position:0 0}to{background-position:0 16px}}
.ponte .aviao{animation:aviao-desce 3.4s ease-in-out infinite!important;animation-timeline:auto!important}
@media (prefers-reduced-motion:reduce){.ponte-linha,.ponte .aviao{animation:none!important}}
/* Planner: celulares medidos pela largura do próprio palco, para nunca invadir o texto */
.app-premium-palco{container-type:inline-size;overflow:visible}
.tel3d{width:min(31cqi,240px)}
.tel3d-esq{transform:translateX(-66%) rotateY(26deg) scale(.86)}
.tel3d-dir{transform:translateX(66%) rotateY(-26deg) scale(.86)}
.vel-solto{position:absolute;left:50%;right:auto;bottom:-6px;translate:-50% 0}
@media (min-width:980px){.app-premium{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr)}}
.tel3d{width:min(27cqi,230px)}
.tel3d-esq{transform:translateX(-60%) rotateY(26deg) scale(.84)}
.tel3d-dir{transform:translateX(60%) rotateY(-26deg) scale(.84)}
@media (min-width:980px){.app-premium{gap:var(--s7)}}

/* Planner: um celular só, grande, para dar para ver o app */
.app-premium-palco{height:auto;padding:var(--s4) 0 var(--s6)}
.tel3d-meio{position:relative;width:min(340px,78cqi)}
/* Mala aberta: as faixas dos passos ficam dentro do espaço que sobra, sem escorregar para a esquerda */
body.mala-fixa .etapa{width:auto;margin-left:0;padding-left:var(--s3);padding-right:var(--s3)}