/* ==========================================================================
   RaioX Inédito 2027 · rascunho de 25/09/2026 · a identidade visual proposta
   O sistema inteiro está descrito em DESIGN.md. Aqui é só a forma.
   Todo CSS mora neste arquivo: nada inline no HTML, porque a CSP do projeto
   bloqueia style= no ar.
   ========================================================================== */

:root{
  /* ---- a cor, direto da ID ---- */
  --fucsia:#A1095F;
  /* Padrão 2027 (26/09/2026): o fúcsia clareado saiu da paleta. Sobre o escuro, o que era
     rosa vira branco com a luz fúcsia em volta, e o nome ficou só para não quebrar as regras */
  --fucsia-e:#FFFFFF;
  --vinho:#7C0A4B;

  /* ---- a escada clara: o dentro do foguete ---- */
  --c0:#FFFFFF;
  --c1:#F5F6F9;
  --c2:#ECEEF3;
  --c-linha:rgba(20,22,28,.10);
  --c-linha-forte:rgba(20,22,28,.16);
  --c-tinta:#14161C;
  --c-tinta-2:rgba(20,22,28,.68);
  --c-tinta-3:rgba(20,22,28,.50);

  /* ---- a escada escura: o painel de bordo ---- */
  --e0:#14161C;
  --e1:#1C1626;                /* a Noite clara do Laboratório */
  --e2:#241C30;
  --e-linha:rgba(255,255,255,.10);
  --e-linha-forte:rgba(255,255,255,.18);
  --e-tinta:rgba(255,255,255,.80);
  --e-tinta-2:rgba(255,255,255,.58);
  --noite:#14101C;             /* a Noite, o escuro dos efeitos, com fundo roxo */

  /* ---- os dois materiais ---- */
  --vidro:rgba(20,22,28,.46);
  --vidro-fundo:rgba(20,22,28,.62);
  --escovado-claro:repeating-linear-gradient(118deg, rgba(255,255,255,.55) 0 1px, rgba(20,22,28,.014) 1px 3px);
  --escovado-escuro:repeating-linear-gradient(118deg, rgba(255,255,255,.030) 0 1px, rgba(255,255,255,0) 1px 3px);

  /* ---- a luz ---- */
  /* o iluminado do Padrão 2027: mais intenso e mais rosa, e só sobre o escuro */
  --luz:0 0 2px rgba(255,255,255,.9), 0 0 8px rgba(161,9,95,1), 0 0 16px rgba(161,9,95,1), 0 0 30px rgba(161,9,95,.95), 0 0 56px rgba(161,9,95,.7);
  --luz-fio:0 0 0 1px rgba(255,255,255,.16), 0 0 30px rgba(161,9,95,.22);

  /* ---- as sombras, tingidas, nunca pretas ---- */
  --sombra-clara:0 18px 44px rgba(20,22,28,.08);
  --sombra-escura:0 18px 48px rgba(20,16,28,.30);
  --sombra-fucsia:0 16px 44px rgba(161,9,95,.14);

  /* ---- os raios: sala, caixa, controle e pílula ---- */
  --raio-sala:24px;
  --raio-caixa:16px;
  --raio-controle:10px;
  --raio-pilula:999px;
  --raio-cel:42px;             /* a moldura do celular, e só ela */
  --raio-tela:34px;

  /* ---- as três larguras ---- */
  --larg-miolo:1200px;
  --larg-texto:640px;
  --larg-retrato:440px;

  /* ---- a escala de espaço, de 4 em 4 ---- */
  --esp-1:8px; --esp-2:14px; --esp-3:20px; --esp-4:28px;
  --esp-5:40px; --esp-6:56px; --esp-7:76px;

  /* ---- o movimento ---- */
  --ease-casa:cubic-bezier(.16,1,.3,1);
  --ease-mola:cubic-bezier(.34,1.56,.64,1);

  /* ---- a tipografia ---- */
  --serif:'Playfair Display', Georgia, serif;
  --sans:'Inter', system-ui, -apple-system, sans-serif;
  --mono:'JetBrains Mono', ui-monospace, monospace;
  --mao:'Caveat', cursive;     /* a Caveat leve, decidida em 26/09; a Brush saiu */
}

*{box-sizing:border-box;}
[hidden]{display:none !important;}
html{scroll-behavior:smooth;}
body{
  margin:0;
  background:var(--noite);
  color:var(--c-tinta);
  font-family:var(--sans);
  font-size:16px;
  font-weight:400;
  line-height:1.6;
  -webkit-font-smoothing:antialiased;
  overflow-x:hidden;
}
img{max-width:100%; display:block;}
figure{margin:0;}
a{color:inherit;}
button{font-family:inherit;}
p{margin:0 0 1em; text-wrap:pretty;}
strong,b{font-weight:600;}

/* ==========================================================================
   O FUNDO · o universo fixo, e a poeira que anda por cima dele
   A imagem é a versão com o foguete à direita, porque o texto do topo passou
   a morar na esquerda. A poeira é uma camada de pontos que desliza devagar,
   em cima, e o veu escurece de leve para o vidro ler.
   ========================================================================== */
.fundo{
  position:fixed; inset:0; z-index:0;
  background:var(--noite) url('fundo-02.jpg') 62% 30% / cover no-repeat;
  animation:respira 80s var(--ease-casa) infinite alternate;
  transform:translateZ(0);
  backface-visibility:hidden;
}
.fundo::after{
  content:''; position:absolute; inset:0;
  background:linear-gradient(180deg, rgba(20,16,28,.46), rgba(20,16,28,.58) 46%, rgba(20,16,28,.78) 100%);
}
@keyframes respira{from{transform:scale(1)}to{transform:scale(1.05)}}

.poeira{
  position:fixed; inset:-10% 0 0 0; z-index:0; pointer-events:none;
  background-image:
    radial-gradient(1px 1px at 12% 18%, rgba(255,255,255,.55), transparent 60%),
    radial-gradient(1.5px 1.5px at 34% 62%, rgba(255,255,255,.45), transparent 60%),
    radial-gradient(1px 1px at 58% 28%, rgba(255,255,255,.6), transparent 60%),
    radial-gradient(1.5px 1.5px at 76% 74%, rgba(161,9,95,.5), transparent 60%),
    radial-gradient(1px 1px at 88% 12%, rgba(255,255,255,.5), transparent 60%),
    radial-gradient(1px 1px at 22% 86%, rgba(255,255,255,.4), transparent 60%),
    radial-gradient(1.5px 1.5px at 66% 48%, rgba(255,255,255,.35), transparent 60%),
    radial-gradient(1px 1px at 46% 8%, rgba(161,9,95,.45), transparent 60%);
  background-size:900px 700px;
  opacity:.7;
  animation:poeira 140s linear infinite;
}
@keyframes poeira{from{transform:translate3d(0,0,0)}to{transform:translate3d(-300px,180px,0)}}

/* o deslize dirigido pelo scroll: o universo sobe um pouco mais devagar que a
   página, e os painéis entram com 24px de sobra. Só posição, nunca opacidade:
   nada nesta página nasce invisível. Quem não tem a animação de scroll não
   perde nada. */
@supports (animation-timeline: scroll()){
  .fundo{
    animation:respira 80s var(--ease-casa) infinite alternate, deslize linear both;
    animation-timeline:auto, scroll(root);
  }
  @keyframes deslize{from{background-position:62% 30%}to{background-position:62% 60%}}
  .painel{
    animation:sobe linear both;
    animation-timeline:view();
    animation-range:entry 0% entry 40%;
  }
  @keyframes sobe{from{transform:translateY(26px)}to{transform:translateY(0)}}
}
@media (prefers-reduced-motion:reduce){
  .fundo,.poeira,.painel{animation:none !important;}
}

.palco{position:relative; z-index:1;}

/* ==========================================================================
   AS SEÇÕES · sala clara é um painel branco encaixado no universo;
   sala escura é o próprio universo com vidro por cima
   ========================================================================== */
.secao{position:relative; padding:var(--esp-5) 16px;}
.secao--escuro{color:#fff;}
.secao--escuro p{color:var(--e-tinta);}
.secao--claro{color:var(--c-tinta);}

/* o painel: o dentro do foguete */
.painel{
  position:relative;
  max-width:var(--larg-miolo);
  margin:0 auto;
  padding:var(--esp-6) var(--esp-6) var(--esp-6);
  background-color:var(--c0);
  background-image:var(--escovado-claro);
  border:1px solid rgba(255,255,255,.7);
  border-radius:var(--raio-sala);
  box-shadow:var(--sombra-escura), 0 0 0 1px rgba(20,22,28,.06);
}
.painel::before{
  content:''; position:absolute; left:var(--esp-6); right:var(--esp-6); top:0; height:2px;
  border-radius:var(--raio-pilula);
  background:linear-gradient(90deg, transparent, rgba(161,9,95,.55), transparent);
}
.miolo{position:relative; max-width:var(--larg-miolo); margin:0 auto;}
.miolo--texto{max-width:var(--larg-texto);}

/* a grade da sala: cabeçalho fixo na esquerda, conteúdo na direita */
.sala__grade{display:grid; gap:var(--esp-5);}
.sala__cabeca{min-width:0;}
.sala__corpo{min-width:0;}
@media (min-width:1024px){
  .sala__grade{grid-template-columns:minmax(0,5fr) minmax(0,7fr); gap:var(--esp-6); align-items:start;}
  .sala__cabeca{position:sticky; top:var(--esp-5);}
  .sala__grade--larga{grid-template-columns:minmax(0,4fr) minmax(0,8fr);}
}

/* ==========================================================================
   A TIPOGRAFIA E O CABEÇALHO DE SALA
   ========================================================================== */
h1,h2,h3,h4{margin:0; font-weight:700; line-height:1.15; text-wrap:balance;}
h1{
  font-family:var(--serif); font-style:italic;
  font-size:clamp(34px, 4.6vw, 52px); line-height:1.06; letter-spacing:-.01em;
}
h2{
  font-family:var(--serif); font-style:italic;
  font-size:clamp(26px, 3vw, 36px); line-height:1.14; letter-spacing:-.01em;
}
h3{font-family:var(--serif); font-style:normal; font-size:clamp(19px, 1.6vw, 22px); line-height:1.25;}
h4{font-family:var(--sans); font-size:16px; font-weight:600;}

.cabeca{margin:0 0 var(--esp-4);}
.cabeca h2{margin:0 0 var(--esp-2);}
.cabeca__apoio{
  max-width:52ch; margin:0;
  font-size:17px; font-weight:300; line-height:1.55;
  color:var(--c-tinta-2);
}
.secao--escuro .cabeca__apoio{color:var(--e-tinta);}
.cabeca__apoio strong{font-weight:600; color:var(--c-tinta);}
.secao--escuro .cabeca__apoio strong{color:#fff;}
.cabeca--centro{text-align:center;}
.cabeca--centro .rotulo{justify-content:center;}
.cabeca--centro .cabeca__apoio{margin-inline:auto;}
.cabeca--centro h2{margin-inline:auto;}

/* o rótulo: um fio de 22px e a mono em caixa alta */
.rotulo{
  display:inline-flex; align-items:center; gap:10px;
  margin:0 0 var(--esp-2);
  font-family:var(--mono); font-size:11px; font-weight:500;
  letter-spacing:.16em; text-transform:uppercase;
  color:var(--c-tinta-3);
}
.rotulo::before{content:''; flex:none; width:22px; height:2px; border-radius:var(--raio-pilula); background:var(--fucsia);}
.secao--escuro .rotulo{color:var(--e-tinta-2);}
.secao--escuro .rotulo::before{background:var(--fucsia-e);}

/* a palavra acesa, uma por título. Sobre claro é o fúcsia com o sublinhado
   leve; sobre escuro é branca com a luz atrás, porque rosa em letra sobre
   escuro fica brega */
.luz{font-style:inherit; font-weight:inherit;}
.secao--claro .luz{
  color:var(--fucsia);
  text-decoration:underline; text-decoration-color:rgba(161,9,95,.28);
  text-decoration-thickness:2px; text-underline-offset:.16em;
}
.secao--escuro .luz{color:#fff; text-shadow:var(--luz);}

/* a manuscrita, uma linha por sala */
.mao{font-family:var(--mao); font-weight:400; font-style:normal; line-height:1.05; font-size:1.2em;}
.secao--claro .mao{color:var(--fucsia);}
.secao--escuro .mao{color:#fff; text-shadow:var(--luz);}

/* texto corrido: leve */
.texto{font-size:16.5px; font-weight:300; line-height:1.65; color:var(--c-tinta-2);}
.texto strong{font-weight:600; color:var(--c-tinta);}
.secao--escuro .texto{color:var(--e-tinta);}
.secao--escuro .texto strong{color:#fff;}
.texto p:last-child{margin-bottom:0;}

/* o carimbo técnico, em mono fúcsia, que marca de onde uma linha sai */
.carimbo{
  font-family:var(--mono); font-size:10.5px; font-weight:500;
  letter-spacing:.14em; text-transform:uppercase; color:var(--fucsia); line-height:1.5;
}
.secao--escuro .carimbo{color:var(--fucsia-e);}

/* ==========================================================================
   OS BOTÕES
   ========================================================================== */
.botao{
  display:inline-flex; align-items:center; justify-content:center; gap:10px;
  padding:15px 26px;
  font-family:var(--sans); font-size:15px; font-weight:600; line-height:1.2;
  color:#fff; background:var(--fucsia);
  border:0; border-radius:var(--raio-controle); cursor:pointer;
  text-decoration:none; white-space:nowrap;
  box-shadow:var(--sombra-fucsia);
  transition:transform .22s var(--ease-casa), background .22s var(--ease-casa), box-shadow .22s var(--ease-casa);
}
.botao:hover{transform:translateY(-2px); background:var(--vinho);}
.botao:active{transform:translateY(0) scale(.98);}
.botao:focus-visible{outline:2px solid var(--fucsia); outline-offset:3px;}
.botao--fantasma{
  background:transparent; color:var(--c-tinta); box-shadow:none;
  border:1px solid var(--c-linha-forte);
}
.botao--fantasma:hover{background:var(--c1); color:var(--fucsia); border-color:var(--fucsia);}
.secao--escuro .botao--fantasma{color:#fff; border-color:var(--e-linha-forte);}
.secao--escuro .botao--fantasma:hover{background:rgba(255,255,255,.06); color:#fff; border-color:#fff;}
.botao--full{width:100%;}
.botao--pq{padding:10px 16px; font-size:13.5px;}
.botao__texto-mao{font-family:var(--mao); font-size:1.5em; font-weight:400; line-height:1;}
.botao__foguete{width:22px; height:22px; flex:none; transition:transform .34s var(--ease-mola);}
.botao:hover .botao__foguete{transform:translate(4px,-5px) rotate(10deg);}

/* o botão de contorno em mono, que é o "prefiro ler" e o Instagram */
.pilula{
  display:inline-flex; align-items:center; gap:8px;
  padding:8px 16px; cursor:pointer; list-style:none;
  font-family:var(--mono); font-size:11px; font-weight:500;
  letter-spacing:.14em; text-transform:uppercase; text-decoration:none;
  border:1px solid var(--c-linha-forte); border-radius:var(--raio-pilula);
  color:var(--c-tinta-3); background:transparent;
  transition:border-color .2s var(--ease-casa), color .2s var(--ease-casa), background .2s var(--ease-casa);
}
.pilula:hover{border-color:var(--fucsia); color:var(--fucsia); background:var(--c1);}
.secao--escuro .pilula, .vidro .pilula{border-color:var(--e-linha-forte); color:var(--e-tinta);}
.secao--escuro .pilula:hover, .vidro .pilula:hover{border-color:#fff; color:#fff; background:rgba(255,255,255,.06);}
.pilula svg{width:16px; height:16px; flex:none;}

/* ==========================================================================
   OS DOIS MATERIAIS · vidro e cartão branco
   ========================================================================== */
.vidro{
  position:relative;
  background:var(--vidro);
  backdrop-filter:blur(18px); -webkit-backdrop-filter:blur(18px);
  border:1px solid var(--e-linha);
  border-radius:var(--raio-caixa);
  box-shadow:var(--sombra-escura);
  color:#fff;
}
.vidro::before{
  content:''; position:absolute; left:0; right:0; top:0; height:1px;
  background:linear-gradient(90deg, transparent, rgba(255,255,255,.35), transparent);
  border-radius:inherit; pointer-events:none;
}
.vidro p{color:var(--e-tinta);}
.vidro--fundo{background:var(--vidro-fundo);}

.cartao{
  position:relative;
  background-color:var(--c0);
  background-image:var(--escovado-claro);
  border:1px solid var(--c-linha);
  border-radius:var(--raio-caixa);
  box-shadow:var(--sombra-clara);
}
.cartao--nevoa{background-color:var(--c1);}

/* o painel de bordo: o cartão escuro que é o único evento de uma sala clara */
.bordo-escuro{
  position:relative;
  background-color:var(--e1);
  background-image:var(--escovado-escuro);
  border:1px solid var(--e-linha);
  border-radius:var(--raio-caixa);
  box-shadow:var(--sombra-escura);
  color:#fff;
}
.bordo-escuro::before{
  content:''; position:absolute; left:var(--esp-4); right:var(--esp-4); top:0; height:2px; border-radius:var(--raio-pilula);
  background:linear-gradient(90deg, transparent, rgba(161,9,95,.8), transparent);
}
.bordo-escuro p{color:var(--e-tinta);}
.bordo-escuro strong{color:#fff;}

/* ==========================================================================
   A LISTA COM FOGUETE · branco sobre escuro, fúcsia sobre claro
   ========================================================================== */
.lista{list-style:none; margin:0; padding:0; display:grid; gap:10px;}
.lista li{
  position:relative; padding-left:26px;
  font-size:16px; font-weight:300; line-height:1.5; color:var(--c-tinta-2);
}
.lista li strong{font-weight:600; color:var(--c-tinta);}
.lista li::before{
  content:''; position:absolute; left:0; top:5px; width:15px; height:15px;
  background-color:var(--fucsia);
  -webkit-mask:url('assets/foguete-branco.png') center/contain no-repeat;
  mask:url('assets/foguete-branco.png') center/contain no-repeat;
}
.secao--escuro .lista li, .vidro .lista li, .bordo-escuro .lista li{color:var(--e-tinta);}
.secao--escuro .lista li strong, .vidro .lista li strong, .bordo-escuro .lista li strong{color:#fff;}
.secao--escuro .lista li::before, .vidro .lista li::before, .bordo-escuro .lista li::before{background-color:#fff;}
.lista--fio li{padding:11px 0 11px 26px; border-top:1px solid var(--c-linha);}
.lista--fio li:first-child{border-top:0; padding-top:0;}
.lista--fio li::before{top:16px;}
.lista--fio li:first-child::before{top:5px;}
.secao--escuro .lista--fio li, .bordo-escuro .lista--fio li{border-top-color:var(--e-linha);}
.lista--grande li{font-size:17px;}

/* o grupo de lista: rótulo com fio e a lista embaixo */
.grupo{margin:0 0 var(--esp-4);}
.grupo:last-child{margin-bottom:0;}
.grupo__titulo{
  margin:0 0 var(--esp-2);
  font-family:var(--serif); font-style:italic; font-weight:700; font-size:20px; line-height:1.2;
  color:var(--c-tinta);
}
.secao--escuro .grupo__titulo, .bordo-escuro .grupo__titulo{color:#fff;}
.grupo__linha{margin:-6px 0 var(--esp-2); font-size:14px; font-weight:300; color:var(--c-tinta-3);}
.secao--escuro .grupo__linha, .bordo-escuro .grupo__linha{color:var(--e-tinta-2);}
.grupo__sub{
  display:flex; align-items:center; gap:9px; margin:var(--esp-3) 0 var(--esp-2);
  font-family:var(--mono); font-size:11px; font-weight:500; letter-spacing:.16em; text-transform:uppercase;
  color:var(--c-tinta-3);
}
.grupo__sub::before{content:''; flex:none; width:16px; height:2px; border-radius:var(--raio-pilula); background:var(--fucsia);}
.grupo__sub:first-child{margin-top:0;}
.secao--escuro .grupo__sub, .bordo-escuro .grupo__sub{color:var(--e-tinta-2);}
.secao--escuro .grupo__sub::before, .bordo-escuro .grupo__sub::before{background:var(--fucsia-e);}

.sprite-oculto{position:absolute; width:0; height:0;}
.oculto{display:none;}


/* ==========================================================================
   A VITRINE · foto em cima, base escovada só embaixo, nome e linha
   É o cartão das assessoras que a Carol elogiou, generalizado.
   ========================================================================== */
.vitrine{
  position:relative; margin:0;
  display:flex; flex-direction:column;
  border-radius:var(--raio-caixa); overflow:hidden;
  background:var(--e1);
  box-shadow:var(--sombra-escura);
  transition:transform .3s var(--ease-casa), box-shadow .3s var(--ease-casa);
}
.vitrine__foto{width:100%; height:auto; object-fit:cover; display:block; background:var(--e2);}
.vitrine__base{
  display:flex; flex-direction:column; gap:3px;
  padding:13px 16px 15px;
  background-color:var(--e1); background-image:var(--escovado-escuro);
  border-top:1px solid var(--e-linha-forte);
  color:var(--e-tinta);
  text-align:left;
}
.vitrine__base b{font-family:var(--serif); font-weight:700; font-size:17px; line-height:1.2; color:#fff; text-wrap:balance;}
.vitrine__base span{font-size:13px; font-weight:300; line-height:1.4; text-wrap:pretty;}
.vitrine__base span.carimbo{font-size:10px; font-weight:500; color:var(--e-tinta-2);}
.vitrine__base .mao{font-size:19px; color:#fff; text-shadow:none;}
.vitrine:hover{transform:translateY(-3px);}

/* a vitrine sobre claro: base escovada clara */
.vitrine--clara{background:var(--c0); box-shadow:var(--sombra-clara); border:1px solid var(--c-linha);}
.vitrine--clara .vitrine__base{
  background-color:var(--c1); background-image:var(--escovado-claro);
  border-top-color:var(--c-linha); color:var(--c-tinta-2);
}
.vitrine--clara .vitrine__base b{color:var(--c-tinta);}
.vitrine--clara .vitrine__base span.carimbo{color:var(--fucsia);}
.vitrine--clara .vitrine__base .mao{color:var(--fucsia);}

/* a vitrine de cena: a foto da Diffy grande, com uma linha em Caveat embaixo */
.vitrine--cena .vitrine__foto{aspect-ratio:16/9;}
.vitrine--retrato{max-width:var(--larg-retrato);}

/* ==========================================================================
   A FAIXA QUE ANDA · a mecânica vem do app.js; aqui só o cartão virou vitrine
   ========================================================================== */
.faixa2027{
  position:relative;
  display:flex; align-items:center; gap:10px;
  padding:6px 0 0;
}
.faixa2027__janela{
  flex:1 1 auto; min-width:0;
  overflow-x:auto; overflow-y:hidden;
  scrollbar-width:none; -ms-overflow-style:none;
  padding:8px 0 var(--esp-3);
  -webkit-mask-image:linear-gradient(90deg, transparent, #14161C 3%, #14161C 97%, transparent);
          mask-image:linear-gradient(90deg, transparent, #14161C 3%, #14161C 97%, transparent);
}
.faixa2027__janela::-webkit-scrollbar{display:none;}
.faixa2027__pista{display:flex; gap:16px; width:max-content; padding:0 4px;}
.faixa2027__card{flex:0 0 auto; width:330px;}
.faixa2027__card .vitrine__foto{height:198px; object-position:center;}
.faixa2027__seta{
  flex:0 0 auto; width:44px; height:44px; border-radius:50%;
  display:grid; place-items:center; cursor:pointer;
  border:1px solid var(--e-linha-forte);
  background:rgba(20,22,28,.7); color:#fff;
  backdrop-filter:blur(10px); -webkit-backdrop-filter:blur(10px);
  transition:transform .22s var(--ease-casa), border-color .22s var(--ease-casa), background .22s var(--ease-casa);
}
.faixa2027__seta svg{width:18px; height:18px;}
.faixa2027__seta:hover{border-color:#fff; transform:scale(1.06);}
.faixa2027__seta:focus-visible{outline:2px solid var(--fucsia-e); outline-offset:2px;}

/* a faixa das assessoras: retrato quadrado e cartão mais estreito */
.faixa2027--ias .faixa2027__card{width:196px;}
.faixa2027--ias .faixa2027__card .vitrine__foto{height:196px; object-position:50% 18%;}
.faixa2027--ias .vitrine__base{padding:11px 14px 13px;}
.faixa2027--ias .vitrine__base b{font-size:16px;}

/* a faixa sobre claro (os nichos e as telas): setas claras, máscara branca */
.secao--claro .faixa2027__janela{
  -webkit-mask-image:linear-gradient(90deg, transparent, #fff 3%, #fff 97%, transparent);
          mask-image:linear-gradient(90deg, transparent, #fff 3%, #fff 97%, transparent);
}
.secao--claro .faixa2027__seta{background:#fff; color:var(--c-tinta); border-color:var(--c-linha-forte); backdrop-filter:none;}
.secao--claro .faixa2027__seta:hover{border-color:var(--fucsia); color:var(--fucsia);}

/* a faixa que sangra a sala: no painel branco ela ultrapassa o respiro e usa a largura inteira */
.painel .faixa2027{margin-inline:calc(-1 * var(--esp-6));}
.painel .faixa2027__pista{padding:0 var(--esp-6);}

@media (max-width:1023px){
  .faixa2027__card{width:272px;}
  .faixa2027__card .vitrine__foto{height:164px;}
  .faixa2027--ias .faixa2027__card{width:160px;}
  .faixa2027--ias .faixa2027__card .vitrine__foto{height:160px;}
  .faixa2027{flex-wrap:wrap; justify-content:center; row-gap:4px; column-gap:12px;}
  .faixa2027__janela{order:1; flex:1 1 100%; width:100%;}
  .faixa2027__seta{order:2; width:40px; height:40px;}
  .faixa2027__seta svg{width:16px; height:16px;}
}

/* ==========================================================================
   O PLAYER DA CASA · play redondo, a onda que vira progresso, o tempo em mono
   O app.js monta esta caixa a partir de todo <audio controls>.
   ========================================================================== */
.tocador{
  --p:0%;
  display:flex; align-items:center; gap:12px;
  padding:8px 14px 8px 8px; margin:0;
  border-radius:var(--raio-pilula);
  background:var(--c1); border:1px solid var(--c-linha);
}
.tocador__play{
  flex:none; width:44px; height:44px; border-radius:50%; border:0; cursor:pointer;
  display:grid; place-items:center; position:relative;
  background:var(--fucsia); color:#fff;
  box-shadow:0 8px 20px rgba(161,9,95,.28), inset 0 0 0 1px rgba(255,255,255,.18);
  transition:transform .18s var(--ease-casa), background .18s var(--ease-casa);
}
.tocador__play::after{
  content:''; position:absolute; inset:-5px; border-radius:50%;
  border:1px solid rgba(161,9,95,.35); opacity:0;
  transition:opacity .2s var(--ease-casa);
}
.tocador.tocando .tocador__play::after{opacity:1; animation:anel 2.2s var(--ease-casa) infinite;}
@keyframes anel{0%{transform:scale(1); opacity:.9}100%{transform:scale(1.55); opacity:0}}
.tocador__play:hover{transform:scale(1.06); background:var(--vinho);}
.tocador__triangulo{
  width:0; height:0; margin-left:3px;
  border-left:12px solid #fff; border-top:7px solid transparent; border-bottom:7px solid transparent;
}
.tocador.tocando .tocador__triangulo{
  margin-left:0; width:11px; height:13px; border:0;
  background:linear-gradient(90deg,#fff 0 3.5px, transparent 3.5px 7.5px, #fff 7.5px 11px);
}
/* a onda: 36 barras com a altura que vem do app.js, e a parte tocada acesa */
.tocador__onda{
  flex:1 1 auto; min-width:0; height:30px; cursor:pointer;
  display:flex; align-items:center; justify-content:space-between; gap:2px;
  position:relative;
}
.tocador__onda i{
  flex:1 1 0; min-width:0; max-width:4px; height:calc(var(--h, 30) * 1%);
  border-radius:var(--raio-pilula); background:rgba(20,22,28,.18);
  transition:background .2s var(--ease-casa), height .3s var(--ease-casa);
}
.tocador__onda::after{
  content:''; position:absolute; inset:0; pointer-events:none;
  -webkit-mask:linear-gradient(90deg, #14161C var(--p), transparent var(--p));
          mask:linear-gradient(90deg, #14161C var(--p), transparent var(--p));
  background:repeating-linear-gradient(90deg, var(--fucsia) 0 1px, var(--fucsia) 1px 3px);
  opacity:0;
}
.tocador__onda i.acesa{background:var(--fucsia);}
.tocador.tocando .tocador__onda i{animation:onda 1.1s var(--ease-casa) infinite;}
.tocador.tocando .tocador__onda i:nth-child(3n){animation-delay:.18s;}
.tocador.tocando .tocador__onda i:nth-child(5n){animation-delay:.36s;}
.tocador.tocando .tocador__onda i:nth-child(7n){animation-delay:.52s;}
@keyframes onda{0%,100%{transform:scaleY(1)}50%{transform:scaleY(.62)}}
.tocador__trilho{display:none;}
.tocador__tempo{
  flex:none; font-family:var(--mono); font-size:11px; letter-spacing:.06em;
  color:var(--c-tinta-3); font-variant-numeric:tabular-nums; white-space:nowrap;
}
/* sobre escuro */
.secao--escuro .tocador, .vidro .tocador, .bordo-escuro .tocador{
  background:rgba(255,255,255,.05); border-color:var(--e-linha-forte);
}
.secao--escuro .tocador__onda i, .vidro .tocador__onda i, .bordo-escuro .tocador__onda i{background:rgba(255,255,255,.22);}
.secao--escuro .tocador__onda i.acesa, .vidro .tocador__onda i.acesa, .bordo-escuro .tocador__onda i.acesa{background:var(--fucsia-e);}
.secao--escuro .tocador__tempo, .vidro .tocador__tempo, .bordo-escuro .tocador__tempo{color:var(--e-tinta-2);}
.secao--escuro .tocador__play::after, .vidro .tocador__play::after{border-color:rgba(161,9,95,.5);}
@media (prefers-reduced-motion:reduce){
  .tocador.tocando .tocador__onda i, .tocador.tocando .tocador__play::after{animation:none;}
}

/* ==========================================================================
   O RECADO · a Diffy ou a Carol falam, com o player e o "prefiro ler"
   Mora no cabeçalho da sala que introduz, nunca solto.
   ========================================================================== */
.recado{
  display:grid; grid-template-columns:auto minmax(0,1fr);
  grid-template-areas:"foto quem" "audio audio" "ler ler";
  gap:var(--esp-2) var(--esp-2); align-items:center;
  padding:var(--esp-3);
  text-align:left;
}
.recado__foto{
  grid-area:foto; width:52px; height:52px; border-radius:50%; object-fit:cover;
  border:1px solid var(--c-linha); box-shadow:0 0 0 3px rgba(161,9,95,.10);
}
.recado__quem{grid-area:quem; min-width:0;}
.recado__nome{display:block; font-family:var(--mao); font-size:19px; line-height:1; color:var(--fucsia);}
.recado__papel{
  display:block; margin-top:4px;
  font-family:var(--sans); font-size:16px; font-weight:600; line-height:1.25;
  color:var(--c-tinta);
}
.recado__titulo{display:block; margin-top:4px; font-size:15px; font-weight:600; color:var(--c-tinta);}
.recado .tocador{grid-area:audio; width:100%;}
.recado__audio{grid-area:audio;}
.recado__ler{grid-area:ler; margin:0;}
.recado__ler summary{list-style:none;}
.recado__ler summary::-webkit-details-marker{display:none;}
.recado__ler summary.pilula::after{
  content:''; width:6px; height:6px; margin-left:2px;
  border-right:1.5px solid currentColor; border-bottom:1.5px solid currentColor;
  transform:rotate(45deg) translateY(-2px); transition:transform .2s var(--ease-casa);
}
.recado__ler[open] summary.pilula::after{transform:rotate(-135deg) translateY(-2px);}
.recado__texto{margin:var(--esp-2) 0 0; font-size:15px; font-weight:300; line-height:1.62; color:var(--c-tinta-2);}
.recado__texto strong{font-weight:600; color:var(--c-tinta);}
.recado__texto + .recado__texto{margin-top:10px;}
/* sobre escuro */
.secao--escuro .recado, .vidro.recado{color:#fff;}
.secao--escuro .recado__nome, .vidro.recado .recado__nome{color:#fff; text-shadow:var(--luz);}
.secao--escuro .recado__papel, .vidro.recado .recado__papel{color:#fff;}
.secao--escuro .recado__titulo, .vidro.recado .recado__titulo{color:#fff;}
.secao--escuro .recado__texto, .vidro.recado .recado__texto{color:var(--e-tinta);}
.secao--escuro .recado__texto strong, .vidro.recado .recado__texto strong{color:#fff;}
.secao--escuro .recado__foto, .vidro.recado .recado__foto{border-color:var(--e-linha-forte); box-shadow:0 0 0 3px rgba(255,255,255,.05);}
.recado--carol .recado__nome{font-family:var(--mao);}

/* ==========================================================================
   O DEPOIMENTO · .case e o player .aud, que o app.js já controla
   ========================================================================== */
.case{
  width:min(340px, 84vw); flex:none; scroll-snap-align:center;
  display:flex; flex-direction:column; padding:var(--esp-3) var(--esp-3) var(--esp-3);
  text-align:left;
}
.case-quem b{display:block; font-family:var(--serif); font-size:22px; font-weight:700; line-height:1.1; color:#fff;}
.case-quem span{display:block; font-size:13px; font-weight:300; color:var(--e-tinta-2); margin-top:4px;}
.case-quem .marca{font-family:var(--mono); font-size:10px; font-weight:500; letter-spacing:.14em; text-transform:uppercase; color:var(--fucsia-e); margin-top:8px;}
.case-aspas{
  font-family:var(--serif); font-style:italic; font-size:16.5px; line-height:1.42;
  color:#fff; margin:var(--esp-3) 0; position:relative; padding-left:16px;
}
.case-aspas::before{
  content:'\201C'; position:absolute; left:-2px; top:-8px;
  font-family:var(--serif); font-size:40px; color:#fff; line-height:1; opacity:.5;
}
.case-pe{margin-top:auto; display:grid; gap:12px;}
.case-ia{display:flex; gap:11px; align-items:center; border-top:1px solid var(--e-linha); padding-top:13px;}
.case-ia>img{width:46px; height:46px; border-radius:var(--raio-controle); object-fit:cover; flex:none; border:1px solid var(--e-linha-forte);}
.case-ia b{display:block; font-size:13.5px; font-weight:600; color:#fff;}
.case-ia span{display:block; font-size:11.5px; font-weight:300; color:var(--e-tinta-2); margin-top:2px;}

.aud{
  display:flex; gap:10px; align-items:center;
  border:1px solid var(--e-linha-forte); border-radius:var(--raio-pilula);
  padding:6px 12px 6px 6px; background:rgba(255,255,255,.05);
}
.aud .pl{
  width:38px; height:38px; border-radius:50%; background:var(--fucsia);
  display:grid; place-items:center; border:0; cursor:pointer; flex:none;
  box-shadow:0 6px 16px rgba(161,9,95,.3), inset 0 0 0 1px rgba(255,255,255,.18);
  transition:transform .22s var(--ease-casa), background .22s var(--ease-casa);
}
.aud .pl:hover{transform:scale(1.06); background:var(--vinho);}
.aud .pl svg{width:13px; height:13px; fill:#fff; margin-left:1px;}
.aud .pl .icone-pause{display:none;}
.aud .pl[aria-pressed="true"] .icone-play{display:none;}
.aud .pl[aria-pressed="true"] .icone-pause{display:block; margin-left:0;}
.aud .mt{min-width:0; flex:none;}
.aud .mt b{display:block; font-size:12.5px; font-weight:600; color:#fff; white-space:nowrap;}
.aud .mt span{font-family:var(--mono); font-size:10px; letter-spacing:.08em; color:var(--e-tinta-2);}
.aud .onda{display:flex; gap:2px; align-items:center; margin-left:auto; height:24px; flex:1 1 auto; min-width:40px; justify-content:flex-end;}
.aud .onda i{flex:0 0 2px; height:calc(var(--h, 30) * 1%); background:rgba(255,255,255,.26); display:block; border-radius:var(--raio-pilula); transition:background .2s var(--ease-casa);}
.aud .onda i.acesa{background:var(--fucsia-e);}
.aud .onda{cursor:pointer;}
.aud.tocando .onda i{animation:onda-case 1s var(--ease-casa) infinite; background:var(--fucsia-e);}
.aud.tocando .onda i:nth-child(2n){animation-delay:.14s;}
.aud.tocando .onda i:nth-child(3n){animation-delay:.28s;}
@keyframes onda-case{0%,100%{transform:scaleY(1)} 50%{transform:scaleY(.5)}}
@media (prefers-reduced-motion:reduce){.aud.tocando .onda i{animation:none;}}

.trilha-dep{
  display:flex; gap:16px; overflow-x:auto; scroll-snap-type:x mandatory;
  -webkit-overflow-scrolling:touch; padding:6px 16px var(--esp-3); margin:0 -16px;
  scrollbar-width:none;
}
.trilha-dep::-webkit-scrollbar{display:none;}
.trilha-nav{display:flex; align-items:center; gap:14px; margin-top:2px;}
.trilha-seta{
  width:44px; height:44px; border-radius:50%; cursor:pointer;
  background:rgba(20,22,28,.7); border:1px solid var(--e-linha-forte); color:#fff;
  display:grid; place-items:center;
  backdrop-filter:blur(10px); -webkit-backdrop-filter:blur(10px);
  transition:border-color .2s var(--ease-casa), transform .2s var(--ease-casa);
}
.trilha-seta:hover{border-color:#fff; transform:scale(1.06);}
.trilha-seta svg{width:18px; height:18px;}
.trilha-conta{font-family:var(--mono); font-size:11px; letter-spacing:.1em; color:var(--e-tinta-2);}

/* ==========================================================================
   O VÍDEO · a moldura, o balão de convite, o play grande, o celular
   ========================================================================== */
.video__moldura{
  position:relative; border-radius:var(--raio-caixa); overflow:hidden;
  aspect-ratio:16/9; background:var(--e1);
  box-shadow:var(--sombra-escura); border:1px solid var(--e-linha-forte);
}
.video__moldura img,.video__moldura video{width:100%; height:100%; object-fit:cover; display:block;}
.video__play{position:absolute; inset:0; display:grid; place-items:center; border:0; background:transparent; cursor:pointer; padding:0;}
.balao--fala .video__play{position:static; inset:auto; flex:none; display:block;}
.play{
  position:relative; width:64px; height:64px; border-radius:50%;
  background:var(--fucsia);
  box-shadow:0 10px 30px rgba(124,10,75,.45), inset 0 0 0 1px rgba(255,255,255,.3);
  display:grid; place-items:center;
}
.play::before,.play::after{
  content:''; position:absolute; inset:0; border-radius:50%;
  border:1px solid rgba(255,255,255,.5);
  animation:pulsa 2.4s var(--ease-casa) infinite;
}
.play::after{animation-delay:1.2s;}
@keyframes pulsa{0%{transform:scale(1); opacity:.9;} 100%{transform:scale(1.6); opacity:0;}}
.play--pequeno{width:46px; height:46px;}
.play--pequeno .play__seta{border-left-width:13px; border-top-width:8px; border-bottom-width:8px; margin-left:3px;}
.play__seta{width:0; height:0; margin-left:4px; border-left:18px solid #fff; border-top:11px solid transparent; border-bottom:11px solid transparent;}
@media (prefers-reduced-motion:reduce){.play::before,.play::after{animation:none;}}

.balao{
  position:relative; margin:0;
  background:rgba(20,22,28,.78);
  backdrop-filter:blur(16px); -webkit-backdrop-filter:blur(16px);
  border:1px solid var(--e-linha-forte);
  border-radius:var(--raio-caixa);
  padding:14px 16px;
  text-align:left;
}
.balao::before{
  content:''; position:absolute; left:0; right:0; top:0; height:1px;
  background:linear-gradient(90deg, transparent, rgba(255,255,255,.35), transparent);
}
.balao p{margin:0; font-size:14px; font-weight:300; line-height:1.45; color:#fff;}
.balao--sobre{position:absolute; z-index:2; left:12px; right:12px; bottom:12px;}
.balao--fala{display:flex; align-items:center; gap:12px;}
.balao--fala__texto{flex:1; min-width:0;}
.balao__quem{font-family:var(--mao); font-size:19px; color:#fff; display:block; margin-bottom:3px; text-shadow:var(--luz);}
.convite-video{flex-direction:column; gap:10px; padding:14px 14px 16px; text-align:center; top:50%; bottom:auto; transform:translateY(-50%);}
.convite-video[hidden]{display:none;}
.convite-video .balao--fala__texto{flex:none;}
.convite-video .video__play{cursor:pointer;}

.cel{
  position:relative;
  width:min(280px, 78vw);
  aspect-ratio:9/19.5;
  background:#14101C;
  border-radius:var(--raio-cel);
  padding:9px;
  box-shadow:0 30px 70px rgba(10,12,17,.5), 0 0 0 1.5px rgba(255,255,255,.16), 0 0 0 7px rgba(255,255,255,.035);
}
.cel::before{
  content:''; position:absolute; top:15px; left:50%; transform:translateX(-50%);
  width:74px; height:20px; background:#14101C; border-radius:var(--raio-pilula); z-index:3;
}
.cel .tela{position:relative; width:100%; height:100%; border-radius:var(--raio-tela); overflow:hidden; background:var(--e1);}
.cel video{width:100%; height:100%; object-fit:cover; display:block; background:var(--e0);}
.cel .convite-video{top:72%;}

/* ==========================================================================
   OS "NÃO É" · chips de vidro com o X
   ========================================================================== */
.naoe-grade{display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; margin:0;}
.naoe-item{
  display:flex; align-items:center; gap:10px;
  padding:13px 14px;
  background:rgba(20,22,28,.42);
  backdrop-filter:blur(14px); -webkit-backdrop-filter:blur(14px);
  border:1px solid var(--e-linha);
  border-radius:var(--raio-controle);
  font-size:13px; font-weight:400; line-height:1.3; color:rgba(255,255,255,.92);
  text-align:left;
}
.naoe-x{
  flex:none; width:20px; height:20px; display:inline-flex; align-items:center; justify-content:center;
  border-radius:50%; border:1px solid rgba(161,9,95,.6);
  color:var(--fucsia-e); font-family:var(--mono); font-size:10px; font-weight:700;
}
.naoe-texto{display:flex; flex-direction:column; gap:1px;}
.naoe-naoe{font-family:var(--mono); font-size:9px; letter-spacing:.12em; text-transform:uppercase; color:var(--e-tinta-2);}

/* ==========================================================================
   O SELO DA CAMPANHA · o carimbo de HTML que muda o dia numa linha
   ========================================================================== */
.selo-campanha{
  display:inline-flex; align-items:center; gap:14px;
  padding:9px 18px 9px 10px;
  border:1px solid var(--e-linha-forte);
  border-radius:var(--raio-caixa);
  background:rgba(20,22,28,.56);
  backdrop-filter:blur(14px); -webkit-backdrop-filter:blur(14px);
  box-shadow:var(--luz-fio);
  text-decoration:none;
  transition:transform .25s var(--ease-casa), border-color .25s var(--ease-casa);
}
.selo-campanha:hover{transform:translateY(-2px); border-color:rgba(255,255,255,.4);}
.selo-campanha__data{
  flex:none; display:grid; place-items:center;
  width:52px; height:52px; border-radius:var(--raio-controle);
  background:var(--fucsia); line-height:1;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.2);
}
.selo-campanha__data b{font-family:var(--serif); font-size:23px; font-weight:700; color:#fff;}
.selo-campanha__data i{font-family:var(--mono); font-style:normal; font-size:9.5px; letter-spacing:.14em; text-transform:uppercase; color:rgba(255,255,255,.85); margin-top:2px;}
.selo-campanha__texto{display:grid; gap:2px; text-align:left;}
.selo-campanha__acao{font-family:var(--mono); font-size:10px; font-weight:500; letter-spacing:.16em; text-transform:uppercase; color:var(--fucsia-e);}
.selo-campanha__nome{font-family:var(--serif); font-size:17px; font-weight:700; color:#fff; line-height:1.15;}
.selo-campanha__oferta{font-size:12.5px; font-weight:300; color:var(--e-tinta);}
.selo-campanha__foguete{width:20px; height:20px; flex:none; opacity:.9;}
@media (max-width:640px){
  .selo-campanha{gap:11px; padding:8px 14px 8px 9px;}
  .selo-campanha__data{width:46px; height:46px;}
  .selo-campanha__data b{font-size:20px;}
  .selo-campanha__nome{font-size:15px;}
  .selo-campanha__foguete{display:none;}
}

/* ==========================================================================
   O PAINEL DE BORDO · a tabela do método, sobre vidro
   ========================================================================== */
.bordo{padding:0; overflow:hidden;}
.bordo__cabeca,.bordo__linha{
  display:grid;
  grid-template-columns:minmax(0,1.1fr) minmax(0,1fr) minmax(0,1fr) minmax(0,1fr);
  gap:0 var(--esp-3); align-items:center;
  padding:16px var(--esp-4);
}
.bordo__cabeca{
  border-bottom:1px solid var(--e-linha-forte);
  font-family:var(--mono); font-size:10.5px; font-weight:500; letter-spacing:.16em; text-transform:uppercase;
  color:var(--e-tinta-2);
  background:rgba(20,22,28,.35);
}
.bordo__cabeca span:first-child{color:#fff;}
.bordo__linha{border-top:1px solid var(--e-linha); transition:background .2s var(--ease-casa);}
.bordo__linha:first-of-type{border-top:0;}
.bordo__linha:hover{background:rgba(255,255,255,.04);}
.bordo__metodo{display:flex; align-items:center; gap:12px; min-width:0;}
.bordo__letra{
  flex:none; width:36px; height:36px; border-radius:50%;
  display:grid; place-items:center;
  border:1px solid rgba(255,255,255,.55); color:#fff;
  font-family:var(--sans); font-style:normal; font-weight:500; font-size:14px; line-height:1;
  box-shadow:0 0 0 4px rgba(255,255,255,.04);
}
.bordo__letra img{width:18px; height:auto;}
.bordo__pilar{font-family:var(--serif); font-style:italic; font-weight:700; font-size:18px; line-height:1.15; color:#fff; text-wrap:balance;}
.bordo__estrategia{margin:0; font-size:14px; font-weight:400; line-height:1.5; color:var(--e-tinta);}
.bordo__estrutura{margin:0; font-size:14px; font-weight:500; line-height:1.4; color:#fff;}
.bordo__ativacao{
  margin:0; display:flex; align-items:center; gap:9px;
  font-size:13.5px; font-weight:300; line-height:1.4; color:var(--e-tinta);
}
.bordo__ativacao::before{content:''; flex:none; width:14px; height:2px; border-radius:var(--raio-pilula); background:var(--fucsia-e);}
.bordo__r{display:none;}
@media (max-width:1023px){
  .bordo__cabeca{display:none;}
  .bordo__linha{
    grid-template-columns:1fr; gap:10px; padding:var(--esp-3) var(--esp-3);
  }
  .bordo__linha:first-of-type{border-top:0;}
  .bordo__metodo{padding-bottom:4px;}
  .bordo__r{
    display:block; margin-bottom:3px;
    font-family:var(--mono); font-size:10px; font-weight:500; letter-spacing:.16em; text-transform:uppercase;
    color:var(--e-tinta-2);
  }
  .bordo__ativacao{display:flex; flex-wrap:wrap;}
  .bordo__ativacao .bordo__r{flex:1 1 100%;}
}

/* ==========================================================================
   A LINHA DO TEMPO · a Programação de Voo, sobre claro
   ========================================================================== */
.voo{list-style:none; margin:0; padding:0; position:relative;}
.voo::before{content:''; position:absolute; left:11px; top:14px; bottom:14px; width:1px; background:var(--c-linha-forte);}
.voo__item{
  position:relative; display:grid; grid-template-columns:auto minmax(0,1fr);
  gap:6px var(--esp-3); align-items:baseline;
  padding:13px 0 13px 40px;
}
.voo__item::before{
  content:''; position:absolute; left:6px; top:19px; width:11px; height:11px; border-radius:50%;
  background:#fff; border:1px solid var(--c-linha-forte);
}
.voo__mes{
  font-family:var(--mono); font-size:10.5px; font-weight:500; letter-spacing:.14em; text-transform:uppercase;
  color:var(--c-tinta-3); white-space:nowrap; min-width:132px;
}
.voo__o-que{font-size:15.5px; font-weight:300; line-height:1.5; color:var(--c-tinta-2); text-wrap:pretty;}
.voo__o-que strong{font-weight:600; color:var(--c-tinta);}
.voo__tipo{display:block; margin-bottom:2px; font-family:var(--mono); font-size:10px; font-weight:500; letter-spacing:.14em; text-transform:uppercase; color:var(--c-tinta-3);}
.voo__item--encontro::before{background:var(--fucsia); border-color:var(--fucsia); box-shadow:0 0 0 4px rgba(161,9,95,.14);}
.voo__item--encontro .voo__mes{color:var(--fucsia);}
.voo__item--encontro .voo__tipo{color:var(--fucsia);}
.voo__item--encontro .voo__o-que{color:var(--c-tinta); font-weight:400;}
.voo__item--presencial{
  margin:8px 0; padding:16px 18px 16px 40px;
  background-color:var(--c1); background-image:var(--escovado-claro);
  border:1px solid var(--c-linha); border-radius:var(--raio-caixa);
}
.voo__item--presencial::before{left:6px; background:#fff; border:3px solid var(--fucsia); width:11px; height:11px; box-shadow:0 0 18px rgba(161,9,95,.4);}
.voo__item--presencial .voo__tipo{color:var(--fucsia);}
.voo__item--presencial .voo__o-que{color:var(--c-tinta);}
.voo__entregas{list-style:none; margin:0; padding:0; display:grid; gap:7px;}
.voo__linha{font-size:15.5px; font-weight:400; line-height:1.4; color:var(--c-tinta); text-wrap:pretty;}
.voo__marca{display:block; margin-bottom:1px; font-family:var(--mono); font-size:10px; font-weight:500; letter-spacing:.14em; text-transform:uppercase; color:var(--c-tinta-3);}
.voo__linha--encontro{font-weight:600;}
.voo__linha--encontro .voo__marca{color:var(--fucsia);}
.voo__marca--bonus{color:var(--fucsia);}
@media (max-width:640px){
  .voo__item{grid-template-columns:1fr; gap:3px; padding-left:34px;}
  .voo__item--presencial{padding-left:34px;}
  .voo__mes{min-width:0;}
}

/* ==========================================================================
   O LEQUE · as telas da Central, com moldura de janela e aro branco
   ========================================================================== */
.leque{margin:0;}
.leque__moldura{display:flex; align-items:center; gap:2px;}
.leque__pista{
  flex:1; min-width:0; display:flex; gap:16px;
  overflow-x:auto; scroll-snap-type:x mandatory;
  -webkit-overflow-scrolling:touch; scrollbar-width:none;
  padding-inline:8%; padding-block:10px;
  overscroll-behavior-x:contain; touch-action:pan-x;
}
.leque__pista::-webkit-scrollbar{display:none;}
.leque__cartao{
  flex:0 0 auto; width:88%; max-width:var(--larg-texto);
  border:0; padding:0; margin:0; background:transparent; cursor:pointer;
  scroll-snap-align:center;
  transition:transform .45s var(--ease-casa), opacity .45s var(--ease-casa);
  transform:scale(calc(1 - min(var(--dist, 0), 2) * .1));
  opacity:calc(1 - min(var(--dist, 0), 3) * .35);
}
.leque__cartao--aqui{cursor:zoom-in;}
.leque__carta{
  position:relative; width:100%;
  border-radius:var(--raio-caixa); overflow:hidden;
  background:var(--e1);
  box-shadow:0 0 0 1px var(--c-linha-forte), var(--sombra-clara);
  display:flex; flex-direction:column;
  transition:box-shadow .3s var(--ease-casa);
}
.leque__cartao--aqui .leque__carta{box-shadow:0 0 0 1px var(--c-linha-forte), var(--sombra-escura);}
.leque__barra{flex:none; height:26px; display:flex; align-items:center; padding:0 12px; background:var(--e2); border-bottom:1px solid var(--e-linha);}
.leque__bolinhas{display:flex; gap:5px;}
.leque__bolinhas i{width:7px; height:7px; border-radius:50%; background:rgba(255,255,255,.22); display:block;}
.leque__tela{position:relative; overflow:hidden; aspect-ratio:16/9; flex:none; background:var(--c1);}
.leque__tela img{width:100%; height:100%; object-fit:cover; display:block;}
.leque__base{flex:none; height:22px; display:flex; align-items:center; justify-content:center; background:var(--e2); border-top:1px solid var(--e-linha);}
.leque__marca{width:13px; height:13px; opacity:.5;}
.leque__seta{
  flex:none; width:40px; height:40px; border-radius:50%; cursor:pointer;
  border:1px solid var(--c-linha-forte); background:#fff; color:var(--c-tinta);
  display:grid; place-items:center;
  transition:opacity .2s var(--ease-casa), transform .2s var(--ease-casa), border-color .2s var(--ease-casa);
}
.leque__seta svg{width:16px; height:16px;}
.leque__seta--antes svg{transform:scaleX(-1);}
.leque__seta:disabled{opacity:.28; cursor:default;}
.leque__seta:not(:disabled):hover{border-color:var(--fucsia); color:var(--fucsia); transform:scale(1.08);}
.leque__legenda{font-family:var(--mao); font-size:20px; color:var(--fucsia); text-align:center; margin-top:8px;}
.leque__pontos{display:flex; flex-wrap:wrap; justify-content:center; gap:2px; margin-top:6px;}
.leque__pontos button{width:18px; height:18px; border:0; padding:0; background:transparent; cursor:pointer; display:grid; place-items:center;}
.leque__pontos button::before{content:''; width:6px; height:6px; border-radius:50%; background:var(--c-linha-forte); transition:background .2s var(--ease-casa), transform .2s var(--ease-casa);}
.leque__pontos button.aqui::before{background:var(--fucsia); transform:scale(1.3);}
.painel .leque{margin-inline:calc(-1 * var(--esp-6));}
@media (max-width:1023px){
  .leque__moldura{position:relative;}
  .leque__seta{position:absolute; top:calc(50% - 20px); z-index:3;}
  .leque__seta--antes{left:4px;}
  .leque__seta--depois{right:4px;}
  .leque__pista{padding-inline:6%;}
  .leque__cartao{width:90%;}
}

.lupa{
  position:fixed; inset:0; z-index:50; background:rgba(10,12,17,.94);
  display:flex; align-items:center; justify-content:center; padding:24px;
  opacity:0; pointer-events:none; transition:opacity .25s var(--ease-casa);
}
.lupa.aberta{opacity:1; pointer-events:auto;}
.lupa img{max-width:100%; max-height:100%; border-radius:var(--raio-caixa); box-shadow:var(--sombra-escura);}
.lupa__fechar{
  position:absolute; top:18px; right:18px; width:40px; height:40px; border-radius:50%;
  background:var(--e1); border:1px solid var(--e-linha-forte); color:#fff;
  display:grid; place-items:center; cursor:pointer;
}
.lupa__fechar svg{width:18px; height:18px;}

/* ==========================================================================
   A CALCULADORA · os controles sobre claro, o resultado no painel de bordo
   ========================================================================== */
.calc__campo{padding:var(--esp-3) 0; border-top:1px solid var(--c-linha);}
.calc__campo:first-child{border-top:0; padding-top:0;}
.calc__lin{display:flex; justify-content:space-between; align-items:flex-start; gap:16px; margin-bottom:12px;}
.calc__rotulo{font-size:15px; font-weight:300; line-height:1.45; color:var(--c-tinta-2); flex:1; min-width:0;}
.calc__valor{flex:none; font-family:var(--serif); font-size:22px; line-height:1.15; color:var(--c-tinta); white-space:nowrap;}
.calc__range{
  --p:0%;
  display:block; width:100%; height:4px; margin:0;
  border-radius:var(--raio-pilula); outline:none; cursor:pointer; touch-action:pan-y;
  -webkit-appearance:none; appearance:none;
  background:linear-gradient(90deg, var(--fucsia) var(--p), var(--c2) var(--p));
}
.calc__range::-webkit-slider-thumb{
  -webkit-appearance:none; appearance:none;
  width:22px; height:22px; border-radius:50%;
  background:#fff; border:2px solid var(--fucsia);
  box-shadow:0 3px 12px rgba(161,9,95,.3);
  cursor:grab; transition:transform .2s var(--ease-casa);
}
.calc__range::-moz-range-thumb{width:20px; height:20px; border-radius:50%; background:#fff; border:2px solid var(--fucsia); box-shadow:0 3px 12px rgba(161,9,95,.3); cursor:grab;}
.calc__range:active::-webkit-slider-thumb{transform:scale(1.15); cursor:grabbing;}
.calc__range:focus-visible{outline:2px solid var(--fucsia); outline-offset:8px;}
.calc__lin--clientes{margin:16px 0 10px;}
.calc__rotulo--clientes{font-size:13.5px; color:var(--c-tinta-3);}
.calc__valor--clientes{font-family:var(--sans); font-size:14px; font-weight:600; color:var(--fucsia);}
.calc__range--clientes{height:3px;}

.calc__resultado{padding:var(--esp-4);}
.calc__cenarios{display:grid; grid-template-columns:1fr 1fr; gap:var(--esp-3); padding-bottom:var(--esp-3); border-bottom:1px solid var(--e-linha);}
.calc__cen-rotulo{display:block; font-family:var(--mono); font-size:10.5px; letter-spacing:.14em; text-transform:uppercase; line-height:1.4; color:var(--e-tinta-2);}
.calc__cen-num{display:block; margin-top:10px; font-family:var(--serif); font-size:clamp(26px,3vw,34px); line-height:1; color:#fff;}
.calc__cen--novo .calc__cen-num{color:var(--fucsia-e);}
.calc__cen-conta{display:block; margin-top:8px; font-size:12.5px; font-weight:300; line-height:1.4; color:var(--e-tinta-2);}
.calc__ganho{padding-top:var(--esp-3);}
.calc__ganho-rotulo{display:block; font-size:14.5px; font-weight:300; color:var(--e-tinta);}
.calc__ganho-num{margin:6px 0 4px; font-family:var(--serif); font-size:clamp(38px,5vw,52px); line-height:1; color:#fff; text-shadow:var(--luz);}
.calc__ganho-conta{margin:0 0 var(--esp-3); font-size:13px; font-weight:300; color:var(--e-tinta-2);}
.calc__partes-titulo{margin:0 0 8px; font-family:var(--mono); font-size:10.5px; letter-spacing:.14em; text-transform:uppercase; color:var(--e-tinta-2);}
.calc__partes{list-style:none; margin:0; padding:0; border-top:1px solid var(--e-linha);}
.calc__partes li{display:flex; justify-content:space-between; align-items:baseline; gap:14px; padding:10px 0; border-bottom:1px solid var(--e-linha); font-size:14px; font-weight:300; line-height:1.4; color:var(--e-tinta);}
.calc__partes small{display:block; margin-top:2px; font-size:12px; color:var(--e-tinta-2);}
.calc__partes b{flex:none; font-family:var(--serif); font-size:17px; font-weight:600; color:#fff;}
.calc__anual{margin:var(--esp-3) 0 0; padding:14px 16px; border-radius:var(--raio-controle); background:rgba(255,255,255,.05); border:1px solid var(--e-linha-forte); border-left:2px solid var(--fucsia-e); font-size:14.5px; font-weight:300; line-height:1.5; color:var(--e-tinta);}
.calc__anual strong{color:#fff; font-weight:600;}
.calc__rodape{margin:var(--esp-2) 0 0; font-size:12px; font-weight:300; color:var(--e-tinta-2);}
@media (max-width:640px){.calc__cenarios{grid-template-columns:1fr;}}

/* ==========================================================================
   A PRÉ-VENDA, O CUPOM E AS TRÊS FORMAS DE PAGAR
   ========================================================================== */
.prevenda{scroll-margin-top:24px; padding:var(--esp-4);}
.prevenda__rotulo{
  display:inline-flex; flex-direction:column; gap:3px; margin:0 0 var(--esp-2);
  font-family:var(--mono); font-size:10.5px; font-weight:500; letter-spacing:.16em; text-transform:uppercase;
  color:var(--e-tinta-2);
}
.prevenda__rotulo span:last-child{color:#fff;}
.prevenda__titulo{font-family:var(--serif); font-style:italic; font-weight:700; font-size:clamp(22px,2.6vw,28px); line-height:1.2; color:#fff; margin:0 0 10px;}
.prevenda__linha{max-width:52ch; margin:0 0 var(--esp-3); font-size:15px; font-weight:300; line-height:1.55; color:var(--e-tinta);}
.prevenda__linha strong{color:#fff; font-weight:600;}
.prevenda__lista{list-style:none; margin:0; padding:0; display:grid; gap:12px;}
.prevenda__item{display:grid; grid-template-columns:34px 1fr; gap:14px; align-items:start; padding:16px 0 0; border-top:1px solid var(--e-linha);}
.prevenda__num{
  display:grid; place-items:center; width:34px; height:34px; border-radius:50%;
  border:1px solid rgba(255,255,255,.5); color:#fff;
  font-family:var(--mono); font-size:13px; font-weight:500;
}
.prevenda__item h4{margin:6px 0 6px; font-size:15.5px; font-weight:600; color:#fff; line-height:1.3;}
.prevenda__item p{margin:0; font-size:14px; font-weight:300; line-height:1.55; color:var(--e-tinta);}
.prevenda__quando{margin-top:8px !important; color:var(--e-tinta-2) !important; font-size:13px !important;}
.prevenda__codigo{
  display:inline-flex; flex-direction:column; align-items:center; gap:4px;
  margin-top:12px; padding:10px 16px; cursor:pointer; text-align:center;
  font-family:var(--mono); font-size:14px; font-weight:500; letter-spacing:.1em; color:#fff;
  background:rgba(255,255,255,.05); border:1px dashed rgba(255,255,255,.4); border-radius:var(--raio-controle);
  transition:background .3s var(--ease-casa), border-color .3s var(--ease-casa);
}
.prevenda__codigo:hover{background:rgba(255,255,255,.1); border-color:#fff;}
.prevenda__copiar{font-family:var(--sans); font-size:10.5px; font-weight:500; letter-spacing:.06em; text-transform:uppercase; color:var(--fucsia-e);}

.cupom{max-width:var(--larg-texto); margin:var(--esp-4) auto 0; padding:var(--esp-3); background:rgba(255,255,255,.04); border:1px solid var(--e-linha-forte); border-radius:var(--raio-caixa);}
.cupom__chamada{display:flex; flex-direction:column; gap:2px; cursor:pointer; list-style:none; margin:0 0 4px;}
.cupom__chamada::-webkit-details-marker{display:none;}
.cupom__chamada-forte{font-family:var(--serif); font-size:20px; font-style:italic; font-weight:700; color:#fff; line-height:1.2;}
.cupom__chamada-leve{font-family:var(--mono); font-size:10.5px; letter-spacing:.14em; text-transform:uppercase; color:var(--fucsia-e);}
.cupom__form{margin:var(--esp-2) 0 0;}
.cupom__rotulo{display:block; margin:0 0 7px; font-family:var(--mono); font-size:10.5px; letter-spacing:.14em; text-transform:uppercase; color:var(--e-tinta-2);}
.cupom__linha{display:flex; gap:10px;}
.cupom__campo{
  flex:1; min-width:0; padding:13px 14px; font-family:var(--sans); font-size:16px; text-transform:uppercase; letter-spacing:.06em;
  color:#fff; background:rgba(255,255,255,.06); border:1px solid var(--e-linha-forte); border-radius:var(--raio-controle);
}
.cupom__campo::placeholder{text-transform:none; letter-spacing:0; color:var(--e-tinta-2);}
.cupom__campo:focus{outline:none; border-color:var(--fucsia-e); box-shadow:0 0 0 3px rgba(161,9,95,.18);}
.cupom__botao{flex:none; padding:13px 20px; font-size:14.5px;}
.cupom__aviso{margin:10px 0 0; font-size:13.5px; font-weight:300; line-height:1.5; color:#fff;}
.cupom__aviso[hidden]{display:none;}

.formas{display:grid; gap:var(--esp-2); grid-template-columns:repeat(3, minmax(0,1fr)); align-items:stretch;}
.formas--duas{grid-template-columns:repeat(2, minmax(0,1fr)); max-width:var(--larg-texto); margin-inline:auto;}
.cartao-pagamento{display:flex; flex-direction:column; padding:var(--esp-3); text-align:left;}
.cartao-pagamento__selo{
  display:inline-flex; align-self:flex-start; margin-bottom:12px; padding:5px 11px;
  border-radius:var(--raio-pilula); border:1px solid rgba(255,255,255,.35);
  font-family:var(--mono); font-size:10px; font-weight:500; letter-spacing:.12em; text-transform:uppercase; color:var(--e-tinta);
}
.cartao-pagamento--destaque .cartao-pagamento__selo{border-color:var(--fucsia-e); color:#fff; background:rgba(161,9,95,.22);}
.cartao-pagamento--destaque{box-shadow:var(--sombra-escura), 0 0 0 1px rgba(161,9,95,.35), 0 0 40px rgba(161,9,95,.14);}
.cartao-pagamento__titulo{font-family:var(--serif); font-style:normal; font-size:17px; font-weight:700; margin:0 0 10px; color:#fff;}
.cartao-pagamento__valor{font-family:var(--serif); font-size:clamp(20px,2vw,24px); font-weight:700; color:#fff; line-height:1.2; margin-bottom:12px;}
.cartao-pagamento__valor b{font-weight:700; white-space:nowrap;}
.cartao-pagamento__valor span{display:block; font-family:var(--sans); font-weight:300; font-size:12px; color:var(--e-tinta-2); margin-top:3px;}
.cartao-pagamento__valor span strong{color:var(--e-tinta); font-weight:600;}
.cartao-pagamento.com-cupom .cartao-pagamento__valor::after{content:'com o Cupom de Desconto Inédito'; display:block; margin-top:4px; font-family:var(--sans); font-size:11px; font-weight:600; color:var(--fucsia-e);}
.cartao-pagamento__total{margin-top:auto; padding-top:10px; border-top:1px solid var(--e-linha); font-size:11.5px; font-weight:300; line-height:1.4; color:var(--e-tinta-2);}
.cartao-pagamento__total b{color:#fff; font-weight:600;}
.cartao-pagamento__economia{display:block; margin-top:8px; font-size:12.5px; font-weight:500; color:var(--fucsia-e);}
.cartao-pagamento__economia--sem{font-weight:300; color:var(--e-tinta-2);}
.cartao-pagamento__economia[hidden]{display:none;}
.cartao-pagamento__cta{margin-top:14px; padding:13px 10px; font-size:14px; min-height:48px; white-space:normal; line-height:1.25;}
.cartao-pagamento__cta[disabled]{opacity:.7; cursor:progress; transform:none;}
.avista-conta{margin:8px 0 0; padding:10px 0 0; border-top:1px solid var(--e-linha); display:grid; gap:5px;}
.avista-conta__linha{display:flex; justify-content:space-between; align-items:baseline; gap:10px; font-size:12.5px; line-height:1.3;}
.avista-conta__linha em{font-style:normal; font-weight:300; color:var(--e-tinta-2);}
.avista-conta__linha b{font-family:var(--mono); font-weight:400; color:var(--e-tinta);}
.avista-conta__linha--menos b{color:var(--fucsia-e);}
.avista-conta__linha--total{margin-top:4px; padding-top:8px; border-top:1px solid var(--e-linha);}
.avista-conta__linha--total em{color:#fff; font-weight:600;}
.avista-conta__linha--total b{color:#fff; font-size:15px; font-weight:600;}
@media (max-width:1023px){.formas{grid-template-columns:1fr; max-width:var(--larg-retrato); margin-inline:auto;}}
body.fora-da-prevenda .prevenda, body.fora-da-prevenda .cupom, body.fora-da-prevenda .selo-campanha{display:none !important;}

/* ==========================================================================
   O CADASTRO, EM POP-UP · e o pop-up dos vídeos
   ========================================================================== */
.cadastro-modal,.insta-modal{position:fixed; inset:0; z-index:85; display:none; align-items:center; justify-content:center; padding:20px;}
.cadastro-modal.on,.insta-modal.on{display:flex;}
.cadastro-modal__fundo,.insta-modal__fundo{position:absolute; inset:0; background:rgba(10,12,17,.86); backdrop-filter:blur(6px);}
.cadastro-modal__caixa{position:relative; z-index:1; width:100%; max-width:var(--larg-retrato); max-height:88vh; background:var(--e1); border:1px solid var(--e-linha-forte); border-radius:var(--raio-caixa); overflow:hidden; display:flex; flex-direction:column;}
.cadastro-modal__fechar,.insta-modal__fechar{position:absolute; top:10px; right:10px; z-index:2; width:32px; height:32px; border-radius:50%; background:rgba(255,255,255,.08); border:1px solid var(--e-linha-forte); color:#fff; font-size:20px; line-height:1; cursor:pointer;}
.cadastro-modal__corpo{overflow-y:auto; padding:34px 22px 22px;}
.cadastro{text-align:left;}
.cadastro__titulo{margin:0 0 16px; font-family:var(--mono); font-size:11px; letter-spacing:.14em; text-transform:uppercase; color:var(--fucsia-e);}
.cadastro__titulo--endereco{margin-top:8px;}
.cadastro__linha{display:grid; grid-template-columns:1fr 1fr; gap:14px;}
.cadastro__linha--cep{grid-template-columns:1fr;}
.cadastro__linha--cep .cadastro__campo{margin-bottom:6px; max-width:200px;}
.cadastro__linha--cidade{grid-template-columns:1fr 84px;}
.cadastro__campo{display:flex; flex-direction:column; gap:6px; margin-bottom:16px;}
.cadastro__campo label{font-size:13px; font-weight:500; color:#fff;}
.cadastro__campo input{font-family:var(--sans); font-size:16px; padding:13px 14px; border-radius:var(--raio-controle); border:1px solid var(--e-linha-forte); background:rgba(255,255,255,.06); color:#fff;}
.cadastro__campo input:focus{outline:none; border-color:var(--fucsia-e); box-shadow:0 0 0 3px rgba(161,9,95,.18);}
.cadastro__cep-status{margin:0 0 16px; min-height:16px; font-size:12.5px; color:var(--fucsia-e);}
.cadastro__legenda{margin:-6px 0 14px; font-size:12.5px; font-weight:300; line-height:1.5; color:var(--e-tinta-2);}
.cadastro__aviso{margin:0 0 14px; padding:11px 14px; border-radius:var(--raio-controle); background:rgba(255,255,255,.06); border:1px solid var(--fucsia-e); color:#fff; font-size:13.5px;}
.cadastro__aviso[hidden]{display:none;}
.cadastro__aviso a{color:var(--fucsia-e);}
.cadastro__confirmar{margin-top:6px;}
@media (max-width:480px){.cadastro__linha{grid-template-columns:1fr;} .cadastro__linha--cidade{grid-template-columns:1fr 72px; gap:10px;}}

.insta-modal__caixa{position:relative; z-index:1; width:100%; max-width:360px; background:var(--e1); border:1px solid var(--e-linha-forte); border-radius:var(--raio-caixa); overflow:hidden; max-height:88vh;}
.insta-modal__corpo{position:relative; aspect-ratio:9/16; max-height:88vh;}
.insta-modal__corpo::before{content:'Carregando o vídeo…'; position:absolute; inset:0 0 44px 0; display:grid; place-items:center; font-size:13px; color:var(--e-tinta-2);}
.insta-modal__corpo iframe{position:relative; z-index:1; width:100%; height:calc(100% - 44px); border:0; display:block;}
.insta-modal__corpo video{position:relative; z-index:1; width:100%; height:100%; object-fit:cover; display:block; background:var(--e0);}
.insta-modal__saida{position:absolute; left:0; right:0; bottom:0; height:44px; display:flex; align-items:center; justify-content:center; font-size:13px; font-weight:600; color:var(--fucsia-e); background:var(--e1); text-decoration:none;}

/* os três vídeos da Carol, como vitrine de retrato */
.insta-trilho{display:grid; grid-template-columns:repeat(3, minmax(0,1fr)); gap:var(--esp-2);}
.insta-card{
  position:relative; aspect-ratio:4/5; border-radius:var(--raio-caixa); overflow:hidden;
  border:1px solid var(--c-linha); background:var(--e1); cursor:pointer; padding:0; text-align:left;
  box-shadow:var(--sombra-clara);
  transition:transform .22s var(--ease-casa);
}
.insta-card:hover{transform:translateY(-4px);}
.insta-card__capa{position:absolute; inset:0; width:100%; height:100%; object-fit:cover; object-position:center top;}
.insta-card::after{content:''; position:absolute; inset:0; background:linear-gradient(180deg, transparent 40%, rgba(10,12,17,.9) 96%);}
.insta-card__play{
  position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); z-index:2;
  width:44px; height:44px; border-radius:50%; background:rgba(20,22,28,.42); border:1px solid rgba(255,255,255,.55);
  display:flex; align-items:center; justify-content:center;
  transition:background .2s var(--ease-casa), transform .2s var(--ease-casa);
}
.insta-card:hover .insta-card__play{background:var(--fucsia); border-color:var(--fucsia); transform:translate(-50%,-50%) scale(1.06);}
.insta-card__play svg{width:15px; height:15px; fill:#fff; margin-left:2px;}
.insta-card__titulo{position:absolute; left:12px; right:12px; bottom:11px; z-index:2; font-size:12.5px; line-height:1.3; font-weight:500; color:#fff; text-shadow:0 1px 6px rgba(10,12,17,.8);}
@media (max-width:640px){
  .insta-trilho{display:flex; gap:10px; overflow-x:auto; scroll-snap-type:x mandatory; padding:0 0 8px; scrollbar-width:none;}
  .insta-trilho::-webkit-scrollbar{display:none;}
  .insta-card{flex:0 0 72%; scroll-snap-align:start;}
}

/* ==========================================================================
   A CONVERSA COM A DIFFY
   ========================================================================== */
.pergunte__form{display:flex; flex-direction:column; gap:var(--esp-2); padding:var(--esp-3);}
.pergunte__rotulo{
  display:flex; align-items:center; gap:9px;
  font-family:var(--mono); font-size:11px; font-weight:500; letter-spacing:.16em; text-transform:uppercase; color:var(--c-tinta-3);
}
.pergunte__rotulo::before{content:''; flex:none; width:7px; height:7px; border-radius:50%; background:var(--fucsia);}
.pergunte__linha-campo{display:flex; gap:10px; align-items:flex-start;}
.pergunte__campo{
  flex:1 1 auto; min-width:0; min-height:84px; resize:vertical;
  font-family:var(--sans); font-size:15.5px; font-weight:300; line-height:1.5; color:var(--c-tinta);
  padding:13px 15px; border-radius:var(--raio-controle); border:1px solid var(--c-linha-forte); background:#fff;
}
.pergunte__campo:focus{outline:none; border-color:var(--fucsia); box-shadow:0 0 0 3px rgba(161,9,95,.12);}
.pergunte__voz{
  flex:none; width:46px; height:46px; border-radius:var(--raio-controle); cursor:pointer;
  border:1px solid var(--c-linha-forte); background:#fff; color:var(--fucsia);
  display:flex; align-items:center; justify-content:center;
}
.pergunte__voz svg{width:22px; height:22px;}
.pergunte__voz.ouvindo{background:var(--fucsia); color:#fff; border-color:var(--fucsia); animation:vozPulsa 1.1s var(--ease-casa) infinite;}
@keyframes vozPulsa{0%,100%{transform:scale(1);} 50%{transform:scale(1.07);}}
@media (prefers-reduced-motion:reduce){.pergunte__voz.ouvindo{animation:none;}}
.pergunte__dica{margin:0; font-size:13.5px; color:var(--fucsia);}
.pergunte__botao{align-self:flex-start; min-width:210px;}
.pergunte__botao::after{content:'→'; font-family:var(--mono); font-size:16px;}
.pergunte__rodape{margin:var(--esp-2) 0 0; padding-top:var(--esp-2); border-top:1px solid var(--c-linha); font-size:13px; font-weight:300; line-height:1.55; color:var(--c-tinta-3);}
.pergunte__aviso-voz{margin:6px 0 0; font-size:11.5px; font-weight:300; line-height:1.5; color:var(--c-tinta-3);}
.conversa{display:none;}
.conversa--viva{display:flex; flex-direction:column; gap:12px; max-height:340px; overflow-y:auto; padding:4px 2px 2px; margin:0 0 var(--esp-3); scroll-behavior:smooth;}
.conversa__bolha{display:flex; gap:11px; align-items:flex-start; max-width:100%;}
.conversa__bolha--eu{flex-direction:row-reverse;}
.conversa__bolha--diffy{flex-wrap:wrap;}
.conversa__avatar{width:38px; height:38px; border-radius:50%; flex:none; object-fit:cover;}
.conversa__texto{
  margin:0; font-size:15px; font-weight:300; line-height:1.6; color:var(--c-tinta);
  background:#fff; border:1px solid var(--c-linha); border-radius:var(--raio-caixa); border-bottom-left-radius:6px; padding:13px 15px;
  box-shadow:var(--sombra-clara);
}
.conversa__bolha--eu .conversa__texto{background:var(--fucsia); color:#fff; border-color:var(--fucsia); border-bottom-left-radius:var(--raio-caixa); border-bottom-right-radius:6px;}
.conversa__audio{width:100%; margin-top:8px;}
.conversa__zap{margin-top:10px;}

/* o preço antigo riscado, que aparece em cima do novo quando o cupom entra */
.cartao-pagamento__antes{display:block; font-size:15px; font-weight:300; color:var(--e-tinta-2); text-decoration-thickness:1px;}
.cartao-pagamento__antes[hidden]{display:none;}
.cartao-pagamento__prazo{margin:10px 0 0; font-size:13.5px; font-weight:300; line-height:1.5; color:var(--e-tinta); text-wrap:pretty;}
.cartao-pagamento__prazo strong{font-weight:600; color:#fff;}


/* ==========================================================================
   AS SALAS · cada uma na ordem em que ela rola a página
   ========================================================================== */

/* ---- 1 · o topo ------------------------------------------------------- */
.hero{padding:var(--esp-5) 16px var(--esp-6);}
.hero__grade{display:grid; gap:var(--esp-5); align-items:center;}
.hero__texto{min-width:0;}
.hero__marca{
  display:flex; align-items:center; gap:9px; margin:0 0 var(--esp-3);
  font-family:var(--mono); font-size:11px; letter-spacing:.2em; text-transform:uppercase;
  color:var(--e-tinta);
}
.hero__foguete{width:16px; height:16px; flex:none;}
.hero .selo-campanha{margin:0 0 var(--esp-4);}
.hero__antetitulo{display:flex; margin-bottom:var(--esp-2);}
.hero__titulo{color:#fff; margin:0 0 var(--esp-3); max-width:12ch;}
.hero__titulo .mao{font-size:1.18em;}
.hero__qualidades{margin:0 0 var(--esp-4); max-width:44ch;}
.hero__qualidades li{color:rgba(255,255,255,.92); font-weight:300;}
.hero__diferente{
  margin:0 0 var(--esp-2);
  font-family:var(--serif); font-style:italic; font-weight:700; font-size:clamp(20px,2vw,24px); color:#fff;
}
.hero .naoe-grade{max-width:var(--larg-texto);}
.hero__diffy{min-width:0;}
.hero__diffy .video{max-width:var(--larg-texto); margin:0 auto;}
.hero__diffy .video__moldura{box-shadow:var(--sombra-escura), var(--luz-fio);}
@media (min-width:1024px){
  .hero{padding:var(--esp-6) 16px var(--esp-7);}
  .hero__grade{grid-template-columns:minmax(0,6fr) minmax(0,6fr); gap:var(--esp-6);}
  .hero__diffy .video{margin:0; max-width:none;}
}
@media (max-width:640px){
  .hero__titulo{max-width:none;}
  .naoe-grade{grid-template-columns:1fr 1fr;}
}

/* ---- 2 · a Carol, no celular, com o payoff ao lado --------------------- */
.carol-abre__grade{display:grid; gap:var(--esp-5); align-items:center;}
.carol-abre__cel{display:flex; justify-content:center;}
.carol-abre__lado{min-width:0;}
.carol-abre__payoff{
  margin:0 0 var(--esp-4);
  font-family:var(--serif); font-style:italic; font-weight:700;
  font-size:clamp(24px,2.6vw,32px); line-height:1.25; color:var(--c-tinta);
}
.carol-abre__cena{max-width:var(--larg-texto);}
@media (min-width:1024px){
  .carol-abre__grade{grid-template-columns:minmax(0,4fr) minmax(0,8fr); gap:var(--esp-6);}
  .cel--video{width:min(300px, 100%);}
}

/* ---- 3 · as inéditas --------------------------------------------------- */
.ineditas{padding-top:var(--esp-6); padding-bottom:var(--esp-6);}
.ineditas__cabeca{margin-top:var(--esp-6);}
.ineditas .cabeca{margin-bottom:var(--esp-3);}
.assessora{padding:var(--esp-4); margin:0 0 var(--esp-3);}
.assessora__titulo{margin:0 0 var(--esp-3); font-size:26px;}
.assessora__grade{display:grid; gap:var(--esp-4);}
.assessora__col{min-width:0;}
.assessora .lista li{font-size:15px;}
@media (min-width:900px){
  .assessora__grade{grid-template-columns:repeat(3, minmax(0,1fr)); gap:var(--esp-5);}
  .assessora__col + .assessora__col{padding-left:var(--esp-5); border-left:1px solid var(--e-linha);}
}
.miolo--faixa{max-width:calc(var(--larg-miolo) + 96px);}

/* ---- 4 · o que é o RaioX ----------------------------------------------- */
.oque__grade{display:grid; gap:var(--esp-4); align-items:center; margin-bottom:var(--esp-6);}
.oque__frases{min-width:0;}
.oque__linha{
  margin:0; font-family:var(--serif); font-style:italic;
  font-size:clamp(20px,2.2vw,26px); line-height:1.35; color:var(--c-tinta-2);
}
.oque__linha--forte{font-weight:700; color:var(--c-tinta); margin-bottom:8px; font-size:clamp(24px,2.6vw,31px); line-height:1.25;}
.oque__def-cabeca{padding-top:var(--esp-5); border-top:1px solid var(--c-linha);}
.def2{display:grid; gap:var(--esp-5);}
.def2__lado{min-width:0;}
.def2__nome{margin:0 0 var(--esp-2); font-style:italic; font-size:clamp(20px,2vw,24px); color:var(--fucsia);}
.def2 .texto{margin-bottom:var(--esp-2);}
@media (min-width:900px){
  .oque__grade{grid-template-columns:minmax(0,6fr) minmax(0,6fr); gap:var(--esp-6);}
  .def2{grid-template-columns:1fr 1fr; gap:var(--esp-6);}
  .def2__lado + .def2__lado{padding-left:var(--esp-6); border-left:1px solid var(--c-linha);}
}

/* ---- 5 · o método ------------------------------------------------------ */
.metodo{padding-top:var(--esp-6); padding-bottom:var(--esp-6);}
.metodo__cabeca .cabeca__apoio{max-width:none; font-family:var(--mono); font-size:11px; letter-spacing:.16em; text-transform:uppercase; color:var(--e-tinta-2);}

/* ---- 6 · no meu negócio, se eu sou… ------------------------------------ */
.nichos .cabeca{margin-bottom:var(--esp-3);}
.nichos__titulo{max-width:24ch;}
.nichos__palavra{
  color:var(--fucsia); display:inline-block;
  text-decoration:underline; text-decoration-color:rgba(161,9,95,.28); text-decoration-thickness:2px; text-underline-offset:.16em;
  transition:opacity .22s var(--ease-casa), transform .22s var(--ease-casa);
}
.nichos__palavra.esta-trocando{opacity:0; transform:translateY(6px);}
.nichos__intro{max-width:52ch; margin:0 0 var(--esp-3); font-size:16.5px; font-weight:300; line-height:1.55; color:var(--c-tinta-2);}
.nichos__procura{
  display:flex; align-items:center; gap:10px;
  max-width:var(--larg-retrato); padding:0 16px; height:48px;
  border:1px solid var(--c-linha-forte); border-radius:var(--raio-controle);
  background:#fff; color:var(--c-tinta-3);
  transition:border-color .2s var(--ease-casa), box-shadow .2s var(--ease-casa);
}
.nichos__procura:focus-within{border-color:var(--fucsia); color:var(--fucsia); box-shadow:0 0 0 3px rgba(161,9,95,.12);}
.nichos__procura svg{width:18px; height:18px; flex:0 0 auto;}
.nichos__procura input{flex:1 1 auto; min-width:0; height:100%; border:0; outline:0; background:transparent; font-family:var(--sans); font-size:15.5px; font-weight:300; color:var(--c-tinta);}
.nichos__procura input::placeholder{color:var(--c-tinta-3);}
.nichos__procura input::-webkit-search-cancel-button{-webkit-appearance:none;}
.nichos__vazio{margin:0 0 var(--esp-3); font-size:14.5px; font-weight:300; color:var(--c-tinta-2);}
.nichos__vazio-botao{border:0; padding:0; background:transparent; cursor:pointer; font:inherit; color:var(--fucsia); font-weight:600; text-decoration:underline; text-underline-offset:3px;}
.faixa2027--nichos{margin-top:var(--esp-3); flex-wrap:wrap; justify-content:center; row-gap:8px; column-gap:12px;}
.faixa2027--nichos .faixa2027__janela{order:1; flex:1 1 100%; width:100%;}
.faixa2027--nichos .faixa2027__seta{order:2; position:static; top:auto;}
.faixa2027--nichos .faixa2027__pista{padding-top:2px; padding-bottom:6px;}
.nicho{
  width:236px; min-height:150px;
  display:flex; flex-direction:column; align-items:flex-start; gap:6px;
  padding:18px 18px 16px; text-align:left; cursor:pointer;
  border:1px solid var(--c-linha); border-radius:var(--raio-caixa);
  background-color:var(--c1); background-image:var(--escovado-claro);
  box-shadow:none;
  transition:border-color .2s var(--ease-casa), transform .2s var(--ease-casa), box-shadow .2s var(--ease-casa), background-color .2s var(--ease-casa);
}
.nicho:hover{border-color:rgba(161,9,95,.4); transform:translateY(-3px); background-color:#fff;}
.nicho:focus-visible{outline:2px solid var(--fucsia); outline-offset:2px;}
.nicho[aria-pressed="true"]{border-color:var(--fucsia); background-color:#fff; box-shadow:inset 0 -3px 0 var(--fucsia), var(--sombra-fucsia);}
.nicho__familia{font-family:var(--mono); font-size:10.5px; font-weight:500; letter-spacing:.16em; text-transform:uppercase; color:var(--fucsia);}
.nicho__nome{font-family:var(--serif); font-style:italic; font-weight:700; font-size:21px; line-height:1.12; color:var(--c-tinta); text-wrap:balance;}
.nicho__tambem{margin-top:auto; padding-top:8px; font-size:12.5px; font-weight:300; line-height:1.4; color:var(--c-tinta-3); text-wrap:pretty;}
.nicho.esta-fora{display:none;}
.raios{margin-top:var(--esp-3);}
.raio{
  display:grid; grid-template-columns:minmax(0, 300px) minmax(0, 1fr); gap:28px 40px;
  padding:var(--esp-4) var(--esp-4) var(--esp-4) var(--esp-4);
  text-align:left;
  background-color:var(--c0); background-image:var(--escovado-claro);
  border:1px solid var(--c-linha); border-radius:var(--raio-caixa);
  box-shadow:var(--sombra-clara);
  position:relative; overflow:hidden;
}
.raio::before{content:''; position:absolute; left:0; top:var(--esp-4); bottom:var(--esp-4); width:2px; background:var(--fucsia); border-radius:var(--raio-pilula);}
.raio[hidden]{display:none;}
.raio__cabeca{align-self:start;}
.raio__se{margin:0 0 6px; font-family:var(--mono); font-size:11px; font-weight:500; letter-spacing:.16em; text-transform:uppercase; color:var(--fucsia);}
.raio__nome{margin:0; font-family:var(--serif); font-style:italic; font-weight:700; font-size:clamp(26px,3vw,34px); line-height:1.08; color:var(--c-tinta); text-wrap:balance;}
.raio__tambem{margin:12px 0 0; font-size:14.5px; font-weight:300; line-height:1.5; color:var(--c-tinta-2);}
.raio__lista{margin:0; padding:0; list-style:none;}
.raio__linha{display:grid; grid-template-columns:150px minmax(0,1fr); gap:6px 18px; align-items:baseline; padding:13px 0; border-top:1px solid var(--c-linha);}
.raio__linha:first-child{border-top:0; padding-top:0;}
.raio__linha:last-child{padding-bottom:0;}
.raio__carimbo{font-family:var(--mono); font-size:10.5px; font-weight:500; letter-spacing:.14em; text-transform:uppercase; color:var(--fucsia); line-height:1.5;}
.raio__texto{margin:0; font-size:15.5px; font-weight:300; line-height:1.55; color:var(--c-tinta); text-wrap:pretty;}
.raio__fecho{grid-column:1 / -1; margin:0; padding-top:18px; border-top:1px solid var(--c-linha); font-size:15.5px; font-weight:300; line-height:1.55; color:var(--c-tinta);}
.raio__link{color:var(--fucsia); font-weight:600; text-decoration:underline; text-underline-offset:3px;}
.nichos__honesta{max-width:var(--larg-texto); margin:var(--esp-3) 0 0; font-size:14.5px; font-weight:300; line-height:1.55; color:var(--c-tinta-2);}
.nichos__honesta strong{color:var(--c-tinta); font-weight:600;}
.nichos .botao{margin-top:var(--esp-3);}
@media (max-width:1023px){
  .raio{grid-template-columns:1fr; gap:20px; padding:24px 22px;}
  .raio__linha{grid-template-columns:1fr; gap:4px; padding:11px 0;}
  .nicho{width:200px; min-height:138px; padding:15px 15px 13px;}
  .nicho__nome{font-size:19px;}
}

/* ---- 7 · a programação de voo ----------------------------------------- */
.voo-sala__suaparte{margin-top:var(--esp-3); padding-top:var(--esp-3); border-top:1px solid var(--c-linha); font-size:15px;}

/* ---- 8 · a central ----------------------------------------------------- */
.central .leque{margin-bottom:var(--esp-5);}
.central__grade{display:grid; gap:var(--esp-5);}
.central__areas{display:grid; gap:var(--esp-5);}
.central__lado{min-width:0;}
.central__fatos{margin-bottom:var(--esp-4);}
.central__fatos li{font-size:15px;}
.central__bagagem{padding:var(--esp-4);}
.central__bagagem .grupo__titulo{color:#fff; margin-bottom:var(--esp-2);}
.central__regra{margin:var(--esp-2) 0 0; padding-top:var(--esp-2); border-top:1px solid var(--e-linha); font-family:var(--serif); font-style:italic; font-size:19px; line-height:1.4; color:#fff;}
.central__regra .luz{color:#fff; text-shadow:var(--luz); text-decoration:none;}
@media (max-width:899px){
  .central__lado{order:-1;}
}
@media (min-width:900px){
  .central__grade{grid-template-columns:minmax(0,7fr) minmax(0,5fr); gap:var(--esp-6);}
  .central__areas{grid-template-columns:1fr 1fr; gap:var(--esp-5);}
}

/* ---- 9 · o que você vai levar ----------------------------------------- */
.leva .cabeca .recado{margin-top:var(--esp-3);}
.leva__bagagem{padding:var(--esp-4); margin-bottom:var(--esp-5);}
.leva__bagagem .grupo__titulo{color:#fff;}
.leva__colunas{display:grid; gap:var(--esp-3);}
.leva__colunas .grupo__sub{margin-top:0;}
.leva__grupos{display:grid; gap:var(--esp-5); margin-bottom:var(--esp-5);}
.leva__turbina{
  display:flex; align-items:flex-start; gap:var(--esp-3);
  padding:var(--esp-4); margin-bottom:var(--esp-4);
  background-color:var(--c1); background-image:var(--escovado-claro);
  border:1px solid var(--c-linha); border-radius:var(--raio-caixa);
}
.leva__foguete{flex:none; width:32px; height:32px; margin-top:2px;}
.leva__turbina .texto{font-size:15.5px;}
.leva__mecanica{padding-top:var(--esp-4); border-top:1px solid var(--c-linha);}
.leva__frase{margin:0 0 var(--esp-2); font-size:30px;}
@media (min-width:640px){
  .leva__colunas{grid-template-columns:1fr 1fr; gap:var(--esp-5);}
  .leva__grupos{grid-template-columns:1fr 1fr; gap:var(--esp-6);}
}

/* ---- 10 · a comandante ------------------------------------------------- */
.comandante__foto{margin:0 0 var(--esp-3);}
.comandante__foto .vitrine__base b{font-family:var(--mao);}
.comandante__escuta{grid-template-areas:"quem quem" "audio audio" "ler ler";}
.comandante__escuta .recado__titulo{font-size:22px; color:var(--fucsia); margin:6px 0 2px;}
.comandante__escuta .recado__papel{font-size:13.5px; font-weight:300; color:var(--c-tinta-2);}
.comandante__estrada{margin-bottom:var(--esp-3);}
.comandante__agora{
  display:flex; flex-wrap:wrap; align-items:baseline; gap:10px;
  margin:0 0 var(--esp-4); font-size:17px; line-height:1.5; color:var(--c-tinta);
}
.comandante__agora em{font-style:italic; font-weight:600;}
.comandante__recado{margin:0 0 var(--esp-4); padding:var(--esp-4);}
.comandante__recado p{margin:0 0 12px; font-size:16.5px; font-weight:300; line-height:1.65; color:var(--e-tinta);}
.comandante__recado p strong{color:#fff;}
.comandante__bora{margin:var(--esp-3) 0 0 !important; font-size:32px !important; color:#fff !important; text-shadow:var(--luz);}
.comandante__assina{margin-top:var(--esp-2); padding-top:var(--esp-2); border-top:1px solid var(--e-linha); font-family:var(--mono); font-size:11px; letter-spacing:.16em; text-transform:uppercase; color:var(--e-tinta-2);}
.comandante__videos .grupo__sub{margin-bottom:var(--esp-2);}
@media (max-width:1023px){
  .comandante__lado{display:contents;}
  .comandante .sala__grade{display:flex; flex-direction:column;}
  .comandante__lado .cabeca{order:1;}
  .comandante__foto{order:2;}
  .comandante__escuta{order:3;}
  .comandante__corpo{order:4;}
}

/* ---- 11 · quanto você pagaria ------------------------------------------ */
.pagaria__cabeca{display:grid; gap:var(--esp-4); align-items:center; margin-bottom:var(--esp-5);}
.pagaria__cabeca .cabeca{margin-bottom:0;}
.pagaria__grade{display:grid; gap:var(--esp-5); align-items:start; margin-bottom:var(--esp-5);}
.pagaria__video{display:flex; justify-content:center;}
.cel--video-mercado{width:min(260px, 72vw);}
.pagaria__precos{min-width:0;}
.precos{list-style:none; margin:0 0 var(--esp-3); padding:0;}
.precos li{display:flex; justify-content:space-between; align-items:baseline; gap:12px; padding:12px 0; border-top:1px solid var(--c-linha);}
.precos li:first-child{border-top:0; padding-top:0;}
.precos__item{font-size:15px; font-weight:400; color:var(--c-tinta);}
.precos__item em{display:block; font-style:normal; font-family:var(--mono); font-size:10.5px; letter-spacing:.06em; color:var(--fucsia); margin-top:2px;}
.precos__valor{flex:none; font-family:var(--mono); font-size:13px; color:var(--c-tinta-2); white-space:nowrap;}
.precos__total{display:flex; justify-content:space-between; align-items:center; gap:12px; padding:var(--esp-3) var(--esp-4); margin:var(--esp-3) 0 var(--esp-2);}
.precos__total strong{font-family:var(--serif); font-size:clamp(20px,2vw,24px); color:#fff; text-shadow:var(--luz);}
.precos__nota{margin:0; font-size:12px; font-weight:300; line-height:1.55; color:var(--c-tinta-3);}
.fala-diffy{padding:var(--esp-4); max-width:var(--larg-miolo);}
.fala-diffy__cabeca{display:flex; align-items:center; gap:14px; padding-bottom:var(--esp-2); margin-bottom:var(--esp-3); border-bottom:1px solid var(--c-linha);}
.fala-diffy__foto{flex:none; width:52px; height:52px; border-radius:50%; object-fit:cover; border:1px solid var(--c-linha); box-shadow:0 0 0 3px rgba(161,9,95,.10);}
.fala-diffy__nome{display:block; font-family:var(--mao); font-size:26px; line-height:1; color:var(--fucsia);}
.fala-diffy__papel{display:block; margin-top:5px; font-family:var(--mono); font-size:10.5px; letter-spacing:.14em; text-transform:uppercase; color:var(--c-tinta-3);}
.fala-diffy__fecho{margin:var(--esp-3) 0 0; padding-top:var(--esp-3); border-top:1px solid var(--c-linha); font-size:clamp(24px,2.4vw,30px); text-align:center; text-wrap:balance;}
@media (min-width:900px){
  .pagaria__cabeca{grid-template-columns:minmax(0,7fr) minmax(0,5fr); gap:var(--esp-6);}
  .pagaria__grade{grid-template-columns:minmax(0,4fr) minmax(0,8fr); gap:var(--esp-6);}
  .fala-diffy{display:grid; grid-template-columns:auto minmax(0,1fr); grid-template-areas:"cabeca texto" "cabeca fecho"; gap:var(--esp-2) var(--esp-5); align-items:start;}
  .fala-diffy__cabeca{grid-area:cabeca; flex-direction:column; align-items:flex-start; border-bottom:0; padding-bottom:0; margin-bottom:0; padding-right:var(--esp-5); border-right:1px solid var(--c-linha); min-width:180px;}
  .fala-diffy .texto{grid-area:texto;}
  .fala-diffy__fecho{grid-area:fecho; text-align:left; margin-top:4px; padding-top:var(--esp-2);}
}

/* ---- 12 · as bonificações ---------------------------------------------- */
.bonus__sub{font-family:var(--serif); font-style:italic; font-weight:700; font-size:20px; color:var(--fucsia); margin-bottom:var(--esp-2) !important;}
.bonus__grade{display:grid; gap:var(--esp-3);}
.bonus__card .vitrine__foto{aspect-ratio:16/11; object-position:center 15%;}
.bonus__card .vitrine__base{padding:var(--esp-3) var(--esp-3) var(--esp-4); gap:6px;}
.bonus__card .vitrine__base b{font-size:20px;}
.bonus__card .vitrine__base span:not(.carimbo){font-size:14.5px; color:var(--c-tinta-2);}
.bonus__card .vitrine__base span strong{color:var(--c-tinta);}
@media (min-width:900px){
  .bonus__grade{grid-template-columns:repeat(2, minmax(0,1fr)); grid-template-rows:auto auto;}
  .bonus__card--larga{grid-row:1 / 3; display:flex;}
  .bonus__card--larga .vitrine__foto{aspect-ratio:auto; flex:1 1 auto; min-height:0;}
  .bonus__card:not(.bonus__card--larga){display:grid; grid-template-columns:minmax(0,5fr) minmax(0,7fr);}
  .bonus__card:not(.bonus__card--larga) .vitrine__foto{aspect-ratio:auto; height:100%;}
  .bonus__card:not(.bonus__card--larga) .vitrine__base{border-top:0; border-left:1px solid var(--c-linha); justify-content:center;}
}

/* ---- 13 · a calculadora ------------------------------------------------ */
.calc-sala__cabeca{display:grid; gap:var(--esp-4); align-items:center; margin-bottom:var(--esp-5);}
.calc-sala__cabeca .cabeca{margin-bottom:0;}
.calc{display:grid; gap:var(--esp-5); align-items:start;}
.calc__campos{min-width:0;}
@media (min-width:900px){
  .calc-sala__cabeca{grid-template-columns:minmax(0,7fr) minmax(0,5fr); gap:var(--esp-6);}
  .calc{grid-template-columns:minmax(0,6fr) minmax(0,6fr); gap:var(--esp-6);}
  .calc__resultado{position:sticky; top:var(--esp-5);}
}

/* ---- 14 · o investimento ----------------------------------------------- */
.investimento{padding-top:var(--esp-7); padding-bottom:var(--esp-7);}
.investimento__titulo{max-width:22ch; margin-inline:auto;}
.investimento__titulo .mao{font-size:1.18em;}
.investimento__qualidades{width:fit-content; margin:0 auto var(--esp-4); max-width:100%;}
.investimento__qualidades li{color:rgba(255,255,255,.92);}
.investimento__recado{margin:0 0 var(--esp-4);}
.investimento__video{margin:0 0 var(--esp-4);}
.investimento .prevenda{margin:0 0 var(--esp-4);}
.investimento__cena{margin:0 0 var(--esp-5);}
.investimento__comopaga{max-width:var(--larg-texto); margin:var(--esp-3) auto var(--esp-2); text-align:center; font-size:14px; font-weight:300; line-height:1.55; color:var(--e-tinta-2);}
.investimento__comopaga strong{color:#fff;}
.investimento__validade{display:flex; width:fit-content; margin:0 auto; text-align:center; cursor:default;}
.investimento__aviso{margin:12px auto 0; max-width:var(--larg-texto); font-size:13.5px; line-height:1.5; text-align:center; color:#fff;}
.investimento__aviso a{color:var(--fucsia-e);}
.investimento .miolo + .miolo{margin-top:var(--esp-4);}

/* ---- 15 · vem conversar ------------------------------------------------ */
.pergunte{display:grid; gap:var(--esp-4); align-items:start;}
.pergunte__foto .vitrine__foto{aspect-ratio:4/3;}
.pergunte__lado{min-width:0;}
.pergunte__linha{margin-bottom:var(--esp-3);}
@media (min-width:900px){
  .pergunte{grid-template-columns:minmax(0,5fr) minmax(0,7fr); gap:var(--esp-6);}
  .pergunte__foto{position:sticky; top:var(--esp-5);}
}

/* ---- 16 · o fecho ------------------------------------------------------ */
.fecho{padding-top:var(--esp-7); padding-bottom:var(--esp-7); text-align:center;}
.fecho .cabeca--centro{display:flex; flex-direction:column; align-items:center; gap:var(--esp-2);}
.fecho__insta{margin-top:4px;}
.fecho .recado{text-align:left; margin:0 0 var(--esp-5);}
.fecho__frase{
  max-width:var(--larg-texto); margin:0 auto var(--esp-4);
  font-family:var(--serif); font-style:italic; font-weight:700;
  font-size:clamp(26px,3vw,36px); line-height:1.2; color:#fff;
}
.fecho__cena{width:min(100%, var(--larg-texto)); margin:0 auto var(--esp-3);}
.fecho__assinatura{margin:0 0 var(--esp-3); font-size:clamp(28px,5vw,36px);}
.fecho__quero{min-width:min(100%, 340px); padding:16px 34px; gap:12px; font-size:17px;}

.rodape{
  display:flex; align-items:center; justify-content:center; gap:10px;
  padding:var(--esp-5) 24px var(--esp-6); text-align:center;
  font-family:var(--mono); font-size:11px; letter-spacing:.08em; color:var(--e-tinta-2);
  background:var(--noite);
}
.rodape__foguete{width:14px; height:14px; opacity:.7;}

/* ==========================================================================
   O RESPONSIVO · o painel encolhe, os respiros acompanham
   ========================================================================== */
@media (max-width:1023px){
  .painel{padding:var(--esp-5) var(--esp-4);}
  .painel::before{left:var(--esp-4); right:var(--esp-4);}
  .painel .faixa2027{margin-inline:calc(-1 * var(--esp-4));}
  .painel .faixa2027__pista{padding:0 var(--esp-4);}
  .painel .leque{margin-inline:calc(-1 * var(--esp-4));}
}
@media (max-width:640px){
  .secao{padding:var(--esp-3) 10px;}
  .painel{padding:var(--esp-5) var(--esp-3); border-radius:var(--raio-sala);}
  .painel::before{left:var(--esp-3); right:var(--esp-3);}
  .painel .faixa2027{margin-inline:calc(-1 * var(--esp-3));}
  .painel .faixa2027__pista{padding:0 var(--esp-3);}
  .painel .leque{margin-inline:calc(-1 * var(--esp-3));}
  .cabeca__apoio{font-size:16px;}
  .ineditas{padding-top:var(--esp-5); padding-bottom:var(--esp-5);}
  .ineditas__cabeca{margin-top:var(--esp-5);}
  .assessora{padding:var(--esp-3);}
  .assessora__titulo{font-size:23px;}
  .investimento, .fecho{padding-top:var(--esp-6); padding-bottom:var(--esp-6);}
  .leva__bagagem, .central__bagagem, .comandante__recado, .calc__resultado, .prevenda, .fala-diffy, .leva__turbina{padding:var(--esp-3);}
  .bordo-escuro::before{left:var(--esp-3); right:var(--esp-3);}
  .recado{padding:var(--esp-2);}
  .case{width:min(300px, 86vw);}
}

/* ==========================================================================
   14b · A ASSESSORA DE IA, SOZINHA, e a conta lado a lado (26/09/2026)
   ========================================================================== */
.assessora__grade{display:grid; gap:var(--esp-4); grid-template-columns:1fr; margin:var(--esp-4) 0;}
@media (min-width:1024px){.assessora__grade{grid-template-columns:1.2fr 1fr;}}
.assessora__promessa{margin:var(--esp-3) 0 var(--esp-2); font-family:var(--serif); font-style:italic; font-weight:700; font-size:21px; line-height:1.35; color:var(--c-tinta); text-wrap:balance;}
.assessora__opcoes{font-size:14.5px;}
.assessora__passos{list-style:none; margin:var(--esp-2) 0 0; padding:0; display:grid; gap:14px; counter-reset:passo;}
.assessora__passos li{position:relative; padding-left:38px; font-size:15px; font-weight:300; line-height:1.5; color:var(--c-tinta-2); text-wrap:pretty; counter-increment:passo;}
.assessora__passos li::before{content:counter(passo); position:absolute; left:0; top:1px; width:26px; height:26px; border-radius:50%; display:grid; place-items:center; border:1px solid var(--fucsia); color:var(--fucsia); font-family:var(--mono); font-size:11px;}
.assessora__passos b{display:block; font-family:var(--mono); font-size:10.5px; font-weight:500; letter-spacing:.14em; text-transform:uppercase; color:var(--c-tinta);}
.assessora-sala .cartao-pagamento{background:var(--c1); border:1px solid var(--c-linha); color:var(--c-tinta);}
.assessora-sala .cartao-pagamento__titulo,.assessora-sala .cartao-pagamento__valor b{color:var(--c-tinta);}
.assessora-sala .cartao-pagamento__valor span,.assessora-sala .cartao-pagamento__selo{color:var(--c-tinta-3);}
.assessora__nota{margin:var(--esp-2) 0 0; text-align:center; font-size:13px; color:var(--c-tinta-3);}
.conta{max-width:var(--larg-texto); margin:var(--esp-5) auto 0; padding-top:var(--esp-4); border-top:1px solid var(--c-linha-forte);}
.conta__titulo{margin:0 0 var(--esp-3); text-align:center; font-family:var(--serif); font-style:italic; font-size:26px; color:var(--c-tinta);}
.conta__linha{display:grid; grid-template-columns:minmax(0,.8fr) minmax(0,1fr) minmax(0,1.3fr); gap:var(--esp-2); padding:12px 0; border-top:1px solid var(--c-linha); font-size:14.5px; font-weight:300; line-height:1.45; color:var(--c-tinta-2);}
.conta__linha [role="rowheader"]{font-family:var(--mono); font-size:10.5px; letter-spacing:.14em; text-transform:uppercase; color:var(--c-tinta-3); padding-top:3px;}
.conta__linha span:last-child{color:var(--c-tinta); font-weight:500;}
.conta__linha--cabeca{border-top:0; font-family:var(--mono); font-size:10.5px; letter-spacing:.14em; text-transform:uppercase; color:var(--c-tinta-3);}
.conta__linha--cabeca span:last-child{color:var(--fucsia); font-weight:500;}
.conta__frase{margin:var(--esp-3) 0; font-size:17px; line-height:1.55; color:var(--c-tinta); text-align:center; text-wrap:pretty;}
.conta__motivos{list-style:none; margin:0 0 var(--esp-3); padding:0; display:grid; gap:var(--esp-2); grid-template-columns:1fr;}
@media (min-width:768px){.conta__motivos{grid-template-columns:repeat(3,minmax(0,1fr));}}
.conta__motivos li{padding:var(--esp-2); border:1px solid var(--c-linha); border-radius:var(--raio-caixa); font-size:14px; font-weight:300; line-height:1.5; color:var(--c-tinta-2); text-wrap:pretty;}
.conta__motivos li[hidden]{display:none;}
.conta__motivos b{display:block; margin-bottom:4px; font-weight:600; color:var(--c-tinta);}
.conta__botao{display:flex; width:max-content; margin:0 auto;}


/* ==========================================================================
   O PADRÃO 2027 NA PÁGINA DE VENDA · 26/09/2026
   O Laboratório da Marca que a Carol aprovou, levado para o rascunho do RaioX
   sem mudar uma palavra nem a ordem das salas. A fonte é 03-MARCA/padrao-2027/
   e o próprio Laboratório (estilo.css e lab.js). Esta camada vem por último e
   é ela que manda.

   A direção, em cinco linhas:
   1. A mesma página, mais leve e mais chique: mais branco para ler, vidro onde
      havia caixa pesada, e o fúcsia só como lembrança da marca.
   2. A referência é o Laboratório, sem mexer na ordem nem no texto.
   3. O Feixe é a assinatura: varredura no "inédito!", sublinhado na palavra
      acesa, divisor entre as salas, contorno no escolhido e no preço, e a
      revelação da Bagagem.
   4. A aposta: o topo fica parado e o painel branco da Carol sobe por cima.
   5. Proibido: estrela cadente, X pincelado, a palavra constelação, fúcsia em
      chapa ou em letra no escuro, preto puro e a Caveat Brush.
   ========================================================================== */

:root{
  --tinta:#14161C;
  --nevoa:#F5F6F9;
  --nevoa2:#ECEEF3;
  --cinza:#6B6F7B;
  --noite2:#1C1626;
  --mola:cubic-bezier(.16,1,.3,1);
  /* os três vidros e o branco sólido, do Padrão */
  --vidro-e:rgba(20,22,28,.45);
  --vidro-b:rgba(255,255,255,.62);
  --vidro-r:rgba(161,9,95,.30);
  --fio-vidro:rgba(255,255,255,.14);
  --reflexo:inset 0 1px 0 rgba(255,255,255,.16);
  --sombra-branca:0 16px 44px rgba(161,9,95,.10);
  --brilho-fio:0 0 8px rgba(161,9,95,.9);
}

li{text-wrap:pretty;}

/* ==========================================================================
   OS SÍMBOLOS · o logotipo do produto, a estrela da inédita
   ========================================================================== */
.lk{display:inline-flex; align-items:center; gap:.28em; line-height:1; white-space:nowrap; color:var(--tinta); font-size:30px;}
.lk__simbolo{width:1.5em; height:1.5em; flex:none; fill:currentColor; color:var(--fucsia);}
.lk__txt{display:flex; flex-direction:column; gap:.16em;}
.lk__txt b{font-family:var(--serif); font-style:italic; font-weight:600; font-size:1em; line-height:.95; letter-spacing:-.015em;}
.lk__txt small{display:flex; align-items:center; gap:.5em; padding-left:.1em; font-family:var(--mono); font-weight:500; font-size:.3em; line-height:1; letter-spacing:.38em; text-transform:uppercase;}
.lk__txt small svg{width:1.25em; height:1.25em; flex:none; fill:currentColor; color:var(--fucsia);}
/* no escuro, tudo branco */
.lk--branco, .lk--branco .lk__simbolo, .lk--branco .lk__txt small svg{color:#fff;}

.estrela-luz{fill:#fff; color:#fff; filter:drop-shadow(0 0 3px rgba(161,9,95,.95)) drop-shadow(0 0 12px rgba(161,9,95,.8)) drop-shadow(0 0 26px rgba(161,9,95,.5));}

/* ==========================================================================
   A LETRA · rótulo com fio de 1px, a palavra acesa e a letra de mão leve
   ========================================================================== */
.rotulo{letter-spacing:.2em;}
.rotulo::before{height:1px; border-radius:0;}
.secao--escuro .rotulo::before{background:#fff; box-shadow:var(--brilho-fio);}
.grupo__sub::before{height:1px; border-radius:0;}
.secao--escuro .grupo__sub::before, .bordo-escuro .grupo__sub::before{background:#fff; box-shadow:var(--brilho-fio);}

/* no claro, a palavra fica fúcsia com o Feixe correndo por baixo */
.secao--claro .luz, .nichos__palavra{
  color:var(--fucsia);
  text-decoration:none;
  background-image:linear-gradient(90deg, rgba(161,9,95,0), var(--fucsia) 20%, var(--fucsia) 80%, rgba(161,9,95,0));
  background-repeat:no-repeat; background-position:left bottom; background-size:100% 1px;
  padding-bottom:2px;
  -webkit-box-decoration-break:clone; box-decoration-break:clone;
}
html.mov .secao--claro .luz, html.mov .nichos__palavra{background-size:0% 1px; transition:background-size 1.2s var(--mola) .2s;}
html.mov .secao--claro .luz.visto, html.mov .nichos__palavra.visto{background-size:100% 1px;}
/* a palavra dos nichos também troca com um deslize, e as duas transições convivem */
html.mov .nichos__palavra{transition:background-size 1.2s var(--mola) .2s, opacity .22s var(--mola), transform .22s var(--mola);}
/* no escuro, branca e acesa */
.secao--escuro .luz{color:#fff; text-shadow:var(--luz);}
/* a palavra acesa dentro de uma caixa escura, numa sala clara */
.secao--claro .bordo-escuro .luz{color:#fff; background:none; padding:0; text-shadow:var(--luz);}

/* a letra de mão: a Caveat leve, uma linha por sala */
.mao{font-weight:500; font-size:1.3em; line-height:1.02;}
.secao--escuro .mao{color:#fff; text-shadow:none;}
.secao--escuro h1 .mao, .secao--escuro h2 .mao{text-shadow:var(--luz);}
.botao__texto-mao{font-weight:600; font-size:1.55em;}

/* ==========================================================================
   OS MATERIAIS · vidro escuro, vidro branco, vidro rosa e branco sólido
   ========================================================================== */
/* a sala branca: branco sólido, sem textura, com a sombra tingida */
.painel{
  background-color:#fff; background-image:none;
  border:1px solid rgba(255,255,255,.7);
  box-shadow:0 30px 80px rgba(20,16,28,.26), 0 0 0 1px rgba(20,22,28,.04);
}
/* o divisor do Feixe: a linha se desenha no alto da sala e o foguete pousa na ponta */
.painel::before{
  top:24px; left:var(--esp-6); right:calc(var(--esp-6) + 28px); height:1px; border-radius:0;
  background:linear-gradient(90deg, rgba(161,9,95,0), rgba(161,9,95,.55) 30%, var(--fucsia));
  transform-origin:left center;
  transition:transform 1.3s var(--mola);
}
.painel::after{
  content:''; position:absolute; top:15px; right:var(--esp-6); width:18px; height:18px;
  background:var(--fucsia);
  -webkit-mask:url('marca/foguete.svg') center/contain no-repeat;
          mask:url('marca/foguete.svg') center/contain no-repeat;
  transition:opacity .7s var(--mola) .9s, transform .7s var(--mola) .9s;
}
html.mov .painel:not(.visto)::before{transform:scaleX(0);}
html.mov .painel:not(.visto)::after{opacity:0; transform:translate(-14px,10px);}

/* o vidro escuro, sobre o universo */
.vidro{background:var(--vidro-e); border:1px solid var(--fio-vidro); box-shadow:var(--reflexo);}
.vidro::before{display:none;}
.vidro--fundo{background:rgba(20,22,28,.55);}

/* a caixa escura numa sala clara deixa de ser chapa: vira vidro escuro sobre
   a foto do universo, que aparece desfocada por trás */
.bordo-escuro{
  isolation:isolate; overflow:hidden;
  background-color:var(--noite); background-image:none;
  border:1px solid var(--fio-vidro);
  box-shadow:var(--reflexo), 0 18px 44px rgba(20,16,28,.16);
}
.bordo-escuro::before{
  content:''; position:absolute; top:-30px; right:-30px; bottom:-30px; left:-30px; height:auto;
  z-index:-1; border-radius:0;
  background:linear-gradient(180deg, rgba(20,16,28,.52), rgba(20,16,28,.72)), url('fundo-02.jpg') 72% 40% / cover no-repeat;
  filter:blur(12px) saturate(1.25);
}

.cartao{background-image:none; box-shadow:none;}
/* rótulo em mono dentro da caixa escura: branco, porque rosa em letra no escuro é proibido */
.bordo-escuro .carimbo{color:rgba(255,255,255,.62);}
.cartao--nevoa{background-color:var(--nevoa);}

/* ==========================================================================
   OS BOTÕES · fúcsia sólido, em pílula, e o de linha para o que é mais calmo
   ========================================================================== */
.botao{border-radius:var(--raio-pilula); box-shadow:0 10px 26px rgba(161,9,95,.28); transition:transform .2s var(--mola), background-color .2s var(--mola);}
.botao:hover{transform:translateY(-1px); background:var(--vinho);}
.botao:active{transform:scale(.97); background:var(--vinho);}
.botao:hover .botao__foguete{transform:translate(3px,-4px);}

/* ==========================================================================
   A VITRINE E AS FAIXAS · mais leves, sem sombra pesada
   ========================================================================== */
.vitrine{box-shadow:none; border:1px solid rgba(255,255,255,.10);}
.vitrine--clara{border:1px solid var(--c-linha); box-shadow:0 12px 32px rgba(161,9,95,.06);}
.vitrine:hover{transform:translateY(-2px);}
.faixa2027__seta, .trilha-seta{background:var(--vidro-e); border-color:var(--fio-vidro); box-shadow:var(--reflexo);}
.secao--claro .faixa2027__seta{background:#fff; box-shadow:none;}

/* ==========================================================================
   O PLAYER DA CASA · o do Laboratório: o anel conta o tempo, a onda acende e
   o Feixe corre embaixo dela. O movimento.js põe o anel e a foto.
   ========================================================================== */
.tocador{--p:0; gap:14px; padding:8px 18px 8px 8px; background:#fff; border:1px solid var(--c-linha); box-shadow:0 12px 32px rgba(161,9,95,.06);}
.tocador__play{width:46px; height:46px; box-shadow:0 8px 20px rgba(161,9,95,.26);}
.tocador__play::after{display:none;}
.tocador__play:hover{transform:none; background:var(--vinho);}
.anel{position:absolute; top:-5px; left:-5px; width:calc(100% + 10px); height:calc(100% + 10px); transform:rotate(-90deg); overflow:visible; pointer-events:none;}
.anel circle{fill:none; stroke:var(--fucsia); stroke-width:2.6; stroke-linecap:round; stroke-dasharray:100; stroke-dashoffset:100; transition:stroke-dashoffset .25s linear;}
.tocador__onda{overflow:visible;}
.tocador__onda i{max-width:3px; background:#D5D8E0;}
.tocador__onda i.acesa{background:var(--fucsia);}
/* o Feixe embaixo da onda: 1px que anda com o áudio */
.tocador__onda::after{
  top:auto; bottom:-5px; height:1px; opacity:1;
  -webkit-mask:none; mask:none;
  background:var(--fucsia); box-shadow:0 0 6px rgba(161,9,95,.7);
  transform:scaleX(var(--p)); transform-origin:left center;
}
.tocador__tempo{color:var(--cinza);}

/* a foto de quem fala dentro do anel, e o play vira um selo fúcsia */
.tocador--foto .tocador__play{width:58px; height:58px; background:none; box-shadow:none;}
.tocador--foto .anel{top:0; left:0; width:100%; height:100%;}
.tocador__foto{position:absolute; top:5px; left:5px; width:calc(100% - 10px); height:calc(100% - 10px); border-radius:50%; object-fit:cover;}
.tocador--foto .tocador__triangulo, .tocador--foto.tocando .tocador__triangulo{
  position:absolute; right:-3px; bottom:-3px; width:24px; height:24px; margin:0;
  border:0; border-radius:50%; background:var(--fucsia); box-shadow:0 0 0 3px #fff;
}
.tocador--foto .tocador__triangulo::before{content:''; position:absolute; left:9px; top:7px; border-left:8px solid #fff; border-top:5px solid transparent; border-bottom:5px solid transparent;}
.tocador--foto.tocando .tocador__triangulo::before{left:8px; top:7px; width:3px; height:10px; border:0; background:#fff; box-shadow:5px 0 0 #fff;}
.recado--anel{grid-template-columns:minmax(0,1fr); grid-template-areas:"quem" "audio" "ler";}
.recado--anel > .recado__foto{display:none;}

/* o player no escuro: a Diffy no escuro, e o player em vidro sobre o universo */
.secao--escuro .tocador, .vidro .tocador, .bordo-escuro .tocador, .recado--noite .tocador{background:rgba(255,255,255,.06); border-color:rgba(255,255,255,.16); box-shadow:none;}
.secao--escuro .tocador__onda i, .vidro .tocador__onda i, .bordo-escuro .tocador__onda i{background:rgba(255,255,255,.26);}
.secao--escuro .tocador__onda i.acesa, .vidro .tocador__onda i.acesa, .bordo-escuro .tocador__onda i.acesa{background:#fff;}
.secao--escuro .tocador__onda::after, .vidro .tocador__onda::after, .bordo-escuro .tocador__onda::after{background:#fff; box-shadow:var(--brilho-fio);}
.secao--escuro .anel circle, .vidro .anel circle, .bordo-escuro .anel circle{stroke:#fff; filter:drop-shadow(0 0 3px rgba(161,9,95,1));}
.secao--escuro .tocador--foto .tocador__triangulo, .vidro .tocador--foto .tocador__triangulo{box-shadow:0 0 0 3px rgba(20,22,28,.6);}
.secao--escuro .tocador__tempo, .vidro .tocador__tempo{color:rgba(255,255,255,.62);}

/* o recado: nome em Playfair, papel em mono, como a caixa de fala do Padrão */
.recado{padding:var(--esp-3); border-radius:var(--raio-caixa);}
.recado__nome{font-family:var(--serif); font-style:italic; font-weight:700; font-size:18px; color:var(--c-tinta); text-shadow:none;}
.secao--escuro .recado__nome, .vidro.recado .recado__nome{color:#fff; text-shadow:none;}
.recado__papel{font-size:15px;}
.recado__foto{border:0; box-shadow:0 0 0 2px #fff, 0 0 0 3px var(--c-linha);}

/* os depoimentos: o anel em volta do play, e a onda com o que já foi */
.aud{--p:0; padding:7px 14px 7px 7px; background:rgba(255,255,255,.06); border-color:rgba(255,255,255,.16);}
.aud .pl{position:relative; width:40px; height:40px; box-shadow:0 0 16px rgba(161,9,95,.55);}
.aud .pl:hover{transform:none;}
.aud .pl .anel circle{stroke:#fff; filter:drop-shadow(0 0 3px rgba(161,9,95,1));}
.aud .pl svg.anel{width:calc(100% + 10px); height:calc(100% + 10px); margin:0; fill:none;}
.aud .onda{position:relative;}
.aud .onda i{background:rgba(255,255,255,.26);}
.aud .onda i.acesa, .aud.tocando .onda i.acesa{background:#fff;}
.aud.tocando .onda i{background:rgba(255,255,255,.34);}
.aud .onda::after{content:''; position:absolute; left:0; right:0; bottom:-3px; height:1px; background:#fff; box-shadow:var(--brilho-fio); transform:scaleX(var(--p)); transform-origin:left center;}

/* ==========================================================================
   O RODAPÉ DE VÍDEO · sempre embaixo, sempre em vidro, com a foto no fúcsia,
   o tempo e o play fúcsia, que some quando o vídeo toca
   ========================================================================== */
.play{width:44px; height:44px; box-shadow:0 0 16px rgba(161,9,95,.7);}
.play::before, .play::after{display:none;}
.play--pequeno{width:42px; height:42px;}
.play--pequeno .play__seta{border-left-width:12px; border-top-width:7px; border-bottom-width:7px; margin-left:3px;}

.rodape-video{
  top:auto; bottom:10px; left:10px; right:10px; transform:none;
  display:flex; flex-direction:row; align-items:center; gap:12px;
  padding:9px 9px 9px 9px; border-radius:16px; text-align:left;
}
.rodape-video::before{display:none;}
.rodape-video .balao--fala__texto{flex:1 1 auto; min-width:0;}
.rodape-video p{font-size:13.5px; font-weight:400; line-height:1.4;}
.rodape-video .video__play{flex:none;}
.rodape-video .rodape-video__foto{flex:none; width:40px; height:40px; border-radius:50%; object-fit:cover; box-shadow:0 0 0 2px rgba(255,255,255,.75);}
.rodape-video__tempo{display:block; margin:0 0 4px; font-family:var(--mono); font-size:9.5px; font-weight:500; letter-spacing:.16em; text-transform:uppercase;}
.rodape-video .balao__quem{display:flex; align-items:center; gap:8px; margin:0 0 4px; font-family:var(--mono); font-size:9.5px; font-weight:500; letter-spacing:.16em; text-transform:uppercase; color:rgba(255,255,255,.72); text-shadow:none;}
.rodape-video .balao__quem .rodape-video__tempo{margin:0;}
.rodape-video .balao__quem .rodape-video__tempo::before{content:'·'; margin-right:8px;}
.rodape-video--escuro{background:rgba(20,22,28,.5); -webkit-backdrop-filter:blur(14px); backdrop-filter:blur(14px); border:1px solid rgba(255,255,255,.16); box-shadow:inset 0 1px 0 rgba(255,255,255,.14);}
.rodape-video--escuro .rodape-video__tempo{color:rgba(255,255,255,.65);}
.rodape-video--claro{background:var(--vidro-b); -webkit-backdrop-filter:blur(18px) saturate(1.3); backdrop-filter:blur(18px) saturate(1.3); border:1px solid rgba(255,255,255,.7); box-shadow:none;}
.rodape-video--claro p{color:var(--tinta);}
.rodape-video--claro .rodape-video__tempo{color:var(--cinza);}
/* dentro do celular o rodapé é estreito: a foto, o tempo e o play numa linha, e a frase embaixo */
.cel .rodape-video{
  top:auto; bottom:12px; left:10px; right:10px;
  display:grid; grid-template-columns:auto minmax(0,1fr) auto; align-items:center; gap:8px 10px;
}
.cel .rodape-video .balao--fala__texto{display:contents;}
.cel .rodape-video .rodape-video__foto{grid-column:1; grid-row:1; width:34px; height:34px;}
.cel .rodape-video .rodape-video__tempo{grid-column:2; grid-row:1; margin:0;}
.cel .rodape-video .video__play{grid-column:3; grid-row:1;}
.cel .rodape-video p{grid-column:1 / -1; grid-row:2; font-size:13px;}
.video__moldura{border-color:rgba(255,255,255,.14); box-shadow:none;}
.hero__diffy .video__moldura{box-shadow:0 24px 60px rgba(20,16,28,.4), 0 0 0 1px rgba(255,255,255,.08);}
@media (max-width:640px){
  /* no celular o vídeo deitado é baixo demais para o rodapé morar por cima: ele
     vem logo embaixo da imagem, ainda em vidro, e sai junto quando o vídeo toca */
  .video__moldura{aspect-ratio:auto; background:rgba(20,22,28,.45);}
  .video__moldura > img, .video__moldura > video{aspect-ratio:16/9; height:auto;}
  .video__moldura > .rodape-video{position:relative; left:auto; right:auto; bottom:auto; margin:0; border-radius:0; border-width:1px 0 0; border-color:rgba(255,255,255,.12);}
}

/* ==========================================================================
   A CAIXA DE FALA · a Carol no vidro branco, à esquerda
   ========================================================================== */
.fala{display:flex; align-items:flex-end; gap:10px;}
.fala__foto{flex:none; width:46px; height:46px; border-radius:50%; object-fit:cover; box-shadow:0 0 0 2px rgba(255,255,255,.8);}

/* ==========================================================================
   O CONTORNO · a linha que dá a volta na caixa escolhida, e fica fraquinha
   ========================================================================== */
.contorno-feixe{position:absolute; top:0; left:0; width:100%; height:100%; overflow:visible; pointer-events:none; z-index:3;}
.contorno-feixe rect{fill:none; stroke:var(--fucsia); stroke-width:1.3; stroke-dasharray:100; stroke-dashoffset:100; opacity:0;}
.contorno-feixe.anda rect{animation:contorna 2.4s var(--mola) forwards;}
.secao--escuro .contorno-feixe rect{stroke:#fff; filter:drop-shadow(0 0 4px rgba(161,9,95,.95));}
@keyframes contorna{0%{stroke-dashoffset:100; opacity:1} 60%{stroke-dashoffset:0; opacity:1} 100%{stroke-dashoffset:0; opacity:.35}}

/* ==========================================================================
   1 · O TOPO
   ========================================================================== */
/* o deslizamento: o topo fica parado quando o pé dele encosta no pé da tela, e
   o painel branco da Carol sobe por cima. Sem o movimento.js a variável não
   existe, o topo não cola, e a página rola como sempre rolou */
.decola{position:relative;}
.decola > .hero{position:sticky; top:var(--topo-cola); z-index:0;}
.decola > .carol-abre{position:relative; z-index:1;}
.hero::after{content:''; position:absolute; top:0; right:0; bottom:0; left:0; z-index:4; pointer-events:none; background:var(--noite); opacity:var(--cobre, 0);}

.hero__marcas{display:flex; align-items:center; flex-wrap:wrap; gap:12px 18px; margin:0 0 var(--esp-4);}
.hero__marcas .lk{font-size:30px;}
.hero__marcas .hero__marca{margin:0; padding-left:18px; border-left:1px solid rgba(255,255,255,.22); font-size:10px; color:rgba(255,255,255,.7);}
.hero__foguete{width:14px; height:14px;}

.selo-campanha{background:var(--vidro-e); border-color:var(--fio-vidro); box-shadow:var(--reflexo);}
.selo-campanha__data{background:var(--vidro-r); -webkit-backdrop-filter:blur(22px) saturate(1.3); backdrop-filter:blur(22px) saturate(1.3); border:1px solid rgba(255,255,255,.22); box-shadow:inset 0 1px 0 rgba(255,255,255,.2);}
.selo-campanha__acao{color:rgba(255,255,255,.62);}

/* o "inédito!" do topo: branco e aceso, e o Feixe passa devagar lendo a palavra */
.hero__titulo .mao{position:relative; display:inline-block; font-weight:600; font-size:1.3em; padding:0 .06em;}
.hero__titulo .mao::after{
  content:''; position:absolute; top:6%; bottom:2%; left:0; width:100%; pointer-events:none;
  background:linear-gradient(90deg, rgba(255,255,255,0) 50%, rgba(255,255,255,.12) calc(100% - 2px), #fff calc(100% - 2px));
  filter:drop-shadow(0 0 6px rgba(161,9,95,.95));
  opacity:0; transform:translateX(-100%);
  animation:varre-palavra 8s var(--mola) 1.4s infinite;
}
@keyframes varre-palavra{
  0%{transform:translateX(-100%); opacity:0}
  5%{opacity:1}
  36%{transform:translateX(0); opacity:1}
  44%,100%{transform:translateX(0); opacity:0}
}

.naoe-item{background:var(--vidro-e); border-color:var(--fio-vidro); box-shadow:var(--reflexo);}
.naoe-x{border-color:rgba(255,255,255,.3); color:#fff; font-weight:500;}

/* ==========================================================================
   2 · A CAROL
   ========================================================================== */
.cel{border-radius:40px; box-shadow:0 30px 70px rgba(20,16,28,.34), 0 0 0 1px rgba(255,255,255,.14);}
.cel::before{background:var(--noite);}
.cel .tela{border-radius:32px;}

/* ==========================================================================
   3 · AS INÉDITAS
   ========================================================================== */
.case{border-radius:var(--raio-caixa);}
.case-quem .marca{color:rgba(255,255,255,.62);}
.case-aspas::before{opacity:.35;}
.case-ia{border-top-color:rgba(255,255,255,.1);}
.case-ia>img{border-radius:50%; border-color:rgba(255,255,255,.2);}
.ineditas .assessora__titulo{text-shadow:none;}
/* a caixa das assessoras tinha herdado a grade da sala nova da Assessora */
.ineditas .assessora__grade{grid-template-columns:minmax(0,1fr); margin:0;}
@media (min-width:900px){.ineditas .assessora__grade{grid-template-columns:repeat(3, minmax(0,1fr));}}

/* ==========================================================================
   4 · O QUE É O RAIOX
   ========================================================================== */
.oque__marca{display:flex; width:max-content; font-size:40px; margin:0 0 var(--esp-3);}
.def2__nome{color:var(--c-tinta);}

/* ==========================================================================
   5 · O MÉTODO 8.8.8 · continua tabela, com a letra em vidro rosa e a estrela
   da inédita no Diferencial. Ativações sem rosa nenhum.
   ========================================================================== */
.bordo__cabeca{background:rgba(255,255,255,.04); color:rgba(255,255,255,.62); border-bottom-color:rgba(255,255,255,.14);}
.bordo__linha{border-top-color:rgba(255,255,255,.08);}
.bordo__letra{
  width:38px; height:38px; border-radius:var(--raio-controle); border:1px solid rgba(255,255,255,.24);
  font-family:var(--serif); font-style:italic; font-weight:700; font-size:19px;
  background:rgba(161,9,95,.34); -webkit-backdrop-filter:blur(14px) saturate(1.3); backdrop-filter:blur(14px) saturate(1.3);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.28), 0 0 18px rgba(161,9,95,.35);
}
.bordo__letra--estrela svg{width:22px; height:22px; display:block;}
.bordo__ativacao{display:block; color:var(--e-tinta); font-weight:300;}
.bordo__ativacao::before{display:none;}
@media (max-width:1023px){
  /* no celular, cada letra é um bloco de vidro, com as três coisas uma embaixo
     da outra e o nome de cada uma escrito em cima */
  .bordo{background:none; border:0; box-shadow:none; -webkit-backdrop-filter:none; backdrop-filter:none; display:grid; gap:10px; overflow:visible;}
  .bordo__linha, .bordo__linha:first-of-type{
    border:1px solid var(--fio-vidro); border-radius:16px;
    background:var(--vidro-e); -webkit-backdrop-filter:blur(18px); backdrop-filter:blur(18px); box-shadow:var(--reflexo);
    gap:0; padding:var(--esp-3);
  }
  .bordo__metodo{padding-bottom:var(--esp-2);}
  .bordo__estrategia, .bordo__estrutura, .bordo__ativacao{display:block; padding:10px 0; border-top:1px solid rgba(255,255,255,.08);}
  .bordo__ativacao{padding-bottom:0;}
  .bordo__r{color:rgba(255,255,255,.55);}
}

/* ==========================================================================
   6 · NO MEU NEGÓCIO
   ========================================================================== */
.nicho{position:relative; background-color:var(--nevoa); background-image:none;}
.nicho:hover{border-color:rgba(161,9,95,.32); background-color:#fff;}
.nicho[aria-pressed="true"]{border-color:var(--fucsia); background-color:#fff; box-shadow:var(--sombra-branca);}
.raio{background-image:none; box-shadow:var(--sombra-branca);}
.raio::before{width:1px; border-radius:0;}
.nichos__procura{border-radius:var(--raio-pilula);}

/* ==========================================================================
   7 · O CRONOGRAMA DE ENTREGAS · o Feixe desce junto com a rolagem
   ========================================================================== */
.voo::after{content:''; position:absolute; left:11px; top:14px; bottom:14px; width:1px; background:var(--fucsia); box-shadow:0 0 6px rgba(161,9,95,.55); transform-origin:top center; transform:scaleY(var(--p, 1));}
.voo__item{z-index:1;}
.voo__item--presencial{background-image:none; background-color:var(--nevoa);}
.voo__item--encontro::before{box-shadow:0 0 0 4px rgba(161,9,95,.12);}

/* ==========================================================================
   8 · A CENTRAL, e 9 · O QUE VOCÊ VAI LEVAR
   ========================================================================== */
.leva__turbina{background-image:none; background-color:var(--nevoa);}
/* o recado da Diffy, numa sala branca, é cartão escuro: a Diffy no escuro */
.leva .recado{background:var(--noite2); border-color:rgba(255,255,255,.08); box-shadow:var(--reflexo); color:#fff;}
.leva .recado .recado__nome{color:#fff;}
.leva .recado .recado__papel{color:rgba(255,255,255,.72); font-weight:400;}
.leva .recado .recado__texto{color:rgba(255,255,255,.8);}
.leva .recado .recado__texto strong{color:#fff;}
.leva .recado .pilula{border-color:rgba(255,255,255,.18); color:rgba(255,255,255,.8);}
.leva .recado .tocador{background:rgba(255,255,255,.06); border-color:rgba(255,255,255,.16); box-shadow:none;}
.leva .recado .tocador__onda i{background:rgba(255,255,255,.26);}
.leva .recado .tocador__onda i.acesa{background:#fff;}
.leva .recado .tocador__onda::after{background:#fff; box-shadow:var(--brilho-fio);}
.leva .recado .anel circle{stroke:#fff; filter:drop-shadow(0 0 3px rgba(161,9,95,1));}
.leva .recado .tocador--foto .tocador__triangulo{box-shadow:0 0 0 3px var(--noite2);}
.leva .recado .tocador__tempo{color:rgba(255,255,255,.62);}

/* a revelação: a névoa branca cobre a Bagagem, e a linha fúcsia passa e mostra */
.revela{position:relative;}
.revela-nevoa{
  position:absolute; top:0; right:0; bottom:0; left:0; z-index:5;
  background:rgba(245,246,249,.86); -webkit-backdrop-filter:blur(14px) saturate(1.2); backdrop-filter:blur(14px) saturate(1.2);
  clip-path:inset(0 0 0 0);
  transition:clip-path 1.9s var(--mola);
}
.revela-linha{position:absolute; top:0; right:0; bottom:0; left:0; z-index:6; pointer-events:none; transition:transform 1.9s var(--mola);}
.revela-linha::before{content:''; position:absolute; top:0; bottom:0; left:0; width:2px; margin-left:-1px; background:var(--fucsia); box-shadow:0 0 12px rgba(161,9,95,.9), 0 0 30px rgba(161,9,95,.5);}
.revelando .revela-nevoa{clip-path:inset(0 0 0 100%);}
.revelando .revela-linha{transform:translateX(100%);}

/* ==========================================================================
   10 · A COMANDANTE · o recado dela vira a caixa de fala em vidro branco, à
   esquerda, sobre a foto do universo
   ========================================================================== */
.comandante__fala{
  margin:0 0 var(--esp-4); padding:var(--esp-3) 14px;
  border-radius:var(--raio-caixa);
  background:var(--noite) url('fundo-02.jpg') 30% 60% / cover no-repeat;
}
.comandante__recado{
  flex:1 1 auto; min-width:0; margin:0; padding:var(--esp-3);
  border-radius:16px 16px 16px 6px;
  background:rgba(255,255,255,.72); -webkit-backdrop-filter:blur(18px) saturate(1.3); backdrop-filter:blur(18px) saturate(1.3);
  border:1px solid rgba(255,255,255,.7); color:var(--c-tinta);
}
.comandante__recado p{color:var(--c-tinta-2);}
.comandante__recado p strong{color:var(--c-tinta);}
.comandante__bora{color:var(--fucsia) !important; text-shadow:none;}
.comandante__assina{border-top-color:var(--c-linha); color:var(--cinza);}
.comandante__escuta{background:#fff; border:1px solid var(--c-linha); box-shadow:var(--sombra-branca);}
.comandante__escuta .recado__titulo{font-size:26px;}

/* os três vídeos da Carol: play fúcsia e o título num vidro no pé do cartão */
.insta-card::after{background:linear-gradient(180deg, rgba(20,16,28,0) 55%, rgba(20,16,28,.5) 100%);}
.insta-card__play{width:40px; height:40px; background:var(--fucsia); border:0; box-shadow:0 0 16px rgba(161,9,95,.7);}
.insta-card:hover .insta-card__play{background:var(--vinho);}
.insta-card__titulo{
  left:8px; right:8px; bottom:8px; padding:9px 11px; border-radius:var(--raio-controle);
  background:rgba(20,22,28,.5); -webkit-backdrop-filter:blur(14px); backdrop-filter:blur(14px);
  border:1px solid rgba(255,255,255,.16); text-shadow:none; font-size:12px;
}

/* ==========================================================================
   11 · QUANTO VOCÊ PAGARIA, 12 · BÔNUS e 13 · CALCULADORA
   ========================================================================== */
.precos__total strong{text-shadow:none;}
.fala-diffy{background:var(--nevoa); border-color:var(--c-linha);}
.fala-diffy__foto{border:0; box-shadow:0 0 0 2px #fff, 0 0 0 3px var(--c-linha);}
.calc__ganho-num{text-shadow:0 0 24px rgba(161,9,95,.6);}
.calc__cen--novo .calc__cen-num{color:#fff;}
.calc__anual{border-left:1px solid #fff; background:rgba(255,255,255,.06);}
.calc__range::-webkit-slider-thumb{box-shadow:0 3px 12px rgba(161,9,95,.25);}

/* ==========================================================================
   14 · O INVESTIMENTO · o preço antigo riscado pelo Feixe, e o novo chegando
   ========================================================================== */
.prevenda__codigo{border-style:dashed; border-color:rgba(255,255,255,.34);}
.cartao-pagamento{border-radius:var(--raio-caixa);}
.cartao-pagamento__selo{border-color:rgba(255,255,255,.24);}
.cartao-pagamento--destaque{box-shadow:var(--reflexo), 0 0 0 1px rgba(255,255,255,.34);}
.cartao-pagamento--destaque .cartao-pagamento__selo{background:var(--vidro-r); border-color:rgba(255,255,255,.22); color:#fff;}
.cartao-pagamento.com-cupom .cartao-pagamento__valor::after{color:rgba(255,255,255,.8); font-weight:500;}

/* o preço antigo: a linha de luz risca da esquerda para a direita */
.cartao-pagamento__antes{position:relative; display:table; margin-bottom:2px; text-decoration:none; font-family:var(--serif); font-weight:400; font-size:15px; color:rgba(255,255,255,.55);}
.cartao-pagamento__antes::after{
  content:''; position:absolute; left:-3px; right:-3px; top:55%; height:1px;
  background:#fff; box-shadow:0 0 6px rgba(161,9,95,.95), 0 0 14px rgba(161,9,95,.6);
  transform-origin:left center; animation:risca-preco .9s var(--mola) .15s both;
}
@keyframes risca-preco{from{transform:scaleX(0)} to{transform:scaleX(1)}}
/* o preço novo chega logo depois, subindo um pouco */
.cartao-pagamento__valor b{display:inline-block;}
.com-cupom .cartao-pagamento__valor b{animation:chega-preco .8s var(--mola) .45s both;}
@keyframes chega-preco{from{opacity:.3; transform:translateY(8px)} to{opacity:1; transform:none}}

.cupom{background:var(--vidro-e); -webkit-backdrop-filter:blur(18px); backdrop-filter:blur(18px); border-color:var(--fio-vidro); box-shadow:var(--reflexo); border-radius:var(--raio-caixa);}
.cupom__chamada-leve{color:rgba(255,255,255,.62);}
.cupom__campo{border-radius:var(--raio-pilula); padding-inline:18px;}
.cupom__campo:focus{border-color:#fff; box-shadow:0 0 0 3px rgba(161,9,95,.28);}
.cupom__aviso--ok::before{content:''; display:inline-block; width:6px; height:6px; margin-right:9px; border-radius:50%; background:#fff; box-shadow:0 0 8px rgba(161,9,95,1); vertical-align:2px;}

/* ==========================================================================
   14b · A ASSESSORA · mais calma e mais baixa que o investimento do RaioX:
   título menor, cartões brancos e botão de linha. O fúcsia sólido fica só no
   "Prefiro o RaioX inteiro", que é a preferência da casa.
   ========================================================================== */
/* a Assessora volta ao tamanho de sala: a Carol pediu ela atrativa (27/09), e quem segura a preferência pelo RaioX são os botões e a conta */
.assessora-sala .assessora__grade{margin:var(--esp-4) 0;}
.assessora-sala .cartao-pagamento{background:#fff; border:1px solid var(--c-linha); box-shadow:none; -webkit-backdrop-filter:none; backdrop-filter:none; padding:18px;}
.assessora-sala .cartao-pagamento--destaque{border-color:var(--c-linha-forte); box-shadow:none;}
.assessora-sala .cartao-pagamento__selo, .assessora-sala .cartao-pagamento--destaque .cartao-pagamento__selo{background:none; border-color:var(--c-linha-forte); color:var(--c-tinta-3);}
.assessora-sala .cartao-pagamento__titulo{font-size:16px;}
.assessora-sala .cartao-pagamento__valor{font-size:19px;}
.assessora-sala .cartao-pagamento__cta{background:#fff; color:var(--c-tinta); border:1px solid var(--c-tinta); box-shadow:none; font-weight:500;}
.assessora-sala .cartao-pagamento__cta:hover{background:var(--nevoa); color:var(--c-tinta); transform:none;}
.assessora__passos li::before{border-color:var(--c-linha-forte); color:var(--c-tinta);}
.conta__tabela{padding:4px 18px; border:1px solid var(--c-linha); border-radius:var(--raio-caixa); background:#fff;}
.conta__linha:first-child{border-top:0;}
.conta__motivos li{background:var(--nevoa);}

/* ==========================================================================
   15 · VEM CONVERSAR · a Diffy responde no vidro escuro, à direita, com o selo
   do foguete, e quem pergunta fica no vidro branco, à esquerda
   ========================================================================== */

.conversa--viva{padding:var(--esp-3) 12px; border-radius:var(--raio-caixa); background:var(--noite) url('fundo-02.jpg') 30% 60% / cover no-repeat;}
.conversa__bolha--diffy{position:relative; flex-direction:row-reverse; justify-content:flex-start;}
.conversa__bolha--diffy::after{
  content:''; position:absolute; right:-4px; top:24px; width:20px; height:20px; border-radius:50%;
  background:var(--fucsia) url('marca/foguete-branco.svg') center / 11px no-repeat;
  box-shadow:0 0 0 2px rgba(255,255,255,.8);
}
.conversa__avatar{box-shadow:0 0 0 2px rgba(255,255,255,.8);}
.conversa__texto{max-width:88%;}
.conversa__bolha--diffy .conversa__texto{
  color:#fff; background:var(--vidro-e); -webkit-backdrop-filter:blur(18px); backdrop-filter:blur(18px);
  border:1px solid rgba(255,255,255,.16); box-shadow:inset 0 1px 0 rgba(255,255,255,.14);
  border-radius:16px 16px 6px 16px;
}
.conversa__bolha--eu{flex-direction:row;}
.conversa__bolha--eu .conversa__texto{
  color:var(--c-tinta); background:var(--vidro-b); -webkit-backdrop-filter:blur(18px) saturate(1.3); backdrop-filter:blur(18px) saturate(1.3);
  border:1px solid rgba(255,255,255,.7); box-shadow:none;
  border-radius:16px 16px 16px 6px;
}

/* ==========================================================================
   16 · O FECHO · o recado da Carol no vidro branco, e o rodapé branco com o
   logotipo em cor: a lupa fúcsia e o nome em tinta
   ========================================================================== */
.fecho .recado--carol{background:rgba(255,255,255,.72); -webkit-backdrop-filter:blur(18px) saturate(1.3); backdrop-filter:blur(18px) saturate(1.3); border:1px solid rgba(255,255,255,.7); box-shadow:none; color:var(--c-tinta);}
.fecho .recado--carol .recado__nome{color:var(--c-tinta);}
.fecho .recado--carol .recado__papel{color:var(--c-tinta);}
.fecho .recado--carol .recado__texto{color:var(--c-tinta-2);}
.fecho .recado--carol .recado__texto strong{color:var(--c-tinta);}
.fecho .recado--carol .pilula{border-color:var(--c-linha-forte); color:var(--c-tinta-3);}
.fecho .recado--carol .pilula:hover{border-color:var(--fucsia); color:var(--fucsia); background:#fff;}
.fecho .recado--carol .tocador{background:#fff; border-color:var(--c-linha); box-shadow:none;}
.fecho .recado--carol .tocador__onda i{background:#D5D8E0;}
.fecho .recado--carol .tocador__onda i.acesa{background:var(--fucsia);}
.fecho .recado--carol .tocador__onda::after{background:var(--fucsia); box-shadow:0 0 6px rgba(161,9,95,.7);}
.fecho .recado--carol .anel circle{stroke:var(--fucsia); filter:none;}
.fecho .recado--carol .tocador--foto .tocador__triangulo{box-shadow:0 0 0 3px #fff;}
.fecho .recado--carol .tocador__tempo{color:var(--cinza);}
.fecho .recado--carol .recado__foto{box-shadow:0 0 0 2px #fff;}
.fecho__assinatura{text-shadow:none;}

.rodape{flex-direction:column; gap:16px; padding:var(--esp-6) 24px; background:#fff; color:var(--cinza); border-top:1px solid var(--c-linha);}
.rodape__marca{font-size:34px;}
.rodape__linha{display:block; max-width:34em; margin:0 auto; text-align:center; font-family:var(--mono); font-size:11px; letter-spacing:.08em; color:var(--cinza);}
.rodape__linha .rodape__foguete{display:none;}
.rodape__linha::before{content:''; display:inline-block; vertical-align:-2px; margin-right:10px; width:14px; height:14px; background:var(--fucsia); -webkit-mask:url('marca/foguete.svg') center/contain no-repeat; mask:url('marca/foguete.svg') center/contain no-repeat;}

/* ==========================================================================
   O CELULAR · respiros e tamanhos do que é novo
   ========================================================================== */
@media (max-width:1023px){
  .painel::before{left:var(--esp-4); right:calc(var(--esp-4) + 28px);}
  .painel::after{right:var(--esp-4);}
}
@media (max-width:640px){
  .painel::before{top:18px; left:var(--esp-3); right:calc(var(--esp-3) + 26px);}
  .painel::after{top:9px; right:var(--esp-3); width:17px; height:17px;}
  .hero__marcas .lk{font-size:26px;}
  /* a trilha dos depoimentos sangrava 6px além da tela: a sala tem 10px de lado no celular */
  .trilha-dep{margin:0 -10px; padding-inline:10px;}
  .oque__marca{font-size:34px;}
  .comandante__fala{padding:14px 10px;}
  .comandante__fala .fala__foto{width:38px; height:38px;}
  .comandante__recado{padding:var(--esp-2) var(--esp-2) var(--esp-3);}
  .rodape__marca{font-size:30px;}
  .conta__tabela{padding:2px 12px;}
}

/* ==========================================================================
   O MOVIMENTO REDUZIDO · tudo parado, e tudo à vista
   ========================================================================== */
@media (prefers-reduced-motion:reduce){
  .hero__titulo .mao::after{animation:none; opacity:0;}
  .contorno-feixe, .revela-nevoa, .revela-linha{display:none;}
  .cartao-pagamento__antes::after, .com-cupom .cartao-pagamento__valor b{animation:none;}
  .painel::before, .painel::after, .secao--claro .luz, .nichos__palavra{transition:none;}
  .decola > .hero{position:relative; top:auto;}
  .hero::after{display:none;}
}

/* ==========================================================================
   27/09 · os ajustes que vieram depois do visual
   ========================================================================== */

/* as assessoras de verdade, na sala da Assessora: é o que deixa ela atrativa
   sem inventar nada, porque cada rosto é um projeto no ar */
.assessora__vitrine{margin:var(--esp-4) 0 0;}
.assessora__rostos{list-style:none; margin:0; padding:4px 2px 12px; display:flex; gap:var(--esp-2); overflow-x:auto; scroll-snap-type:x mandatory; justify-content:flex-start;}
@media (min-width:1024px){.assessora__rostos{justify-content:center; overflow:visible; flex-wrap:wrap;}}
.assessora__rosto{flex:none; width:128px; scroll-snap-align:start; display:grid; justify-items:center; gap:4px; text-align:center;}
.assessora__rosto img{width:112px; height:112px; border-radius:50%; object-fit:cover; border:1px solid var(--c-linha); box-shadow:0 0 0 5px #fff, 0 10px 26px rgba(20,22,28,.10); transition:transform .35s var(--ease-casa), box-shadow .35s var(--ease-casa);}
.assessora__rosto:hover img{transform:translateY(-3px); box-shadow:0 0 0 5px #fff, 0 0 0 6px rgba(161,9,95,.35), 0 14px 30px rgba(20,22,28,.14);}
.assessora__rosto b{margin-top:6px; font-family:var(--serif); font-style:italic; font-weight:700; font-size:17px; color:var(--c-tinta);}
.assessora__rosto .carimbo{font-size:9.5px; color:var(--c-tinta-3);}
.assessora__legenda{margin:var(--esp-2) auto 0; max-width:var(--larg-texto); text-align:center; font-size:13.5px; font-weight:300; color:var(--c-tinta-3); text-wrap:pretty;}
.assessora-sala .cartao-pagamento--destaque{border-color:rgba(161,9,95,.45);}
.assessora-sala .cartao-pagamento--destaque .cartao-pagamento__cta{border-color:var(--fucsia); color:var(--fucsia);}

/* o que se repete todo mês, no cronograma */
.ritmo{margin:var(--esp-3) 0 0; padding:var(--esp-3) 0 0; border-top:1px solid var(--c-linha);}
.ritmo__titulo{margin:0 0 10px; font-family:var(--mono); font-size:10.5px; font-weight:500; letter-spacing:.14em; text-transform:uppercase; color:var(--fucsia);}
.ritmo__lista{list-style:none; margin:0; padding:0; display:grid; gap:10px;}
.ritmo__lista li{font-size:14.5px; font-weight:300; line-height:1.45; color:var(--c-tinta-2); text-wrap:pretty;}
.ritmo__lista b{display:block; font-weight:600; color:var(--c-tinta);}

/* a cena do daqui a um ano, aberta no lugar do título superlativo */
.investimento__cena-texto{max-width:var(--larg-texto); margin:var(--esp-3) auto 0; display:grid; gap:10px; text-align:center;}
.investimento__cena-texto p{margin:0; font-size:17px; font-weight:300; line-height:1.55; color:var(--e-tinta); text-wrap:pretty;}
.investimento__cena-texto strong{font-weight:600; color:#fff;}
.investimento__porque{margin:var(--esp-4) 0 var(--esp-2); text-align:center; font-family:var(--mono); font-size:10.5px; letter-spacing:.14em; text-transform:uppercase; color:var(--e-tinta-2);}

/* o fechamento, que agora é da Diffy e em texto */
.fecho__diffy{display:flex; gap:14px; align-items:flex-start; max-width:var(--larg-texto); margin:var(--esp-3) auto; padding:var(--esp-3); border-radius:var(--raio-caixa); background:var(--vidro); border:1px solid var(--e-linha);}
.fecho__diffy-foto{flex:none; width:44px; height:44px; border-radius:50%; object-fit:cover; background:var(--fucsia);}
.fecho__diffy .fecho__frase{margin:0; text-align:left;}

/* a conta no celular: o nome da linha em cima, e as duas colunas lado a lado embaixo,
   para a coluna do RaioX não virar uma tira de 115px (leitura de 27/09) */
@media (max-width:640px){
  .conta__linha{grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:4px var(--esp-2);}
  .conta__linha [role="rowheader"]{grid-column:1 / -1;}
  .conta__linha--cabeca span:first-child{display:none;}
}
.assessora__formas{margin-top:var(--esp-4);}

/* a tela da assessora atendendo: mostra a promessa exata da oferta, e não uma IA que
   conversa sobre tudo. Os valores da conversa são de exemplo (27/09). */
.assessora__palco{display:grid; justify-items:center; margin:var(--esp-4) 0 0;}
.celular{margin:0; width:min(320px, 100%);}
.celular__tela{border-radius:34px; padding:14px 12px 18px; background:var(--c1); border:1px solid var(--c-linha-forte); box-shadow:0 0 0 6px #fff, 0 0 0 7px var(--c-linha), 0 24px 60px rgba(20,22,28,.16);}
.celular__topo{display:flex; gap:10px; align-items:center; padding:4px 6px 12px; border-bottom:1px solid var(--c-linha);}
.celular__topo img{width:36px; height:36px; border-radius:50%; object-fit:cover;}
.celular__topo b{display:block; font-size:14px; color:var(--c-tinta);}
.celular__topo span{display:block; font-size:11px; color:var(--c-tinta-3);}
.celular__conversa{display:grid; gap:8px; padding:12px 2px 0;}
.bolha{margin:0; max-width:86%; padding:9px 12px; border-radius:16px; font-size:13.5px; line-height:1.45; text-wrap:pretty;}
.bolha--cliente{justify-self:end; background:#fff; border:1px solid var(--c-linha); color:var(--c-tinta); border-bottom-right-radius:5px;}
.bolha--ia{justify-self:start; background:rgba(161,9,95,.07); border:1px solid rgba(161,9,95,.16); color:var(--c-tinta); border-bottom-left-radius:5px;}
.bolha--passa{border-color:rgba(161,9,95,.45);}
.celular__legenda{margin:var(--esp-3) auto 0; max-width:30ch; text-align:center; font-family:var(--serif); font-style:italic; font-weight:700; font-size:18px; line-height:1.35; color:var(--c-tinta); text-wrap:balance;}

/* no celular os 8 rostos ficam todos à vista, em 4 por linha, em vez de uma faixa que
   esconde metade sem seta (conferência de quem usa, 27/09) */
@media (max-width:1023px){
  .assessora__rostos{display:grid; grid-template-columns:repeat(4, minmax(0,1fr)); overflow:visible; gap:var(--esp-2) 8px; padding:4px 0 0;}
  .assessora__rosto{width:auto;}
  .assessora__rosto img{width:100%; max-width:76px; height:auto; aspect-ratio:1; box-shadow:0 0 0 3px #fff, 0 6px 16px rgba(20,22,28,.10);}
  .assessora__rosto b{font-size:14px;}
  .assessora__rosto .carimbo{font-size:8px; letter-spacing:.08em;}
}


/* ==========================================================================
   A REFORMA DE 27/09/2026 · os padrões novos que a Carol pediu, e as salas
   que mudaram de lugar ou de forma. Vem por último e manda nas anteriores.

   Os padrões que nasceram aqui, para usar em tudo daqui pra frente:
     .xis          o X da casa: quadrado de vidro rosa, fio rosa, X branco aceso
     .x-luz        o X do RaioX aceso dentro do logotipo
     .tag-casa     a etiqueta de quem fala, com o ponto rosa pulsando
     .recado2      o recado da casa: vidro, cantos de mira e a luz dando a volta
     .bora-voar    a assinatura #BoraVoar com o foguete aceso
     .legenda-casa a legenda de todo vídeo, palavra por palavra
   ========================================================================== */

@property --ang{syntax:'<angle>'; initial-value:0deg; inherits:false;}

:root{
  --rosa-luz:#DE3E93;
  --fio-rosa:rgba(222,62,147,.62);
  --brilho-x:0 0 2px rgba(255,255,255,.9), 0 0 6px rgba(161,9,95,1), 0 0 14px rgba(161,9,95,.85);
}

/* ------------------------------------------------ as marcas, como são */
.lk--noite{color:#fff;}
.lk--noite .lk__simbolo{color:var(--fucsia); filter:drop-shadow(0 0 6px rgba(161,9,95,.55));}
.lk--noite .lk__txt small{color:rgba(255,255,255,.82);}
.lk--noite .lk__txt small svg{color:var(--fucsia);}
.x-luz{display:inline-block; color:#fff; text-shadow:var(--luz); animation:x-pulsa 3.6s var(--mola) infinite alternate;}
/* sobre o claro o X já é rosa, então a luz em volta é branca (pedido da Carol em 28/09) */
.lk--cor .x-luz{color:var(--fucsia); animation-name:x-pulsa-claro;}
@keyframes x-pulsa-claro{
  from{text-shadow:0 0 1px #fff, 0 0 6px rgba(255,255,255,.95), 0 0 14px rgba(255,255,255,.9), 0 0 22px rgba(161,9,95,.10);}
  to{text-shadow:0 0 2px #fff, 0 0 10px #fff, 0 0 22px rgba(255,255,255,.95), 0 0 34px rgba(161,9,95,.16);}
}
@keyframes x-pulsa{from{text-shadow:0 0 2px rgba(255,255,255,.9), 0 0 8px rgba(161,9,95,.9), 0 0 18px rgba(161,9,95,.7);} to{text-shadow:var(--luz);}}
.hero__marcas{display:flex; align-items:center; gap:18px; flex-wrap:wrap;}
.hero__marcas .lk{font-size:30px;}
.hero__marcas .lk--casa{font-size:24px;}
.hero__marcas-fio{width:1px; height:40px; background:linear-gradient(transparent, rgba(255,255,255,.35), transparent);}

/* ------------------------------------------------ o topo */
.hero__qualidades b{color:#fff; font-weight:600;}
.hero__boas{margin:20px 0 10px; font-size:16px; font-weight:300; color:rgba(255,255,255,.82);}
.hero__boas b{color:#fff; font-weight:600; text-shadow:var(--brilho-x);}
.hero__diferente{font-size:18px;}

/* o X da casa */
.xis{
  position:relative; flex:none; width:30px; height:30px; border-radius:9px;
  background:rgba(161,9,95,.22);
  -webkit-backdrop-filter:blur(10px); backdrop-filter:blur(10px);
  border:1px solid var(--fio-rosa);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.2), 0 0 14px rgba(161,9,95,.45);
}
.xis::before,.xis::after{
  content:''; position:absolute; left:50%; top:50%; width:15px; height:2px; border-radius:2px;
  background:#fff; box-shadow:var(--brilho-x);
}
.xis::before{transform:translate(-50%,-50%) rotate(45deg);}
.xis::after{transform:translate(-50%,-50%) rotate(-45deg);}
.secao--claro .xis{background:var(--c1); border-color:rgba(161,9,95,.45); box-shadow:0 0 12px rgba(161,9,95,.18);}
.secao--claro .xis::before,.secao--claro .xis::after{background:var(--fucsia); box-shadow:none;}
.naoe-item{display:flex; align-items:center; gap:12px;}
.naoe-item .xis{animation:xis-acende 4.8s var(--mola) infinite; animation-delay:calc(var(--i, 0) * .4s);}
.naoe-item:nth-child(2) .xis{--i:1}.naoe-item:nth-child(3) .xis{--i:2}.naoe-item:nth-child(4) .xis{--i:3}.naoe-item:nth-child(5) .xis{--i:4}.naoe-item:nth-child(6) .xis{--i:5}
@keyframes xis-acende{0%,70%,100%{box-shadow:inset 0 1px 0 rgba(255,255,255,.2), 0 0 14px rgba(161,9,95,.45);} 80%{box-shadow:inset 0 1px 0 rgba(255,255,255,.3), 0 0 26px rgba(222,62,147,.9);}}

/* ------------------------------------------------ a etiqueta de quem fala */
.tag-casa{
  display:inline-flex; align-items:center; gap:8px; width:max-content; max-width:100%;
  padding:6px 12px 6px 10px; border-radius:var(--raio-pilula);
  font:500 10.5px/1.2 var(--mono); letter-spacing:.16em; text-transform:uppercase;
  color:rgba(255,255,255,.9); background:rgba(255,255,255,.07); border:1px solid rgba(255,255,255,.16);
}
.tag-casa__ponto{flex:none; width:7px; height:7px; border-radius:50%; background:var(--rosa-luz); box-shadow:0 0 0 0 rgba(222,62,147,.7); animation:ponto-vivo 2s ease-out infinite;}
@keyframes ponto-vivo{0%{box-shadow:0 0 0 0 rgba(222,62,147,.7);} 70%{box-shadow:0 0 0 7px rgba(222,62,147,0);} 100%{box-shadow:0 0 0 0 rgba(222,62,147,0);}}
.tag-casa--clara{color:var(--c-tinta); background:#fff; border-color:var(--c-linha-forte);}
.tag-casa--clara .tag-casa__ponto{background:var(--fucsia);}

/* ------------------------------------------------ o recado da casa */
.recado2{
  position:relative; isolation:isolate;
  padding:22px 22px 20px; border-radius:18px;
  display:grid; gap:14px;
}
.recado2::before{
  content:''; position:absolute; inset:0; border-radius:inherit; padding:1px; z-index:-1;
  background:conic-gradient(from var(--ang), transparent 0 62%, rgba(222,62,147,.95) 72%, #fff 75%, rgba(222,62,147,.95) 78%, transparent 88% 100%);
  -webkit-mask:linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0); -webkit-mask-composite:xor;
  mask:linear-gradient(#fff 0 0) content-box exclude, linear-gradient(#fff 0 0);
  animation:recado-volta 6s linear infinite;
}
@keyframes recado-volta{to{--ang:360deg;}}
.recado2--escuro{
  color:#fff; background:rgba(28,22,38,.62);
  -webkit-backdrop-filter:blur(18px) saturate(1.2); backdrop-filter:blur(18px) saturate(1.2);
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.1), var(--reflexo), 0 18px 48px rgba(20,16,28,.35);
}
.recado2--claro{
  color:var(--c-tinta); background:rgba(255,255,255,.9);
  box-shadow:inset 0 0 0 1px var(--c-linha), 0 16px 40px rgba(161,9,95,.08);
}
.recado2__cantos i{position:absolute; width:14px; height:14px; border-color:var(--rosa-luz); border-style:solid; border-width:0; pointer-events:none;}
.recado2__cantos i:nth-child(1){left:8px; top:8px; border-left-width:1.5px; border-top-width:1.5px; border-top-left-radius:6px;}
.recado2__cantos i:nth-child(2){right:8px; top:8px; border-right-width:1.5px; border-top-width:1.5px; border-top-right-radius:6px;}
.recado2__cantos i:nth-child(3){left:8px; bottom:8px; border-left-width:1.5px; border-bottom-width:1.5px; border-bottom-left-radius:6px;}
.recado2__cantos i:nth-child(4){right:8px; bottom:8px; border-right-width:1.5px; border-bottom-width:1.5px; border-bottom-right-radius:6px;}
.recado2__cab{display:flex; align-items:center; gap:12px;}
.recado2__foto{width:44px; height:44px; border-radius:50%; object-fit:cover; box-shadow:0 0 0 2px var(--fucsia), 0 0 16px rgba(161,9,95,.5);}
.recado2__lista{margin:0; padding:0; list-style:none; display:grid; gap:12px;}
.recado2__lista li{position:relative; padding-left:22px; font-size:15.5px; font-weight:300; line-height:1.55;}
.recado2__lista li::before{content:''; position:absolute; left:2px; top:.62em; width:9px; height:9px; border-radius:3px; border:1px solid var(--rosa-luz); background:rgba(161,9,95,.35); box-shadow:0 0 8px rgba(161,9,95,.7);}
.recado2--escuro .recado2__lista li{color:rgba(255,255,255,.84);}
.recado2--escuro strong{color:#fff; font-weight:600;}
.recado2__texto{margin:0; font-size:16px; font-weight:300; line-height:1.6;}
.recado2__texto p{margin:0 0 12px;}
.recado2__texto p:last-child{margin:0;}
.recado2--claro .recado2__texto, .recado2--claro .recado2__texto p{color:var(--c-tinta-2);}
.recado2--claro strong{color:var(--c-tinta); font-weight:600;}
.recado2__assina{font:500 11px var(--mono); letter-spacing:.16em; text-transform:uppercase; color:var(--c-tinta-3);}
.recado2--escuro .recado2__assina{color:rgba(255,255,255,.6);}
.recado2 .tocador{margin:0;}
.recado2 .recado__ler .pilula{margin-top:2px;}

/* a assinatura #BoraVoar */
.bora-voar{display:flex; align-items:center; gap:10px; margin:2px 0 0;}
.bora-voar__txt{font-family:var(--mao); font-weight:600; font-size:34px; line-height:1; color:var(--fucsia);}
.bora-voar__fog{width:34px; height:34px; color:var(--fucsia); fill:currentColor; filter:drop-shadow(0 0 8px rgba(161,9,95,.55)); animation:fog-sobe 2.8s var(--mola) infinite alternate;}
.secao--escuro .bora-voar__txt, .recado2--escuro .bora-voar__txt{color:#fff; text-shadow:var(--luz);}
@keyframes fog-sobe{from{transform:translate(0,0);} to{transform:translate(4px,-4px);}}

/* ------------------------------------------------ o embarque */
html.no-embarque, html.no-embarque body{overflow:hidden;}
.embarque{
  position:fixed; inset:0; z-index:9000; overflow:auto; overscroll-behavior:contain;
  display:grid; place-items:center; padding:24px 16px;
  background:radial-gradient(60% 50% at 50% 42%, rgba(161,9,95,.22), transparent 70%), var(--noite);
  color:#fff;
  transition:transform 1s cubic-bezier(.7,0,.2,1), opacity .6s ease;
}
.embarque[hidden]{display:none;}
.embarque__ceu{
  position:absolute; inset:0; pointer-events:none; opacity:.9;
  background-image:
    radial-gradient(1px 1px at 12% 18%, #fff, transparent), radial-gradient(1px 1px at 82% 12%, #fff, transparent),
    radial-gradient(1.5px 1.5px at 66% 72%, #fff, transparent), radial-gradient(1px 1px at 28% 82%, #fff, transparent),
    radial-gradient(1px 1px at 48% 36%, rgba(255,255,255,.7), transparent), radial-gradient(1.5px 1.5px at 90% 56%, #fff, transparent),
    radial-gradient(1px 1px at 6% 60%, rgba(255,255,255,.8), transparent), radial-gradient(1px 1px at 38% 8%, #fff, transparent),
    radial-gradient(1px 1px at 74% 92%, rgba(255,255,255,.7), transparent), radial-gradient(1px 1px at 18% 44%, #fff, transparent);
  animation:ceu-anda 60s linear infinite;
}
@keyframes ceu-anda{to{transform:translateY(-40px);}}
.embarque__grade{
  position:absolute; inset:0; pointer-events:none; opacity:.35;
  background-image:linear-gradient(rgba(255,255,255,.05) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.05) 1px, transparent 1px);
  background-size:48px 48px;
  -webkit-mask:radial-gradient(60% 55% at 50% 45%, #fff, transparent); mask:radial-gradient(60% 55% at 50% 45%, #fff, transparent);
}
.embarque__feixe{
  position:absolute; left:0; right:0; top:0; height:2px; pointer-events:none; opacity:0;
  background:linear-gradient(90deg, transparent, rgba(222,62,147,.9) 20%, #fff 50%, rgba(222,62,147,.9) 80%, transparent);
  box-shadow:0 0 18px 4px rgba(161,9,95,.7), 0 0 60px 10px rgba(161,9,95,.35);
}
.embarque.e-scan .embarque__feixe{animation:feixe-desce 1.5s cubic-bezier(.45,0,.2,1) forwards;}
@keyframes feixe-desce{0%{opacity:0; transform:translateY(0);} 8%{opacity:1;} 90%{opacity:1;} 100%{opacity:0; transform:translateY(100vh);}}
.embarque__palco{position:relative; width:100%; max-width:460px; display:grid; justify-items:center; gap:22px;}
.embarque__marca{display:grid; justify-items:center; gap:14px; transition:transform .9s var(--mola);}
.embarque__lk{font-size:54px;}
.embarque.e-scan .embarque__lk{animation:marca-revela 1.5s cubic-bezier(.45,0,.2,1) both;}
@keyframes marca-revela{from{clip-path:inset(0 0 100% 0);} to{clip-path:inset(0 0 0 0);}}
.embarque__linha{margin:0; font:500 11px var(--mono); letter-spacing:.24em; text-transform:uppercase; color:rgba(255,255,255,.6);}
.embarque__linha span{color:#fff; text-shadow:var(--brilho-x);}
.embarque.e-cartao .embarque__marca{transform:scale(.72);}
.embarque__cartao{
  position:relative; width:100%; padding:24px 22px 20px; border-radius:20px;
  background:rgba(28,22,38,.7); -webkit-backdrop-filter:blur(20px); backdrop-filter:blur(20px);
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.12), var(--reflexo), 0 30px 80px rgba(10,12,17,.45);
  display:grid; gap:14px;
  opacity:0; transform:translateY(26px); transition:opacity .7s var(--mola), transform .9s var(--mola);
}
.embarque.e-cartao .embarque__cartao{opacity:1; transform:none;}
.embarque__cantos i{position:absolute; width:16px; height:16px; border:0 solid var(--rosa-luz);}
.embarque__cantos i:nth-child(1){left:10px; top:10px; border-left-width:1.5px; border-top-width:1.5px;}
.embarque__cantos i:nth-child(2){right:10px; top:10px; border-right-width:1.5px; border-top-width:1.5px;}
.embarque__cantos i:nth-child(3){left:10px; bottom:10px; border-left-width:1.5px; border-bottom-width:1.5px;}
.embarque__cantos i:nth-child(4){right:10px; bottom:10px; border-right-width:1.5px; border-bottom-width:1.5px;}
.embarque__cab{display:flex; align-items:center; gap:12px;}
.embarque__diffy{width:52px; height:52px; border-radius:50%; object-fit:cover; box-shadow:0 0 0 2px var(--fucsia), 0 0 22px rgba(161,9,95,.6);}
.embarque__quem{display:block; margin-top:6px; font-size:13px; font-weight:300; color:rgba(255,255,255,.7);}
.embarque__titulo{font-family:var(--serif); font-style:italic; font-weight:700; font-size:clamp(24px,5.4vw,30px); line-height:1.12; color:#fff;}
.embarque__texto{margin:0; font-size:15px; font-weight:300; line-height:1.55; color:rgba(255,255,255,.78);}
.embarque__campo{display:grid; gap:6px;}
.embarque__campo > span:first-child{font:500 10.5px var(--mono); letter-spacing:.16em; text-transform:uppercase; color:rgba(255,255,255,.7);}
.embarque__campo input{
  width:100%; height:50px; padding:0 14px; border-radius:12px; outline:0;
  border:1px solid rgba(255,255,255,.18); background:rgba(255,255,255,.06); color:#fff;
  font:400 16px var(--sans); transition:border-color .2s, box-shadow .2s;
}
.embarque__campo input::placeholder{color:rgba(255,255,255,.4);}
.embarque__campo input:focus{border-color:var(--rosa-luz); box-shadow:0 0 0 3px rgba(161,9,95,.3), 0 0 18px rgba(161,9,95,.35);}
.embarque__arroba{position:relative; display:block;}
.embarque__arroba i{position:absolute; left:14px; top:50%; transform:translateY(-50%); font-style:normal; color:rgba(255,255,255,.55); font-size:16px;}
.embarque__arroba input{padding-left:32px;}
.embarque__hp{position:absolute; left:-9999px; width:1px; height:1px; opacity:0;}
.embarque__aceite{position:relative; display:grid; grid-template-columns:22px 1fr; gap:12px; align-items:start; padding:12px 14px; border-radius:12px; border:1px solid rgba(255,255,255,.14); background:rgba(255,255,255,.04); cursor:pointer;}
.embarque__aceite input{position:absolute; opacity:0; width:22px; height:22px; margin:0; left:14px; top:12px; cursor:pointer;}
.embarque__caixa{width:22px; height:22px; border-radius:6px; border:1.5px solid rgba(255,255,255,.45); display:grid; place-items:center; transition:background .2s, border-color .2s;}
.embarque__caixa::after{content:''; width:6px; height:11px; border:solid #fff; border-width:0 2px 2px 0; transform:rotate(45deg) translate(-1px,-1px); opacity:0; transition:opacity .15s;}
.embarque__aceite input:checked + .embarque__caixa{background:var(--fucsia); border-color:var(--rosa-luz); box-shadow:0 0 14px rgba(161,9,95,.55);}
.embarque__aceite input:checked + .embarque__caixa::after{opacity:1;}
.embarque__aceite input:focus-visible + .embarque__caixa{box-shadow:0 0 0 3px rgba(161,9,95,.4);}
.embarque__aceite-txt{font-size:13.5px; font-weight:300; line-height:1.5; color:rgba(255,255,255,.72); text-wrap:pretty;}
.embarque__aceite-txt b{display:block; margin-bottom:2px; font-weight:500; color:#fff;}
.embarque__aviso{margin:0; font-size:14px; color:#fff; padding:10px 12px; border-radius:10px; background:rgba(161,9,95,.35); border:1px solid var(--fio-rosa);}
.embarque__botao{width:100%; height:54px; justify-content:center; gap:10px; font-size:16px;}
.embarque__fog{width:22px; height:22px; fill:currentColor;}
.embarque__nota{margin:0; font-size:12.5px; font-weight:300; line-height:1.5; color:rgba(255,255,255,.55); text-align:center;}
.embarque__ok{display:grid; justify-items:center; gap:10px; text-align:center;}
.embarque__ok[hidden]{display:none;}
.embarque__ok-rotulo{margin:0; font:500 11px var(--mono); letter-spacing:.24em; text-transform:uppercase; color:rgba(255,255,255,.7);}
.embarque__ok-nome{margin:0; font-family:var(--serif); font-style:italic; font-weight:700; font-size:clamp(28px,6vw,40px); line-height:1.1; color:#fff;}
.embarque__ok-nome b{text-shadow:var(--luz);}
.embarque__conta{position:relative; width:90px; height:90px; margin-top:10px; display:grid; place-items:center;}
.embarque__conta span{position:absolute; font:italic 700 64px/1 var(--serif); color:#fff; text-shadow:var(--luz); opacity:0;}
.embarque.e-ok .embarque__conta span{animation:conta 1.5s linear both;}
.embarque.e-ok .embarque__conta span:nth-child(2){animation-delay:.5s;}
.embarque.e-ok .embarque__conta span:nth-child(3){animation-delay:1s;}
@keyframes conta{0%{opacity:0; transform:scale(1.6);} 6%{opacity:1; transform:scale(1);} 30%{opacity:1;} 33%,100%{opacity:0; transform:scale(.7);}}
.embarque.e-ok .embarque__cartao, .embarque.e-ok .embarque__marca{display:none;}
.embarque.e-sai{transform:translateY(-104%);}
.embarque.e-sai::after{
  content:''; position:absolute; left:50%; bottom:-40vh; width:2px; height:40vh; transform:translateX(-50%);
  background:linear-gradient(transparent, #fff 60%, rgba(222,62,147,.9)); box-shadow:0 0 20px 6px rgba(161,9,95,.6);
}

/* ------------------------------------------------ 4 · o que é o RaioX, a varredura */
.oque2__topo{display:grid; gap:var(--esp-4); align-items:center;}
.oque2__marca .lk{font-size:52px;}
.oque2__scan{
  position:relative; overflow:hidden; padding:26px 24px; border-radius:var(--raio-caixa);
  background:var(--noite); color:#fff;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.08), var(--reflexo), var(--sombra-escura);
  background-image:linear-gradient(rgba(255,255,255,.035) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.035) 1px, transparent 1px);
  background-size:28px 28px;
}
.oque2__scan .rotulo{color:rgba(255,255,255,.62);}
.oque2__scan .rotulo::before{background:#fff; box-shadow:var(--brilho-fio);}
.oque2__frase{margin:0 0 10px; font-family:var(--serif); font-style:italic; font-weight:700; font-size:clamp(24px,2.8vw,32px); line-height:1.18; color:#fff; text-wrap:balance;}
.oque2__acende{transition:text-shadow .6s var(--mola), color .6s var(--mola); color:rgba(255,255,255,.55);}
.oque2__acende.acesa{color:#fff; text-shadow:var(--luz);}
.oque2__linha{margin:0; font-size:16px; font-weight:300; line-height:1.55; color:rgba(255,255,255,.75);}
.oque2__feixe{
  position:absolute; top:0; bottom:0; left:-10%; width:2px; pointer-events:none;
  background:linear-gradient(transparent, #fff 30%, #fff 70%, transparent);
  box-shadow:0 0 14px 3px rgba(161,9,95,.8), 0 0 40px 8px rgba(161,9,95,.35);
  animation:feixe-anda 5.5s cubic-bezier(.45,0,.2,1) infinite;
}
@keyframes feixe-anda{0%{left:-4%;} 55%{left:104%;} 100%{left:104%;}}
.oque2__def-cabeca{margin-top:var(--esp-6);}
.oque2__def{display:grid; gap:18px;}
.oque2__lado{
  position:relative; padding:26px 24px 22px; border-radius:var(--raio-caixa);
  background:#fff; box-shadow:inset 0 0 0 1px var(--c-linha), var(--sombra-clara);
}
.oque2__num{position:absolute; right:20px; top:14px; font:italic 700 46px/1 var(--serif); color:rgba(161,9,95,.12);}
.oque2__nome{font-family:var(--serif); font-style:italic; font-size:24px; margin:0 0 12px; color:var(--c-tinta);}
.oque2__lado .texto{margin:0 0 14px;}
.oque2__ponte{display:grid; place-items:center;}
.oque2__ponte svg{width:46px; height:46px;}
@media (min-width:900px){
  .oque2__topo{grid-template-columns:minmax(0,4fr) minmax(0,8fr);}
  .oque2__marca{display:grid; place-items:center;}
  .oque2__def{grid-template-columns:minmax(0,1fr) 60px minmax(0,1fr); align-items:stretch;}
}

/* ------------------------------------------------ 5 · o Método, animado */
.metodo2{position:relative; height:330svh; color:#fff;}
.metodo2__fixo{
  position:sticky; top:0; height:100svh; overflow:hidden;
  display:flex; flex-direction:column; justify-content:center; gap:14px;
  padding:24px 16px; max-width:var(--larg-miolo); margin:0 auto;
}
.metodo2::before{content:''; position:absolute; inset:0; background:radial-gradient(60% 40% at 50% 45%, rgba(161,9,95,.2), transparent 70%); pointer-events:none;}
.metodo2__cab{text-align:center;}
.metodo2__cab .rotulo{justify-content:center; color:rgba(255,255,255,.62);}
.metodo2__cab .rotulo::before{background:#fff; box-shadow:var(--brilho-fio);}
.metodo2__cab h2{color:#fff; font-size:clamp(26px,5vw,38px);}
.metodo2__cab .luz{color:#fff; text-shadow:var(--luz);}
.metodo2__corpo{display:grid; gap:14px; align-items:center;}
.metodo2__mapa{position:relative; width:100%; max-width:420px; margin:0 auto;}
.metodo2__mapa svg{display:block; width:100%; height:auto; overflow:visible;}
.metodo2 .liga{fill:none; stroke:rgba(255,255,255,.5); stroke-width:1; stroke-dasharray:3 4; opacity:0; transition:opacity .5s var(--mola);}
.metodo2 .entrada{fill:#fff; opacity:0; transition:opacity .5s var(--mola);}
.metodo2 .rotulo-e{font:500 8.6px var(--mono); letter-spacing:.1em; text-transform:uppercase; fill:rgba(255,255,255,.8); opacity:0; transition:opacity .5s var(--mola);}
.metodo2 .acesa{opacity:1;}
.metodo2__estrela{position:absolute; left:50%; top:50%; transform:translate(-50%,-58%) scale(.6); opacity:0; display:flex; flex-direction:column; align-items:center; gap:6px; transition:transform .8s var(--mola), opacity .5s var(--mola);}
.metodo2__estrela b{font:italic 700 16px/1 var(--serif); color:#fff; white-space:nowrap;}
.metodo2__estrela.acesa{opacity:1; transform:translate(-50%,-58%) scale(1);}
.bloco-rosa{flex:none; width:38px; height:38px; border-radius:11px; display:grid; place-items:center; color:#fff; font:italic 700 19px/1 var(--serif); background:rgba(161,9,95,.34); -webkit-backdrop-filter:blur(14px) saturate(1.3); backdrop-filter:blur(14px) saturate(1.3); border:1px solid rgba(255,255,255,.24); box-shadow:inset 0 1px 0 rgba(255,255,255,.28), 0 0 18px rgba(161,9,95,.35);}
.bloco-rosa--grande{width:72px; height:72px; border-radius:20px;}
.bloco-rosa--grande svg{display:block; width:42px; height:42px;}
.metodo2__ordem{list-style:none; position:relative; display:grid; gap:7px; width:100%; max-width:300px; margin:0 auto; padding:0 0 0 2px;}
.metodo2__ordem::before{content:''; position:absolute; left:21px; top:-10px; bottom:19px; width:1px; background:#fff; box-shadow:0 0 6px rgba(161,9,95,1); transform-origin:top; transform:scaleY(var(--p,0));}
.metodo2__ordem li{position:relative; display:flex; align-items:center; gap:14px; opacity:.16; transform:translateX(-6px); transition:opacity .5s var(--mola), transform .5s var(--mola);}
.metodo2__ordem li.acesa{opacity:1; transform:none;}
.metodo2__ordem b{font:400 15px/1.2 var(--sans); color:#fff;}
.metodo2__ordem b::before{content:"Estratégia de "; font-weight:300; color:rgba(255,255,255,.6);}
.metodo2__oito{display:flex; align-items:stretch; justify-content:center; gap:8px; margin-top:6px;}
.metodo2__oito > i{align-self:center; font:italic 700 26px var(--serif); color:rgba(255,255,255,.35); font-style:normal;}
.metodo2__oito div{flex:1; max-width:150px; text-align:center; padding:12px 8px; border-radius:14px; background:rgba(28,22,38,.7); border:1px solid rgba(255,255,255,.1); box-shadow:var(--reflexo); opacity:.28; transform:translateY(8px); transition:opacity .6s var(--mola), transform .6s var(--mola), box-shadow .6s var(--mola);}
.metodo2__oito div.acesa{opacity:1; transform:none; box-shadow:var(--reflexo), 0 0 28px rgba(161,9,95,.35);}
.metodo2__oito b{display:block; font:italic 700 clamp(34px,6vw,54px)/1 var(--serif); color:#fff; text-shadow:var(--luz);}
.metodo2__oito span{display:block; margin-top:6px; font:500 9.5px/1.2 var(--mono); letter-spacing:.14em; text-transform:uppercase; color:rgba(255,255,255,.72);}
.metodo2__oito em{display:block; margin-top:4px; font:italic 600 15px/1.2 var(--serif); color:#fff;}
@media (min-width:900px){
  .metodo2__corpo{grid-template-columns:1.2fr 1fr; gap:40px;}
  .metodo2__mapa{max-width:var(--larg-retrato);}
  .metodo2__ordem{max-width:340px; gap:10px;}
  .metodo2__ordem b{font-size:17px;}
}
@media (max-height:720px){.bloco-rosa{width:32px; height:32px; font-size:16px;} .metodo2__ordem{gap:4px;} .metodo2__ordem::before{left:17px;} .metodo2__oito b{font-size:30px;}}

/* ------------------------------------------------ 6 · as profissões */
.nichos2__cabeca h2{max-width:26ch;}
.nichos2__procura{max-width:var(--larg-texto); margin:0 auto var(--esp-3); height:60px; border-radius:var(--raio-pilula); padding:0 22px; box-shadow:0 10px 30px rgba(161,9,95,.1);}
.nichos2__procura input{font-size:17px;}
.nichos2 .nichos__vazio{text-align:center;}
.nicho2{width:200px; min-height:0; padding:0; overflow:hidden; gap:0; background:#fff;}
.nicho2__moldura{display:block; width:100%; aspect-ratio:1; overflow:hidden; background:var(--c1); position:relative;}
.nicho2__foto{display:block; width:100%; height:100%; object-fit:cover; transition:transform .5s var(--mola);}
.nicho2:hover .nicho2__foto{transform:scale(1.05);}
.nicho2__letra{position:absolute; inset:0; display:grid; place-items:center; font:italic 700 64px/1 var(--serif); color:rgba(161,9,95,.28);}
.nicho2__base{display:grid; gap:4px; padding:12px 14px 14px; width:100%; border-top:1px solid var(--c-linha); background-image:var(--escovado-claro);}
.nicho2 .nicho__nome{font-size:18px;}
.raio2{grid-template-columns:minmax(0,1fr); padding:var(--esp-3);}
.raio2__lado{margin:0;}
.raio2__foto{display:block; width:100%; max-width:300px; aspect-ratio:1; object-fit:cover; border-radius:14px; margin:0 auto; box-shadow:0 14px 34px rgba(161,9,95,.14);}
.raio2__foto--vazia{display:grid; place-items:center; background:radial-gradient(60% 60% at 50% 45%, rgba(161,9,95,.35), transparent 70%), var(--noite);}
.raio2__foto--vazia svg{width:72px; height:72px;}
.raio2__conteudo{display:grid; gap:18px; align-content:start;}
.raio2__exemplos{padding-top:16px; border-top:1px solid var(--c-linha);}
.raio2__exemplos p{margin:0 0 10px; font-size:15px; font-weight:300; color:var(--c-tinta-2);}
.raio2__exemplos div{display:flex; flex-wrap:wrap; gap:8px;}
.raio2__exemplo{border:1px solid rgba(161,9,95,.35); background:#fff; color:var(--fucsia); border-radius:var(--raio-pilula); padding:8px 14px; font:500 14px var(--sans); cursor:pointer; transition:background .2s, color .2s;}
.raio2__exemplo:hover{background:var(--fucsia); color:#fff;}
@media (min-width:900px){ .raio2{grid-template-columns:300px minmax(0,1fr); gap:32px; padding:var(--esp-4);} }

/* ------------------------------------------------ 7 · as entregas */
.bordo__o-que{display:block; margin-top:4px; font:italic 600 15px/1.2 var(--serif); letter-spacing:0; text-transform:none; color:#fff; text-shadow:0 0 10px rgba(161,9,95,.8);}
.bordo__legenda{display:none; margin:0 0 12px; font:500 10.5px/1.6 var(--mono); letter-spacing:.12em; text-transform:uppercase; color:rgba(255,255,255,.72); text-align:center;}
@media (max-width:var(--larg-texto)){ .bordo__legenda{display:block;} }
.entregas__seu{display:flex; align-items:center; justify-content:center; gap:12px; max-width:640px; margin:22px auto 0; text-align:left; font-size:16px; font-weight:300; color:rgba(255,255,255,.82);}
.entregas__seu svg{flex:none; width:28px; height:28px;}
.entregas__seu strong{color:#fff;}
.galerias .cabeca{margin-top:var(--esp-5);}
.galerias .miolo:first-child .cabeca{margin-top:0;}

/* ------------------------------------------------ 9 · a Central, em console */
.central2__cada{margin:0 auto var(--esp-4); max-width:var(--larg-miolo);}
.central2__cada-titulo{margin:0 0 12px; text-align:center; font:500 11px var(--mono); letter-spacing:.2em; text-transform:uppercase; color:rgba(255,255,255,.62);}
.central2__cada ul{list-style:none; margin:0; padding:0; display:grid; gap:10px;}
.central2__cada li{display:flex; align-items:center; gap:12px; padding:12px 14px; border-radius:14px; background:rgba(28,22,38,.6); border:1px solid rgba(255,255,255,.1); box-shadow:var(--reflexo); font-size:15px; font-weight:300; color:rgba(255,255,255,.82);}
.central2__cada b{color:#fff; font-weight:600;}
.central2__icone{flex:none; width:38px; height:38px; border-radius:50%; overflow:hidden; box-shadow:0 0 0 2px var(--fucsia), 0 0 14px rgba(161,9,95,.5);}
.central2__icone img{width:100%; height:100%; object-fit:cover;}
.central2__icone--onda{display:flex; align-items:center; justify-content:center; gap:3px; background:rgba(161,9,95,.35);}
.central2__icone--onda i{width:3px; border-radius:2px; background:#fff; animation:onda-mexe 1.1s ease-in-out infinite alternate;}
.central2__icone--onda i:nth-child(1){height:8px;}.central2__icone--onda i:nth-child(2){height:16px; animation-delay:.15s}.central2__icone--onda i:nth-child(3){height:22px; animation-delay:.3s}.central2__icone--onda i:nth-child(4){height:14px; animation-delay:.45s}.central2__icone--onda i:nth-child(5){height:9px; animation-delay:.6s}
@keyframes onda-mexe{to{transform:scaleY(.45);}}
@media (min-width:900px){ .central2__cada ul{grid-template-columns:repeat(3,1fr);} }

.console{
  position:relative; max-width:var(--larg-miolo); margin:0 auto; border-radius:20px; overflow:hidden;
  background:rgba(20,16,28,.72); -webkit-backdrop-filter:blur(20px); backdrop-filter:blur(20px);
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.12), var(--reflexo), 0 30px 80px rgba(20,16,28,.55), 0 0 60px rgba(161,9,95,.18);
}
.console__barra{display:flex; align-items:center; gap:14px; padding:12px 16px; border-bottom:1px solid rgba(255,255,255,.08); background:rgba(255,255,255,.03);}
.console__pontos{display:flex; gap:6px;}
.console__pontos i{width:10px; height:10px; border-radius:50%; background:rgba(255,255,255,.18);}
.console__pontos i:first-child{background:var(--fucsia); box-shadow:0 0 8px rgba(161,9,95,.8);}
.console__endereco{display:flex; align-items:center; gap:8px; min-width:0; padding:6px 12px; border-radius:var(--raio-pilula); background:rgba(255,255,255,.06); font:500 11.5px var(--mono); color:rgba(255,255,255,.7); white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.console__endereco svg{flex:none; width:14px; height:14px; fill:var(--rosa-luz);}
.console__endereco span{color:#fff;}
.console__abas{display:grid; grid-template-columns:1fr 1fr; gap:0; border-bottom:1px solid rgba(255,255,255,.08);}
.console__aba{
  position:relative; display:grid; gap:4px; padding:16px 18px; text-align:left; cursor:pointer;
  background:transparent; border:0; color:rgba(255,255,255,.6);
  font:italic 700 clamp(17px,2vw,22px)/1.15 var(--serif); transition:color .3s, background .3s;
}
.console__aba span{font:500 10px var(--mono); letter-spacing:.18em; text-transform:uppercase; font-style:normal; color:rgba(255,255,255,.5);}
.console__aba::after{content:''; position:absolute; left:18px; right:18px; bottom:-1px; height:2px; background:#fff; box-shadow:0 0 12px 2px rgba(161,9,95,.9); transform:scaleX(0); transition:transform .5s var(--mola);}
.console__aba[aria-selected="true"]{color:#fff; background:rgba(255,255,255,.04);}
.console__aba[aria-selected="true"]::after{transform:scaleX(1);}
.console__aba:focus-visible{outline:2px solid var(--rosa-luz); outline-offset:-4px;}
.console__area{padding:20px 18px 22px; animation:area-entra .5s var(--mola);}
.console__area[hidden]{display:none;}
@keyframes area-entra{from{transform:translateY(8px);} to{transform:none;}}
.console__linha{margin:0 0 16px; max-width:70ch; font-size:15.5px; font-weight:300; line-height:1.6; color:rgba(255,255,255,.8);}
.console__linha strong{color:#fff;}
.console__grade{list-style:none; margin:0; padding:0; display:grid; gap:10px;}
.modulo{
  position:relative; padding:16px 16px 14px; border-radius:14px; overflow:hidden;
  background:linear-gradient(160deg, rgba(255,255,255,.07), rgba(255,255,255,.02));
  border:1px solid rgba(255,255,255,.1); box-shadow:var(--reflexo);
  transition:border-color .3s, box-shadow .3s, transform .3s var(--mola);
}
.modulo:hover{border-color:var(--fio-rosa); box-shadow:var(--reflexo), 0 0 24px rgba(161,9,95,.3); transform:translateY(-2px);}
.modulo__n{font:500 10.5px var(--mono); letter-spacing:.16em; color:var(--rosa-luz);}
.modulo b{display:block; margin:6px 0 4px; font:italic 700 19px/1.2 var(--serif); color:#fff;}
.modulo p{margin:0; font-size:14.5px; font-weight:300; line-height:1.5; color:rgba(255,255,255,.72);}
@media (min-width:760px){ .console__grade{grid-template-columns:repeat(2,1fr);} .modulo--largo{grid-column:1 / -1;} .console__area{padding:26px 28px 28px;} }
@media (min-width:1024px){ .console__grade{grid-template-columns:repeat(4,1fr);} .modulo--largo{grid-column:auto / span 4;} }
.turbinas{list-style:none; margin:0; padding:0; display:grid; gap:10px;}
.turbina{display:flex; gap:14px; align-items:flex-start; padding:14px; border-radius:14px; background:rgba(255,255,255,.04); border:1px solid rgba(255,255,255,.09);}
.turbina b{display:block; font:italic 700 18px/1.2 var(--serif); color:#fff;}
.turbina p{margin:4px 0 0; font-size:14.5px; font-weight:300; line-height:1.5; color:rgba(255,255,255,.74);}
.turbina__helice{
  flex:none; position:relative; width:40px; height:40px; border-radius:50%;
  background:conic-gradient(from 0deg, rgba(222,62,147,.95), rgba(161,9,95,.1) 25%, rgba(222,62,147,.95) 50%, rgba(161,9,95,.1) 75%, rgba(222,62,147,.95));
  -webkit-mask:radial-gradient(circle, transparent 5px, #fff 6px); mask:radial-gradient(circle, transparent 5px, #fff 6px);
  box-shadow:0 0 16px rgba(161,9,95,.5);
  animation:helice 2.4s linear infinite;
}
.turbina:hover .turbina__helice{animation-duration:.6s;}
@keyframes helice{to{transform:rotate(360deg);}}
@media (min-width:760px){ .turbinas{grid-template-columns:repeat(2,1fr);} }
@media (min-width:1024px){ .turbinas{grid-template-columns:repeat(3,1fr);} }
.console__mais{margin:16px 0 0; font-size:14.5px; font-weight:300; line-height:1.6; color:rgba(255,255,255,.72);}
.console__mais b{color:#fff;}

.bagagem2{
  display:grid; gap:20px; align-items:center; max-width:var(--larg-miolo); margin:var(--esp-4) auto 0; padding:24px 22px; border-radius:20px;
  background:linear-gradient(135deg, rgba(161,9,95,.22), rgba(28,22,38,.72) 55%); -webkit-backdrop-filter:blur(18px); backdrop-filter:blur(18px);
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.12), var(--reflexo), 0 24px 60px rgba(20,16,28,.45);
}
.bagagem2__texto .rotulo{color:rgba(255,255,255,.7);}
.bagagem2__titulo{font:italic 700 clamp(22px,2.4vw,28px)/1.15 var(--serif); color:#fff; margin:0 0 10px;}
.bagagem2__texto p{margin:0; font-size:15.5px; font-weight:300; line-height:1.6; color:rgba(255,255,255,.82);}
.bagagem2__regra{margin-top:12px !important; font-size:26px !important; color:#fff !important; text-shadow:var(--luz);}
.bagagem2__demo{position:relative; display:grid; grid-template-columns:1fr auto; grid-template-areas:"doc mala" "botao mala"; gap:12px; align-items:center;}
.bagagem2__doc{grid-area:doc; display:grid; gap:6px; padding:14px; border-radius:12px; background:#fff; color:var(--c-tinta); box-shadow:0 12px 30px rgba(10,12,17,.25); transition:transform .8s cubic-bezier(.6,0,.2,1), opacity .8s;}
.bagagem2__doc .carimbo{color:var(--fucsia); font-size:10px;}
.bagagem2__doc b{font:italic 700 16px/1.2 var(--serif);}
.bagagem2__doc i{display:block; height:6px; border-radius:3px; background:#E6E8EE;}
.bagagem2__doc i:nth-of-type(2){width:80%;} .bagagem2__doc i:nth-of-type(3){width:60%;}
.bagagem2__doc.voa{transform:translate(70%, 40%) scale(.2) rotate(8deg); opacity:0;}
.bagagem2__botao{grid-area:botao; display:inline-flex; align-items:center; justify-content:center; gap:8px; height:46px; border-radius:var(--raio-pilula); border:1px solid rgba(255,255,255,.3); background:rgba(255,255,255,.08); color:#fff; font:600 14.5px var(--sans); cursor:pointer; transition:background .2s, box-shadow .2s;}
.bagagem2__botao:hover{background:var(--fucsia); box-shadow:0 0 22px rgba(161,9,95,.6);}
.bagagem2__botao svg{width:18px; height:18px;}
.bagagem2__mala{grid-area:mala; display:grid; justify-items:center; gap:6px; width:96px; color:#fff;}
.bagagem2__mala svg{width:62px; height:52px; filter:drop-shadow(0 0 10px rgba(161,9,95,.7));}
.bagagem2__mala span{font:500 10.5px var(--mono); letter-spacing:.14em; text-transform:uppercase; color:rgba(255,255,255,.75);}
.bagagem2__mala b{color:#fff; text-shadow:var(--brilho-x);}
.bagagem2__mala.pula svg{animation:mala-pula .5s var(--ease-mola);}
@keyframes mala-pula{50%{transform:scale(1.18) rotate(-4deg);}}
@media (min-width:900px){ .bagagem2{grid-template-columns:1.1fr 1fr; padding:30px 32px;} }
.central2__telas{margin:var(--esp-5) 0 10px; text-align:center; font:500 11px var(--mono); letter-spacing:.2em; text-transform:uppercase; color:rgba(255,255,255,.62);}

/* ------------------------------------------------ 10 · o cronograma, em vidro */
.cronograma__grade{display:grid; gap:20px; align-items:start;}
.cronograma__lado{display:grid; gap:16px;}
@media (min-width:1024px){
  .cronograma__grade{grid-template-columns:minmax(0,5fr) minmax(0,6fr); gap:28px;}
  .cronograma__lado{position:sticky; top:24px;}
}
.acompanha{padding:22px;}
.acompanha__titulo{font:italic 700 22px/1.2 var(--serif); color:#fff;}
.acompanha__sub{margin:4px 0 12px; font:500 10.5px var(--mono); letter-spacing:.16em; text-transform:uppercase; color:rgba(255,255,255,.6) !important;}
.acompanha .lista li{color:rgba(255,255,255,.82);}
.acompanha .lista strong{color:#fff;}
.acompanha__depois{margin:14px 0 0; padding-top:12px; border-top:1px solid rgba(255,255,255,.1); font-size:13.5px; font-weight:300; line-height:1.55; color:rgba(255,255,255,.62) !important;}
.linha-voo{list-style:none; margin:0; padding:24px 20px 24px 20px; position:relative; --p:0;}
.linha-voo::before,.linha-voo::after{content:''; position:absolute; left:31px; top:34px; bottom:34px; width:1px;}
.linha-voo::before{background:rgba(255,255,255,.14);}
.linha-voo::after{background:#fff; box-shadow:0 0 8px rgba(161,9,95,1); transform-origin:top; transform:scaleY(var(--p));}
.linha-voo__foguete{position:absolute; left:20px; top:calc(34px + (100% - 68px) * var(--p)); width:24px; height:24px; margin-top:-12px; z-index:2;}
.linha-voo__foguete svg{width:24px; height:24px; fill:#fff; transform:rotate(135deg); filter:drop-shadow(0 0 6px rgba(161,9,95,1)) drop-shadow(0 0 14px rgba(161,9,95,.7));}
.linha-voo__mes{position:relative; padding:0 0 18px 42px;}
.linha-voo__mes:last-child{padding-bottom:0;}
.linha-voo__mes::before{content:''; position:absolute; left:7px; top:6px; width:9px; height:9px; border-radius:50%; background:var(--noite); border:1.5px solid rgba(255,255,255,.5); transition:background .4s, box-shadow .4s, border-color .4s;}
.linha-voo__mes.passou::before{background:#fff; border-color:#fff; box-shadow:0 0 10px rgba(161,9,95,1);}
.linha-voo__quando{display:block; margin-bottom:6px; font:500 11px var(--mono); letter-spacing:.16em; text-transform:uppercase; color:var(--rosa-luz);}
.linha-voo__mes.passou .linha-voo__quando{color:#fff; text-shadow:var(--brilho-x);}
.linha-voo__mes ul{list-style:none; margin:0; padding:0; display:grid; gap:4px;}
.linha-voo__mes ul li{font-size:15.5px; font-weight:400; line-height:1.4; color:rgba(255,255,255,.9);}
.linha-voo__encontro{color:rgba(255,255,255,.7) !important; font-weight:300 !important;}
.linha-voo__encontro::before{content:'Encontro'; display:inline-block; margin-right:8px; padding:1px 7px; border-radius:var(--raio-pilula); border:1px solid rgba(255,255,255,.2); font:500 9.5px/1.6 var(--mono); letter-spacing:.12em; text-transform:uppercase; color:rgba(255,255,255,.62); vertical-align:1px;}
.linha-voo__bonus{display:inline-block; margin-right:8px; padding:1px 7px; border-radius:var(--raio-pilula); background:rgba(161,9,95,.35); border:1px solid var(--fio-rosa); font:500 9.5px/1.6 var(--mono); letter-spacing:.12em; text-transform:uppercase; color:#fff; vertical-align:1px;}
@media (min-width:760px){ .linha-voo__mes ul{grid-template-columns:1fr 1fr; column-gap:18px;} }

/* ------------------------------------------------ 11 · quem te entrega */
.comandante2__grade{display:grid; gap:var(--esp-5);}
@media (min-width:1024px){ .comandante2__grade{grid-template-columns:minmax(0,6fr) minmax(0,6fr); gap:var(--esp-6); align-items:start;} }
.diz-diffy{display:flex; gap:12px; align-items:flex-start; margin:0 0 var(--esp-3);}
.diz-diffy img{flex:none; width:40px; height:40px; border-radius:50%; object-fit:cover; box-shadow:0 0 0 2px var(--fucsia);}
.diz-diffy p{margin:0; padding:14px 16px; border-radius:4px 16px 16px 16px; background:var(--c1); border:1px solid var(--c-linha); font-size:16.5px; font-weight:300; line-height:1.55; color:var(--c-tinta);}
.diz-diffy .tag-casa{margin-bottom:8px; display:flex;}
.moldura-escuta{position:relative; margin:0; border-radius:20px; overflow:hidden; box-shadow:0 20px 50px rgba(20,16,28,.18);}
.moldura-escuta::after{content:''; position:absolute; inset:0; border-radius:inherit; box-shadow:inset 0 0 0 1px rgba(255,255,255,.5); pointer-events:none;}
.moldura-escuta > img{display:block; width:100%; aspect-ratio:16/10; object-fit:cover;}
.moldura-escuta__base{
  position:relative; display:grid; gap:10px; padding:16px 18px 18px;
  background:linear-gradient(180deg, rgba(20,16,28,.94), var(--noite)); color:#fff;
}
.moldura-escuta__base::before{content:''; position:absolute; left:18px; right:18px; top:0; height:1px; background:linear-gradient(90deg, transparent, rgba(222,62,147,.9), transparent); box-shadow:0 0 10px rgba(161,9,95,.8);}
.moldura-escuta__chamada{font-size:26px !important; color:#fff !important; text-shadow:var(--luz);}
.moldura-escuta .tocador{background:rgba(255,255,255,.06); border-color:rgba(255,255,255,.16); box-shadow:none;}
.moldura-escuta .tocador__onda i{background:rgba(255,255,255,.26);}
.moldura-escuta .tocador__onda i.acesa{background:#fff;}
.moldura-escuta .tocador__tempo{color:rgba(255,255,255,.62);}
.moldura-escuta .pilula{border-color:rgba(255,255,255,.2); color:rgba(255,255,255,.8);}
.moldura-escuta .recado__texto{color:rgba(255,255,255,.8);}
.comandante2__corpo .recado2{margin-top:var(--esp-4);}
.videos3{margin-top:var(--esp-6);}
.videos3__trilho{display:grid; grid-auto-flow:column; grid-auto-columns:minmax(240px, 1fr); gap:14px; overflow-x:auto; scroll-snap-type:x mandatory; padding-bottom:6px;}
.capa3{
  position:relative; display:grid; align-content:end; gap:8px; aspect-ratio:4/5; padding:18px; border:0; border-radius:18px; overflow:hidden; cursor:pointer; text-align:left; scroll-snap-align:start;
  background:var(--noite); color:#fff; box-shadow:0 16px 40px rgba(20,16,28,.25);
}
.capa3__img{position:absolute; inset:0; width:100%; height:100%; object-fit:cover; filter:saturate(.7) brightness(.55) blur(1.5px); transform:scale(1.06); transition:transform .6s var(--mola), filter .6s;}
.capa3::before{content:''; position:absolute; inset:0; background:linear-gradient(180deg, rgba(20,16,28,.2), rgba(20,16,28,.3) 40%, rgba(20,16,28,.94)); z-index:1;}
.capa3::after{position:absolute; right:14px; top:10px; z-index:1; font:italic 700 110px/1 var(--serif); color:rgba(255,255,255,.95); text-shadow:var(--luz); opacity:.9;}
.capa3:nth-child(1)::after{content:'+';}
.capa3:nth-child(2)::after{content:'×'; font-style:normal; font-family:var(--sans); font-weight:300;}
.capa3:nth-child(3)::after{content:'R$'; font-size:72px; top:22px;}
.capa3 > span{position:relative; z-index:2;}
.capa3__num{font:500 10.5px var(--mono); letter-spacing:.18em; text-transform:uppercase; color:rgba(255,255,255,.72);}
.capa3__titulo{font:italic 700 22px/1.2 var(--serif); text-wrap:balance;}
.capa3__play{position:absolute !important; left:18px; top:18px; width:46px; height:46px; border-radius:50%; display:grid; place-items:center; background:var(--fucsia); box-shadow:0 0 0 4px rgba(161,9,95,.3), 0 0 22px rgba(161,9,95,.7);}
.capa3__play svg{width:20px; height:20px; fill:#fff; margin-left:3px;}
.capa3:hover .capa3__img{transform:scale(1.12); filter:saturate(.9) brightness(.7) blur(0);}
@media (min-width:900px){ .videos3__trilho{grid-auto-flow:row; grid-template-columns:repeat(3,1fr); overflow:visible;} }

/* ------------------------------------------------ 12 · quanto custa */
.custa__grade{display:grid; gap:var(--esp-4); align-items:start;}
.custa__lado{display:grid; gap:18px;}
@media (min-width:1024px){ .custa__grade{grid-template-columns:minmax(0,5fr) minmax(0,7fr); gap:var(--esp-6);} }
.precos2{display:grid; gap:14px;}
.precos2__grupo{border-radius:14px; background:#fff; box-shadow:inset 0 0 0 1px var(--c-linha); overflow:hidden;}
.precos2__cat{display:flex; justify-content:space-between; gap:10px; flex-wrap:wrap; margin:0; padding:10px 16px; background:var(--c1); border-bottom:1px solid var(--c-linha); font:500 10.5px/1.5 var(--mono); letter-spacing:.14em; text-transform:uppercase; color:var(--c-tinta-3);}
.precos2__cat b{color:var(--fucsia); font-weight:500;}
.precos2__lista{list-style:none; margin:0; padding:0;}
.precos2__lista li{display:flex; justify-content:space-between; align-items:baseline; gap:12px; padding:12px 16px; border-top:1px solid var(--c-linha);}
.precos2__lista li:first-child{border-top:0;}
.precos2__lista span{font:italic 700 17px/1.25 var(--serif); color:var(--c-tinta);}
.precos2__lista b{flex:none; font:500 14px var(--sans); color:var(--c-tinta-2); white-space:nowrap;}
.precos2__total{display:grid; gap:4px; padding:18px 20px; border-radius:16px; background:var(--noite); color:#fff; box-shadow:0 16px 40px rgba(20,16,28,.25), 0 0 40px rgba(161,9,95,.15);}
.precos2__total .carimbo{color:rgba(255,255,255,.62);}
.precos2__total strong{font:italic 700 clamp(26px,3vw,34px)/1.1 var(--serif); color:#fff; text-shadow:var(--luz);}
.precos2__total p{margin:0; font-size:14px; font-weight:300; color:rgba(255,255,255,.7);}
.precos2__fonte{margin:0; font-size:12.5px; font-weight:300; line-height:1.5; color:var(--c-tinta-3);}

/* ------------------------------------------------ 13 · a calculadora */
.calc2__cabeca{display:grid; gap:var(--esp-3); margin-bottom:var(--esp-4); align-items:center;}
@media (min-width:1024px){ .calc2__cabeca{grid-template-columns:minmax(0,7fr) minmax(0,5fr); grid-template-areas:"cab cena" "passos cena";} .calc2__cabeca .cabeca{grid-area:cab; margin:0;} .calc2__passos{grid-area:passos;} .calc2__cena{grid-area:cena;} }
.calc2__passos{list-style:none; margin:0; padding:0; display:grid; gap:8px;}
.calc2__passos li{display:flex; gap:12px; align-items:center; padding:10px 14px; border-radius:12px; background:var(--c1); border:1px solid var(--c-linha); font-size:15.5px; font-weight:300; color:var(--c-tinta);}
.calc2__passos b{flex:none; width:28px; height:28px; border-radius:50%; display:grid; place-items:center; background:var(--fucsia); color:#fff; font:600 13px var(--sans); box-shadow:0 0 12px rgba(161,9,95,.35);}
.calc2__cena{margin:0;}
.calc2__invest{border:0; padding:0; margin:0;}
.calc2__invest legend{padding:0; margin-bottom:10px;}
.calc2__opcoes{display:grid; grid-template-columns:repeat(2,1fr); gap:8px;}
@media (min-width:600px){ .calc2__opcoes{grid-template-columns:repeat(4,1fr);} }
.calc2__opcoes label{position:relative; cursor:pointer;}
.calc2__opcoes input{position:absolute; opacity:0; inset:0; cursor:pointer;}
.calc2__opcoes span{display:grid; place-items:center; height:48px; border-radius:12px; border:1px solid var(--c-linha-forte); background:#fff; font:600 15px var(--sans); color:var(--c-tinta); transition:border-color .2s, box-shadow .2s, background .2s, color .2s;}
.calc2__opcoes input:checked + span{border-color:var(--fucsia); background:var(--fucsia); color:#fff; box-shadow:0 0 18px rgba(161,9,95,.35);}
.calc2__opcoes input:focus-visible + span{outline:2px solid var(--fucsia); outline-offset:2px;}
.calc2__botao{width:100%; height:56px; justify-content:center; font-size:17px; margin-top:6px;}
.calc2__falta{margin:8px 0 0; font-size:14px; color:var(--fucsia);}
.calc2__espera{display:grid; justify-items:center; gap:14px; padding:30px 10px; text-align:center;}
.calc2__espera svg{width:56px; height:56px; animation:x-pulsa 2.4s var(--mola) infinite alternate;}
.calc2__espera p{margin:0; max-width:32ch; font-size:15.5px; font-weight:300; line-height:1.55; color:rgba(255,255,255,.8);}
.calc2__espera strong{color:#fff;}
.calc2__saida{animation:saida-entra .7s var(--mola);}
@keyframes saida-entra{from{transform:translateY(10px);} to{transform:none;}}
.calc2__retorno{margin:14px 0 4px; padding:14px 16px; border-radius:12px; background:rgba(161,9,95,.22); border:1px solid var(--fio-rosa);}
.calc2__retorno:empty{display:none;}
.calc2__retorno p{margin:0; font-size:15px; font-weight:300; line-height:1.55; color:rgba(255,255,255,.88);}
.calc2__retorno strong{color:#fff; text-shadow:var(--brilho-x);}
.calc2__retorno p + p{margin-top:10px;}
.calc2__retorno .calc2__selo{font-family:var(--serif); font-style:italic; font-weight:600; font-size:18px; color:#fff;}
.calc2__fecho{margin:16px 0 10px; font-family:var(--serif); font-style:italic; font-weight:700; font-size:20px; line-height:1.25; color:#fff;}
.calc2__ir{width:100%; justify-content:center;}

/* ------------------------------------------------ 15 · o investimento no RaioX */
.investimento2 .video{margin:var(--esp-4) auto 0;}
.resolve{margin:var(--esp-5) 0 0; padding:24px 22px; border-radius:18px; background:rgba(28,22,38,.6); -webkit-backdrop-filter:blur(16px); backdrop-filter:blur(16px); box-shadow:inset 0 0 0 1px rgba(255,255,255,.1), var(--reflexo);}
.resolve__titulo{margin:0 0 14px; font:italic 700 24px/1.2 var(--serif); color:#fff; text-align:center;}
.resolve__lista{list-style:none; margin:0; padding:0; display:grid; gap:12px;}
.resolve__lista li{position:relative; padding-left:40px; font-size:16px; font-weight:300; line-height:1.55; color:rgba(255,255,255,.82);}
.resolve__lista li::before{content:''; position:absolute; left:0; top:1px; width:26px; height:26px; border-radius:8px; background:rgba(161,9,95,.3); border:1px solid var(--fio-rosa); box-shadow:0 0 12px rgba(161,9,95,.45);}
.resolve__lista li::after{content:''; position:absolute; left:9px; top:6px; width:6px; height:12px; border:solid #fff; border-width:0 2px 2px 0; transform:rotate(45deg);}
.resolve__lista b{color:#fff; font-weight:600;}
.leva3{margin:var(--esp-6) 0 var(--esp-5);}
.leva3__titulo{margin:0 0 16px; text-align:center; font:500 11px var(--mono); letter-spacing:.2em; text-transform:uppercase; color:rgba(255,255,255,.62) !important;}
.leva3__grade{display:grid; gap:12px;}
@media (min-width:900px){ .leva3__grade{grid-template-columns:repeat(3,1fr);} }
.leva3__bloco{padding:22px 20px;}
.leva3__num{display:block; font:italic 700 58px/1 var(--serif); color:#fff; text-shadow:var(--luz);}
.leva3__bloco h3{margin:6px 0 2px; font:italic 700 24px/1.1 var(--serif); color:#fff;}
.leva3__sub{margin:0 0 12px; font:500 10.5px var(--mono); letter-spacing:.14em; text-transform:uppercase; color:rgba(255,255,255,.6) !important;}
.leva3__bloco ul{list-style:none; margin:0; padding:0; display:grid; gap:6px;}
.leva3__bloco li{font-size:14.5px; font-weight:300; line-height:1.45; color:rgba(255,255,255,.85); padding-left:14px; position:relative;}
.leva3__bloco li::before{content:''; position:absolute; left:0; top:.6em; width:6px; height:1px; background:var(--rosa-luz); box-shadow:0 0 6px rgba(161,9,95,1);}
.leva3__mais{max-width:var(--larg-texto); margin:16px auto 0; text-align:center; font-size:15.5px; font-weight:300; line-height:1.6; color:rgba(255,255,255,.8);}
.leva3__mais strong{color:#fff;}
.prevenda2{margin:var(--esp-4) auto 0; max-width:var(--larg-texto); padding:26px 24px; text-align:center; display:grid; justify-items:center; gap:12px; border-radius:20px; box-shadow:inset 0 0 0 1px var(--fio-rosa), 0 0 50px rgba(161,9,95,.25), var(--sombra-escura);}
.prevenda2__titulo{font:italic 700 clamp(24px,3vw,32px)/1.15 var(--serif); color:#fff;}
.prevenda2__linha{margin:0; max-width:52ch; font-size:16px; font-weight:300; line-height:1.55; color:rgba(255,255,255,.82);}
.prevenda2__linha strong{color:#fff;}
.prevenda2 .cupom{width:100%; margin-top:6px;}
.bonus2{margin-top:var(--esp-6);}
.bonus2__grade{display:grid; gap:14px;}
@media (min-width:760px){ .bonus2__grade{grid-template-columns:1fr 1fr;} }
.prevenda2__regras{max-width:var(--larg-texto); margin:var(--esp-5) auto 0;}
.investimento2__carol{max-width:var(--larg-texto); margin:var(--esp-5) auto 0;}
.investimento2__carol .recado__ler .recado__texto{color:rgba(255,255,255,.8);}

/* ------------------------------------------------ a legenda da casa */
.legenda-casa{
  position:absolute; left:50%; bottom:14%; transform:translateX(-50%); z-index:4;
  width:max-content; max-width:88%; padding:8px 14px; border-radius:12px; text-align:center;
  background:rgba(20,16,28,.66); -webkit-backdrop-filter:blur(8px); backdrop-filter:blur(8px);
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.12);
  font:600 clamp(14px,2.2vw,18px)/1.35 var(--sans); color:#fff; pointer-events:none;
  transition:opacity .2s;
}
.legenda-casa:empty{opacity:0;}
.legenda-casa w{display:inline; transition:color .15s, text-shadow .15s;}
.legenda-casa w.agora{color:#fff; text-shadow:0 0 2px #fff, 0 0 10px rgba(222,62,147,1), 0 0 18px rgba(161,9,95,.9); text-decoration:underline; text-decoration-color:var(--rosa-luz); text-decoration-thickness:2px; text-underline-offset:4px;}
.legenda-casa w.dito{color:#fff;}
.legenda-casa w.vem{color:rgba(255,255,255,.62);}
.tem-legenda{position:relative;}
.legenda-botao{position:absolute; right:10px; top:10px; z-index:5; padding:4px 9px; border-radius:8px; border:1px solid rgba(255,255,255,.3); background:rgba(20,16,28,.55); color:#fff; font:500 10.5px var(--mono); letter-spacing:.1em; cursor:pointer;}
.legenda-botao[aria-pressed="false"]{opacity:.55;}

/* ------------------------------------------------ o movimento reduzido: tudo parado, e tudo à vista */
@media (prefers-reduced-motion:reduce){
  .x-luz, .naoe-item .xis, .tag-casa__ponto, .recado2::before, .bora-voar__fog, .embarque__ceu, .oque2__feixe, .turbina__helice, .central2__icone--onda i, .calc2__espera svg{animation:none !important;}
  .embarque__cartao{opacity:1; transform:none;}
  .metodo2{height:auto;}
  .metodo2__fixo{position:relative; height:auto; padding:var(--esp-6) 16px;}
  .metodo2 .liga, .metodo2 .entrada, .metodo2 .rotulo-e, .metodo2__estrela, .metodo2__ordem li, .metodo2__oito div{opacity:1; transform:none;}
  .metodo2__estrela{transform:translate(-50%,-58%);}
  .metodo2__ordem::before{transform:none;}
}

/* a noite do meio: as entregas, as galerias, a Central e o cronograma são um evento escuro
   só, e não quatro, porque a ID pede escuro como evento (no máximo 1 sala a cada 3) */
.bloco-noite{padding:0;}
.bloco-noite > .secao{padding-top:var(--esp-6); padding-bottom:var(--esp-6);}
.fecho__bora{justify-content:center; margin:0 0 var(--esp-3);}
.fecho .fecho__diffy{background:var(--c1); border:1px solid var(--c-linha);}
.fecho .fecho__frase{color:var(--c-tinta-2);}
.conta__linha small{display:block; font-size:.82em; font-weight:300; opacity:.75;}


/* ==========================================================================
   28/09 · a segunda rodada da Carol
   ========================================================================== */

/* as profissões: as imagens já são muito rosas, então o fundo é vidro branco e o universo
   desliza por trás, e a imagem da profissão aberta aparece inteira, quadrada */
.nichos2 .painel{background-color:rgba(255,255,255,.74); background-image:none; -webkit-backdrop-filter:blur(22px) saturate(1.2); backdrop-filter:blur(22px) saturate(1.2);}
.nichos2 .raio2{align-items:start; background:#fff;}
.nichos2 .raio2__lado{align-self:start; width:100%; max-width:300px; margin:0 auto;}
.nichos2 .raio2__foto{width:100% !important; height:auto !important; aspect-ratio:1 / 1; max-width:300px; object-fit:cover;}

/* o cronograma: uma entrega embaixo da outra */
.linha-voo__mes ul{grid-template-columns:1fr !important;}

/* os 3 vídeos: sem o sinal por cima, o play no meio, e a imagem mais limpa */
.capa3::after{content:none !important;}
.capa3__img{filter:saturate(.9) brightness(.62); transform:none;}
.capa3__play{left:50% !important; top:40% !important; transform:translate(-50%,-50%); width:58px; height:58px;}
.capa3__play svg{width:24px; height:24px;}
.videos3__diz{margin-bottom:var(--esp-3);}

/* quanto custa: o recado em cima, o vídeo ao lado dos preços, e o fecho embaixo */
.custa__recado, .custa__fecho{max-width:var(--larg-texto); margin:0 auto var(--esp-4);}
.custa__fecho{margin:var(--esp-4) auto 0;}
.custa__fecho .recado2__texto strong{font-weight:500;}
.custa__video{display:flex; justify-content:center;}
@media (min-width:1024px){
  .custa__grade{grid-template-columns:minmax(0,380px) minmax(0,1fr); gap:var(--esp-5); align-items:start;}
  .custa__video{position:sticky; top:var(--esp-4);}
}

/* as galerias: o que a assessora faz, e o que é cada tela */
.faz2{display:grid; gap:16px; margin:var(--esp-3) 0 var(--esp-4); align-items:center;}
.faz2__lado{padding:22px 20px;}
.faz2__rotulo, .explica2__rotulo{margin:0 0 10px; font:500 11px var(--mono); letter-spacing:.16em; text-transform:uppercase; color:var(--rosa-luz) !important;}
.faz2__lado .lista li{color:rgba(255,255,255,.84);}
.faz2__meio{display:flex; justify-content:center;}
.faz2__meio .celular__legenda{color:#fff;}
@media (min-width:1024px){ .faz2{grid-template-columns:1fr 320px 1fr;} }
@media (max-width:1023px){ .faz2__meio{order:-1;} }
.explica2{display:grid; gap:14px; margin:var(--esp-3) 0 var(--esp-2);}
.explica2__item{padding:22px 20px;}
.explica2__item p{margin:0; font-size:15.5px; font-weight:300; line-height:1.6; color:rgba(255,255,255,.84);}
.explica2__item b{color:#fff;}
@media (min-width:900px){ .explica2{grid-template-columns:1fr 1fr;} }

/* o investimento em três colunas */
.investimento3 .video{margin:var(--esp-4) auto 0;}
.produtos3{display:grid; gap:16px; margin-top:var(--esp-6); align-items:start;}
.produto3{
  position:relative; display:flex; flex-direction:column; gap:12px; padding:24px 20px 22px; border-radius:20px;
  background:rgba(28,22,38,.66); -webkit-backdrop-filter:blur(18px); backdrop-filter:blur(18px);
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.12), var(--reflexo), 0 18px 48px rgba(20,16,28,.35);
}
.produto3__selo{align-self:flex-start; padding:5px 11px; border-radius:var(--raio-pilula); border:1px solid rgba(255,255,255,.2); font:500 10.5px var(--mono); letter-spacing:.14em; text-transform:uppercase; color:rgba(255,255,255,.78);}
.produto3__selo--destaque{border-color:var(--fio-rosa); background:rgba(161,9,95,.3); color:#fff; box-shadow:0 0 14px rgba(161,9,95,.45);}
.produto3__nome{font:italic 700 clamp(22px,2.2vw,26px)/1.15 var(--serif); color:#fff; margin:0;}
.produto3__lk{font-size:32px;}
.produto3__lk .lk__txt small{letter-spacing:.24em;}
.produto3__sub{margin:-4px 0 0; font-size:15px; font-weight:300; color:rgba(255,255,255,.7);}
.produto3__lista{list-style:none; margin:4px 0 0; padding:0; display:grid; gap:8px;}
.produto3__lista li{position:relative; padding-left:18px; font-size:14.5px; font-weight:300; line-height:1.5; color:rgba(255,255,255,.86);}
.produto3__lista li::before{content:''; position:absolute; left:0; top:.62em; width:8px; height:1px; background:var(--rosa-luz); box-shadow:0 0 6px rgba(161,9,95,1);}
.produto3__lista b{color:#fff; font-weight:600;}
.produto3__tudo{font-weight:500 !important; color:#fff !important;}
.produto3__dentro{border-top:1px solid rgba(255,255,255,.1); padding-top:10px;}
.produto3__dentro summary{cursor:pointer; list-style:none; display:inline-flex; align-items:center; gap:8px; padding:7px 13px; border-radius:var(--raio-pilula); border:1px solid rgba(255,255,255,.22); font:500 13px var(--sans); color:#fff;}
.produto3__dentro summary::-webkit-details-marker{display:none;}
.produto3__dentro summary::after{content:'+'; font-size:16px; line-height:1; color:var(--rosa-luz);}
.produto3__dentro[open] summary::after{content:'−';}
.produto3__dentro p, .produto3__dentro li{font-size:13.5px; font-weight:300; line-height:1.55; color:rgba(255,255,255,.78);}
.produto3__dentro p{margin:6px 0 0;}
.produto3__grupo{margin:14px 0 0 !important; font:500 10.5px var(--mono) !important; letter-spacing:.14em; text-transform:uppercase; color:var(--rosa-luz) !important;}
.produto3__turbinas{margin:6px 0 0; padding-left:18px; display:grid; gap:4px;}
.produto3__turbinas b{color:#fff;}
.produto3__nota{padding:12px 14px; border-radius:12px; background:rgba(255,255,255,.04); border:1px solid rgba(255,255,255,.08);}
.produto3__nota p{margin:0 0 6px; font-size:12.5px; font-weight:300; line-height:1.5; color:rgba(255,255,255,.66);}
.produto3__nota p:last-child{margin:0;}
.produto3__nota b{color:#fff; font-weight:500;}
.produto3__bonus{padding:12px; border-radius:14px; background:rgba(161,9,95,.18); border:1px solid var(--fio-rosa);}
.produto3__bonus .produto3__grupo{margin:0 0 8px !important;}
.produto3__bonus-grade{display:grid; grid-template-columns:1fr 1fr; gap:8px;}
.produto3__bonus figure{margin:0; border-radius:10px; overflow:hidden; background:rgba(20,16,28,.5);}
.produto3__bonus img{display:block; width:100%; aspect-ratio:16/10; object-fit:cover;}
.produto3__bonus figcaption{padding:7px 8px; font:italic 700 13px/1.25 var(--serif); color:#fff;}
.produto3__preco{margin-top:auto; padding-top:14px; border-top:1px solid rgba(255,255,255,.12); display:grid; gap:10px;}
.preco3{display:grid; gap:2px;}
.preco3__forma{font:500 10.5px var(--mono); letter-spacing:.14em; text-transform:uppercase; color:rgba(255,255,255,.62);}
.preco3__valor{font:italic 700 19px/1.2 var(--serif); color:#fff;}
.preco3__valor s{font-style:normal; font-family:var(--sans); font-weight:300; font-size:.72em; color:rgba(255,255,255,.5); margin-right:6px;}
.preco3__valor small{font:300 12.5px var(--sans); color:rgba(255,255,255,.7);}
.preco3--foco .preco3__valor{font-size:clamp(28px,3vw,34px); text-shadow:var(--luz);}
.preco3__apoio{font-size:12.5px; font-weight:300; color:rgba(255,255,255,.62);}
.preco3__botao{margin-top:8px; justify-content:center;}
.preco3__link{justify-self:start; margin-top:2px; padding:0; border:0; background:none; cursor:pointer; font:500 13.5px var(--sans); color:#fff; text-decoration:underline; text-decoration-color:var(--rosa-luz); text-underline-offset:4px;}
.produto3__seliga{margin:4px 0 0; padding:10px 12px; border-radius:10px; background:rgba(161,9,95,.2); font-size:13.5px; font-weight:300; line-height:1.5; color:rgba(255,255,255,.88);}
.produto3__seliga b{color:#fff;}
.produto3--raiox{box-shadow:inset 0 0 0 1px var(--fio-rosa), var(--reflexo), 0 0 60px rgba(161,9,95,.35), 0 24px 60px rgba(20,16,28,.45); background:linear-gradient(180deg, rgba(161,9,95,.22), rgba(28,22,38,.72) 30%);}
.produto3--raiox::before{content:''; position:absolute; left:24px; right:24px; top:0; height:2px; background:linear-gradient(90deg, transparent, #fff, transparent); box-shadow:0 0 14px 2px rgba(161,9,95,.9);}
@media (min-width:1024px){
  .produtos3{grid-template-columns:1fr 1fr 1.2fr; gap:18px; align-items:stretch;}
  .produto3--raiox{margin-top:-28px; padding:30px 24px 26px;}
}
@media (max-width:1023px){
  .produtos3{display:flex; flex-direction:column;}
  .produto3--raiox{order:-1;}
}
.cupom3{max-width:var(--larg-texto); margin:var(--esp-5) auto 0; padding:26px 22px; display:grid; gap:12px; justify-items:center; text-align:center; border-radius:20px; box-shadow:inset 0 0 0 1px var(--fio-rosa), 0 0 50px rgba(161,9,95,.25), var(--sombra-escura);}
.cupom3__frase{margin:4px 0 0; font:italic 700 clamp(22px,2.8vw,28px)/1.25 var(--serif); color:#fff; text-wrap:balance;}
.cupom3__lista{list-style:none; margin:0; padding:0; display:grid; gap:6px; text-align:left;}
.cupom3__lista li{position:relative; padding-left:16px; font-size:14.5px; font-weight:300; line-height:1.55; color:rgba(255,255,255,.84);}
.cupom3__lista li::before{content:''; position:absolute; left:0; top:.62em; width:6px; height:6px; border-radius:2px; background:var(--rosa-luz); box-shadow:0 0 6px rgba(161,9,95,1);}
.cupom3__lista b{color:#fff;}
.cupom3 .cupom{width:100%;}

/* 28/09 · no celular, nenhuma caixa passa da tela: grade de uma coluna só encolhe até o
   limite dela, e a etiqueta longa quebra linha (a página inteira abria em 660px e o
   celular afastava o zoom) */
.recado2{grid-template-columns:minmax(0,1fr);}
.recado2 > *, .comandante2__grade > *, .cupom3 > *, .produto3 > *{min-width:0;}
.comandante2__grade{grid-template-columns:minmax(0,1fr);}
@media (min-width:1024px){ .comandante2__grade{grid-template-columns:minmax(0,6fr) minmax(0,6fr);} }
.tag-casa{white-space:normal; width:auto; max-width:100%;}
.recado2 .recado__texto, .recado2 p{overflow-wrap:anywhere;}
/* a conversa da assessora agora mora numa sala escura: a letra das bolhas volta a ser escura */
.faz2 .bolha{color:var(--c-tinta) !important;}
.faz2 .celular__topo b{color:var(--c-tinta);}
.preco3__valor small{display:block; margin-top:2px;}

/* ==========================================================================
   28/09 · a terceira rodada: o que os três olhares acharam e a Carol aprovou
   ========================================================================== */

/* menos rosa brilhando: a luz dos títulos no escuro fica mais branca e mais curta */
:root{--luz:0 0 2px rgba(255,255,255,.9), 0 0 10px rgba(161,9,95,.7), 0 0 22px rgba(161,9,95,.38);}
.vitrine--cena{box-shadow:0 14px 34px rgba(20,16,28,.14) !important;}

/* no celular o topo não cola: o painel da Carol subia por cima do play da Diffy */
@media (max-width:1023px){ .decola > .hero{position:relative; top:auto;} }

/* as setas das faixas num lugar só: embaixo, à esquerda, como as dos depoimentos */
.faixa2027{flex-wrap:wrap; justify-content:flex-start; row-gap:4px; column-gap:10px;}
.faixa2027__janela{order:1; flex:1 1 100%; width:100%;}
.faixa2027__seta{order:2;}
.faixa2027__seta--antes{margin-left:4px;}
.painel .faixa2027__seta--antes{margin-left:var(--esp-6);}
@media (max-width:1023px){ .painel .faixa2027__seta--antes{margin-left:var(--esp-3);} }
.faixa2027--nichos{justify-content:flex-start;}

/* o recado num padrão só: o balão da Diffy vira a caixa da casa, e o fecho escreve em preto */
.diz-diffy p{background:#fff; border:0; border-radius:16px; box-shadow:inset 0 0 0 1px var(--c-linha), 0 12px 30px rgba(161,9,95,.06);}
.fecho .fecho__frase{color:var(--c-tinta) !important;}

/* o Método animado: mais curto, e a ordem sobre vidro, legível em cima do foguete */
.metodo2{height:230svh;}
.metodo2__ordem{padding:12px 14px 12px 10px; border-radius:16px; background:rgba(20,16,28,.62); -webkit-backdrop-filter:blur(14px); backdrop-filter:blur(14px); box-shadow:inset 0 0 0 1px rgba(255,255,255,.1);}
.metodo2__ordem::before{left:29px; top:12px; bottom:31px;}

/* "olha só o que a cliente disse disso": o depoimento no lugar da dúvida */
.disse{max-width:var(--larg-texto); margin:var(--esp-4) auto 0; padding:18px 20px; border-radius:18px; display:grid; gap:12px;
  background:rgba(28,22,38,.6); -webkit-backdrop-filter:blur(16px); backdrop-filter:blur(16px);
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.12), var(--reflexo);}
.disse__chamada{margin:0;}
.disse__corpo{display:grid; gap:10px;}
.disse__aspas{margin:0; font:italic 700 clamp(19px,2vw,23px)/1.3 var(--serif); color:#fff; text-wrap:balance;}
.disse__quem{display:flex; flex-wrap:wrap; gap:4px 10px; align-items:baseline; font-size:13px; color:rgba(255,255,255,.7);}
.disse__quem b{color:#fff;}
.disse .aud{max-width:420px;}
.disse--claro{background:#fff; -webkit-backdrop-filter:none; backdrop-filter:none; box-shadow:inset 0 0 0 1px var(--c-linha), 0 16px 40px rgba(161,9,95,.08);}
.disse--claro .disse__aspas{color:var(--c-tinta);}
.disse--claro .disse__quem{color:var(--c-tinta-2);}
.disse--claro .disse__quem b{color:var(--c-tinta);}
.disse--claro .tag-casa{color:var(--c-tinta); background:#fff; border-color:var(--c-linha-forte);}
.disse--claro .tag-casa__ponto{background:var(--fucsia);}
.cronograma__lado .disse{margin:0;}

/* as competências da assessora: claras, em vidro branco, com a luz descendo pelo meio */
.compet{margin:var(--esp-4) 0 0; padding:24px 20px 26px; border-radius:22px; color:var(--c-tinta);
  background:rgba(255,255,255,.9); -webkit-backdrop-filter:blur(20px); backdrop-filter:blur(20px);
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.7), 0 24px 60px rgba(20,16,28,.35);}
.compet p{color:var(--c-tinta-2);}
.compet__topo{display:none;}
.compet__linhas{list-style:none; margin:0; padding:0; position:relative; display:grid; gap:14px; --p:0;}
.compet__linha{display:grid; gap:8px; padding:14px 14px 12px; border-radius:16px; background:var(--c1); box-shadow:inset 0 0 0 1px var(--c-linha); transition:box-shadow .5s var(--mola), background .5s var(--mola);}
.compet__linha.acesa{background:#fff; box-shadow:inset 0 0 0 1px rgba(161,9,95,.25), 0 10px 26px rgba(161,9,95,.08);}
.compet__momento{order:-1; display:flex; align-items:center; gap:10px; font:500 11px var(--mono); letter-spacing:.16em; text-transform:uppercase; color:var(--c-tinta-3);}
.compet__momento i{font-style:normal; width:28px; height:28px; border-radius:50%; display:grid; place-items:center; font:italic 700 15px var(--serif); color:var(--fucsia); background:#fff; box-shadow:inset 0 0 0 1px rgba(161,9,95,.35); transition:background .5s var(--mola), color .5s var(--mola), box-shadow .5s var(--mola);}
.compet__linha.acesa .compet__momento i{background:var(--fucsia); color:#fff; box-shadow:0 0 0 4px rgba(161,9,95,.14), 0 0 16px rgba(161,9,95,.45);}
.compet__voce, .compet__cliente{margin:0; font-size:15px; font-weight:300; line-height:1.55;}
.compet__voce b, .compet__cliente b{color:var(--c-tinta); font-weight:600;}
.compet__rot{display:block; margin-bottom:2px; font:500 10px var(--mono); letter-spacing:.14em; text-transform:uppercase; color:var(--fucsia);}
@media (min-width:1024px){
  .compet{padding:30px 32px 32px;}
  .compet__topo{display:grid; grid-template-columns:1fr 190px 1fr; gap:18px; margin-bottom:14px; font:500 11px var(--mono); letter-spacing:.18em; text-transform:uppercase; color:var(--c-tinta-3); text-align:center;}
  .compet__lado--voce{text-align:right;} .compet__lado--cliente{text-align:left;}
  .compet__lado{color:var(--fucsia);}
  .compet__linhas{gap:10px;}
  .compet__linhas::before, .compet__linhas::after{content:''; position:absolute; left:50%; top:8px; bottom:8px; width:2px; margin-left:-1px; border-radius:2px;}
  .compet__linhas::before{background:var(--c2);}
  .compet__linhas::after{background:var(--fucsia); box-shadow:0 0 10px rgba(161,9,95,.6); transform-origin:top; transform:scaleY(var(--p));}
  .compet__linha{grid-template-columns:1fr 190px 1fr; align-items:center; gap:18px; padding:14px 16px; background:transparent; box-shadow:none;}
  .compet__linha.acesa{background:transparent; box-shadow:none;}
  .compet__momento{order:0; position:relative; z-index:1; flex-direction:column; gap:6px; text-align:center; padding:8px; border-radius:14px; background:#fff;}
  .compet__voce{text-align:right;}
  .compet__rot{display:none;}
  .compet__voce, .compet__cliente{padding:12px 14px; border-radius:14px; transition:background .5s var(--mola), box-shadow .5s var(--mola);}
  .compet__linha.acesa .compet__voce, .compet__linha.acesa .compet__cliente{background:var(--c1); box-shadow:inset 0 0 0 1px var(--c-linha);}
}
.compet__videos{margin:var(--esp-5) 0 0;}
.compet__videos-titulo, .alem__titulo{margin:0 0 12px; font:italic 700 clamp(21px,2.2vw,26px)/1.2 var(--serif); color:var(--c-tinta);}
.compet__trilho{display:grid; grid-auto-flow:column; grid-auto-columns:minmax(170px,1fr); gap:12px; overflow-x:auto; scroll-snap-type:x mandatory; padding-bottom:6px;}
.assessora-video{margin:0; scroll-snap-align:start; border-radius:16px; overflow:hidden; background:var(--noite); box-shadow:0 12px 30px rgba(20,16,28,.2);}
.assessora-video video{display:block; width:100%; aspect-ratio:9/16; object-fit:cover; background:var(--noite);}
.assessora-video figcaption{padding:9px 12px 11px; font-size:12.5px; line-height:1.35; color:rgba(255,255,255,.72); background:var(--noite);}
.assessora-video figcaption b{display:block; font:italic 700 16px var(--serif); color:#fff;}
@media (min-width:900px){ .compet__trilho{grid-auto-flow:row; grid-template-columns:repeat(4,1fr); overflow:visible;} }
.alem{margin:var(--esp-5) 0 0;}
.alem__abas{display:flex; flex-wrap:wrap; gap:8px; margin-bottom:12px;}
.alem__aba{display:inline-flex; align-items:center; gap:8px; padding:10px 16px; border-radius:var(--raio-pilula); border:1px solid var(--c-linha-forte); background:#fff; color:var(--c-tinta); font:500 14.5px var(--sans); cursor:pointer; transition:background .25s, color .25s, border-color .25s;}
.alem__aba[aria-selected="true"]{background:var(--fucsia); border-color:var(--fucsia); color:#fff; box-shadow:0 8px 20px rgba(161,9,95,.25);}
.alem__aba:focus-visible{outline:2px solid var(--fucsia); outline-offset:2px;}
.alem__selo{padding:2px 8px; border-radius:var(--raio-pilula); font:500 9.5px var(--mono); letter-spacing:.1em; text-transform:uppercase; background:rgba(161,9,95,.1); color:var(--fucsia);}
.alem__aba[aria-selected="true"] .alem__selo{background:rgba(255,255,255,.2); color:#fff;}
.alem__area{padding:18px 18px 16px; border-radius:16px; background:var(--c1); box-shadow:inset 0 0 0 1px var(--c-linha); animation:area-entra .5s var(--mola);}
.alem__area[hidden]{display:none;}
.alem__lista{list-style:none; margin:0; padding:0; display:grid; gap:10px;}
.alem__lista li{font-size:15px; font-weight:300; line-height:1.55; color:var(--c-tinta-2);}
.alem__lista b{color:var(--c-tinta); font-weight:600;}
@media (min-width:900px){ .alem__lista{grid-template-columns:1fr 1fr; column-gap:24px;} }
.alem__nota{margin:14px 0 0; padding-top:12px; border-top:1px solid var(--c-linha); font-size:13.5px; line-height:1.55; color:var(--c-tinta-2);}

/* o cronograma agora é sala clara, com a linha em vidro branco e o foguete fúcsia */
.cronograma .acompanha{padding:22px; border-radius:18px; background:#fff; box-shadow:inset 0 0 0 1px var(--c-linha), 0 14px 34px rgba(161,9,95,.06);}
.cronograma .acompanha__titulo{color:var(--c-tinta);}
.cronograma .acompanha__sub{color:var(--c-tinta-3) !important;}
.cronograma .acompanha .lista li{color:var(--c-tinta-2);}
.cronograma .acompanha .lista strong{color:var(--c-tinta);}
.cronograma .acompanha__depois{color:var(--c-tinta-2) !important; border-top-color:var(--c-linha);}
.cronograma__nota{border-top:0 !important; padding-top:0 !important; font-style:italic;}
.cronograma .linha-voo{border-radius:20px; background:rgba(255,255,255,.72); -webkit-backdrop-filter:blur(18px); backdrop-filter:blur(18px); box-shadow:inset 0 0 0 1px var(--c-linha), 0 18px 44px rgba(161,9,95,.08);}
.cronograma .linha-voo::before{background:var(--c2);}
.cronograma .linha-voo::after{background:var(--fucsia); box-shadow:0 0 8px rgba(161,9,95,.6);}
.cronograma .linha-voo__foguete svg{fill:var(--fucsia); filter:drop-shadow(0 0 6px rgba(161,9,95,.5));}
.cronograma .linha-voo__mes::before{background:#fff; border-color:var(--c-linha-forte);}
.cronograma .linha-voo__mes.passou::before{background:var(--fucsia); border-color:var(--fucsia); box-shadow:0 0 8px rgba(161,9,95,.5);}
.cronograma .linha-voo__quando{color:var(--fucsia);}
.cronograma .linha-voo__mes.passou .linha-voo__quando{color:var(--fucsia); text-shadow:none;}
.cronograma .linha-voo__mes ul li{color:var(--c-tinta);}
.cronograma .linha-voo__encontro{color:var(--c-tinta-2) !important;}
.cronograma .linha-voo__encontro::before{border-color:var(--c-linha-forte); color:var(--c-tinta-3);}
.cronograma .linha-voo__bonus{background:var(--c1); border-color:var(--c-linha-forte); color:var(--fucsia);}

/* as colunas de preço: um preço grande, as outras formas numa linha, e o dia 5 com força */
.preco3__outras{display:grid; gap:4px; padding-top:8px; border-top:1px dashed rgba(255,255,255,.14);}
.preco3__outras p{margin:0; font-size:13.5px; font-weight:300; line-height:1.5; color:rgba(255,255,255,.78);}
.preco3__outras b{color:#fff; font-weight:500;}
.preco3__outras .preco3__link{margin-left:4px;}
.preco3__valor small{white-space:nowrap;}
.preco3__hoje{margin:6px 0 0; font-size:13.5px; font-weight:300; line-height:1.5; color:rgba(255,255,255,.86);}
.preco3__hoje b{color:#fff;}
.produto3__dentro .produto3__nota{margin-top:12px;}
.cupom3__dia5{margin:0; padding:12px 14px; border-radius:12px; background:rgba(161,9,95,.2); border:1px solid var(--fio-rosa); font-size:15px; font-weight:300; line-height:1.55; color:#fff; text-align:left;}
.cupom3__dia5 b{font-weight:600;}
.calc2__nota{margin:8px 0 0; font-size:13px; font-weight:300; color:var(--c-tinta-3); text-align:center;}
.calc2__raiox{margin:10px 0 0; font-size:14.5px; font-weight:300; line-height:1.5; color:rgba(255,255,255,.85);}
.calc2__raiox strong{color:#fff;}
.precos2__lista span small{display:block; font:500 10px var(--mono); letter-spacing:.1em; text-transform:uppercase; color:var(--c-tinta-3); font-style:normal;}

/* ==========================================================================
   28/09 · a quarta rodada: mais vidro branco e um pouco de vidro rosa, pra aliviar o escuro
   ========================================================================== */
/* o título de cima das faixas de fotos */
.galeria__titulo{margin:var(--esp-5) 0 0; font:500 11px var(--mono); letter-spacing:.2em; text-transform:uppercase; color:rgba(255,255,255,.72);}
.galeria__titulo::before{content:''; display:inline-block; width:22px; height:2px; margin-right:10px; vertical-align:middle; border-radius:2px; background:#fff; box-shadow:var(--brilho-fio);}
.entregas__cabeca{margin-top:var(--esp-5);}

/* a plataforma e a página de vendas: em tópicos, sobre vidro branco */
.explica2__item{background:rgba(255,255,255,.9); -webkit-backdrop-filter:blur(18px); backdrop-filter:blur(18px); border-radius:18px; box-shadow:inset 0 0 0 1px rgba(255,255,255,.7), 0 18px 44px rgba(20,16,28,.3);}
.explica2__rotulo{font:italic 700 22px/1.2 var(--serif) !important; letter-spacing:0 !important; text-transform:none !important; color:var(--c-tinta) !important;}
.explica2__item .lista li{color:var(--c-tinta-2); font-size:15px;}
.explica2__item .lista b{color:var(--c-tinta);}

/* o depoimento no escuro vira vidro rosa */
.disse:not(.disse--claro){background:rgba(161,9,95,.26); box-shadow:inset 0 0 0 1px rgba(255,255,255,.18), var(--reflexo), 0 18px 44px rgba(20,16,28,.3);}

/* a assessora: primeiro pela cliente (à esquerda), depois por você */
@media (min-width:1024px){
  .compet__cliente{text-align:right;}
  .compet__voce{text-align:left;}
}

/* a Central clara: as duas áreas uma embaixo da outra, sem precisar clicar */
.central3 .central2__cada-titulo, .central3 .central2__telas{color:var(--c-tinta-3);}
.central3 .central2__cada li{background:#fff; border-color:var(--c-linha); box-shadow:none; color:var(--c-tinta-2);}
.central3 .central2__cada b{color:var(--c-tinta);}
.central3 .console{background:rgba(255,255,255,.78); box-shadow:inset 0 0 0 1px var(--c-linha), 0 24px 60px rgba(161,9,95,.1);}
.central3 .console__barra{background:var(--c1); border-bottom-color:var(--c-linha);}
.central3 .console__pontos i{background:var(--c2);}
.central3 .console__endereco{background:#fff; color:var(--c-tinta-3); box-shadow:inset 0 0 0 1px var(--c-linha);}
.central3 .console__endereco span{color:var(--c-tinta);}
.central3 .console__area + .console__area{border-top:1px solid var(--c-linha);}
.console__area-titulo{display:flex; flex-direction:column; gap:4px; margin:0 0 12px; font:italic 700 clamp(20px,2vw,24px)/1.2 var(--serif); color:var(--c-tinta);}
.console__area-titulo span{font:500 10.5px var(--mono); letter-spacing:.18em; text-transform:uppercase; font-style:normal; color:var(--fucsia);}
.central3 .console__linha, .central3 .console__mais{color:var(--c-tinta-2);}
.central3 .console__linha strong, .central3 .console__mais b{color:var(--c-tinta);}
.central3 .modulo{background:#fff; border-color:var(--c-linha); box-shadow:0 8px 20px rgba(161,9,95,.05);}
.central3 .modulo:hover{border-color:rgba(161,9,95,.35); box-shadow:0 10px 26px rgba(161,9,95,.12);}
.central3 .modulo b{color:var(--c-tinta);}
.central3 .modulo p{color:var(--c-tinta-2);}
.central3 .modulo__n{color:var(--fucsia);}
.central3 .turbina{background:#fff; border-color:var(--c-linha);}
.central3 .turbina b{color:var(--c-tinta);}
.central3 .turbina p{color:var(--c-tinta-2);}
.central3 .bagagem2{background:var(--c1); -webkit-backdrop-filter:none; backdrop-filter:none; box-shadow:inset 0 0 0 1px rgba(161,9,95,.2);}
.central3 .bagagem2__texto .rotulo{color:var(--c-tinta-3);}
.central3 .bagagem2__titulo{color:var(--c-tinta);}
.central3 .bagagem2__texto p{color:var(--c-tinta-2);}
.central3 .bagagem2__regra{color:var(--fucsia) !important; text-shadow:none;}
.central3 .bagagem2__botao{background:var(--fucsia); border-color:var(--fucsia); color:#fff;}
.central3 .bagagem2__mala{color:var(--fucsia);}
.central3 .bagagem2__mala span{color:var(--c-tinta-3);}
.central3 .bagagem2__mala b{color:var(--fucsia); text-shadow:none;}
.central3 .bagagem2__doc{box-shadow:0 12px 30px rgba(161,9,95,.14);}

/* o título embaixo do vídeo da Diffy, no investimento */
.investimento3__titulo{margin:var(--esp-4) auto 0; text-align:center; max-width:26ch;}

/* o recado da Diffy no fecho */
.fecho__recado{max-width:var(--larg-texto); margin:var(--esp-3) auto; text-align:left;}

/* o balão das Turbinas: a Diffy pergunta no canto, sem trancar a página */
.balao-turbinas{position:fixed; right:16px; bottom:16px; z-index:800; width:min(360px, calc(100vw - 32px)); padding:18px 18px 16px; border-radius:20px; display:grid; gap:10px;
  background:rgba(255,255,255,.94); -webkit-backdrop-filter:blur(18px); backdrop-filter:blur(18px);
  box-shadow:inset 0 0 0 1px rgba(161,9,95,.22), 0 24px 60px rgba(20,16,28,.3), 0 0 40px rgba(161,9,95,.14);
  transform:translateY(18px); transition:transform .45s var(--mola), opacity .3s ease; opacity:0;}
.balao-turbinas[hidden]{display:none;}
.balao-turbinas.aberto{transform:none; opacity:1;}
.balao-turbinas__fechar{position:absolute; right:10px; top:8px; width:32px; height:32px; border:0; border-radius:50%; background:transparent; font-size:22px; line-height:1; color:var(--c-tinta-3); cursor:pointer;}
.balao-turbinas__fechar:hover{color:var(--fucsia); background:var(--c1);}
.balao-turbinas__cab{display:flex; align-items:center; gap:10px;}
.balao-turbinas__cab img{width:40px; height:40px; border-radius:50%; object-fit:cover; box-shadow:0 0 0 2px var(--fucsia);}
.balao-turbinas__titulo{margin:0; font:italic 700 19px/1.25 var(--serif); color:var(--c-tinta); text-wrap:balance;}
.balao-turbinas__dica{margin:-4px 0 0; font-size:13px; font-weight:300; color:var(--c-tinta-3);}
.balao-turbinas__chips{display:flex; flex-wrap:wrap; gap:6px;}
.chip-t{padding:8px 12px; border-radius:var(--raio-pilula); border:1px solid var(--c-linha-forte); background:#fff; color:var(--c-tinta); font:500 13.5px var(--sans); cursor:pointer; transition:background .2s, color .2s, border-color .2s;}
.chip-t[aria-pressed="true"]{background:var(--fucsia); border-color:var(--fucsia); color:#fff;}
.chip-t:focus-visible, .balao-turbinas__fechar:focus-visible{outline:2px solid var(--fucsia); outline-offset:2px;}
.balao-turbinas__pronto{width:100%; justify-content:center; height:46px;}
.balao-turbinas__pronto:disabled{opacity:.45; cursor:default;}
.balao-turbinas__ok{margin:0; font-size:14px; color:var(--fucsia); text-align:center;}
@media (prefers-reduced-motion:reduce){ .balao-turbinas{transition:none;} }

/* as capas novas dos 3 vídeos (28/09): a Diffy em fundo claro, sem escurecer, e o título numa faixa de vidro branco */
.capa3{align-content:end; padding:0; background:#fff;}
.capa3::before{content:none;}
.capa3__img{filter:none !important; transform:none !important;}
.capa3:hover .capa3__img{transform:scale(1.04) !important;}
.capa3__num, .capa3__titulo{position:relative; z-index:2; margin:0 12px;}
.capa3__num{margin-top:auto; padding:10px 14px 0; border-radius:14px 14px 0 0; background:rgba(255,255,255,.9); -webkit-backdrop-filter:blur(12px); backdrop-filter:blur(12px); color:var(--fucsia);}
.capa3__titulo{margin-bottom:12px; padding:4px 14px 14px; border-radius:0 0 14px 14px; background:rgba(255,255,255,.9); -webkit-backdrop-filter:blur(12px); backdrop-filter:blur(12px); color:var(--c-tinta); font-size:19px;}
.capa3__play{top:38% !important;}

/* as duas colunas de entrada em vidro branco, e o RaioX escuro em destaque: fica mais leve, e o
   olho vai para o projeto completo, que é o foco (28/09) */
.produto3--assessora, .produto3--plataforma{background:rgba(255,255,255,.92); -webkit-backdrop-filter:blur(18px); backdrop-filter:blur(18px); box-shadow:inset 0 0 0 1px rgba(255,255,255,.7), 0 18px 48px rgba(20,16,28,.3);}
.produto3--assessora .produto3__selo, .produto3--plataforma .produto3__selo{border-color:var(--c-linha-forte); color:var(--c-tinta-2);}
.produto3--assessora .produto3__nome, .produto3--plataforma .produto3__nome{color:var(--c-tinta);}
.produto3--assessora .produto3__sub, .produto3--plataforma .produto3__sub{color:var(--c-tinta-2);}
.produto3--assessora .produto3__lista li, .produto3--plataforma .produto3__lista li{color:var(--c-tinta-2);}
.produto3--assessora .produto3__lista b, .produto3--plataforma .produto3__lista b, .produto3--assessora .produto3__tudo, .produto3--plataforma .produto3__tudo{color:var(--c-tinta) !important;}
.produto3--assessora .produto3__lista li::before, .produto3--plataforma .produto3__lista li::before{background:var(--fucsia); box-shadow:none;}
.produto3--assessora .produto3__dentro, .produto3--plataforma .produto3__dentro{border-top-color:var(--c-linha);}
.produto3--assessora .produto3__dentro summary, .produto3--plataforma .produto3__dentro summary{border-color:var(--c-linha-forte); color:var(--c-tinta);}
.produto3--assessora .produto3__dentro p, .produto3--plataforma .produto3__dentro p, .produto3--assessora .produto3__dentro li, .produto3--plataforma .produto3__dentro li{color:var(--c-tinta-2);}
.produto3--assessora .produto3__grupo, .produto3--plataforma .produto3__grupo{color:var(--fucsia) !important;}
.produto3--assessora .produto3__nota, .produto3--plataforma .produto3__nota{background:var(--c1); border-color:var(--c-linha);}
.produto3--assessora .produto3__nota p, .produto3--plataforma .produto3__nota p{color:var(--c-tinta-2);}
.produto3--assessora .produto3__nota b, .produto3--plataforma .produto3__nota b{color:var(--c-tinta);}
.produto3--assessora .produto3__preco, .produto3--plataforma .produto3__preco{border-top-color:var(--c-linha);}
.produto3--assessora .preco3__forma, .produto3--plataforma .preco3__forma{color:var(--c-tinta-3);}
.produto3--assessora .preco3__valor, .produto3--plataforma .preco3__valor{color:var(--c-tinta); text-shadow:none !important;}
.produto3--assessora .preco3__valor small, .produto3--plataforma .preco3__valor small, .produto3--assessora .preco3__apoio, .produto3--plataforma .preco3__apoio{color:var(--c-tinta-2);}
.produto3--assessora .preco3__outras, .produto3--plataforma .preco3__outras{border-top-color:var(--c-linha);}
.produto3--assessora .preco3__outras p, .produto3--plataforma .preco3__outras p{color:var(--c-tinta-2);}
.produto3--assessora .preco3__outras b, .produto3--plataforma .preco3__outras b{color:var(--c-tinta);}
.produto3--assessora .preco3__link, .produto3--plataforma .preco3__link{color:var(--fucsia);}
.produto3--assessora .produto3__seliga, .produto3--plataforma .produto3__seliga{background:var(--c1); color:var(--c-tinta-2);}
.produto3--assessora .produto3__seliga b, .produto3--plataforma .produto3__seliga b{color:var(--c-tinta);}
.produto3--assessora .investimento__aviso, .produto3--plataforma .investimento__aviso{color:var(--c-tinta);}


/* A JANELA DA CASA · o pop-up de vidro branco (28/09) */
html.com-janela, html.com-janela body{overflow:hidden;}
.janela{position:fixed; inset:0; z-index:950; display:grid; place-items:center; padding:16px;}
.janela[hidden]{display:none;}
.janela__fundo{position:absolute; inset:0; background:rgba(20,16,28,.55); -webkit-backdrop-filter:blur(6px); backdrop-filter:blur(6px); opacity:0; transition:opacity .25s ease;}
.janela__caixa{position:relative; width:min(640px, 100%); max-height:min(86vh, 760px); overflow:auto; overscroll-behavior:contain; padding:28px 24px 24px; border-radius:22px;
  background:rgba(255,255,255,.96); color:var(--c-tinta);
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.8), 0 30px 80px rgba(20,16,28,.45);
  transform:translateY(16px) scale(.98); opacity:0; transition:transform .35s var(--mola), opacity .25s ease;}
.janela.aberta .janela__fundo{opacity:1;}
.janela.aberta .janela__caixa{transform:none; opacity:1;}
.janela__fechar{position:absolute; right:12px; top:10px; width:36px; height:36px; border:0; border-radius:50%; background:var(--c1); color:var(--c-tinta-2); font-size:22px; line-height:1; cursor:pointer;}
.janela__fechar:hover{color:var(--fucsia);}
.janela__fechar:focus-visible{outline:2px solid var(--fucsia); outline-offset:2px;}
.janela__corpo{display:grid; gap:12px;}
.janela__corpo .rotulo{color:var(--c-tinta-3);}
.janela__titulo, .janela__corpo h3{margin:0; padding-right:36px; font:italic 700 clamp(22px,2.6vw,28px)/1.15 var(--serif); color:var(--c-tinta); text-wrap:balance;}
.janela__corpo p, .janela__corpo li{font-size:15.5px; font-weight:300; line-height:1.6; color:var(--c-tinta-2);}
.janela__corpo b, .janela__corpo strong{color:var(--c-tinta); font-weight:600;}
@media (prefers-reduced-motion:reduce){ .janela__fundo, .janela__caixa{transition:none;} }


/* ==========================================================================
   O INVESTIMENTO · a escada (28/09/2026)
   A Carol achou as três colunas uma tripa. Agora são três faixas horizontais
   em escada crescente: Assessora, Plataforma + Assessora e o RaioX, maior e
   escuro. As duas primeiras em vidro branco, o RaioX em vidro escuro com a luz.
   Rosa só em fio, número e uma palavra; fundo claro é branco ou cinza (--c1).
   O movimento só existe com html.inv4-mov (ligado pelo js/61-investimento.js),
   então sem JavaScript tudo aparece no lugar, parado.
   ========================================================================== */

.inv4 .investimento3__titulo{margin-bottom:0;}

/* a legenda da escada */
.inv4__legenda{display:flex; align-items:center; gap:14px; margin:var(--esp-6) auto var(--esp-3); max-width:var(--larg-texto);
  font:500 11px/1.3 var(--mono); letter-spacing:.18em; text-transform:uppercase; color:rgba(255,255,255,.72); text-align:center;}
.inv4__legenda::before, .inv4__legenda::after{content:''; flex:1; height:1px; background:linear-gradient(90deg, transparent, rgba(222,62,147,.7));}
.inv4__legenda::after{background:linear-gradient(90deg, rgba(222,62,147,.7), transparent);}

/* ------------------------------------------------ a escada */
.escada4{display:flex; flex-direction:column; gap:18px;}
.degrau{
  position:relative; isolation:isolate; display:grid; gap:18px;
  grid-template-columns:minmax(0,1fr);
  grid-template-areas:"quem" "itens" "preco" "seliga";
  padding:22px 18px 0; border-radius:22px; overflow:hidden;
}
.degrau > *{min-width:0;}
.degrau__quem{grid-area:quem; display:grid; gap:8px; align-content:start; justify-items:start;}
.degrau > .degrau__itens, .degrau > .degrau__meio{grid-area:itens;}
.degrau__preco{grid-area:preco; display:grid; gap:6px; align-content:start;}
.degrau__seliga{grid-area:seliga;}
.degrau__rodape{grid-area:rodape;}

.degrau__num{font:italic 700 15px/1 var(--serif); letter-spacing:.04em; color:var(--fucsia);}
.degrau__selo{padding:5px 11px; border-radius:var(--raio-pilula); font:500 10.5px/1.2 var(--mono); letter-spacing:.14em; text-transform:uppercase;}
.degrau__nome{margin:2px 0 0; font:italic 700 clamp(23px,2.3vw,28px)/1.15 var(--serif); text-wrap:balance;}
.degrau__sub{margin:0; font-size:15px; font-weight:300; line-height:1.45; text-wrap:pretty;}
.degrau__abrir{display:inline-flex; align-items:center; gap:10px; margin-top:6px; padding:8px 8px 8px 14px; border-radius:var(--raio-pilula); cursor:pointer;
  font:500 13.5px var(--sans); background:transparent; transition:border-color .2s, transform .2s var(--mola);}
.degrau__abrir i{display:grid; place-items:center; width:22px; height:22px; border-radius:50%; font-style:normal; font-size:16px; line-height:1; color:#fff; background:var(--fucsia); transition:transform .3s var(--mola);}
.degrau__abrir:hover i{transform:rotate(90deg);}
.degrau__abrir:focus-visible, .degrau__link:focus-visible, .degrau__ir:focus-visible{outline:2px solid var(--rosa-luz); outline-offset:3px;}

.degrau__itens{list-style:none; margin:0; padding:0; display:grid; gap:10px; align-content:center;}
.degrau__itens li{position:relative; padding-left:20px; font-size:15px; font-weight:300; line-height:1.5; text-wrap:pretty;}
.degrau__itens li::before{content:''; position:absolute; left:0; top:.66em; width:10px; height:2px; border-radius:2px;}
.degrau__itens b{font-weight:600;}
.degrau__tudo{font-weight:500 !important;}

.degrau__forma{display:flex; align-items:center; gap:8px; flex-wrap:wrap; margin:0; font:500 10.5px/1.2 var(--mono); letter-spacing:.14em; text-transform:uppercase;}
.degrau__semjuros{padding:4px 9px; border-radius:var(--raio-pilula); border:1px solid var(--fucsia); color:var(--fucsia); font-weight:600;}
.degrau__valor{margin:2px 0 0; font:italic 700 clamp(32px,3.2vw,40px)/1.05 var(--serif); letter-spacing:-.01em;}
.degrau__taxa{margin:0; font-size:13.5px; font-weight:400;}
.degrau__botao{margin-top:8px; justify-content:center; text-align:center; white-space:normal; text-wrap:balance; height:auto; min-height:48px; padding-block:14px;}
.degrau__outras{list-style:none; margin:6px 0 0; padding:8px 0 0; display:grid; gap:6px;}
.degrau__outras li{display:flex; align-items:baseline; justify-content:space-between; gap:10px; font-size:13.5px; font-weight:300; line-height:1.45;}
.degrau__outras li span{text-wrap:pretty;}
.degrau__outras b{font-weight:500;}
.degrau__outras s{font-weight:300; opacity:.6; margin-right:2px;}
.degrau__link{flex:none; padding:0; border:0; background:none; cursor:pointer; font:500 13.5px var(--sans); text-decoration:underline; text-underline-offset:4px;}
.degrau__aviso{margin:6px 0 0;}

.degrau__seliga{display:flex; align-items:center; justify-content:space-between; gap:14px; flex-wrap:wrap; margin:0 -18px; padding:14px 18px;}
.degrau__seliga p{margin:0; flex:1 1 260px; font-size:14px; font-weight:300; line-height:1.5; text-wrap:pretty;}
.degrau__ir{flex:none; font:500 13px var(--sans); text-decoration:none; white-space:nowrap;}
.degrau__ir::after{content:' \2192';}

/* ---- os dois degraus de vidro branco */
.degrau--claro{
  color:var(--c-tinta); background:rgba(255,255,255,.97);
  -webkit-backdrop-filter:blur(18px); backdrop-filter:blur(18px);
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.8), 0 18px 48px rgba(20,16,28,.3);
}
.degrau--claro .degrau__selo{border:1px solid var(--c-linha-forte); color:var(--c-tinta-2);}
.degrau--claro .degrau__nome{color:var(--c-tinta);}
.degrau--claro .degrau__sub, .degrau--claro .degrau__itens li, .degrau--claro .degrau__outras li{color:var(--c-tinta-2);}
.degrau--claro .degrau__itens b, .degrau--claro .degrau__tudo, .degrau--claro .degrau__outras b{color:var(--c-tinta);}
.degrau--claro .degrau__itens li::before{background:var(--fucsia);}
.degrau--claro .degrau__abrir{border:1px solid var(--c-linha-forte); color:var(--c-tinta);}
.degrau--claro .degrau__abrir:hover{border-color:var(--fucsia);}
.degrau--claro .degrau__forma{color:var(--c-tinta-3);}
.degrau--claro .degrau__valor{color:var(--c-tinta);}
.degrau--claro .degrau__taxa{color:var(--fucsia);}
.degrau--claro .degrau__outras{border-top:1px dashed var(--c-linha-forte);}
.degrau--claro .degrau__link{color:var(--fucsia); text-decoration-color:rgba(161,9,95,.45);}
.degrau--claro .degrau__seliga{background:var(--c1); border-top:1px solid var(--c-linha);}
.degrau--claro .degrau__seliga p{color:var(--c-tinta-2);}
.degrau--claro .degrau__seliga b{color:var(--c-tinta); font-weight:600;}
.degrau--claro .degrau__ir{color:var(--fucsia);}
.degrau--claro .investimento__aviso{color:var(--c-tinta);}

/* ---- o topo da escada: o RaioX, escuro e aceso */
.inv4 .degrau--raiox{
  margin-top:0; padding:26px 18px 22px; color:#fff;
  grid-template-areas:"quem" "itens" "preco" "rodape";
  background:linear-gradient(140deg, rgba(40,30,54,.9), rgba(20,16,28,.94) 60%);
  -webkit-backdrop-filter:blur(18px); backdrop-filter:blur(18px);
  box-shadow:inset 0 0 0 1px var(--fio-rosa), var(--reflexo), 0 0 70px rgba(161,9,95,.35), 0 30px 70px rgba(20,16,28,.5);
}
.inv4 .degrau--raiox::before{left:10%; right:10%; z-index:2;}
.degrau--raiox .degrau__num{color:var(--rosa-luz);}
.degrau__selo--luz{border:1px solid var(--fio-rosa); color:#fff; box-shadow:0 0 14px rgba(161,9,95,.45);}
.degrau__lk{font-size:38px;}
.degrau__lk .lk__txt small{letter-spacing:.24em;}
.degrau--raiox .degrau__sub{color:rgba(255,255,255,.76);}
.degrau--raiox .degrau__abrir{border:1px solid rgba(255,255,255,.26); color:#fff;}
.degrau--raiox .degrau__abrir:hover{border-color:var(--rosa-luz);}
.degrau--raiox .degrau__abrir i{box-shadow:0 0 12px rgba(161,9,95,.8);}

.degrau__meio{display:grid; gap:14px; align-content:start;}
.degrau__meio > .degrau__tudo{margin:0; font-size:15px; color:#fff;}
.oito4{list-style:none; margin:0; padding:0; display:grid; grid-template-columns:repeat(2, minmax(0,1fr)); gap:10px;}
.oito4 li{display:grid; gap:2px; align-content:start; padding:14px 14px 12px; border-radius:14px;
  background:rgba(255,255,255,.05); box-shadow:inset 0 0 0 1px rgba(255,255,255,.1), var(--reflexo);}
.oito4 b{font:italic 700 40px/1 var(--serif); color:#fff; text-shadow:var(--luz);}
.oito4 span{font-size:15px; font-weight:600; color:#fff;}
.oito4 small{font-size:12.5px; font-weight:300; line-height:1.4; color:rgba(255,255,255,.66); text-wrap:pretty;}
.degrau--raiox .degrau__itens li{color:rgba(255,255,255,.84);}
.degrau--raiox .degrau__itens b{color:#fff;}
.degrau--raiox .degrau__itens li::before{background:var(--rosa-luz); box-shadow:0 0 6px rgba(161,9,95,1);}
.degrau__itens--curto{gap:6px;}

.inv4 .degrau__preco.produto3__preco{margin-top:0; padding-top:18px; border-top:1px solid rgba(255,255,255,.12); gap:6px;}
.degrau--raiox .degrau__forma{color:rgba(255,255,255,.7);}
.degrau__valor--raiox{display:flex; flex-wrap:wrap; align-items:baseline; column-gap:12px; color:#fff;}
.degrau__valor--raiox small{flex-basis:100%; font:300 13px var(--sans); color:rgba(255,255,255,.72);}
.risca4{position:relative; text-decoration:none; font:300 .5em var(--sans); color:rgba(255,255,255,.55); white-space:nowrap;}
.risca4::after{content:''; position:absolute; left:-2px; right:-2px; top:52%; height:2px; border-radius:2px; background:var(--rosa-luz); box-shadow:0 0 6px rgba(161,9,95,1); transform-origin:left center;}
.cai4{display:inline-block; font-size:1.18em; white-space:nowrap; text-shadow:var(--luz);}
.degrau--raiox .degrau__outras{border-top:1px dashed rgba(255,255,255,.16);}
.degrau--raiox .degrau__outras li{color:rgba(255,255,255,.8);}
.degrau--raiox .degrau__outras b{display:block; color:#fff;}
.degrau--raiox .degrau__outras li span{font-size:12.5px; color:rgba(255,255,255,.66);}
.degrau--raiox .degrau__outras li b{font-size:14px;}
.degrau--raiox .degrau__link{color:#fff; text-decoration-color:var(--rosa-luz);}

/* o rodapé do RaioX: a data que acalma e os 2 bônus */
.degrau__rodape{display:grid; gap:18px; padding-top:20px; border-top:1px solid rgba(255,255,255,.12);}
.degrau__rodape[hidden]{display:none;}
.prazo4{display:flex; align-items:center; gap:16px;}
.prazo4__dia{flex:none; display:grid; justify-items:center; width:92px; padding:10px 6px 9px; border-radius:16px;
  background:rgba(255,255,255,.06); box-shadow:inset 0 0 0 1px var(--fio-rosa), 0 0 30px rgba(161,9,95,.55);}
.prazo4__dia b{font:italic 700 46px/1 var(--serif); color:#fff; text-shadow:var(--luz);}
.prazo4__dia small{font:500 9.5px/1.3 var(--mono); letter-spacing:.14em; text-transform:uppercase; color:rgba(255,255,255,.72); text-align:center;}
.prazo4__frase{margin:0; font:italic 700 clamp(21px,2.3vw,28px)/1.25 var(--serif); color:#fff; text-wrap:balance;}
.prazo4__frase b{font-weight:700;}
.prazo4__data{white-space:nowrap; text-shadow:var(--luz);}

.bonus4{display:grid; gap:10px;}
.bonus4__rotulo{margin:0; font:500 10.5px var(--mono); letter-spacing:.14em; text-transform:uppercase; color:var(--rosa-luz);}
.bonus4__grade{display:grid; grid-template-columns:1fr 1fr; gap:10px;}
.bonus4 figure{margin:0; border-radius:12px; overflow:hidden; background:rgba(20,16,28,.5); box-shadow:inset 0 0 0 1px rgba(255,255,255,.12);}
.bonus4 img{display:block; width:100%; aspect-ratio:16/10; object-fit:cover;}
.bonus4 figcaption{padding:8px 10px 9px; font:italic 700 14px/1.25 var(--serif); color:#fff; text-wrap:balance;}

/* no celular o RaioX vem primeiro, que é o foco */
@media (max-width:1023px){
  .inv4 .degrau--raiox{order:-1;}
}

/* ------------------------------------------------ no computador, a escada de verdade */
@media (min-width:1024px){
  .escada4{gap:20px;}
  .degrau{padding:28px 30px 0; column-gap:34px; row-gap:22px;
    grid-template-columns:minmax(0,250px) minmax(0,1fr) minmax(0,330px);
    grid-template-areas:"quem itens preco" "seliga seliga seliga";}
  .degrau--1{width:86%; margin-inline:auto;}
  .degrau--2{width:93%; margin-inline:auto;}
  .degrau__seliga{margin:0 -30px; padding:14px 30px;}
  .degrau__preco{padding-left:30px; border-left:1px solid var(--c-linha);}
  .inv4 .degrau--raiox{padding:34px 34px 30px; column-gap:36px;
    grid-template-columns:minmax(0,230px) minmax(0,1fr) minmax(0,330px);
    grid-template-areas:"quem itens preco" "rodape rodape rodape";}
  .inv4 .degrau__preco.produto3__preco{padding-top:0; border-top:0; padding-left:32px; border-left:1px solid rgba(255,255,255,.12);}
  .oito4{grid-template-columns:repeat(4, minmax(0,1fr));}
  .degrau__rodape{grid-template-columns:minmax(0,1.25fr) minmax(0,1fr); align-items:center; column-gap:36px;}
}

/* ------------------------------------------------ o cupom, sem chapa rosa */
.inv4 .cupom3__dia5{background:rgba(255,255,255,.06); border:1px solid rgba(255,255,255,.16);}

/* ------------------------------------------------ as duas vozes, lado a lado */
.vozes4{display:grid; gap:18px; margin-top:var(--esp-5); align-items:start;}
.vozes4 > *{min-width:0;}
.vozes4 .disse{max-width:none; margin:0;}
@media (min-width:1024px){ .vozes4{grid-template-columns:minmax(0,1fr) minmax(0,1fr);} }

/* ------------------------------------------------ o que abre na janela */
.dentro4__sub{margin:-6px 0 2px !important; font-style:italic;}
.dentro4__lista{list-style:none; margin:0; padding:0; display:grid; gap:6px;}
.dentro4__lista li{position:relative; padding-left:18px;}
.dentro4__lista li::before{content:''; position:absolute; left:0; top:.72em; width:9px; height:2px; background:var(--fucsia);}
.dentro4__grupo{margin:10px 0 -2px !important; font:500 10.5px/1.3 var(--mono) !important; letter-spacing:.14em; text-transform:uppercase; color:var(--fucsia) !important;}
.dentro4__chips{list-style:none; margin:0; padding:0; display:flex; flex-wrap:wrap; gap:6px;}
.janela__corpo .dentro4__chips li{padding:6px 11px; border-radius:var(--raio-pilula); background:var(--c1); box-shadow:inset 0 0 0 1px var(--c-linha); font-size:13.5px; font-weight:400; line-height:1.3; color:var(--c-tinta);}
.dentro4__turbinas{margin:0; padding-left:20px; display:grid; gap:6px;}
.dentro4__turbinas li::marker{color:var(--fucsia); font-weight:600;}
.dentro4__nota{display:grid; gap:8px; margin-top:6px; padding:14px 16px; border-radius:14px; background:var(--c1); box-shadow:inset 0 0 0 1px var(--c-linha);}
.dentro4__nota p{margin:0;}
.dentro4__voltar{margin-top:8px; justify-content:center;}

/* ------------------------------------------------ o movimento (só com html.inv4-mov) */
html.inv4-mov .degrau{transition:transform 1s var(--mola), opacity .8s ease;}
html.inv4-mov .degrau:not(.entra){transform:translateY(34px) scale(.97); opacity:.35;}
html.inv4-mov .degrau--2{transition-delay:.08s;}
html.inv4-mov .degrau--raiox{transition-delay:.12s;}

/* o feixe da casa varrendo o RaioX uma vez, quando ele chega */
.degrau__feixe{position:absolute; inset:0; z-index:1; overflow:hidden; border-radius:inherit; pointer-events:none;}
.degrau__feixe::after{content:''; position:absolute; top:-20%; bottom:-20%; left:0; width:38%;
  background:linear-gradient(100deg, transparent, rgba(255,255,255,.10) 40%, rgba(222,62,147,.22) 50%, rgba(255,255,255,.10) 60%, transparent);
  transform:translateX(-160%) skewX(-16deg);}
html.inv4-mov .degrau--raiox.entra .degrau__feixe::after{animation:feixe4 1.8s var(--mola) .35s 1 both;}
@keyframes feixe4{from{transform:translateX(-160%) skewX(-16deg); opacity:1;} 85%{opacity:1;} to{transform:translateX(420%) skewX(-16deg); opacity:0;}}
.degrau--raiox > :not(.degrau__feixe){position:relative; z-index:2;}

/* o 688 se risca e o 588 cai no lugar */
html.inv4-mov .risca4::after{transition:transform .6s var(--mola) .9s;}
html.inv4-mov .degrau--raiox:not(.entra) .risca4::after{transform:scaleX(0);}
html.inv4-mov .cai4{transition:transform .8s var(--ease-mola) 1.3s, opacity .5s ease 1.3s;}
html.inv4-mov .degrau--raiox:not(.entra) .cai4{transform:translateY(-18px) scale(1.15); opacity:.2;}

/* e a data de 5 de novembro acende */
html.inv4-mov .prazo4__dia{transition:box-shadow 1s ease 1.9s, transform .8s var(--ease-mola) 1.9s;}
html.inv4-mov .prazo4__dia b, html.inv4-mov .prazo4__data{transition:text-shadow 1s ease 2.1s;}
html.inv4-mov .degrau--raiox:not(.entra) .prazo4__dia{box-shadow:inset 0 0 0 1px rgba(255,255,255,.16); transform:scale(.9);}
html.inv4-mov .degrau--raiox:not(.entra) .prazo4__dia b,
html.inv4-mov .degrau--raiox:not(.entra) .prazo4__data{text-shadow:none;}

@media (prefers-reduced-motion:reduce){
  html.inv4-mov .degrau, html.inv4-mov .degrau:not(.entra){transform:none; opacity:1; transition:none;}
  .degrau__feixe{display:none;}
  .degrau__abrir i{transition:none;}
}


/* ==========================================================================
   62 · O PROJETO INÉDITO E A CENTRAL, redesenhados em 28/09/2026
   A Carol pediu, nas duas salas, "dinâmico, leve, moderno" e "olha pro que
   pode animar". A regra da casa vale inteira aqui: animação só de posição,
   escala e transparência; nada nasce invisível (sem o JS, tudo aparece);
   prefers-reduced-motion desliga tudo; rosa só #A1095F e #DE3E93, e nenhuma
   chapa de rosa claro (o cinza é var(--c1) e var(--c2)).
   ========================================================================== */

/* ------------------------------------------------ SALA 1 · o projeto inédito */
.pj{display:grid; gap:18px; margin:var(--esp-4) 0 0;}
@media (min-width:1024px){ .pj{grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:22px; align-items:start;} }

.pj__col{
  position:relative; min-width:0; display:grid; gap:18px; padding:22px 18px 22px; border-radius:22px;
  color:var(--c-tinta); background:rgba(255,255,255,.93);
  -webkit-backdrop-filter:blur(20px); backdrop-filter:blur(20px);
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.7), 0 24px 60px rgba(20,16,28,.35);
}
.pj__col::before{content:''; position:absolute; left:28px; right:28px; top:0; height:2px; border-radius:2px; background:linear-gradient(90deg, transparent, var(--fucsia), transparent);}
@media (min-width:1024px){ .pj__col{padding:28px 26px 26px;} }

.pj__cab{display:flex; gap:14px; align-items:flex-start;}
.pj__selo{flex:none; width:40px; height:40px; border-radius:12px; display:grid; place-items:center; font:italic 700 20px/1 var(--serif); font-variant-numeric:lining-nums; color:#fff; background:var(--fucsia); box-shadow:0 0 0 4px rgba(161,9,95,.12), 0 0 18px rgba(161,9,95,.35);}
.pj .pj__rotulo{margin:0 0 4px; font:italic 700 clamp(22px,2.2vw,26px)/1.15 var(--serif); color:var(--c-tinta); text-wrap:balance;}
.pj .pj__col p{color:var(--c-tinta-2);}
.pj .pj__resumo{margin:0; font-size:15.5px; font-weight:300; line-height:1.55; text-wrap:pretty;}

/* a tela viva: uma janelinha que troca de cena */
.pj__tela{border-radius:14px; overflow:hidden; background:#fff; box-shadow:inset 0 0 0 1px var(--c-linha), 0 14px 34px rgba(20,16,28,.12);}
.pj__barra{display:flex; align-items:center; gap:10px; padding:8px 12px; background:var(--c1); border-bottom:1px solid var(--c-linha);}
.pj__pontos{display:flex; gap:5px;}
.pj__pontos i{width:8px; height:8px; border-radius:50%; background:var(--c2);}
.pj__pontos i:first-child{background:var(--fucsia);}
.pj__end{min-width:0; padding:3px 10px; border-radius:var(--raio-pilula); background:#fff; box-shadow:inset 0 0 0 1px var(--c-linha); font:500 10.5px var(--mono); color:var(--c-tinta-3); white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.pj__end b{font-weight:500; color:var(--c-tinta);}
.pj__palco{position:relative; aspect-ratio:16/7.6; overflow:hidden; background:linear-gradient(180deg, #fff, var(--c1));}
@media (max-width:599px){ .pj__palco{aspect-ratio:4/3;} }

.cena{position:absolute; inset:0; padding:16px 18px; display:flex; flex-direction:column; justify-content:center; gap:12px;
  opacity:0; transform:translateY(10px) scale(.98); transition:opacity .45s ease, transform .6s var(--mola); pointer-events:none;}
.cena.ativa{opacity:1; transform:none;}
.pj .cena p{margin:0;}
.pj .cena .cena__rot{font:500 10px var(--mono); letter-spacing:.16em; text-transform:uppercase; color:var(--fucsia);}
.pj__palco .curta{width:58% !important;}
.pj__palco b{color:var(--c-tinta);}

/* a barra que enche */
.cena__medidor{height:6px; border-radius:3px; background:var(--c2); overflow:hidden;}
.cena__medidor--grosso{height:12px; border-radius:6px;}
.cena__enche{--alvo:.4; display:block; height:100%; background:var(--fucsia); transform-origin:left; transform:scaleX(var(--alvo));}
.cena__enche--38{--alvo:.38;}
.cena__enche--80{--alvo:.8;}
.cena.ativa .cena__enche{animation:pj-enche 1.4s var(--mola) both;}
@keyframes pj-enche{from{transform:scaleX(.04);}}

/* 1 · a jornada */
.cena-jornada__trilha{display:flex; gap:6px;}
.cena-jornada__trilha i{flex:1; height:10px; border-radius:5px; background:var(--c2);}
.cena-jornada__trilha i.feita, .cena-jornada__trilha i.agora{background:var(--fucsia);}
.cena.ativa .cena-jornada__trilha i.agora{animation:pj-pisca 1.2s ease-in-out infinite alternate;}
@keyframes pj-pisca{from{opacity:.3;} to{opacity:1;}}
.cena-balao{display:flex; gap:10px; align-items:flex-end;}
.cena-balao__rosto{flex:none; width:30px; height:30px; border-radius:50%; background:var(--c2) url('assets/ias/coral.jpg') center / cover no-repeat; box-shadow:0 0 0 2px var(--fucsia);}
.pj .cena-balao p{padding:8px 12px; border-radius:12px 12px 12px 4px; background:var(--c1); box-shadow:inset 0 0 0 1px var(--c-linha); font-size:12.5px; line-height:1.4; color:var(--c-tinta);}
.cena-balao b{display:block; font:500 9.5px var(--mono); letter-spacing:.14em; text-transform:uppercase; color:var(--fucsia) !important;}
.cena.ativa .cena-balao{animation:pj-sobe .6s .35s var(--mola) both;}
@keyframes pj-sobe{from{transform:translateY(14px); opacity:0;}}

/* 2 · os exercícios */
.cena-escala{display:flex; gap:10px;}
.cena-escala i{width:26px; height:26px; border-radius:50%; background:#fff; box-shadow:inset 0 0 0 1.5px var(--c-linha-forte);}
.cena-escala i.marcado{background:var(--fucsia); box-shadow:0 0 0 4px rgba(161,9,95,.14);}
.cena.ativa .cena-escala i.marcado{animation:pj-pop .6s .3s var(--mola) both;}
@keyframes pj-pop{0%{transform:scale(.4);} 60%{transform:scale(1.15);} 100%{transform:scale(1);}}
.cena-check{list-style:none; margin:0; padding:0; display:grid; gap:9px;}
.cena-check li{display:flex; gap:10px; align-items:center;}
.cena-check i{position:relative; flex:none; width:16px; height:16px; border-radius:5px; box-shadow:inset 0 0 0 1.5px var(--fucsia);}
.cena-check i::after{content:''; position:absolute; left:5px; top:2px; width:4px; height:8px; border:solid var(--fucsia); border-width:0 2px 2px 0; transform:rotate(45deg);}
.cena-check span{flex:1; height:8px; border-radius:4px; background:var(--c2);}
.cena.ativa .cena-check i::after{animation:pj-tique .4s var(--mola) both;}
.cena.ativa .cena-check li:nth-child(1) i::after{animation-delay:.4s;}
.cena.ativa .cena-check li:nth-child(2) i::after{animation-delay:.8s;}
.cena.ativa .cena-check li:nth-child(3) i::after{animation-delay:1.2s;}
@keyframes pj-tique{from{transform:rotate(45deg) scale(0);}}

/* 3 · as ações */
.cena-acoes{display:flex; gap:14px; align-items:center;}
.cena-selo{flex:none; width:50px; height:50px; border-radius:50%; display:grid; place-items:center; background:#fff; box-shadow:inset 0 0 0 1.5px var(--fucsia), 0 0 18px rgba(161,9,95,.25);}
.cena-selo svg{width:24px; height:24px; fill:var(--fucsia);}
.cena.ativa .cena-selo{animation:pj-pop .7s .9s var(--mola) both;}
.cena-cartao{flex:1; display:grid; gap:6px; padding:10px 12px; border-radius:12px; background:var(--c1); box-shadow:inset 0 0 0 1px var(--c-linha);}
.cena-cartao b{font:italic 700 14px/1.2 var(--serif);}
.cena-cartao span{height:7px; border-radius:4px; background:var(--c2);}
.cena.ativa .cena-cartao{animation:pj-sobe .6s .4s var(--mola) both;}

/* 4 · o mural */
.cena-mural{display:grid; gap:8px;}
.pj .cena-mural p{display:grid; gap:5px; width:62%; padding:9px 12px; border-radius:12px;}
.pj .cena-mural .dela{justify-self:start; background:var(--c1); box-shadow:inset 0 0 0 1px var(--c-linha); border-bottom-left-radius:4px;}
.pj .cena-mural .sua{justify-self:end; background:var(--fucsia); border-bottom-right-radius:4px;}
.cena-mural span{display:block; height:7px; border-radius:4px; background:var(--c2);}
.cena-mural .sua span{background:rgba(255,255,255,.6);}
.cena.ativa .cena-mural p{animation:pj-sobe .5s var(--mola) both;}
.cena.ativa .cena-mural p:nth-child(2){animation-delay:.6s;}
.cena.ativa .cena-mural p:nth-child(3){animation-delay:1.2s;}

/* 5 · a evolução */
.cena-barras{display:flex; align-items:flex-end; gap:8px; height:78px;}
.cena-barras i{flex:1; border-radius:6px 6px 2px 2px; background:var(--c2); transform-origin:bottom;}
.cena-barras i:nth-child(1){height:30%;} .cena-barras i:nth-child(2){height:42%;} .cena-barras i:nth-child(3){height:38%;}
.cena-barras i:nth-child(4){height:56%;} .cena-barras i:nth-child(5){height:60%;} .cena-barras i:nth-child(6){height:78%; background:var(--fucsia);}
.cena-barras i:nth-child(7){height:94%; background:var(--fucsia);}
.cena.ativa .cena-barras i{animation:pj-cresce .7s var(--mola) both;}
.cena.ativa .cena-barras i:nth-child(2){animation-delay:.08s;} .cena.ativa .cena-barras i:nth-child(3){animation-delay:.16s;}
.cena.ativa .cena-barras i:nth-child(4){animation-delay:.24s;} .cena.ativa .cena-barras i:nth-child(5){animation-delay:.32s;}
.cena.ativa .cena-barras i:nth-child(6){animation-delay:.4s;} .cena.ativa .cena-barras i:nth-child(7){animation-delay:.48s;}
@keyframes pj-cresce{from{transform:scaleY(.08);}}
.cena-linhas{display:grid; gap:6px;}
.cena-linhas span{height:7px; border-radius:4px; background:var(--c2);}

/* 6 · os documentos dela */
.cena-docs{position:relative; height:112px;}
.cena-docs div{position:absolute; width:56%; display:grid; gap:6px; padding:10px 12px; border-radius:10px; background:#fff; box-shadow:inset 0 0 0 1px var(--c-linha), 0 10px 22px rgba(20,16,28,.1);}
.cena-docs div:nth-child(1){left:0; top:4px; rotate:-5deg;}
.cena-docs div:nth-child(2){left:21%; top:14px; rotate:-1deg;}
.cena-docs div:nth-child(3){left:42%; top:26px; rotate:3deg; box-shadow:inset 0 2px 0 var(--fucsia), inset 0 0 0 1px var(--c-linha), 0 12px 26px rgba(20,16,28,.14);}
.cena-docs b{font:italic 700 13px/1.2 var(--serif);}
.cena-docs span{height:6px; border-radius:3px; background:var(--c2);}
.cena.ativa .cena-docs div{animation:pj-leque .7s var(--mola) both;}
.cena.ativa .cena-docs div:nth-child(2){animation-delay:.2s;}
.cena.ativa .cena-docs div:nth-child(3){animation-delay:.4s;}
@keyframes pj-leque{from{translate:-24px 12px;}}

/* V1 · a página rolando sozinha */
.cena-rola{position:absolute; inset:0; overflow:hidden; padding:0 16%;}
.cena-rola__pagina{display:grid; gap:8px; padding:16px 0;}
.cena.ativa .cena-rola__pagina{animation:pj-rola 8s ease-in-out infinite alternate;}
@keyframes pj-rola{to{transform:translateY(-42%);}}
.cena-rola__titulo{height:12px; border-radius:6px; background:var(--c-tinta); opacity:.85;}
.cena-rola__foto{height:72px; border-radius:10px; background:linear-gradient(135deg, var(--c2), var(--c1)); box-shadow:inset 0 0 0 1px var(--c-linha);}
.cena-rola__linha{height:7px; border-radius:4px; background:var(--c2);}
.cena-rola__botao{width:42%; height:22px; border-radius:var(--raio-pilula); background:var(--fucsia);}
.cena-aberta{position:absolute; right:12px; bottom:10px; display:flex; align-items:center; gap:6px; padding:4px 10px; border-radius:var(--raio-pilula); background:#fff; box-shadow:inset 0 0 0 1px var(--c-linha), 0 6px 16px rgba(20,16,28,.1); font:500 9.5px var(--mono); letter-spacing:.14em; text-transform:uppercase; color:var(--c-tinta);}
.cena-aberta::before{content:''; width:7px; height:7px; border-radius:50%; background:var(--fucsia); animation:ponto-vivo 2s ease-out infinite;}

/* V2 · vídeo e imagens */
.cena-video{position:relative; flex:none; height:56%; border-radius:12px; overflow:hidden; display:grid; place-items:center; background:radial-gradient(60% 80% at 30% 0%, rgba(255,255,255,.14), transparent 60%), var(--noite);}
.cena-video__play{position:relative; width:40px; height:40px; border-radius:50%; background:var(--fucsia); box-shadow:0 0 0 5px rgba(222,62,147,.25), 0 0 20px rgba(161,9,95,.6);}
.cena-video__play::after{content:''; position:absolute; left:15px; top:12px; border-style:solid; border-width:8px 0 8px 13px; border-color:transparent transparent transparent #fff;}
.cena.ativa .cena-video__play{animation:pj-bate 1.6s ease-in-out infinite;}
@keyframes pj-bate{50%{transform:scale(1.1);}}
.cena__enche--video{--alvo:1; position:absolute; left:0; bottom:0; width:100%; height:3px; background:var(--rosa-luz);}
.cena.ativa .cena__enche--video{animation:pj-toca 7s linear infinite;}
@keyframes pj-toca{from{transform:scaleX(0);} to{transform:scaleX(1);}}
.cena-fotos{flex:1; display:grid; grid-template-columns:repeat(3,1fr); gap:8px;}
.cena-fotos i{position:relative; overflow:hidden; border-radius:10px; background:linear-gradient(160deg, var(--c1), var(--c2)); box-shadow:inset 0 0 0 1px var(--c-linha);}
.cena-fotos i:nth-child(2){box-shadow:inset 0 -2px 0 var(--fucsia), inset 0 0 0 1px var(--c-linha);}
.cena-fotos i::after{content:''; position:absolute; inset:0; background:linear-gradient(100deg, transparent 30%, rgba(255,255,255,.95) 50%, transparent 70%); transform:translateX(-110%);}
.cena.ativa .cena-fotos i::after{animation:pj-brilho 3s ease-in-out infinite;}
.cena.ativa .cena-fotos i:nth-child(2)::after{animation-delay:.3s;}
.cena.ativa .cena-fotos i:nth-child(3)::after{animation-delay:.6s;}
@keyframes pj-brilho{0%{transform:translateX(-110%);} 40%,100%{transform:translateX(110%);}}

/* V3 · as dúvidas */
.cena-faq{display:grid; gap:8px;}
.pj .cena-faq p{display:flex; align-items:center; gap:10px; padding:9px 12px; border-radius:10px; background:#fff; box-shadow:inset 0 0 0 1px var(--c-linha);}
.pj .cena-faq p.aberta{box-shadow:inset 0 0 0 1.5px var(--fucsia);}
.cena-faq span{flex:1; height:8px; border-radius:4px; background:var(--c2);}
.cena-faq em{font-style:normal; font-weight:600; color:var(--fucsia);}
.cena-faq__resposta{display:grid; gap:6px; padding:0 12px 2px;}
.cena-faq__resposta span{flex:none; height:6px;}
.cena.ativa .cena-faq__resposta{animation:pj-sobe .5s .4s var(--mola) both;}

/* V4 · ligada à plataforma */
.cena-liga{display:grid; grid-template-columns:minmax(0,1fr) 64px minmax(0,1fr); align-items:center;}
.cena-liga__tela{display:grid; gap:6px; padding:12px; border-radius:12px; background:#fff; box-shadow:inset 0 0 0 1px var(--c-linha), 0 10px 22px rgba(20,16,28,.08);}
.cena-liga__tela--plat{box-shadow:inset 0 0 0 1.5px var(--fucsia), 0 10px 22px rgba(161,9,95,.12);}
.cena-liga__tela b{font:italic 700 14px/1.2 var(--serif);}
.cena-liga__tela span{height:7px; border-radius:4px; background:var(--c2);}
.cena-liga__fio{position:relative; height:2px; margin:0 4px; background:var(--c2);}
.cena-liga__fio i{position:absolute; left:0; top:-3px; width:8px; height:8px; border-radius:50%; background:var(--fucsia); box-shadow:0 0 10px rgba(161,9,95,.6);}
.cena.ativa .cena-liga__fio i{animation:pj-viaja 1.6s ease-in-out infinite;}
@keyframes pj-viaja{from{transform:translateX(0);} to{transform:translateX(48px);}}

/* V5 · o pagamento */
.cena-paga{position:relative; display:grid; justify-items:center; gap:14px;}
.cena-paga__botao{padding:10px 24px; border-radius:var(--raio-pilula); background:var(--fucsia); color:#fff; font:600 13.5px var(--sans); box-shadow:0 8px 20px rgba(161,9,95,.3);}
.cena-paga__cursor{position:absolute; left:52%; top:34px; width:22px; height:22px; fill:var(--c-tinta); stroke:#fff; stroke-width:1.5;}
.cena-paga__ok{padding:5px 12px; border-radius:var(--raio-pilula); background:#fff; box-shadow:inset 0 0 0 1px var(--fucsia); font:600 12px var(--sans); color:var(--fucsia);}
.cena.ativa .cena-paga__botao{animation:pj-clique 3.2s ease-in-out infinite;}
.cena.ativa .cena-paga__cursor{animation:pj-cursor 3.2s ease-in-out infinite;}
.cena.ativa .cena-paga__ok{animation:pj-ok 3.2s ease-in-out infinite;}
@keyframes pj-clique{0%,44%{transform:scale(1);} 50%{transform:scale(.92);} 56%,100%{transform:scale(1);}}
@keyframes pj-cursor{0%{transform:translate(70px,40px);} 44%,60%{transform:translate(0,0);} 100%{transform:translate(70px,40px);}}
@keyframes pj-ok{0%,50%{opacity:0; transform:translateY(8px);} 60%,92%{opacity:1; transform:none;} 100%{opacity:0;}}

/* V6 · a compra feita */
.cena-aviso{display:flex; gap:10px; align-items:center; padding:10px 14px; border-radius:14px; background:#fff; box-shadow:inset 0 0 0 1px var(--c-linha), 0 12px 26px rgba(20,16,28,.12);}
.cena-aviso--2{width:88%; align-self:flex-end;}
.cena-aviso__ponto{flex:none; width:10px; height:10px; border-radius:50%; background:var(--fucsia); animation:ponto-vivo 2s ease-out infinite;}
.pj .cena-aviso p{font-size:12.5px; line-height:1.4; color:var(--c-tinta-2);}
.cena-aviso b{display:block; font:italic 700 14px/1.2 var(--serif);}
.cena.ativa .cena-aviso{animation:pj-desce .6s var(--mola) both;}
.cena.ativa .cena-aviso--2{animation-delay:.7s;}
@keyframes pj-desce{from{transform:translateY(-18px); opacity:0;}}

/* os tópicos, com a linha de luz descendo (o mesmo gesto da Assessora) */
.pj__lista{list-style:none; margin:0; padding:0; position:relative; display:grid; gap:2px; --p:0; counter-reset:pj;}
.pj__lista::before, .pj__lista::after{content:''; position:absolute; left:13px; top:16px; bottom:16px; width:2px; margin-left:-1px; border-radius:2px;}
.pj__lista::before{background:var(--c2);}
.pj__lista::after{background:var(--fucsia); box-shadow:0 0 8px rgba(161,9,95,.5); transform-origin:top; transform:scaleY(var(--p));}
.pj__item{position:relative; padding:9px 12px 9px 40px; border-radius:12px; font-size:15px; font-weight:300; line-height:1.55; color:var(--c-tinta-2); text-wrap:pretty; counter-increment:pj; transition:background .4s ease, box-shadow .4s ease;}
.pj__item::before{content:counter(pj); position:absolute; left:1px; top:9px; z-index:1; width:24px; height:24px; border-radius:50%; display:grid; place-items:center; font:600 12px/1 var(--sans); color:var(--fucsia); background:#fff; box-shadow:inset 0 0 0 1px rgba(161,9,95,.35); transition:background .4s, color .4s, box-shadow .4s;}
.pj__item.acesa::before{background:var(--fucsia); color:#fff; box-shadow:0 0 0 4px rgba(161,9,95,.14), 0 0 14px rgba(161,9,95,.4);}
.pj__item.agora{background:var(--c1); box-shadow:inset 0 0 0 1px var(--c-linha);}
.pj__item b{color:var(--c-tinta); font-weight:600;}
.pj .pj__pra-voce{margin:0; padding:12px 14px; border-radius:12px; background:var(--c1); box-shadow:inset 3px 0 0 var(--fucsia); font-size:15px; font-weight:300; line-height:1.55; text-wrap:pretty;}
.pj__pra-voce b{color:var(--c-tinta); font-weight:600;}

.pj__recado{max-width:var(--larg-texto); margin:var(--esp-5) auto 0;}
.pj__recado .recado2__texto p{text-wrap:pretty;}

/* ------------------------------------------------ SALA 2 · a Central */
.central4 .central2__telas{color:var(--c-tinta-3);}

/* a janela da Central, em vidro escuro, com luz no alto e o respiro fúcsia embaixo */
.c4-janela{
  position:relative; isolation:isolate; margin:var(--esp-4) 0 0; border-radius:22px; overflow:hidden; color:#fff;
  background:radial-gradient(70% 55% at 50% 0%, rgba(255,255,255,.08), transparent 60%), radial-gradient(55% 45% at 90% 100%, rgba(161,9,95,.26), transparent 70%), var(--noite);
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.1), 0 30px 70px rgba(20,16,28,.3);
}
.c4-janela::before{content:''; position:absolute; inset:0; z-index:-1; pointer-events:none; opacity:.5;
  background-image:linear-gradient(rgba(255,255,255,.04) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.04) 1px, transparent 1px); background-size:32px 32px;
  -webkit-mask:radial-gradient(80% 60% at 50% 30%, #fff, transparent); mask:radial-gradient(80% 60% at 50% 30%, #fff, transparent);}
.c4-janela__barra{display:flex; align-items:center; gap:14px; padding:12px 16px; border-bottom:1px solid rgba(255,255,255,.08); background:rgba(255,255,255,.03);}
.c4-janela__pontos{display:flex; gap:6px;}
.c4-janela__pontos i{width:10px; height:10px; border-radius:50%; background:rgba(255,255,255,.18);}
.c4-janela__pontos i:first-child{background:var(--fucsia); box-shadow:0 0 8px rgba(161,9,95,.8);}
.c4-janela__endereco{display:flex; align-items:center; gap:8px; min-width:0; padding:6px 12px; border-radius:var(--raio-pilula); background:rgba(255,255,255,.06); font:500 11.5px var(--mono); color:rgba(255,255,255,.7); white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.c4-janela__endereco svg{flex:none; width:14px; height:14px; fill:var(--rosa-luz);}
.c4-janela__endereco span{color:#fff;}
.c4-janela__vivo{margin-left:auto; flex:none; display:flex; align-items:center; gap:7px; font:500 10px var(--mono); letter-spacing:.16em; text-transform:uppercase; color:rgba(255,255,255,.7);}
.c4-janela__vivo i{width:7px; height:7px; border-radius:50%; background:var(--rosa-luz); animation:ponto-vivo 2s ease-out infinite;}
@media (max-width:599px){ .c4-janela__vivo{display:none;} }

.c4-area{padding:22px 16px 20px;}
@media (min-width:760px){ .c4-area{padding:30px 30px 30px;} }
.c4-area__titulo{display:flex; flex-direction:column; gap:4px; margin:0 0 8px; font:italic 700 clamp(22px,2.4vw,28px)/1.15 var(--serif); color:#fff; text-wrap:balance;}
.c4-area__titulo span{font:500 10.5px var(--mono); letter-spacing:.18em; text-transform:uppercase; font-style:normal; color:var(--rosa-luz);}
.central4 .c4-area__linha{margin:0 0 20px; max-width:70ch; font-size:15.5px; font-weight:300; line-height:1.6; color:rgba(255,255,255,.8); text-wrap:pretty;}
.c4-area__linha strong{color:#fff;}

/* a Sala de Entregas, em destaque */
.c4-sala{position:relative; display:grid; gap:24px; padding:20px 16px; border-radius:18px;
  background:linear-gradient(160deg, rgba(255,255,255,.08), rgba(255,255,255,.02));
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.12), var(--reflexo), 0 0 50px rgba(161,9,95,.16);}
.c4-sala::before{content:''; position:absolute; left:24px; right:24px; top:0; height:2px; background:linear-gradient(90deg, transparent, #fff, transparent); box-shadow:0 0 14px 2px rgba(161,9,95,.9);}
.c4-sala > *{min-width:0;}
@media (min-width:1024px){ .c4-sala{grid-template-columns:minmax(0,5fr) minmax(0,6fr); align-items:center; gap:34px; padding:30px 30px;} }
.c4-sala__n{font:500 10.5px var(--mono); letter-spacing:.16em; color:var(--rosa-luz);}
.c4-sala__titulo{margin:4px 0 6px; font:italic 700 clamp(28px,3.2vw,34px)/1.1 var(--serif); color:#fff; text-shadow:var(--luz); text-wrap:balance;}
.central4 .c4-sala__linha{margin:0 0 18px; font-size:16px; font-weight:300; line-height:1.55; color:rgba(255,255,255,.84); text-wrap:pretty;}

.c4-chega{list-style:none; margin:0 0 20px; padding:0; display:grid; gap:8px;}
.c4-chega li{position:relative; overflow:hidden; display:grid; grid-template-columns:auto minmax(0,1fr) auto; gap:12px; align-items:center; padding:11px 12px; border-radius:12px; background:rgba(255,255,255,.05); box-shadow:inset 0 0 0 1px rgba(255,255,255,.1);}
.c4-chega li::after{content:''; position:absolute; inset:0; pointer-events:none; background:linear-gradient(100deg, transparent 35%, rgba(255,255,255,.13) 50%, transparent 65%); transform:translateX(-100%); animation:c4-brilho 6s ease-in-out infinite;}
.c4-chega__tipo{min-width:80px; font:500 9.5px var(--mono); letter-spacing:.14em; text-transform:uppercase; color:var(--rosa-luz);}
.c4-chega b{font:italic 700 15.5px/1.25 var(--serif); color:#fff;}
.c4-chega em{padding:3px 9px; border-radius:var(--raio-pilula); background:var(--fucsia); font:500 9.5px var(--mono); font-style:normal; letter-spacing:.12em; text-transform:uppercase; color:#fff; box-shadow:0 0 12px rgba(161,9,95,.5); animation:c4-chegou 6s ease-in-out infinite;}
.c4-chega li:nth-child(2)::after, .c4-chega li:nth-child(2) em{animation-delay:2s;}
.c4-chega li:nth-child(3)::after, .c4-chega li:nth-child(3) em{animation-delay:4s;}
@keyframes c4-brilho{0%{transform:translateX(-100%);} 14%,100%{transform:translateX(100%);}}
@keyframes c4-chegou{0%,100%{transform:scale(1);} 6%{transform:scale(1.25);} 12%{transform:scale(1);}}
@media (max-width:420px){ .c4-chega li{grid-template-columns:minmax(0,1fr) auto; row-gap:2px;} .c4-chega__tipo{grid-column:1 / -1;} }

.c4-cada{padding-top:16px; border-top:1px solid rgba(255,255,255,.1);}
.central4 .c4-cada__titulo{margin:0 0 10px; font:500 10.5px var(--mono); letter-spacing:.18em; text-transform:uppercase; color:rgba(255,255,255,.62);}
.c4-cada ul{list-style:none; margin:0; padding:0; display:grid; gap:10px;}
.c4-cada li{display:flex; align-items:center; gap:12px; font-size:14.5px; font-weight:300; line-height:1.45; color:rgba(255,255,255,.84); text-wrap:pretty;}
.c4-cada b{color:#fff; font-weight:600;}
.c4-cada__icone{flex:none; width:36px; height:36px; border-radius:50%; overflow:hidden; box-shadow:0 0 0 2px var(--fucsia), 0 0 14px rgba(161,9,95,.5);}
.c4-cada__icone img{display:block; width:100%; height:100%; object-fit:cover;}
.c4-cada__icone--onda{display:flex; align-items:center; justify-content:center; gap:3px; background:var(--fucsia);}
.c4-cada__icone--onda i{width:3px; border-radius:2px; background:#fff; animation:onda-mexe 1.1s ease-in-out infinite alternate;}
.c4-cada__icone--onda i:nth-child(1){height:8px;} .c4-cada__icone--onda i:nth-child(2){height:16px; animation-delay:.15s;} .c4-cada__icone--onda i:nth-child(3){height:22px; animation-delay:.3s;} .c4-cada__icone--onda i:nth-child(4){height:14px; animation-delay:.45s;} .c4-cada__icone--onda i:nth-child(5){height:9px; animation-delay:.6s;}

/* a tela de verdade, passeando como vídeo, com o feixe do RaioX passando */
.c4-tela{margin:0; display:grid; gap:10px;}
.c4-tela__quadro{position:relative; aspect-ratio:16/9; border-radius:14px; overflow:hidden; background:#fff; box-shadow:0 0 0 1px rgba(255,255,255,.2), 0 24px 60px rgba(10,12,17,.5), 0 0 60px rgba(161,9,95,.22);}
.c4-tela__img{position:absolute; inset:0; width:100%; height:100%; object-fit:cover; object-position:top left; transform-origin:35% 25%; animation:c4-passeia 14s ease-in-out infinite alternate;}
.c4-tela__img--2{opacity:0; animation:c4-passeia 14s ease-in-out infinite alternate, c4-troca 12s ease-in-out infinite;}
@keyframes c4-passeia{from{transform:scale(1);} to{transform:scale(1.14) translate(-2%, -1%);}}
@keyframes c4-troca{0%,42%{opacity:0;} 50%,92%{opacity:1;} 100%{opacity:0;}}
.c4-tela__feixe{position:absolute; inset:0; pointer-events:none; animation:c4-feixe 5.5s cubic-bezier(.45,0,.2,1) infinite;}
.c4-tela__feixe::after{content:''; position:absolute; right:0; top:0; bottom:0; width:2px; background:linear-gradient(transparent, #fff 25%, #fff 75%, transparent); box-shadow:0 0 14px 3px rgba(161,9,95,.8), 0 0 40px 8px rgba(161,9,95,.3);}
@keyframes c4-feixe{0%{transform:translateX(-100%);} 60%,100%{transform:translateX(0);}}
.central4 .c4-tela figcaption{font-size:13px; font-weight:300; line-height:1.5; color:rgba(255,255,255,.66); text-wrap:pretty;}

/* Scanners e Acompanhamento: vidro branco dentro da janela escura */
.c4-modulos{list-style:none; margin:14px 0 0; padding:0; display:grid; gap:12px;}
@media (min-width:760px){ .c4-modulos{grid-template-columns:minmax(0,1fr) minmax(0,2fr);} }
.c4-modulo{padding:16px 18px; border-radius:16px; color:var(--c-tinta); background:rgba(255,255,255,.95); box-shadow:0 14px 34px rgba(10,12,17,.3); transition:transform .35s var(--mola), box-shadow .35s;}
.c4-modulo:hover{box-shadow:inset 0 0 0 1px rgba(161,9,95,.35), 0 18px 40px rgba(10,12,17,.35);}
.c4-modulo__n{font:500 10.5px var(--mono); letter-spacing:.16em; color:var(--fucsia);}
.c4-modulo b{display:block; margin:6px 0 4px; font:italic 700 19px/1.2 var(--serif); color:var(--c-tinta);}
.central4 .c4-modulo p{margin:0; font-size:14.5px; font-weight:300; line-height:1.5; color:var(--c-tinta-2); text-wrap:pretty;}

/* Área 2: as Ferramentas de Bordo, em cinza que respira com cartões brancos */
.c4-bordo{margin:var(--esp-4) 0 0; padding:24px 16px; border-radius:22px; background:var(--c1); box-shadow:inset 0 0 0 1px var(--c-linha);}
@media (min-width:760px){ .c4-bordo{padding:30px 30px;} }
.c4-bordo .c4-area__titulo{color:var(--c-tinta);}
.c4-bordo .c4-area__titulo span{color:var(--fucsia);}
.central4 .c4-bordo .c4-area__linha{color:var(--c-tinta-2);}
.c4-bordo .c4-area__linha strong{color:var(--c-tinta);}
.central4 .turbina{background:#fff; border:0; box-shadow:inset 0 0 0 1px var(--c-linha), 0 8px 20px rgba(20,16,28,.05); transition:transform .5s var(--mola), box-shadow .35s;}
.central4 .turbina:hover{box-shadow:inset 0 0 0 1px rgba(161,9,95,.3), 0 14px 30px rgba(20,16,28,.1);}
.central4 .turbina b{color:var(--c-tinta);}
/* a hélice no claro gira em fúcsia e cinza, sem rosa lavado */
.central4 .turbina__helice{background:conic-gradient(var(--fucsia) 0 14%, var(--c2) 14% 25%, var(--fucsia) 25% 39%, var(--c2) 39% 50%, var(--fucsia) 50% 64%, var(--c2) 64% 75%, var(--fucsia) 75% 89%, var(--c2) 89% 100%); box-shadow:none;}
.central4 .turbina p{color:var(--c-tinta-2); text-wrap:pretty;}
@media (min-width:1024px){
  .central4 .turbinas{grid-template-columns:repeat(4,1fr);}
  .central4 .turbina{flex-direction:column; gap:12px; padding:18px 16px;}
}
.central4 .c4-bordo__mais{margin:18px 0 0; font-size:14.5px; font-weight:300; line-height:1.6; color:var(--c-tinta-2); text-wrap:pretty;}
.c4-bordo__mais b{color:var(--c-tinta);}

/* a Bagagem, de novo no escuro */
.central4 .c4-bagagem{max-width:none; margin:var(--esp-4) 0 0;
  background:radial-gradient(60% 80% at 15% 0%, rgba(255,255,255,.09), transparent 60%), radial-gradient(50% 70% at 100% 100%, rgba(161,9,95,.3), transparent 70%), var(--noite);
  -webkit-backdrop-filter:none; backdrop-filter:none; box-shadow:inset 0 0 0 1px rgba(255,255,255,.1), 0 24px 60px rgba(20,16,28,.3);}
.central4 .bagagem2__texto p{text-wrap:pretty;}

/* a entrada: os cartões sobem ao aparecer. Só posição: sem o JS, ficam no lugar */
.c4-anima .c4-sobe{transform:translateY(22px);}
.c4-anima .c4-sobe.viu{transform:none; transition:transform .9s var(--mola); transition-delay:var(--d, 0s);}

@media (prefers-reduced-motion:reduce){
  .cena, .pj__item{transition:none;}
  .cena *, .cena *::after, .cena-aberta::before, .cena-aviso__ponto,
  .c4-janela__vivo i, .c4-chega li::after, .c4-chega em, .c4-cada__icone--onda i,
  .c4-tela__img, .c4-tela__feixe{animation:none !important;}
  .c4-tela__feixe{display:none;}
  .c4-anima .c4-sobe{transform:none;}
}


/* ==========================================================================
   A RODADA DE 28/09 À TARDE · o pedido longo da Carol, na parte que é da copilota
   (a Central, o projeto inédito e o investimento têm os arquivos 61 e 62)
   ========================================================================== */

/* as profissões em vidro escovado branco, e não cinza */
.nichos2 .painel{background-color:rgba(255,255,255,.86); background-image:var(--escovado-claro); -webkit-backdrop-filter:blur(22px) saturate(1.2); backdrop-filter:blur(22px) saturate(1.2);}

/* o Método se desenha sozinho quando ela chega: a sala não prende mais a rolagem */
.metodo2{height:auto;}
.metodo2__fixo{position:relative; height:auto; min-height:0; padding:var(--esp-7) 16px var(--esp-6);}

/* a assessora: os dois títulos com fonte de título, centralizados */
.compet__topo{display:grid; gap:6px; margin-bottom:18px; text-align:center;}
.compet__titulo{margin:0; font:italic 700 clamp(22px,2.6vw,30px)/1.15 var(--serif); color:var(--c-tinta); text-align:center; text-wrap:balance;}
.compet__titulo--cliente::after, .compet__titulo--voce::after{content:''; display:block; width:44px; height:2px; margin:10px auto 0; border-radius:2px; background:var(--fucsia);}
.compet__topo .compet__meio{display:none;}
@media (min-width:1024px){
  .compet__topo{grid-template-columns:1fr 190px 1fr; align-items:end; text-transform:none; letter-spacing:0; font:inherit; color:inherit;}
  .compet__topo .compet__meio{display:block; font:500 11px var(--mono); letter-spacing:.18em; text-transform:uppercase; color:var(--c-tinta-3); padding-bottom:14px;}
}
@media (max-width:1023px){ .compet__titulo--voce{display:none;} .compet__topo::after{content:'e o que ela faz pra você, em cada\00a0momento'; font:500 11px var(--mono); letter-spacing:.14em; text-transform:uppercase; color:var(--c-tinta-3);} }
.compet__diffy{margin-top:var(--esp-4);}

/* o "ainda mais além": 3 cartões que abrem o pop-up */
.alem__cartoes{display:grid; grid-auto-flow:column; grid-auto-columns:minmax(240px,1fr); gap:12px; overflow-x:auto; scroll-snap-type:x mandatory; padding:4px 2px 10px;}
@media (min-width:900px){ .alem__cartoes{grid-auto-flow:row; grid-template-columns:repeat(3,1fr); overflow:visible;} }
.alem__cartao{position:relative; display:grid; gap:8px; align-content:start; padding:20px 18px 18px; border-radius:18px; text-align:left; cursor:pointer; scroll-snap-align:start;
  background:#fff; border:0; box-shadow:inset 0 0 0 1px var(--c-linha), 0 12px 30px rgba(20,16,28,.08);
  transition:transform .35s var(--mola), box-shadow .35s var(--mola);}
.alem__cartao:hover{transform:translateY(-4px); box-shadow:inset 0 0 0 1px rgba(161,9,95,.35), 0 18px 40px rgba(20,16,28,.14);}
.alem__cartao:focus-visible{outline:2px solid var(--fucsia); outline-offset:3px;}
.alem__n{font:italic 700 34px/1 var(--serif); color:var(--fucsia);}
.alem__cartao b{font:italic 700 20px/1.2 var(--serif); color:var(--c-tinta);}
.alem__resumo{font-size:14.5px; font-weight:300; line-height:1.5; color:var(--c-tinta-2);}
.alem__abre{margin-top:4px; font:500 13.5px var(--sans); color:var(--fucsia); text-decoration:underline; text-underline-offset:4px;}
.alem__cartao--destaque{background:var(--noite); box-shadow:inset 0 0 0 1px var(--fio-rosa), 0 18px 44px rgba(20,16,28,.3), 0 0 30px rgba(161,9,95,.2);}
.alem__cartao--destaque b{color:#fff;}
.alem__cartao--destaque .alem__resumo{color:rgba(255,255,255,.78);}
.alem__cartao--destaque .alem__n{color:#fff; text-shadow:var(--luz);}
.alem__cartao--destaque .alem__abre{color:#fff;}
.alem__cartao .alem__selo{position:absolute; right:14px; top:14px; padding:3px 9px; border-radius:var(--raio-pilula); font:500 9.5px var(--mono); letter-spacing:.1em; text-transform:uppercase; background:rgba(255,255,255,.12); color:#fff; box-shadow:inset 0 0 0 1px rgba(255,255,255,.25);}
.alem__lista--janela{grid-template-columns:1fr !important;}
.janela__corpo .alem__nota{margin-top:6px; padding-top:12px; border-top:1px solid var(--c-linha); font-size:14px;}

/* quem te entrega: a foto inteira (a bola de cristal é a piada), a Diffy em cima da foto,
   e o "olha o que a cliente falou" antes dela */
.moldura-escuta--inteira{position:relative;}
.moldura-escuta--inteira .moldura-escuta__foto{display:block; width:100%; height:auto; aspect-ratio:auto; object-fit:contain;}
.diz-diffy--sobre{margin:0; padding:14px 14px 0; background:#fff;}
@media (min-width:760px){
  .diz-diffy--sobre{position:absolute; left:16px; right:16px; top:16px; z-index:2; padding:0; background:transparent;}
  .diz-diffy--sobre p{background:rgba(255,255,255,.92); -webkit-backdrop-filter:blur(14px); backdrop-filter:blur(14px); box-shadow:0 12px 30px rgba(20,16,28,.18);}
}
.diz-diffy strong{color:var(--fucsia); font-weight:600;}
.moldura-escuta__chamada-fora{margin:var(--esp-3) 0 10px; font-size:28px !important; color:var(--fucsia);}

/* o recado da Carol em vidro escuro, mais elegante sobre o painel claro */
.recado2--vidro-carol{background:rgba(20,16,28,.86);}
.recado2--vidro-carol .recado2__texto p{color:rgba(255,255,255,.82);}
.recado2--vidro-carol .recado2__texto strong{color:#fff;}
.recado2--vidro-carol .recado2__assina{color:rgba(255,255,255,.6);}

/* a calculadora: o botão que abre o exemplo */
.calc2__ajuda{display:inline-flex; align-items:center; gap:10px; margin-top:12px; padding:10px 16px 10px 10px; border-radius:var(--raio-pilula); border:1px solid var(--c-linha-forte); background:#fff; color:var(--c-tinta); font:500 14.5px var(--sans); cursor:pointer; text-align:left; transition:border-color .2s, box-shadow .2s;}
.calc2__ajuda span{flex:none; width:28px; height:28px; border-radius:50%; display:grid; place-items:center; background:var(--fucsia); color:#fff; font:700 15px var(--sans);}
.calc2__ajuda:hover{border-color:var(--fucsia); box-shadow:0 8px 20px rgba(161,9,95,.12);}
.calc2__ajuda:focus-visible{outline:2px solid var(--fucsia); outline-offset:2px;}

/* o cronograma: o recado curto, o resto no "ler inteiro", e o acompanhamento em blocos */
.cronograma__ler{margin-top:4px;}
.cronograma__ler .recado2__lista{margin-top:10px;}
.cronograma .acompanha .lista{display:grid; grid-template-columns:1fr 1fr; gap:10px; margin:0;}
.cronograma .acompanha .lista li{margin:0; padding:14px 14px 12px; border-radius:14px; background:rgba(255,255,255,.7); -webkit-backdrop-filter:blur(12px); backdrop-filter:blur(12px); box-shadow:inset 0 0 0 1px var(--c-linha), 0 8px 20px rgba(20,16,28,.05); font-size:14px; line-height:1.45;}
.cronograma .acompanha .lista li::before{display:none;}
.cronograma .acompanha .lista li strong{display:block; margin-bottom:4px; font:italic 700 18px/1.2 var(--serif); color:var(--c-tinta);}
@media (max-width:420px){ .cronograma .acompanha .lista{grid-template-columns:1fr;} }

/* o player do depoimento sobre o claro (o da Hortência) */
.disse--claro .aud{background:var(--c1); border-color:var(--c-linha);}
.disse--claro .aud .mt b{color:var(--c-tinta);}
.disse--claro .aud .mt span{color:var(--c-tinta-3);}
.disse--claro .aud .onda i{background:#D5D8E0;}
.disse--claro .aud .onda i.acesa, .disse--claro .aud.tocando .onda i.acesa{background:var(--fucsia);}
.disse--claro .aud .onda::after{background:var(--fucsia); box-shadow:none;}
.disse--claro .aud .pl .anel circle{stroke:var(--fucsia); filter:none;}

/* o fecho: a Diffy na porta do foguete grande, o Instagram que aparece, e a defesa dela */
.fecho .painel{overflow:hidden;}
.fecho__cena{width:min(100%, 760px) !important; margin:var(--esp-3) auto var(--esp-4) !important;}
.fecho__cena .vitrine__foto{border-radius:20px; box-shadow:0 24px 60px rgba(20,16,28,.25);}
.fecho__seu{margin-top:14px; padding-top:12px; border-top:1px solid var(--c-linha);}
.fecho__seu-titulo{margin:0 0 8px; font:italic 700 18px/1.2 var(--serif); color:var(--c-tinta);}
.insta-carol{display:flex; align-items:center; gap:14px; width:min(100%, 440px); margin:var(--esp-4) auto; padding:12px 18px 12px 12px; border-radius:var(--raio-pilula); text-align:left; text-decoration:none;
  background:var(--noite); color:#fff; box-shadow:0 14px 34px rgba(20,16,28,.25), inset 0 0 0 1px rgba(255,255,255,.1); transition:transform .3s var(--mola), box-shadow .3s var(--mola);}
.insta-carol:hover{transform:translateY(-3px); box-shadow:0 18px 40px rgba(20,16,28,.3), 0 0 26px rgba(161,9,95,.35);}
.insta-carol img{flex:none; width:52px; height:52px; border-radius:50%; object-fit:cover; box-shadow:0 0 0 2px var(--fucsia);}
.insta-carol span{flex:1; display:grid; gap:2px; font:300 14px var(--sans); color:rgba(255,255,255,.75);}
.insta-carol b{font:600 15.5px var(--sans); color:#fff;}
.insta-carol svg{flex:none; width:26px; height:26px; color:#fff;}

/* a conversa com a Diffy: a foto em moldura e o campo em vidro, pra não ficar igual às outras salas */
.pergunte-sala .painel{background-image:radial-gradient(60% 50% at 10% 0%, rgba(20,16,28,.05), transparent 70%), var(--escovado-claro);}
.pergunte__foto .vitrine__foto{border-radius:22px; box-shadow:0 24px 60px rgba(20,16,28,.2);}
.pergunte__form{background:var(--noite) !important; border:0 !important; box-shadow:0 18px 44px rgba(20,16,28,.25) !important;}
.pergunte__form .pergunte__rotulo{color:rgba(255,255,255,.75);}
.pergunte__form .pergunte__campo{background:rgba(255,255,255,.08); border-color:rgba(255,255,255,.2); color:#fff;}
.pergunte__form .pergunte__campo::placeholder{color:rgba(255,255,255,.45);}

/* o balão das perguntinhas usa o mesmo desenho do balão das Turbinas */
.balao-diffy{z-index:801;}

/* o recado da Diffy no começo da sala da Assessora */
.compet__diffy--topo{margin:0 0 var(--esp-4);}

/* a conversa: as perguntas prontas, em pílulas que se tocam */
.pergunte__prontas{display:flex; flex-wrap:wrap; gap:8px; margin:var(--esp-3) 0;}
.pergunte__prontas-titulo{width:100%; margin:0 0 2px; font:500 11px var(--mono); letter-spacing:.14em; text-transform:uppercase; color:var(--c-tinta-3);}
.pronta{padding:10px 14px; border-radius:var(--raio-pilula); border:1px solid var(--c-linha-forte); background:#fff; color:var(--c-tinta); font:500 14px var(--sans); cursor:pointer; text-align:left; transition:transform .25s var(--mola), border-color .2s, box-shadow .2s;}
.pronta:hover{transform:translateY(-2px); border-color:var(--fucsia); box-shadow:0 8px 20px rgba(20,16,28,.08);}
.pronta:focus-visible{outline:2px solid var(--fucsia); outline-offset:2px;}

/* o fecho em duas colunas: a Diffy na porta do foguete grande, e o convite do lado */
.fecho__grade{display:grid; gap:var(--esp-4); align-items:center; text-align:left;}
.fecho__cena--lado{width:100% !important; margin:0 !important;}
.fecho__cena--lado .vitrine__foto{width:100%; aspect-ratio:4/5; object-fit:cover; object-position:30% 50%; border-radius:24px;}
.fecho__conteudo{display:grid; gap:var(--esp-3);}
.fecho__conteudo .cabeca--centro{text-align:left; margin:0;}
.fecho__conteudo .cabeca--centro h2{margin:0; font-size:clamp(32px,4vw,46px);}
.fecho__conteudo .fecho__recado{margin:0;}
.fecho__conteudo .insta-carol{margin:0;}
.fecho__conteudo .fecho__bora{justify-content:flex-start; margin:0;}
.fecho__conteudo .fecho__quero{justify-self:start;}
@media (min-width:1024px){ .fecho__grade{grid-template-columns:minmax(0,5fr) minmax(0,7fr); gap:var(--esp-6);} }
@media (max-width:1023px){ .fecho__cena--lado .vitrine__foto{aspect-ratio:16/11;} }

/* 28/09: a Diffy de branco com rosa volta aos vídeos, são 5 agora */
@media (min-width:900px){ .compet__trilho{grid-template-columns:repeat(5,1fr);} }


/* ==========================================================================
   A VOLTA NO CELULAR (28/09/2026), a pedido da Carol: "verifica tudo como ficou
   no mobile, que precisa ficar muito lindo também". Medido a 390px no ar.
   ========================================================================== */
.sem-quebra{white-space:nowrap;}

@media (max-width:760px){
  /* o recado da Diffy do cronograma ficava em 3 colunas de 129px, com o texto espremido */
  .cronograma__lado .recado2{display:block;}
  .cronograma__lado .recado2 .recado2__cab{margin-bottom:12px;}

  /* o player da bola de cristal e o "Prefiro ler" somavam 360px numa base de 328, e a pílula saía da tela */
  .moldura-escuta__base{grid-template-columns:minmax(0,1fr); row-gap:10px;}
  .moldura-escuta__base .recado__ler{justify-self:start;}

  /* o 01 e o 02 grandes dos cartões do negócio inédito passavam por cima do título */
  .oque2__nome{padding-right:56px;}
}