/* ═══════════════════════════════════════════════════════════════════════════
 * IMERSÃO AUDIOVISUAL + AGÊNCIA DE IA — a página /imersao/ (28/09/2026)
 * Carrega DEPOIS de /assets/loja/lp.css (a base da loja: reset, formulário de
 * compra, dúvidas, barra do celular e o revelar à prova de falha). Aqui só o
 * que é desta página.
 *
 * ── DIREÇÃO DE ARTE ─────────────────────────────────────────────────────────
 * "A tela do set, na moldura da IMT." A referência do Israel (28/09,
 * _producao/imersao/referencia-identidade.jpg) é um anúncio de verde que
 * grita, emoldurado em verde-escuro. Traduzido para a IMT:
 *   · cada bloco claro é uma TELA de verde vivo em degradê — a luz lime
 *     #D8FF00 entrando pelo alto à esquerda e caindo no verde #5BC63A —
 *     recortada de dentro de uma MOLDURA grossa de jade #0E3B2E (o fundo da
 *     página). Os cantos têm entalhes a 45°, o ângulo da seta da IMT: o de
 *     cima à direita corta, o de baixo à esquerda sobe como um degrau;
 *   · entre as telas, o jade vira palco: blocos escuros com texto branco e
 *     lime (vitrine, dia, garantia…). Nunca duas telas nem dois blocos
 *     escuros em sequência;
 *   · títulos GIGANTES em Anton, caixa alta, jade; UMA expressão por título
 *     sai LARGA, em Montserrat Black com quase a mesma altura de maiúscula —
 *     o "MINUTO" da referência: o contraste é de largura, não de cor (jade
 *     na tela, lime no escuro);
 *   · o corpo é Montserrat em jade, com o trecho-chave em negrito;
 *   · fotos em cartões arredondados; no hero, a cabeça do Israel passa da
 *     borda do cartão (duas imagens alinhadas: gera-fotos-pagina.py);
 *   · o botão é pílula: jade com letra lime na tela, lime com letra jade no
 *     escuro; nos blocos de fim, ele monta EM CIMA da moldura de baixo;
 *   · branco só onde precisa (cartões pontuais, fundo das fotos). Vermelho
 *     só no erro do formulário.
 * A assinatura é a moldura com entalhes + o botão que cavalga a borda. Todo o
 * resto fica quieto.
 * Contraste medido: jade sobre #5BC63A 5,69:1 · sobre #85E344 7,76:1 · sobre
 * lime 10,8:1 · lime sobre jade 10,8:1 · branco sobre jade 12,2:1. O verde
 * mais escuro do degradê é #52C037 (jade 5,0:1): texto nunca cai abaixo de 4,5.
 * ═════════════════════════════════════════════════════════════════════════ */

:root {
  --jade: #0E3B2E; --jade-2: #0A2C22; --jade-3: #124A39;
  --lime: #D8FF00; --luz: #B8F750; --verde-1: #85E344; --verde-2: #64D140; --verde: #5BC63A; --verde-fundo: #52C037;
  --branco: #FCFCFC;
  --anton: 'Anton', 'Impact', 'Arial Narrow', sans-serif;
  --moldura: clamp(8px, 1.5vw, 20px);
  --corte: clamp(22px, 3.4vw, 48px);           /* o entalhe a 45° */
  --degrau: clamp(64px, 14vw, 200px);          /* a largura do degrau de baixo */
  --raio: clamp(18px, 2.2vw, 28px);
  --acento: #D8FF00; --acento-tx: #0E3B2E; --acento-escuro: #D8FF00;
}

/* ── base: a página é a moldura ─────────────────────────────────────────── */
body.im { background: var(--jade); color: var(--jade); font: 500 17px/1.55 var(--f); }
.im .sem-quebra { white-space: nowrap; }
.im :focus-visible { outline: 3px solid var(--foco, var(--lime)); outline-offset: 3px; }

/* os dois "temas": a tela verde e o palco jade (as variáveis que o lp.css usa) */
.tela { --tx: var(--jade); --tx-fraco: var(--jade); --chip: var(--jade); --chip-tx: var(--lime); --linha: rgba(14,59,46,.32);
  --foco: var(--jade); --destaque: var(--jade); --card: rgba(252,252,252,.5);
  position: relative; isolation: isolate; margin-inline: var(--moldura); color: var(--jade); }
.tela::before { content: ""; position: absolute; inset: 0; z-index: -1; border-radius: var(--raio);
  background:
    radial-gradient(70% 55% at 6% 4%, rgba(216,255,0,.95), rgba(216,255,0,0) 70%),
    linear-gradient(128deg, var(--lime) 0%, var(--luz) 16%, var(--verde-1) 40%, var(--verde-2) 66%, var(--verde) 86%, var(--verde-fundo) 100%);
  -webkit-clip-path: polygon(0 0, calc(100% - var(--corte)) 0, 100% var(--corte), 100% 100%, calc(var(--degrau) + var(--corte)) 100%, var(--degrau) calc(100% - var(--corte)), 0 calc(100% - var(--corte)));
  clip-path: polygon(0 0, calc(100% - var(--corte)) 0, 100% var(--corte), 100% 100%, calc(var(--degrau) + var(--corte)) 100%, var(--degrau) calc(100% - var(--corte)), 0 calc(100% - var(--corte))); }
.escuro { --tx: var(--branco); --tx-fraco: #CFE3D8; --chip: var(--lime); --chip-tx: var(--jade); --linha: rgba(216,255,0,.2);
  --foco: var(--lime); --destaque: var(--lime); --card: rgba(255,255,255,.05);
  background: var(--jade); color: var(--branco); }

.bloco { position: relative; padding-block: clamp(64px, 9vw, 120px); }
.tela.bloco { margin-block: 0; }
.tela--cta { padding-bottom: clamp(88px, 11vw, 148px); z-index: 2; }   /* acima do bloco seguinte: o botão da borda não fica embaixo dele */

/* ── tipografia ─────────────────────────────────────────────────────────── */
.im h1, .im h2 { font-family: var(--anton); font-weight: 400; text-transform: uppercase; letter-spacing: .004em; text-wrap: balance; }
.im h2 { font-size: clamp(2rem, 8.6vw, 5.3rem); line-height: .96; max-width: 13.5em; color: inherit; overflow-wrap: break-word; }   /* quebra só se uma palavra não couber sozinha na linha */
.im h3 { font: 800 clamp(1.1rem, 3.2vw, 1.32rem)/1.2 var(--f); letter-spacing: -.005em; }
/* a expressão larga (o "MINUTO" da referência): Montserrat Black, caixa alta, quase a altura de
 * maiúscula da Anton (0,78 × 1,12 ≈ 0,86 × 1: a Anton tem maiúscula de 0,859 em, a Montserrat de 0,70).
 * Na tela ela fica jade como o resto — o que muda é a largura; no escuro, lime. */
.largo { font-family: var(--f); font-weight: 900; font-size: 1.12em; letter-spacing: -.035em; }
.escuro .largo { color: var(--lime); }
@media (max-width: 379px) { .largo, .hero .largo { font-size: 1.02em; } }   /* "ESPECIALISTAS" e "PATROCINADOR." inteiros em 320 px */
.im .kicker { display: flex; align-items: center; gap: 12px; font: 800 .78rem/1.2 var(--f); letter-spacing: .24em; text-transform: uppercase; color: var(--tx); margin-bottom: 18px; }
.im .kicker::before { content: ""; flex: none; width: 26px; height: 4px; border-radius: 2px; background: currentColor; }
.escuro .kicker { color: var(--lime); }
.im .fino { font: 700 clamp(1rem, 2.6vw, 1.3rem)/1.25 var(--f); letter-spacing: .02em; color: var(--tx); margin-bottom: 12px; }
.im .medida { max-width: 54ch; margin-top: 22px; font-size: clamp(1.02rem, 2.3vw, 1.14rem); color: var(--tx-fraco); }
.im .medida b { color: var(--tx); }
.tela .medida, .tela .medida b { color: var(--jade); }
.cab { display: grid; gap: 8px; }
/* coluna única no celular: minmax(0, 1fr) — sem isso a palavra larga mais comprida alarga a grade inteira */
.cab, .conduz__grade, .trazer__grade, .tarde__grade, .problema__grade, .oferta-im__grade, .leva__grade, .dia__colunas,
.garantia__cartao, .guia, .servicos__grade, .publicos__grade, .cidades__grade, .etapas, .aprender__lista, .sites, .criativos { grid-template-columns: minmax(0, 1fr); }
@media (min-width: 960px) { .cab { grid-template-columns: minmax(0, 1.25fr) minmax(0, 1fr); align-items: end; gap: 56px; } .cab .medida { margin-top: 0; justify-self: end; }
  .im .cab h2 { font-size: clamp(2.6rem, 6.4vw, 5.3rem); } }   /* título em meia página: "ENTREGOU." inteiro em 1024 */

/* ── chips e botões ─────────────────────────────────────────────────────── */
.im .chips { margin-bottom: 18px; }
.im .chip { background: var(--lime); color: var(--jade); min-height: 36px; letter-spacing: .12em; font-size: .72rem; }
.im .chip--jade { background: var(--jade); color: var(--lime); }
.escuro .chip { background: var(--lime); color: var(--jade); }
.im .cta { min-height: 62px; padding: 0 32px; font: 800 .98rem/1.15 var(--f); letter-spacing: .06em; gap: 10px; }
.cta--jade { background: var(--jade); color: var(--lime); box-shadow: 0 16px 34px -16px rgba(10,44,34,.8); }
.cta--lime { background: var(--lime); color: var(--jade); box-shadow: 0 0 0 0 rgba(216,255,0,0), 0 16px 34px -16px rgba(0,0,0,.5); }
@media (hover: hover) {
  .cta--jade:hover { transform: translateY(-2px); box-shadow: 0 22px 40px -16px rgba(10,44,34,.9); }
  .cta--lime:hover { transform: translateY(-2px); box-shadow: 0 0 36px rgba(216,255,0,.35), 0 18px 36px -16px rgba(0,0,0,.6); }
}
.cta--peq { min-height: 52px; padding: 0 20px; font-size: .84rem; letter-spacing: .04em; }
@media (max-width: 359px) {   /* 320 px: "Garantir meu ingresso" não cabe numa linha com a folga do botão */
  .im .cta { padding-inline: 20px; font-size: .86rem; letter-spacing: .03em; }
  .im .hero__acao .cta, .cta--borda { white-space: normal; text-wrap: balance; }
}
.ic-whats { flex: none; }
/* o botão que monta em cima da moldura de baixo (a assinatura) */
.cta--borda { position: absolute; left: 0; right: 0; bottom: -35px; z-index: 4; width: max-content; max-width: calc(100% - 32px); margin-inline: auto;
  background: var(--lime); color: var(--jade); border: 4px solid var(--jade); min-height: 70px; padding: 0 clamp(26px, 5vw, 44px);
  white-space: nowrap; box-shadow: 0 18px 40px -18px rgba(0,0,0,.7); }   /* centrado sem transform: metade dentro da tela, metade na moldura */
@media (hover: hover) { .cta--borda:hover { transform: translateY(-2px); } }

/* links de texto com alvo de 44px */
.im a:not(.cta):not(.logo):not(.topo__entrar) { font-weight: 700; text-underline-offset: .18em; }
.link-whats, .publicos__equipe a, .compra__duvida a, .faq__mais a { display: inline-flex; align-items: center; gap: 8px; min-height: 44px; }

/* ═══ HERO ═════════════════════════════════════════════════════════════════ */
.im .hero { overflow: visible; margin-top: var(--moldura); padding: 0 0 clamp(40px, 6vw, 72px); }
.im .topo { padding-top: clamp(14px, 2.2vw, 24px); padding-bottom: clamp(16px, 2.4vw, 26px); }
.im .logo img { height: clamp(24px, 3vw, 32px); }
.im .topo__entrar { background: rgba(14,59,46,.1); color: var(--jade); border: 2px solid var(--jade); }
.im .hero h1 { font-size: clamp(2.5rem, 11.6vw, 5.6rem); line-height: 1.1; letter-spacing: .005em; max-width: none; color: var(--jade); }
.hero .largo { font-size: 1.06em; }
@media (min-width: 900px) { .im .hero h1 { font-size: clamp(4.4rem, 7.6vw, 6.9rem); line-height: .97; } }


.hero__grade { display: grid; grid-template-columns: minmax(0, 1.4fr) minmax(0, 1fr); grid-template-areas: "texto texto" "foto mes"; gap: 22px 14px; margin-top: clamp(22px, 2.4vw, 28px); align-items: end; }
.hero__texto { grid-area: texto; align-self: start; }
.im .lead { margin-top: 0; max-width: 36em; font: 500 clamp(1.02rem, 2.2vw, 1.14rem)/1.5 var(--f); color: var(--jade); }
.im .hero__acao { margin-top: 24px; flex-direction: column; align-items: flex-start; gap: 12px; }
.im .hero__acao .cta { flex: none; white-space: nowrap; }
.im .apoio { color: var(--jade); font-size: .98rem; }
.im .apoio b { color: var(--jade); }
.lote { display: inline-flex; align-items: center; min-height: 26px; padding: 0 10px; margin-right: 6px; border-radius: 6px; background: var(--jade); color: var(--lime);
  font: 800 .7rem/1 var(--f); letter-spacing: .12em; text-transform: uppercase; vertical-align: .12em; }
.selo-garantia { margin-top: 20px; max-width: 34em; padding-left: 16px; border-left: 4px solid var(--jade); font-size: .95rem; line-height: 1.45; }
.selo-garantia a { color: var(--jade); display: inline-block; padding: 12px 0; margin: -12px 0; }
.brinde { display: inline-flex; align-items: center; gap: 10px; margin-top: 16px; padding: 10px 16px 10px 12px; border-radius: 14px; background: var(--jade); color: var(--lime);
  font: 800 .9rem/1.3 var(--f); }
.brinde__ic { flex: none; width: 24px; height: 24px; background: currentColor;
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linejoin='round'%3E%3Crect x='3.5' y='9' width='17' height='11.5' rx='1.5'/%3E%3Cpath d='M2.5 9h19M12 9v11.5M12 9c-1.5-3.5-6-4.2-6-1.4C6 9 9.5 9 12 9Zm0 0c1.5-3.5 6-4.2 6-1.4C18 9 14.5 9 12 9Z'/%3E%3C/svg%3E") center / contain no-repeat;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linejoin='round'%3E%3Crect x='3.5' y='9' width='17' height='11.5' rx='1.5'/%3E%3Cpath d='M2.5 9h19M12 9v11.5M12 9c-1.5-3.5-6-4.2-6-1.4C6 9 9.5 9 12 9Zm0 0c1.5-3.5 6-4.2 6-1.4C18 9 14.5 9 12 9Z'/%3E%3C/svg%3E") center / contain no-repeat; }

/* a foto que vaza: o cartão embaixo, a cabeça por cima (as duas imagens têm a mesma largura e a mesma base) */
.hero__foto { grid-area: foto; }
.vaza { position: relative; padding-top: 30.26%; }          /* o espaço da cabeça: (380-150)/760 da largura */
.vaza__cartao { position: relative; border-radius: var(--raio); overflow: hidden; background: var(--verde); box-shadow: 0 30px 50px -30px rgba(10,44,34,.75); }
.vaza__foto { width: 100%; aspect-ratio: 4 / 5; object-fit: cover; }
.vaza__topo { position: absolute; left: 0; bottom: 0; width: 100%; height: auto; pointer-events: none; }
.nome-chip { position: absolute; left: 12px; bottom: 12px; z-index: 2; display: grid; gap: 2px; padding: 8px 14px; border-radius: 12px; background: var(--lime); color: var(--jade);
  box-shadow: 0 10px 24px -12px rgba(10,44,34,.8); }
.nome-chip b { font: 800 clamp(.86rem, 2.6vw, 1.02rem)/1.15 var(--f); }
.nome-chip span { font: 600 .74rem/1.2 var(--f); }
.nome-chip--peq { left: 10px; bottom: 10px; padding: 7px 12px; }

/* o cartão escuro do mês: 30 casas, a campanha inteira */
.cartao-jade { background: var(--jade); color: var(--branco); border-radius: var(--raio); }
.hero__mes { grid-area: mes; padding: clamp(14px, 2.4vw, 22px); display: grid; gap: 12px; align-content: start; box-shadow: 0 30px 50px -30px rgba(10,44,34,.8); }
.hero__mes-rot { font: 800 .66rem/1.2 var(--f); letter-spacing: .2em; text-transform: uppercase; color: var(--lime); }
.hero__mes-num { font: 400 clamp(1.5rem, 5.4vw, 2.3rem)/.95 var(--anton); text-transform: uppercase; color: var(--branco); }
.hero__mes-num span { color: var(--lime); font-size: 1.5em; }
.hero__mes-num .mais { font-size: 1em; color: var(--branco); }
.calendario { display: grid; grid-template-columns: repeat(6, 1fr); gap: clamp(3px, .6vw, 6px); }
.calendario__d { aspect-ratio: 1; border-radius: 4px; background: var(--lime); }
.calendario__d--video { background: var(--verde); position: relative; }
.calendario__d--video::after { content: ""; position: absolute; inset: 30% 26% 30% 36%; background: var(--jade); clip-path: polygon(0 0, 100% 50%, 0 100%); }
.calendario__d--motion { background: var(--branco); position: relative; }
.calendario__d--motion::after { content: ""; position: absolute; inset: 30%; background: var(--jade); transform: rotate(45deg); border-radius: 1px; }   /* o motion do mês: um losango, o 45° da IMT */
.hero__mes-pe { font: 600 .82rem/1.35 var(--f); color: #CFE3D8; }

@media (min-width: 720px) {
  .hero__grade { grid-template-columns: minmax(0, 1fr) minmax(0, .72fr); grid-template-areas: "texto texto" "foto mes"; max-width: 800px; }
}
@media (min-width: 1180px) {
  .hero__grade { max-width: none; grid-template-columns: minmax(0, 1.4fr) minmax(0, .82fr) minmax(0, .6fr); grid-template-areas: "texto foto mes"; gap: 32px; }
}

/* ═══ ESTEIRA: a fita lime atravessada ═════════════════════════════════════ */
.fita { overflow: hidden; overflow: clip; padding: clamp(22px, 3vw, 36px) 0; background: var(--jade); }
.im .esteira { background: var(--lime); color: var(--jade); border: 0; transform: rotate(-1.4deg); margin-inline: -24px; }
.im .esteira__trilho { padding: 14px 0; gap: 26px; }
.im .esteira span { font: 400 clamp(1.1rem, 2.6vw, 1.5rem)/1 var(--anton); letter-spacing: .03em; }
.im .esteira i { background: var(--jade); width: 12px; height: 12px; }

/* ═══ O PROBLEMA ═══════════════════════════════════════════════════════════ */
.problema__grade { display: grid; gap: 22px; margin-top: 44px; }
.passos3 { display: grid; gap: 14px; }
.passo3 { position: relative; padding: 24px 24px 24px 24px; border-radius: var(--raio); background: var(--jade-3); border: 1px solid rgba(216,255,0,.2); }
.passo3__eu { display: inline-block; margin-bottom: 10px; font: 800 .7rem/1 var(--f); letter-spacing: .2em; text-transform: uppercase; color: var(--lime); }
.passo3 h3 { font: 400 clamp(1.7rem, 5vw, 2.3rem)/1 var(--anton); text-transform: uppercase; color: var(--branco); }
.passo3 p { margin-top: 10px; color: #CFE3D8; }
.passo3--ia { background: var(--lime); border-color: var(--lime); }
.passo3--ia .passo3__eu, .passo3--ia h3, .passo3--ia p { color: var(--jade); }
.clique { position: relative; border-radius: var(--raio); overflow: hidden; background: var(--branco); color: var(--jade); display: grid; }
.clique__foto { width: 100%; aspect-ratio: 4 / 3; object-fit: cover; object-position: 50% 30%; }
.clique__frase { padding: 18px 22px 22px; font: 600 1.02rem/1.35 var(--f); }
.clique__frase b { display: block; margin-top: 4px; font: 400 clamp(1.3rem, 3.4vw, 1.6rem)/1.05 var(--anton); text-transform: uppercase; }
@media (min-width: 720px) {
  .passos3 { grid-template-columns: repeat(3, 1fr); }
  .problema__grade { grid-template-columns: 1fr; }
  .clique { grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr); align-items: center; }
  .clique__foto { aspect-ratio: 4 / 3; height: 100%; }
  .clique__frase { padding: 28px; font-size: 1.1rem; }
}
@media (min-width: 1100px) {
  .problema__grade { grid-template-columns: minmax(0, 2.3fr) minmax(0, 1fr); align-items: stretch; }
  .passos3 { align-content: stretch; }
  .clique { grid-template-columns: 1fr; }
  .clique__foto { aspect-ratio: 4 / 3.4; }
}

/* ═══ O QUE A AGÊNCIA FAZ ══════════════════════════════════════════════════ */
.servicos__grade { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; margin-top: 40px; }
.servico { padding: 20px 18px 22px; border-radius: var(--raio); background: var(--jade); color: var(--branco); }
.servico__ic { width: 40px; height: 40px; padding: 8px; border-radius: 12px; background: var(--lime); fill: none; stroke: var(--jade); stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
.servico h3 { margin-top: 16px; color: var(--branco); font-size: clamp(1rem, 2.8vw, 1.18rem); }
.servico p { margin-top: 6px; font-size: .92rem; line-height: 1.4; color: #CFE3D8; }
.servico--mais { background: var(--branco); color: var(--jade); }
.servico--mais h3 { color: var(--jade); }
.servico--mais p { color: var(--jade); }
.servico--mais .servico__ic { background: var(--jade); stroke: var(--lime); }
@media (min-width: 900px) { .servicos__grade { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 16px; } .servico { padding: 26px 24px 28px; } }
@media (max-width: 359px) { .servicos__grade { grid-template-columns: 1fr; } }

/* ═══ A VITRINE (abas) ═════════════════════════════════════════════════════ */
.abas { margin-top: 36px; }
.abas__lista { display: flex; gap: 8px; overflow-x: auto; padding: 4px 2px 10px; margin-bottom: 28px; scrollbar-width: none; }
.abas__lista::-webkit-scrollbar { display: none; }
.abas__lista[hidden] { display: none; }
.abas__lista button { flex: none; min-height: 48px; padding: 0 22px; border-radius: 999px; border: 2px solid rgba(216,255,0,.5); background: transparent; color: var(--branco);
  font: 800 .88rem/1 var(--f); letter-spacing: .08em; text-transform: uppercase; cursor: pointer; transition: background .2s, color .2s, border-color .2s; }
.abas__lista button[aria-selected="true"] { background: var(--lime); border-color: var(--lime); color: var(--jade); }
@media (hover: hover) { .abas__lista button:hover { border-color: var(--lime); } }
.painel-aba + .painel-aba { margin-top: 64px; }                  /* sem JS, um embaixo do outro */
.abas--js .painel-aba + .painel-aba { margin-top: 0; }
.painel-aba[hidden] { display: none; }
.painel-aba:focus-visible { outline-offset: 8px; border-radius: 12px; }
.painel-aba__cab { display: grid; gap: 6px; margin-bottom: 22px; max-width: 60ch; }
.painel-aba__t { font: 400 clamp(1.6rem, 4.6vw, 2.4rem)/1 var(--anton); text-transform: uppercase; color: var(--lime); }
.painel-aba__cab p { color: #CFE3D8; }

.colecao + .colecao { margin-top: 30px; }
.colecao__nome { display: flex; flex-wrap: wrap; align-items: baseline; gap: 4px 12px; margin-bottom: 12px; }
.colecao__nome b { font: 800 1.05rem/1.2 var(--f); color: var(--branco); }
.colecao__nome span { font-size: .88rem; color: #CFE3D8; }
.tira { display: grid; grid-auto-flow: column; grid-auto-columns: clamp(168px, 44vw, 232px); gap: 12px; overflow-x: auto; scroll-snap-type: x mandatory;
  padding-bottom: 14px; scrollbar-width: thin; scrollbar-color: var(--lime) rgba(255,255,255,.08); }
.tira__item { scroll-snap-align: start; }
.tira__item img { width: 100%; height: auto; border-radius: 14px; box-shadow: 0 16px 30px -18px rgba(0,0,0,.8); }
.tira:focus-visible { outline-offset: 4px; }

.motions { display: grid; grid-auto-flow: column; grid-auto-columns: clamp(170px, 46vw, 220px); gap: 16px; overflow-x: auto; scroll-snap-type: x mandatory; padding-bottom: 14px;
  scrollbar-width: thin; scrollbar-color: var(--lime) rgba(255,255,255,.08); }
.motion { scroll-snap-align: start; }
.celular { position: relative; border-radius: 26px; padding: 7px; background: #06140F; box-shadow: 0 0 0 1px rgba(216,255,0,.25), 0 24px 40px -22px rgba(0,0,0,.9); }
.celular video { width: 100%; aspect-ratio: 9 / 16; object-fit: cover; border-radius: 20px; background: #000; }
.motion__rot { margin-top: 12px; font: 800 .7rem/1.2 var(--f); letter-spacing: .16em; text-transform: uppercase; color: var(--lime); }
.motion__t { margin-top: 4px; font: 600 .92rem/1.3 var(--f); color: var(--branco); }
@media (min-width: 1100px) { .motions { grid-auto-flow: row; grid-template-columns: repeat(5, 1fr); grid-auto-columns: auto; overflow: visible; } }

.sites { display: grid; gap: 28px 24px; }
.site img { width: 100%; height: auto; }
.site p { margin-top: 8px; text-align: center; font-size: .92rem; color: #CFE3D8; }
.site p b { color: var(--branco); }
@media (min-width: 720px) { .sites { grid-template-columns: repeat(2, 1fr); } }

.fotos-ia { display: grid; grid-template-columns: repeat(2, 1fr); gap: 12px; }
.fotos-ia img { width: 100%; aspect-ratio: 3 / 4; object-fit: cover; border-radius: 16px; }
@media (min-width: 720px) { .fotos-ia { grid-template-columns: repeat(3, 1fr); gap: 16px; } }
@media (min-width: 1100px) { .fotos-ia { grid-template-columns: repeat(6, 1fr); } }

.funil { display: block; margin-bottom: 26px; border-radius: var(--raio); background: var(--branco); padding: clamp(10px, 2vw, 22px); }
.funil img { width: 100%; height: auto; }
.criativos { display: grid; gap: 24px; }
.criativo__par { display: grid; grid-template-columns: 1.33fr 1fr; gap: 10px; align-items: end; }
.criativo__par img { width: 100%; height: auto; border-radius: 12px; }
.criativo p { margin-top: 10px; font-size: .9rem; color: #CFE3D8; }
.criativo p b { color: var(--branco); }
.nota-clara { margin-top: 22px; font-size: .88rem; color: #CFE3D8; }
@media (min-width: 720px) { .criativos { grid-template-columns: repeat(2, 1fr); gap: 32px 28px; } }

/* ═══ PARA QUEM É ══════════════════════════════════════════════════════════ */
.publicos__grade { display: grid; gap: 16px; margin-top: 40px; }
.publico { padding: 10px 10px 22px; border-radius: calc(var(--raio) + 6px); background: var(--branco); color: var(--jade); --chip: var(--jade); --chip-tx: var(--lime); }
.publico__foto { position: relative; border-radius: var(--raio); overflow: hidden; }
.publico__foto img { width: 100%; aspect-ratio: 1; object-fit: cover; object-position: 50% 22%; }
@media (min-width: 600px) { .publico__foto img { aspect-ratio: 3 / 4; object-position: 50% 50%; } }
.publico__quem { margin: 16px 10px 0; font: 700 .95rem/1.4 var(--f); }
.ganhos { display: grid; gap: 10px; margin: 16px 10px 0; }
.ganhos li { display: flex; gap: 10px; align-items: flex-start; font: 600 .96rem/1.38 var(--f); }
.ganhos .check { width: 22px; height: 22px; }
.publicos__equipe { margin-top: 28px; font: 600 1rem/1.4 var(--f); }
.publicos__equipe a { color: var(--jade); }
@media (min-width: 600px) { .publicos__grade { grid-template-columns: repeat(2, 1fr); } }
@media (min-width: 1100px) { .publicos__grade { grid-template-columns: repeat(4, 1fr); gap: 18px; } }

/* ═══ O DIA ════════════════════════════════════════════════════════════════ */
.regua { position: relative; margin: 44px 0 20px; height: 64px; }
.regua::before { content: ""; position: absolute; left: 0; right: 0; top: 30px; height: 12px; border-radius: 6px;
  background: linear-gradient(90deg, rgba(216,255,0,.35) 0 var(--tarde), var(--lime) var(--tarde) 100%); }
.regua__manha, .regua__tarde { position: absolute; top: 0; font: 800 .72rem/1 var(--f); letter-spacing: .14em; text-transform: uppercase; color: var(--lime); white-space: nowrap; }
.regua__manha { left: 0; }
.regua__tarde { left: var(--tarde); }
.regua__h { position: absolute; top: 48px; transform: translateX(-50%); font: 400 .95rem/1 var(--anton); font-style: normal; letter-spacing: .04em; color: var(--branco); }
.regua__h--0 { left: 0; transform: none; } .regua__h--1 { left: 25%; } .regua__h--2 { left: 50%; } .regua__h--3 { left: 75%; } .regua__h--4 { left: auto; right: 0; transform: none; }
.dia__colunas { display: grid; gap: 34px; margin-top: 30px; }
.dia__t { font: 400 clamp(1.5rem, 4.4vw, 2.1rem)/1 var(--anton); text-transform: uppercase; color: var(--lime); margin-bottom: 8px; }
.agenda__item { display: grid; grid-template-columns: 74px 1fr; gap: 14px; padding: 16px 0; border-bottom: 1px solid rgba(216,255,0,.16); }
.agenda__h { font: 400 1.5rem/1 var(--anton); letter-spacing: .02em; color: var(--lime); padding-top: 2px; }
.agenda__item h4 { margin: 0; font: 800 1.04rem/1.25 var(--f); color: var(--branco); }
.agenda__item p { margin-top: 4px; font-size: .94rem; line-height: 1.45; color: #CFE3D8; }
.dia__col--tarde { padding: 22px; border-radius: var(--raio); background: var(--lime); color: var(--jade); }
.dia__col--tarde .dia__t, .dia__col--tarde .agenda__h, .dia__col--tarde h4, .dia__col--tarde p { color: var(--jade); }
.dia__col--tarde .agenda__item { border-bottom-color: rgba(14,59,46,.22); }
.dia__col--tarde .agenda__item:last-child { border-bottom: 0; }
.dia__aviso { margin-top: 26px; max-width: 70ch; font-size: .9rem; color: #CFE3D8; }
.dia__aviso b { color: var(--branco); }
@media (min-width: 900px) { .dia__colunas { grid-template-columns: 1fr 1fr; gap: 40px; align-items: start; } .dia__col--tarde { padding: 26px 30px; } }
@media (max-width: 479px) { .regua__h--1, .regua__h--3 { display: none; } .regua__tarde { left: auto; right: 0; } }   /* o rótulo da tarde fica em cima da parte lime, sem passar da borda */

/* ═══ A TARDE ══════════════════════════════════════════════════════════════ */
.tarde__grade { display: grid; gap: 34px; align-items: center; }
.tarde__foto { position: relative; border-radius: var(--raio); overflow: hidden; max-width: 460px; box-shadow: 0 30px 50px -30px rgba(10,44,34,.75); }
.tarde__foto img { width: 100%; aspect-ratio: 4 / 5; object-fit: cover; }
@media (min-width: 860px) { .tarde__grade { grid-template-columns: minmax(0, .8fr) minmax(0, 1.2fr); gap: 56px; } }

/* ═══ O QUE VOCÊ LEVA ══════════════════════════════════════════════════════ */
.leva__grade { display: grid; gap: 16px; margin-top: 40px; }
.rotulo { font: 800 .74rem/1.2 var(--f); letter-spacing: .22em; text-transform: uppercase; }
.cartao-verde { position: relative; isolation: isolate; padding: 28px; border-radius: var(--raio); color: var(--jade); --chip: var(--jade); --chip-tx: var(--lime);
  background: linear-gradient(135deg, var(--luz), var(--verde-1) 45%, var(--verde)); }
.leva__dia .checks li { font-weight: 600; }
.leva__depois { padding: 28px; border-radius: var(--raio); background: var(--lime); color: var(--jade); display: grid; align-content: start; gap: 4px; }
.leva__num { font: 400 clamp(3rem, 12vw, 6rem)/.9 var(--anton); text-transform: uppercase; margin-top: 10px; }
.leva__num span { display: inline-block; min-width: 1.1em; }
.leva__num--2 { margin-top: 0; }
.leva__tx { margin-top: 14px; font-size: 1rem; }
@media (min-width: 900px) { .leva__grade { grid-template-columns: 1.3fr 1fr; gap: 20px; } .cartao-verde, .leva__depois { padding: 36px; } }

/* ═══ O QUE VOCÊ VAI APRENDER ══════════════════════════════════════════════ */
.aprender__lista { display: grid; gap: 12px; margin-top: 40px; }
.aprender__lista li { display: flex; gap: 12px; align-items: flex-start; padding: 16px 18px; border-radius: 16px; background: rgba(252,252,252,.72); font: 500 .98rem/1.42 var(--f); }
.aprender__lista b { font-weight: 800; }
.im .aprender__lista .aprender__fecho { background: var(--jade); color: var(--branco); align-items: center; }
.aprender__fecho b { color: var(--lime); }
@media (min-width: 760px) { .aprender__lista { grid-template-columns: repeat(2, 1fr); } }
@media (min-width: 1100px) { .aprender__lista { grid-template-columns: repeat(3, 1fr); gap: 14px; } }

/* ═══ O QUE TRAZER ═════════════════════════════════════════════════════════ */
.trazer__grade { display: grid; gap: 36px; align-items: center; }
.trazer__lista { margin-top: 26px; }
.trazer__lista li { font-weight: 600; }
.trazer__foto { border-radius: var(--raio); overflow: hidden; max-width: 440px; justify-self: center; background: var(--branco); }
.trazer__foto img { width: 100%; aspect-ratio: 4 / 5; object-fit: cover; }
@media (min-width: 860px) { .trazer__grade { grid-template-columns: minmax(0, 1.25fr) minmax(0, .75fr); gap: 60px; } }

/* ═══ DEPOIS DA COMPRA ═════════════════════════════════════════════════════ */
.etapas { counter-reset: e; display: grid; gap: 14px; margin-top: 40px; }
.etapa { counter-increment: e; position: relative; padding: 22px 22px 24px 84px; border-radius: var(--raio); background: rgba(252,252,252,.72); }
.etapa::before { content: counter(e); position: absolute; left: 20px; top: 20px; display: grid; place-items: center; width: 48px; height: 48px; border-radius: 14px;
  background: var(--jade); color: var(--lime); font: 400 1.6rem/1 var(--anton); }
.etapa h3 { font-size: 1.08rem; }
.etapa p { margin-top: 8px; font-size: .95rem; line-height: 1.45; }
@media (min-width: 1100px) {
  .etapas { grid-template-columns: repeat(5, 1fr); gap: 14px; }
  .etapa { padding: 84px 20px 24px; }
}
.guia { display: grid; gap: 20px; margin-top: 30px; padding: 22px; border-radius: var(--raio); background: var(--jade); color: var(--branco); }
.guia h3 { font: 400 clamp(1.5rem, 4.4vw, 2.1rem)/1 var(--anton); text-transform: uppercase; color: var(--lime); }
.guia p { margin-top: 8px; color: #CFE3D8; }
.guia__fotos { display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; }
.guia__fotos img { width: 100%; aspect-ratio: 3 / 4; object-fit: cover; border-radius: 12px; background: var(--branco); }
.guia__fotos figcaption { margin-top: 8px; font: 600 .8rem/1.3 var(--f); color: var(--branco); }
.guia__fotos figcaption b { display: inline-grid; place-items: center; width: 22px; height: 22px; margin-right: 4px; border-radius: 6px; background: var(--lime); color: var(--jade); font-size: .78rem; }
@media (min-width: 860px) { .guia { grid-template-columns: minmax(0, .8fr) minmax(0, 1.2fr); align-items: center; gap: 36px; padding: 30px 34px; } }

/* ═══ A GARANTIA ═══════════════════════════════════════════════════════════ */
.garantia__cartao { position: relative; display: grid; gap: 26px; padding: clamp(26px, 5vw, 56px); border-radius: var(--raio); background: var(--lime); color: var(--jade);
  --tx: var(--jade); --tx-fraco: var(--jade); }
.garantia__cartao .kicker { color: var(--jade); }
.garantia__cartao .largo { color: var(--jade); }
.garantia__cartao .medida, .garantia__cartao .medida b { color: var(--jade); }
.garantia__selo { display: grid; place-items: center; width: clamp(96px, 20vw, 170px); aspect-ratio: 1; border-radius: 50%; background: var(--jade); color: var(--lime);
  box-shadow: 0 0 0 6px var(--lime), 0 0 0 9px var(--jade); transform: rotate(-8deg); }
.garantia__selo span { font: 400 clamp(1rem, 3vw, 1.6rem)/1 var(--anton); text-transform: uppercase; letter-spacing: .06em; }
.condicoes { counter-reset: c; display: grid; gap: 10px; margin-top: 20px; max-width: 62ch; }
.condicoes li { counter-increment: c; position: relative; padding-left: 44px; font-size: 1rem; line-height: 1.45; }
.condicoes li::before { content: counter(c); position: absolute; left: 0; top: -1px; display: grid; place-items: center; width: 30px; height: 30px; border-radius: 9px;
  background: var(--jade); color: var(--lime); font: 400 1.05rem/1 var(--anton); }
.garantia__def, .garantia__como { margin-top: 18px; max-width: 62ch; font-size: .98rem; }
.garantia__como a { color: var(--jade); display: inline-block; padding: 12px 0; margin: -12px 0; overflow-wrap: anywhere; }   /* o e-mail inteiro não cabe em 320 px (244 > 228): quebra */
.garantia__honesta { margin-top: 18px; max-width: 62ch; padding-top: 16px; border-top: 2px solid rgba(14,59,46,.25); font-size: .88rem; }
@media (min-width: 860px) { .garantia__cartao { grid-template-columns: auto 1fr; gap: 48px; align-items: start; } }

/* ═══ OFERTA E COMPRA ══════════════════════════════════════════════════════ */
.oferta-im__grade { display: grid; gap: 22px; margin-top: 40px; }
.incluso { padding: 26px; border-radius: var(--raio); background: var(--branco); color: var(--jade); --chip: var(--jade); --chip-tx: var(--lime); }
.incluso .checks li { font-weight: 500; }
.fixos { display: grid; gap: 10px; margin-top: 16px; }
.fixos li { display: grid; grid-template-columns: minmax(96px, auto) 1fr; gap: 14px; align-items: center; padding: 14px 18px; border-radius: 16px; background: var(--jade); color: var(--branco); }
.fixos b { font: 400 1.5rem/1 var(--anton); text-transform: uppercase; color: var(--lime); }
.fixos span { font-size: .92rem; line-height: 1.35; color: #CFE3D8; }
.local { display: flex; gap: 12px; align-items: flex-start; margin-top: 16px; padding: 14px 18px; border-radius: 16px; border: 2px solid var(--jade); font-size: .95rem; line-height: 1.45; }
.local__ic { flex: none; width: 22px; height: 22px; margin-top: 1px; background: currentColor;
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2a7 7 0 0 0-7 7c0 5.2 7 13 7 13s7-7.8 7-13a7 7 0 0 0-7-7Zm0 9.6A2.6 2.6 0 1 1 12 6.4a2.6 2.6 0 0 1 0 5.2Z'/%3E%3C/svg%3E") center / contain no-repeat;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2a7 7 0 0 0-7 7c0 5.2 7 13 7 13s7-7.8 7-13a7 7 0 0 0-7-7Zm0 9.6A2.6 2.6 0 1 1 12 6.4a2.6 2.6 0 0 1 0 5.2Z'/%3E%3C/svg%3E") center / contain no-repeat; }

.im .compra { background: var(--jade); color: var(--branco); border: 0; border-radius: calc(var(--raio) + 6px); padding: 28px 20px; box-shadow: 0 40px 70px -40px rgba(10,44,34,.95);
  --chapa: var(--lime); --chapa-tx: var(--jade); --tx: var(--branco); --tx-fraco: #CFE3D8; --foco: var(--lime); --chip: var(--lime); --chip-tx: var(--jade); }
.compra__lote { margin-bottom: 10px; }
.im .preco__valor { font: 400 clamp(3.4rem, 15vw, 5.8rem)/.9 var(--anton); letter-spacing: .01em; color: var(--lime); white-space: nowrap; }
.im .preco__nota { color: #CFE3D8; }
.im .preco__nota b { color: var(--branco); }
.brinde--compra { margin-top: 18px; background: var(--lime); color: var(--jade); }
.im .form .cta { font-size: clamp(.8rem, 3.5vw, .98rem); padding-inline: 14px; letter-spacing: .03em; }
.compra__vagas { margin-top: 12px; font: 800 .78rem/1.2 var(--f); letter-spacing: .16em; text-transform: uppercase; color: var(--lime); }
.im .form label, .im .formas legend { color: #CFE3D8; }
.im .form input[type=text], .im .form input[type=email], .im .form input[type=tel] { background: var(--jade-2); border-color: rgba(216,255,0,.22); color: var(--branco); }
.im .form input::placeholder { color: #7FA293; }
.im .forma span { background: var(--jade-2); border-color: rgba(216,255,0,.22); color: #CFE3D8; }
.im .forma span b { color: var(--branco); }
.im .forma input:checked + span { border-color: var(--lime); background: rgba(216,255,0,.08); box-shadow: 0 0 0 1px var(--lime); }
/* o seletor de parcelas do cartão (06/10/2026, /assets/loja/parcelas.css) no jade, como os campos */
.im .form .parcelas__select { background-color: var(--jade-2); border-color: rgba(216,255,0,.22); }
.im .parcelas__nota, .im .parcelas__mostra small { color: #CFE3D8; }
.im .aviso { color: #B9D3C6; }
.compra__duvida { margin-top: 16px; font-size: .92rem; color: #CFE3D8; }
.compra__duvida a { color: var(--lime); }
.compra__ate { margin-top: 10px; font-size: .86rem; line-height: 1.45; color: #B9D3C6; }
.compra__ate b { color: var(--branco); }
.im .produto-de { border-top-color: rgba(216,255,0,.16); color: #B9D3C6; }
.em-breve { display: grid; gap: 14px; }
.em-breve__t { font: 400 clamp(2rem, 7vw, 3rem)/1 var(--anton); text-transform: uppercase; color: var(--lime); }
.em-breve .cta { justify-self: start; }
.em-breve .aviso a { color: var(--lime); }
.golpe { margin-top: 16px; padding: 16px 20px; border-radius: 16px; border: 2px dashed var(--jade); font-size: .92rem; line-height: 1.45; }
.golpe__titulo { font: 800 .76rem/1.2 var(--f); letter-spacing: .18em; text-transform: uppercase; margin-bottom: 6px; }
@media (min-width: 560px) { .im .compra { padding: 38px 34px; } }
@media (min-width: 960px) { .oferta-im__grade { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 32px; align-items: start; } }

/* ═══ QUEM CONDUZ ══════════════════════════════════════════════════════════ */
.conduz__grade { display: grid; gap: 36px; align-items: center; }
/* nas seções de duas colunas o título mora em meia página: a palavra larga mais comprida ("ESPECIALISTAS") cabe inteira */
@media (min-width: 860px) { .conduz h2, .tarde h2, .trazer h2 { font-size: clamp(2.6rem, 5.2vw, 4.3rem); } }
.conduz__foto { border-radius: var(--raio); overflow: hidden; max-width: 440px; background: var(--branco); }
.conduz__foto img { width: 100%; aspect-ratio: 4 / 5; object-fit: cover; }
.conduz .chips { margin-top: 24px; }
@media (min-width: 860px) { .conduz__grade { grid-template-columns: minmax(0, .8fr) minmax(0, 1.2fr); gap: 60px; } }

/* ═══ PRÓXIMAS CIDADES ═════════════════════════════════════════════════════ */
.cidades__grade { display: grid; gap: 14px; margin-top: 40px; }
.cidade { position: relative; overflow: hidden; display: grid; gap: 10px; align-content: start; padding: 24px 22px; border-radius: var(--raio); background: var(--branco); color: var(--jade); }
.cidade h3 { padding-right: 96px; }
.cidade__uf { position: absolute; right: 14px; top: 10px; font: 400 4.4rem/1 var(--anton); color: transparent; -webkit-text-stroke: 2px var(--verde); pointer-events: none; }
.cidade h3 { position: relative; font: 400 clamp(1.7rem, 5vw, 2.1rem)/1 var(--anton); text-transform: uppercase; }
.cidade__selo { position: relative; justify-self: start; padding: 6px 12px; border-radius: 8px; background: var(--jade); color: var(--lime); font: 800 .7rem/1.25 var(--f); letter-spacing: .1em; text-transform: uppercase; }
.cidade .cta { margin-top: 8px; justify-self: stretch; }
@media (min-width: 600px) { .cidades__grade { grid-template-columns: repeat(2, 1fr); } .cidade .cta { justify-self: start; } }
@media (min-width: 1100px) { .cidade { padding: 28px 30px; } }

/* ═══ SEJA UM PATROCINADOR ═════════════════════════════════════════════════ */
.patrocinio__banner { position: relative; display: grid; grid-template-columns: minmax(0, 1fr); gap: 10px; padding: clamp(20px, 5vw, 56px); padding-bottom: 0; border-radius: var(--raio); color: var(--jade);
  background: radial-gradient(60% 80% at 100% 100%, var(--verde-1), transparent 70%), linear-gradient(120deg, var(--lime), var(--luz)); overflow: hidden;
  --tx: var(--jade); --tx-fraco: var(--jade); --foco: var(--jade); }
.patrocinio__banner .kicker { color: var(--jade); }
.patrocinio__banner h2 { font-size: min(7vw, 3.8rem); }
@media (min-width: 860px) { .patrocinio__banner h2 { font-size: min(5.2vw, 3.8rem); } }   /* "PATROCINADOR." inteiro na coluna do texto, do 320 ao 1600 */
.patrocinio__banner .largo { color: var(--jade); }
.patrocinio__banner .medida, .patrocinio__banner .medida b { color: var(--jade); }
.patrocinio__itens { display: grid; gap: 8px; margin: 20px 0 26px; }
.patrocinio__itens li { position: relative; padding-left: 26px; font-size: 1rem; line-height: 1.4; }
.patrocinio__itens li::before { content: ""; position: absolute; left: 2px; top: .42em; width: 11px; height: 11px; background: var(--jade); transform: rotate(45deg); border-radius: 2px; }
.patrocinio__texto { padding-bottom: 8px; }
.patrocinio__foto { justify-self: center; align-self: end; width: min(78%, 330px); }
.patrocinio__foto img { width: 100%; height: auto; filter: drop-shadow(0 20px 26px rgba(10,44,34,.45)); }
@media (min-width: 860px) {
  .patrocinio__banner { grid-template-columns: minmax(0, 1.3fr) minmax(0, .7fr); gap: 30px; padding-bottom: 0; }
  .patrocinio__texto { padding-bottom: clamp(26px, 5vw, 56px); }
  .patrocinio__foto { width: 100%; max-width: 340px; }
}

/* ═══ DÚVIDAS ══════════════════════════════════════════════════════════════ */
.im .faq h2 { margin-bottom: 22px; }
.faq__grade { display: grid; grid-template-columns: minmax(0, 1fr); gap: 10px; }
@media (min-width: 960px) {
  .faq__grade { grid-template-columns: minmax(0, .85fr) minmax(0, 1.15fr); gap: 56px; align-items: start; }
  .faq__cab { position: sticky; top: 28px; }
  .im .faq h2 { font-size: clamp(2.4rem, 4.2vw, 3.9rem); }   /* "GARANTIR" inteiro na coluna da esquerda */
  .faq__lista { margin-top: 8px; }
}
.faq__lista { border-top: 2px solid rgba(14,59,46,.32); }
.im .faq details { border-bottom: 2px solid rgba(14,59,46,.32); }
.im .faq summary { color: var(--jade); font-weight: 800; }
.im .faq summary::after { background: var(--jade); color: var(--lime); }
.im .faq details p { color: var(--jade); }
.im .faq details a:not(.cta) { color: var(--jade); }
.faq__mais { margin: 4px 0 18px; font-weight: 600; }
.faq__mais a { color: var(--jade); }

/* ═══ RODAPÉ E BARRA ═══════════════════════════════════════════════════════ */
.im .rodape { padding: 56px 0 130px; }
.im .rodape nav a { color: #CFE3D8; }
.im .rodape nav a:first-child { color: var(--lime); }
.im .rodape__assina { color: #CFE3D8; }
.rodape__nota { margin-top: 26px; font-size: .8rem; line-height: 1.5; color: #9FC0B1; }
@media (min-width: 900px) { .im .rodape { padding: 64px 0; } }
.im .barra { background: rgba(10,44,34,.94); }
.im .barra small { color: #CFE3D8; }
.im .barra .cta { min-height: 50px; padding: 0 22px; }

/* ═══ MOVIMENTO (só com html.anima: a página nasce visível) ═════════════════ */
html.anima .calendario__d { transition: opacity .12s var(--ease-out) calc(var(--d, 0ms) + 380ms + var(--cd, 0ms)), transform .42s var(--mola-viva) calc(var(--d, 0ms) + 380ms + var(--cd, 0ms)); }
html.anima .hero__mes:not(.ok) .calendario__d { opacity: 0; transform: scale(.3); }
html.anima .hero .d3 { --d: 320ms; }
@media (prefers-reduced-motion: reduce) {
  .cta--jade:hover, .cta--lime:hover, .cta--borda:hover { transform: none; }
}