/* ============================================================
   Landing do curso ISO 14001:2026 — prefixo c14-
   S.T 2 (30/10/2026): refeita em camadas a partir das 3 imagens
   aprovadas pelo Allan. Celular (390 px) primeiro.
   Depende só de style.css (fonte, cores da marca, reset).
   ============================================================ */

/* ---------- só nesta página: some tudo que é do site ----------
   Menu, gaveta, rodapé do site, abertura da 1ª visita, bolinha do
   cursor e protetor de tela. Assim não mexo no _layout.html, que é
   de todas as páginas. O protetor sairia aos 75 s parado no
   computador, bem no meio da VSL. */
.nav,.gaveta,.rodape,.abertura,.bolinha,.protetor{display:none !important}
html.com-abertura{overflow:visible !important}
/* o movimento.js faz o h1 "subir" e, na 1ª visita, espera a abertura
   (até 3 s com o título escondido). Aqui o título aparece na hora. */
.js-movimento .c14 h1 .rv-linha{overflow:visible}
.js-movimento .c14 h1 .rv-linha > span{transform:none !important;transition:none !important}

body{background:#0A3D2A}

.c14{
  --c14-escuro:#0A3D2A; --c14-escuro2:#082F21; --c14-creme:#F6F4EE;
  --c14-folha:#84C048; --c14-folha2:#95d152; --c14-coral:#FF7A59; --c14-coral2:#E5533D;
  --c14-tinta:#14201A; --c14-fraca:#3d4d44;
  --c14-grade-escura:linear-gradient(rgba(255,255,255,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.045) 1px,transparent 1px);
  --c14-grade-clara:linear-gradient(rgba(10,61,42,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(10,61,42,.07) 1px,transparent 1px);
  position:relative;color:var(--c14-creme);overflow-x:clip;
  font-size:17px;line-height:1.55;
}
.c14 *{min-width:0}
.c14-envolt{width:min(1160px,calc(100% - 32px));margin-inline:auto}
.c14-sr{position:absolute !important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}
@media (max-width:899px){ .c14-so-pc{display:none !important} }
/* :where() = peso zero, senão este reset ganha das margens de cada lista */
:where(.c14) ul,:where(.c14) ol{list-style:none;margin:0;padding:0}
:where(.c14) figure{margin:0}
.c14 [hidden]{display:none !important}

/* ============================================================
   CAMADA 1 · fundo e blocos na ordem
   ============================================================ */
.c14-sec{position:relative;z-index:1;padding:56px 0}
.c14-colado{padding-top:8px}
.c14-escuro{background-image:var(--c14-grade-escura);background-size:32px 32px}
.c14-claro{background-color:var(--c14-creme);background-image:var(--c14-grade-clara);background-size:32px 32px;color:var(--c14-tinta)}
.c14 h2{font-size:clamp(30px,7.6vw,52px);line-height:1.04;max-width:20ch}
.c14-h3{font-size:22px;margin:44px 0 16px}
.c14-sub{margin-top:14px;max-width:60ch;font-size:17px;color:inherit;opacity:.88}

/* botão (o visual forte vem nas camadas 2 e 3) */
.c14-btn{display:inline-flex;align-items:center;justify-content:center;flex-wrap:wrap;text-align:center;
  min-height:60px;padding:12px 24px;border-radius:999px;background:var(--c14-folha);color:var(--c14-escuro2);
  font-weight:800;font-size:18px;line-height:1.2;text-decoration:none;width:100%}
.c14-btn-p{min-height:48px;padding:8px 20px;font-size:16px;width:auto}
/* preço com o cheio riscado do lado (pedido do Allan: em TODO lugar que o 297 aparece) */
.c14-precos{white-space:nowrap}
.c14-precos s,.c14-balao s,.c14-fixa-preco s,.c14-ftimer-preco s,.c14-de s{text-decoration-thickness:2px;opacity:.62;font-weight:600}
.c14-precos s{margin-right:.3em}
.c14-cta{margin-top:32px}
.c14-chips{display:flex;flex-wrap:wrap;gap:6px 16px;margin-top:14px;font-size:15px}
.c14-chips li::before{content:"✓ ";font-weight:800;color:var(--c14-folha)}
.c14-claro .c14-chips li::before{color:#2f7a1f}

/* faixa do timer */
.c14-ftimer{position:relative;z-index:2;background:var(--c14-coral);color:var(--c14-tinta);font-weight:700}
.c14-ftimer-in{min-height:48px;display:flex;align-items:center;justify-content:center;text-align:center}
.c14-ftimer p{margin:0;font-size:15px}
.c14-ftimer-com{display:none;align-items:center;gap:10px;flex-wrap:wrap;justify-content:center}
/* com JS o relógio aparece; a frase com a data some da tela mas fica pro
   leitor de tela (o relógio é aria-hidden pra não ler número a cada segundo) */
.c14.c14-js .c14-ftimer-sem{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.c14.c14-js .c14-ftimer-com{display:flex}
.c14-ftimer-rot{text-transform:uppercase;letter-spacing:.02em}
.c14-relogio{display:inline-flex;gap:4px;font-variant-numeric:tabular-nums}
.c14-relogio > span{display:inline-flex;align-items:baseline;gap:1px;background:var(--c14-tinta);color:var(--c14-creme);border-radius:7px;padding:3px 7px;font-size:16px}
.c14-relogio i{font-style:normal;font-size:12px;text-transform:uppercase;opacity:.8}

/* topo */
.c14-topo{position:relative;z-index:1}
.c14-topo-in{display:flex;justify-content:center;align-items:center;padding:12px 0 4px}
.c14-logo{width:auto;height:62px}

/* dobra */
.c14-dobra{padding:12px 0 40px}
.c14-dobra-grade{display:grid;gap:32px}
.c14-selo{display:inline-block;background:var(--c14-creme);color:var(--c14-tinta);border-radius:999px;padding:6px 14px;font-size:15px;font-weight:650;line-height:1.3}
.c14-selo i{font-style:normal;margin:0 4px}
.c14 h1{font-size:clamp(36px,10.2vw,64px);line-height:1;margin:16px 0 14px;color:#fff}
.c14-frase{font-size:18px;line-height:1.5;color:#e3ece5;max-width:46ch;margin-bottom:22px}

/* VSL em pé */
.c14-vsl{position:relative;justify-self:center;width:min(100%,340px)}
.c14-vsl-tela{position:relative;aspect-ratio:9/16;border-radius:22px;overflow:hidden;background:#06261a}
.c14-vsl-tela video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.c14-vsl-som{position:absolute;left:10px;right:10px;top:10px;min-height:44px;border:0;border-radius:999px;
  background:rgba(8,47,33,.82);color:#fff;font:inherit;font-size:15px;font-weight:650;cursor:pointer}

/* faixa correndo */
.c14-ticker{position:relative;z-index:2;background:var(--c14-folha);color:var(--c14-escuro2);overflow:hidden;
  transform:rotate(-2deg);margin:0 -12px;padding:12px 0}
.c14-ticker-trilho{display:flex;align-items:center;gap:18px;width:max-content;font-weight:800;text-transform:uppercase;font-size:16px;white-space:nowrap}
.c14-ticker i{width:12px;height:12px;background:currentColor;clip-path:polygon(50% 0,62% 38%,100% 50%,62% 62%,50% 100%,38% 62%,0 50%,38% 38%)}

/* 4 números */
.c14-numeros{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.c14-numeros li{background:var(--c14-creme);color:var(--c14-tinta);border-radius:16px;padding:18px 12px;text-align:center}
.c14-numeros b{display:block;font-size:44px;line-height:1;font-variant-numeric:tabular-nums}
.c14-numeros strong{display:block;font-size:22px;line-height:1.1}
.c14-numeros small{display:block;margin-top:6px;font-size:15px;color:var(--c14-fraca)}

/* linha do tempo */
.c14-prazo{padding-top:16px}
.c14-prazo h2 em{font-style:normal;color:var(--c14-coral);display:block}
.c14-tempo{position:relative;display:grid;gap:22px;margin-top:28px;padding-left:34px}
.c14-tempo::before{content:"";position:absolute;left:9px;top:8px;bottom:8px;width:3px;background:rgba(246,244,238,.35)}
.c14-tempo li{position:relative}
.c14-tempo li::before{content:"";position:absolute;left:-33px;top:4px;width:18px;height:18px;border-radius:50%;background:var(--c14-escuro);border:3px solid var(--c14-creme)}
.c14-tempo b{display:block;font-size:20px}
.c14-tempo span{display:block;font-size:16px;opacity:.85}
.c14-tempo .c14-aqui b{display:inline-block;background:var(--c14-folha);color:var(--c14-escuro2);border-radius:999px;padding:2px 12px;font-size:16px;text-transform:uppercase}
.c14-tempo .c14-aqui::before{background:var(--c14-folha);border-color:var(--c14-folha)}
.c14-tempo .c14-fim b{color:var(--c14-coral)}
.c14-tempo .c14-fim::before{border-color:var(--c14-coral)}

/* por dentro */
.c14-prints{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:28px}
.c14-print{position:relative}
.c14-print-cert{grid-column:1 / -1;width:min(100%,440px);justify-self:center;margin-top:10px}
.c14-print figcaption{margin-top:8px;font-size:14px;line-height:1.35;color:var(--c14-fraca)}
.c14-tela{aspect-ratio:16/9;border-radius:10px;overflow:hidden;background:#fff}
.c14-papel{aspect-ratio:1000/707;border-radius:8px;overflow:hidden;background:#fff}
.c14-midia img{width:100%;height:100%;object-fit:cover}

/* recebe */
.c14-recebe{display:grid;gap:10px;margin-top:24px}
.c14-recebe li{background:#fff;border-radius:12px;padding:14px 16px;font-weight:650}
.c14-bonus{display:grid;gap:12px}
.c14-bonus li{background:#fff;border-radius:14px;padding:16px}
.c14-bonus b{display:block;font-size:19px;margin:6px 0 4px}
.c14-bonus p{font-size:16px;color:var(--c14-fraca)}
.c14-etq{display:inline-block;font-size:13px;font-weight:800;text-transform:uppercase;letter-spacing:.05em;
  background:var(--c14-folha);color:var(--c14-escuro2);border-radius:999px;padding:3px 10px}
.c14-passos{display:grid;gap:12px;counter-reset:passo}
.c14-passos li{position:relative;background:#fff;border-radius:14px;padding:16px 16px 16px 70px;counter-increment:passo}
.c14-passos li::before{content:counter(passo);position:absolute;left:16px;top:14px;width:40px;height:40px;border-radius:50%;
  display:grid;place-items:center;background:var(--c14-escuro);color:#fff;font-weight:800;font-size:19px}
.c14-passos b{display:block;font-size:18px}
.c14-passos p{font-size:16px;color:var(--c14-fraca)}

/* cláusulas */
.c14-clausulas{display:grid;gap:10px;margin-top:28px}
.c14-cl{position:relative;display:grid;grid-template-columns:48px 1fr;column-gap:12px;align-items:start;
  background:rgba(255,255,255,.07);border-radius:14px;padding:14px 16px}
.c14-cl i{grid-row:span 2;font-style:normal;font-weight:800;font-size:32px;line-height:1;color:var(--c14-folha)}
.c14-cl b{font-size:18px}
.c14-cl small{font-size:15px;opacity:.82;line-height:1.4}
.c14-aulas{margin-top:18px;background:rgba(255,255,255,.07);border-radius:14px;padding:0 16px}
.c14-aulas summary{min-height:52px;display:flex;align-items:center;font-weight:750;cursor:pointer}
.c14-aulas ol{display:grid;gap:8px;padding-bottom:16px}
.c14-aulas li{display:flex;gap:12px;font-size:16px}
.c14-aulas li b{color:var(--c14-folha);flex:none;width:24px}

/* pra quem é */
.c14-paraquem{display:grid;gap:14px;margin-top:24px}
.c14-paraquem > div{background:#fff;border-radius:16px;padding:18px}
.c14-paraquem h3{font-size:21px;margin-bottom:10px}
.c14-paraquem ul{display:grid;gap:8px;font-size:16px}
.c14-sim li::before{content:"✓ ";font-weight:800;color:#2f7a1f}
.c14-nao li::before{content:"✕ ";font-weight:800;color:var(--c14-coral2)}

/* dúvidas */
.c14-baloes{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:24px}
.c14-balao{background:#fff;border-radius:16px;padding:14px}
.c14-balao h3{font-size:17px;line-height:1.15;margin-bottom:8px}
.c14-balao p{font-size:16px;line-height:1.4;color:var(--c14-fraca)}

/* garantia */
.c14-garantia-in{display:grid;gap:24px;justify-items:center;text-align:center}
.c14-garantia h2{margin-inline:auto}
.c14-selo7{width:180px;aspect-ratio:1;border-radius:50%;border:4px solid var(--c14-coral);display:grid;place-content:center;text-align:center;
  color:var(--c14-coral);font-weight:900;text-transform:uppercase;line-height:1}
.c14-selo7 span{font-size:34px}
.c14-selo7 b{font-size:26px}

/* quem ensina */
.c14-quem{display:grid;grid-template-columns:120px 1fr;gap:14px;align-items:start;background:var(--c14-creme);color:var(--c14-tinta);border-radius:18px;padding:14px}
.c14-quem-foto{aspect-ratio:3/4;border-radius:12px;overflow:hidden;background:#cfd8d2}
.c14-quem-foto img{object-position:50% 30%}
.c14-quem h2{font-size:26px;margin:8px 0 10px}
.c14-checks{display:grid;gap:6px;font-size:15px;line-height:1.35}
.c14-checks li{padding-left:22px;position:relative}
.c14-checks li::before{content:"✓";position:absolute;left:0;font-weight:900;color:#2f7a1f}
.c14-nota{margin-top:14px;font-size:16px;font-weight:650;text-align:center}
.c14-fabrica{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:22px}
.c14-fabrica .c14-midia{aspect-ratio:3/2;border-radius:12px;overflow:hidden;background:#123}
.c14-fabrica figcaption{margin-top:6px;font-size:14px;line-height:1.35;opacity:.85}

/* preço */
.c14-preco{background:var(--c14-creme);color:var(--c14-tinta);border-radius:20px;overflow:hidden;max-width:560px;margin-inline:auto}
.c14-preco-timer{background:var(--c14-coral);padding:14px 16px;text-align:center;font-weight:700}
.c14-preco-timer p{margin:0;font-size:15px}
.c14-preco-timer .c14-ftimer-com{flex-direction:column;gap:8px}
.c14-preco-timer .c14-relogio > span{font-size:22px;padding:4px 10px}
.c14-preco-corpo{padding:22px 18px 24px;text-align:center}
.c14-de{font-size:20px;font-weight:700}
.c14-de s{opacity:.7}
.c14-por{font-size:clamp(52px,15vw,76px);font-weight:900;line-height:1;letter-spacing:-.04em;margin:4px 0;font-variant-numeric:tabular-nums}
.c14-parc{font-size:17px;margin-bottom:18px}
.c14-preco .c14-chips{justify-content:center}
.c14-seguro{margin-top:14px;font-size:14px;color:var(--c14-fraca)}

/* cenário A × B */
.c14-cenarios{display:grid;gap:12px;margin-top:24px}
.c14-cen{border-radius:16px;padding:16px 18px 16px 64px;position:relative}
.c14-cen b{display:block;font-size:21px;text-transform:uppercase}
.c14-cen p{font-size:17px}
.c14-cen-nao{background:rgba(255,255,255,.06);border:2px solid rgba(246,244,238,.4)}
.c14-cen-sim{background:var(--c14-folha);color:var(--c14-escuro2)}
.c14-cen::before{position:absolute;left:20px;top:16px;font-size:32px;font-weight:900;line-height:1}
.c14-cen-nao::before{content:"✕"}
.c14-cen-sim::before{content:"✓"}

/* rodapé + vem aí */
.c14-rodape{position:relative;z-index:1;background:var(--c14-escuro2);padding:28px 0 110px;font-size:15px}
.c14-vemai{opacity:.9;max-width:62ch}
.c14-legal{margin-top:14px;font-size:14px;opacity:.7}
.c14-legal a{color:inherit}

/* barra fixa do celular */
.c14-fixa{position:fixed;left:10px;right:10px;bottom:calc(10px + env(safe-area-inset-bottom,0px));z-index:40;
  display:flex;align-items:center;justify-content:space-between;gap:10px;background:var(--c14-creme);color:var(--c14-tinta);
  border-radius:18px;padding:8px 8px 8px 16px;box-shadow:0 10px 30px rgba(0,0,0,.35);
  transform:translateY(160%);visibility:hidden;transition:transform .3s ease,visibility 0s .3s}
.c14-fixa.ver{transform:none;visibility:visible;transition:transform .3s ease}
.c14-fixa-preco{margin:0;line-height:1.1}
.c14-fixa-preco small{display:block;font-size:13px;font-weight:700;text-transform:uppercase;color:var(--c14-fraca)}
.c14-fixa-preco b{font-size:24px;font-weight:900;font-variant-numeric:tabular-nums}

/* telas bem estreitas (320 px): balões e prints em 1 coluna */
@media (max-width:359px){
  .c14-baloes,.c14-prints{grid-template-columns:1fr}
}

/* ---------- computador ---------- */
@media (min-width:900px){
  .c14{font-size:18px}
  .c14-sec{padding:88px 0}
  .c14-colado{padding-top:8px}
  .c14-topo-in{justify-content:space-between;padding:18px 0 6px}
  .c14-logo{height:72px}
  .c14-dobra{padding:20px 0 64px}
  .c14-dobra-grade{grid-template-columns:minmax(0,1fr) 360px;gap:56px;align-items:center}
  .c14 h1{font-size:clamp(48px,5.4vw,78px)}
  .c14-btn:not(.c14-btn-p){width:auto;padding:14px 36px;font-size:20px}
  .c14-numeros{grid-template-columns:repeat(4,1fr);gap:18px}
  .c14-numeros b{font-size:60px}
  .c14-tempo{grid-template-columns:repeat(4,1fr);padding:34px 0 0;gap:18px}
  .c14-tempo::before{left:0;right:0;top:8px;bottom:auto;width:auto;height:3px}
  .c14-tempo li::before{left:0;top:-34px}
  .c14-prints{grid-template-columns:1fr 1fr 1fr;gap:24px;align-items:start}
  .c14-print-cert{grid-column:auto;width:100%;margin-top:0}
  .c14-print figcaption{font-size:15px}
  .c14-recebe{grid-template-columns:1fr 1fr}
  .c14-bonus{grid-template-columns:repeat(4,1fr)}
  .c14-passos{grid-template-columns:repeat(3,1fr)}
  .c14-clausulas{grid-template-columns:1fr 1fr}
  .c14-aulas ol{grid-template-columns:1fr 1fr;column-gap:32px}
  .c14-paraquem{grid-template-columns:1fr 1fr}
  .c14-baloes{grid-template-columns:repeat(3,1fr);gap:20px}
  .c14-balao{padding:20px}
  .c14-balao h3{font-size:20px}
  .c14-garantia-in{grid-template-columns:220px 1fr;justify-items:start;text-align:left;align-items:center;gap:48px}
  .c14-garantia h2{margin-inline:0}
  .c14-selo7{width:220px}
  .c14-quem{grid-template-columns:260px 1fr;gap:32px;padding:22px;max-width:900px;margin-inline:auto}
  .c14-quem h2{font-size:40px}
  .c14-checks{font-size:18px;gap:10px}
  .c14-fabrica{max-width:900px;margin-inline:auto;gap:20px}
  .c14-cenarios{grid-template-columns:1fr 1fr}
  .c14-rodape{padding-bottom:32px}
  .c14-fixa{display:none}
}

/* ============================================================
   CAMADA 2 · fotos, prints, certificado, VSL e cards
   Borda grossa + sombra dura (sem desfoque), como na BrandsDecoded.
   ============================================================ */
.c14{--c14-sombra:#041a11;--c14-traco:3px solid var(--c14-tinta)}

/* VSL num "aparelho" com sombra verde-folha */
.c14-vsl-tela{border:7px solid #06150f;border-radius:30px;box-shadow:9px 9px 0 var(--c14-folha)}
.c14-vsl-tela video{background:#06261a}

/* cards nas seções creme: borda preta-esverdeada + sombra dura */
.c14-claro .c14-card{background:#fff;border:var(--c14-traco);box-shadow:5px 5px 0 var(--c14-tinta)}
.c14-recebe li{display:flex;align-items:center;gap:12px;padding:14px 16px;border-radius:12px}
.c14-recebe li::before{content:"";flex:none;width:26px;height:26px;border-radius:50%;background:var(--c14-folha) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23082F21' stroke-width='3.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7.5'/%3E%3C/svg%3E") center/16px no-repeat}
.c14-bonus li{border-radius:16px}
.c14-passos li{border-radius:16px}
.c14-paraquem > div{border-radius:18px}

/* cards nas seções escuras: sombra quase preta */
.c14-numeros li{border:3px solid var(--c14-sombra);box-shadow:6px 6px 0 var(--c14-sombra)}
.c14-cl{background:#0e4a33;border:3px solid var(--c14-sombra);box-shadow:5px 5px 0 var(--c14-sombra)}
.c14-aulas{background:#0e4a33;border:3px solid var(--c14-sombra)}

/* prints das aulas: dois "tablets" tortinhos, um encostado no outro */
.c14-prints{gap:10px;padding:6px 4px 0}
.c14-print .c14-tela{border:6px solid var(--c14-tinta);border-radius:14px;box-shadow:5px 5px 0 var(--c14-tinta)}
.c14-print:nth-child(1) .c14-tela{transform:rotate(-3deg)}
.c14-print:nth-child(2) .c14-tela{transform:rotate(2.5deg)}
.c14-print figcaption{margin-top:12px}
.c14-print-cert{margin-top:22px}
.c14-print-cert .c14-papel{border:3px solid var(--c14-tinta);box-shadow:7px 7px 0 var(--c14-escuro);transform:rotate(-1.5deg)}

/* quem ensina */
.c14-quem{border:3px solid var(--c14-sombra);box-shadow:7px 7px 0 var(--c14-sombra)}
.c14-quem-foto{border:3px solid var(--c14-tinta)}
.c14-fabrica .c14-midia{border:3px solid var(--c14-creme);box-shadow:5px 5px 0 var(--c14-sombra)}
.c14-fabrica figure:nth-child(1) .c14-midia{transform:rotate(-1.5deg)}
.c14-fabrica figure:nth-child(2) .c14-midia{transform:rotate(1.5deg)}

/* preço: o card mais forte da página */
.c14-preco{border:4px solid var(--c14-sombra);box-shadow:9px 9px 0 var(--c14-folha)}

/* cenário A × B */
.c14-cen-sim{border:3px solid var(--c14-sombra);box-shadow:6px 6px 0 var(--c14-sombra)}

@media (min-width:900px){
  .c14-vsl-tela{border-width:9px;box-shadow:12px 12px 0 var(--c14-folha)}
  .c14-prints{gap:28px}
  .c14-print-cert{margin-top:0}
}

/* ============================================================
   CAMADA 3 · letras, carimbos e balões
   ============================================================ */
/* títulos: Switzer no peso máximo, CAIXA ALTA, apertado */
.c14 h1,.c14 h2,.c14-h3,.c14-balao h3,.c14-paraquem h3,.c14-cen b,.c14-quem h2,
.c14-numeros b,.c14-numeros strong,.c14-tempo b,.c14-bonus b,.c14-passos b,.c14-cl b,.c14-por,.c14-de{
  font-weight:900;text-transform:uppercase;letter-spacing:-.03em}
.c14 h1{font-size:clamp(38px,10.4vw,76px);line-height:.98;letter-spacing:-.035em;margin:18px 0 16px}
.c14 h2{font-size:clamp(32px,8.8vw,60px);line-height:.98;max-width:18ch}
.c14-claro h2{color:var(--c14-escuro)}
.c14-h3{font-size:clamp(21px,5.6vw,30px);line-height:1.05;margin:48px 0 18px;max-width:24ch}
.c14-claro .c14-h3{color:var(--c14-escuro)}
.c14 h2 em,.c14-prazo h2 em{font-style:normal;color:var(--c14-coral)}
.c14-prazo h2 em{font-size:1.32em;letter-spacing:-.04em;margin-top:4px}

/* marca-texto verde-folha, com ponta de pincel */
.c14-marca{position:relative;display:inline-block;z-index:0;color:var(--c14-escuro2);padding:.04em .16em .02em;margin:0 -.06em}
.c14-marca::before{content:"";position:absolute;z-index:-1;inset:.02em -.08em -.02em;background:var(--c14-folha);transform:rotate(-1.6deg) skewX(-8deg);
  clip-path:polygon(1.5% 14%,6% 4%,40% 7%,72% 1%,98% 6%,100% 30%,97.5% 58%,99.5% 90%,70% 96%,36% 92%,4% 100%,0 72%,2.5% 44%)}
.js-movimento .c14 h1 .rv-linha > span{overflow:visible}

/* selo do topo numa linha só */
.c14-selo{font-size:14.5px;font-weight:750;letter-spacing:-.01em;padding:7px 14px;white-space:nowrap}

/* botão: caixa alta, contorno escuro e "degrau" verde embaixo */
.c14-btn{font-weight:900;text-transform:uppercase;letter-spacing:-.01em;border:3px solid var(--c14-escuro2);
  box-shadow:0 6px 0 #3f7a22,0 12px 22px rgba(0,0,0,.22)}
.c14-btn-p{box-shadow:0 4px 0 #3f7a22}
/* celular: texto em cima, preço embaixo · computador: tudo numa linha com um ponto no meio */
.c14-btn{flex-direction:column;gap:2px}
.c14-btn .c14-precos{font-size:.95em}
@media (min-width:900px){
  .c14-btn{flex-direction:row;gap:0}
  .c14-btn .c14-precos::before{content:"·";margin:0 .45em}
}
.c14-precos s{opacity:.55}

/* faixa correndo e números */
.c14-ticker-trilho{font-weight:900;font-size:17px;letter-spacing:-.005em}
.c14-numeros b{font-size:clamp(46px,13vw,72px);letter-spacing:-.05em;color:var(--c14-escuro)}
.c14-numeros strong{font-size:24px;color:var(--c14-escuro);margin-top:-2px}
.c14-numeros small{font-weight:600}
.c14-tempo b{font-size:22px;letter-spacing:-.02em}

/* carimbo coral "MUDOU EM 2026" (borda dupla de carimbo de borracha) */
.c14-carimbo{position:absolute;z-index:3;display:inline-flex;flex-direction:column;align-items:center;justify-content:center;
  padding:5px 9px 4px;border:3px solid var(--c14-coral2);border-radius:8px;background:rgba(255,248,244,.94);color:var(--c14-coral2);
  box-shadow:inset 0 0 0 2px #fff8f4,inset 0 0 0 3.5px var(--c14-coral2),3px 3px 0 rgba(0,0,0,.18);
  font-weight:900;font-size:11.5px;line-height:1;text-transform:uppercase;letter-spacing:.02em;white-space:nowrap;transform:rotate(-9deg)}
.c14-carimbo b{display:block;font-size:24px;letter-spacing:-.03em;margin-top:2px}
.c14-carimbo-vsl{top:-26px;right:-16px;transform:rotate(9deg);font-size:13px}
.c14-carimbo-vsl b{font-size:30px}
.c14-print-arte{position:relative}
.c14-print .c14-carimbo{right:-6px;bottom:-14px;font-size:9.5px;padding:4px 7px 3px}
.c14-print .c14-carimbo b{font-size:19px}
.c14-print:nth-child(2) .c14-carimbo{transform:rotate(7deg)}
.c14-carimbo-ok{border-color:#2f7a1f;color:#2f7a1f;background:#f3fbea;box-shadow:inset 0 0 0 2px #f3fbea,inset 0 0 0 3.5px #2f7a1f,3px 3px 0 rgba(0,0,0,.18)}
.c14-print-cert .c14-carimbo{right:-8px;bottom:-18px;font-size:11px}
.c14-print-cert .c14-carimbo b{font-size:24px}
.c14-mudou{padding-right:100px}
.c14-cl .c14-carimbo{top:50%;right:12px;margin-top:-24px;font-size:9.5px;padding:4px 7px 3px;transform:rotate(-7deg)}
.c14-cl .c14-carimbo b{font-size:18px}

/* aviso da VSL: 2 linhas com ícone, deixa o canto livre pro carimbo */
.c14-vsl-som{display:flex;align-items:center;gap:10px;right:auto;max-width:calc(100% - 80px);padding:8px 16px 8px 12px;
  border-radius:16px;text-align:left;line-height:1.2;font-size:15px;background:rgba(8,47,33,.86);border:2px solid rgba(246,244,238,.35)}
.c14-vsl-som svg{flex:none}

/* balões de fala nas dúvidas */
.c14-baloes{row-gap:26px}
.c14-balao{position:relative;background:#fff;border:3px solid var(--c14-tinta);border-radius:18px;box-shadow:5px 5px 0 var(--c14-tinta)}
.c14-balao::before,.c14-balao::after{content:"";position:absolute;left:22px;width:0;height:0;border-style:solid}
.c14-balao::before{bottom:-19px;border-width:19px 19px 0 0;border-color:var(--c14-tinta) transparent transparent}
.c14-balao::after{bottom:-12px;left:25px;border-width:13px 13px 0 0;border-color:#fff transparent transparent}
.c14-balao h3{font-size:17px;letter-spacing:-.02em;color:var(--c14-escuro)}
.c14-balao:nth-child(even)::before{left:auto;right:22px;border-width:19px 0 0 19px;border-color:var(--c14-tinta) transparent transparent}
.c14-balao:nth-child(even)::after{left:auto;right:25px;border-width:13px 0 0 13px;border-color:#fff transparent transparent}

/* garantia: carimbo redondo, de borracha */
.c14-selo7{position:relative;width:196px;border:5px solid var(--c14-coral);box-shadow:inset 0 0 0 5px var(--c14-escuro),inset 0 0 0 8px var(--c14-coral);
  transform:rotate(-10deg);gap:2px}
.c14-selo7::before,.c14-selo7::after{content:"★ ★ ★";position:absolute;left:0;right:0;font-size:15px;letter-spacing:.2em;color:var(--c14-coral)}
.c14-selo7::before{top:26px}
.c14-selo7::after{bottom:24px}
.c14-selo7 span{font-size:38px;letter-spacing:-.03em}
.c14-selo7 b{font-size:24px;letter-spacing:.02em;background:var(--c14-coral);color:var(--c14-escuro2);padding:3px 10px;border-radius:4px;margin-inline:-14px}
/* "SEU DINHEIRO VOLTA." cabe numa linha só dentro do marca-texto */
.c14-garantia h2{max-width:none;font-size:clamp(26px,7vw,58px)}
/* "VERSÃO 2026" sempre na linha dela, como na imagem aprovada */
.c14 h1 .c14-marca{display:table;margin-top:.04em}

/* quem ensina, preço, cenários */
.c14-quem h2{font-size:clamp(24px,6.6vw,44px);line-height:1;color:var(--c14-escuro)}
.c14-nota{font-size:16px}
.c14-de{font-size:22px;letter-spacing:-.02em}
.c14-por{font-size:clamp(58px,17vw,88px)}
.c14-preco-timer .c14-ftimer-rot{font-weight:900}
.c14-cen b{font-size:22px;letter-spacing:-.02em}

@media (min-width:900px){
  .c14-selo{font-size:16px}
  .c14-h3{margin-top:64px}
  .c14-carimbo-vsl{top:-30px;right:-34px}
  .c14-print .c14-carimbo{font-size:11px}
  .c14-print .c14-carimbo b{font-size:24px}
  .c14-balao h3{font-size:21px}
  .c14-selo7{width:220px}
  .c14-selo7 span{font-size:44px}
}

/* ============================================================
   CAMADA 4 · animações e fundo animado
   Só transform/opacity (e as propriedades soltas translate/scale,
   que também rodam na placa de vídeo). Tudo desliga com "menos
   movimento": o JS só põe .c14-anima na raiz quando pode.
   ============================================================ */
.c14-dobra{position:relative;z-index:1}

/* fundo: canvas fixo atrás do conteúdo (aparece nas seções escuras) */
.c14-fundo{position:fixed;left:0;top:0;width:100%;height:100%;z-index:0;pointer-events:none;opacity:0;transition:opacity 1.4s ease}
.c14-fundo.ver{opacity:1}

/* faixa correndo (margem em vez de gap: o laço de -50% fecha certinho) */
.c14-ticker-trilho{gap:0}
.c14-ticker-trilho > *{margin-right:18px}
.c14-anima .c14-ticker-trilho{animation:c14-corre 34s linear infinite}
@keyframes c14-corre{to{translate:-50% 0}}

/* botão: brilho passando + pulso leve + "afunda" no toque */
.c14-btn{position:relative;overflow:hidden;isolation:isolate;transition:transform .15s ease,box-shadow .15s ease}
.c14-btn::after{content:"";position:absolute;z-index:-1;top:-10%;bottom:-10%;left:0;width:60%;
  background:linear-gradient(105deg,transparent 0,rgba(255,255,255,.6) 50%,transparent 100%);transform:translateX(-160%) skewX(-12deg)}
.c14-anima .c14-btn::after{animation:c14-brilho 3.8s ease-in-out infinite}
.c14-anima .c14-btn:not(.c14-btn-p){animation:c14-pulso 2.8s ease-in-out infinite}
@keyframes c14-brilho{0%,55%{transform:translateX(-160%) skewX(-12deg)}85%,100%{transform:translateX(260%) skewX(-12deg)}}
@keyframes c14-pulso{0%,100%{scale:1}50%{scale:1.03}}
.c14-btn:active{transform:translateY(4px);box-shadow:0 2px 0 #3f7a22,0 4px 10px rgba(0,0,0,.2)}
@media (hover:hover){ .c14-btn:hover{box-shadow:0 8px 0 #3f7a22,0 16px 26px rgba(0,0,0,.26);transform:translateY(-2px)} }

/* cards entrando ao rolar (em cascata) */
.c14-anima .c14-entra{opacity:0;translate:0 28px;transition:opacity .6s ease-out,translate .7s cubic-bezier(.2,.75,.25,1);transition-delay:calc(var(--i,0) * 80ms)}
.c14-anima .c14-entra.c14-in{opacity:1;translate:0 0}

/* cards sobem no toque / no mouse */
.c14-numeros li,.c14-recebe li,.c14-bonus li,.c14-passos li,.c14-balao,.c14-cl,.c14-paraquem > div,.c14-cen-sim{transition:transform .2s ease,box-shadow .2s ease}
.c14-numeros li:active,.c14-recebe li:active,.c14-bonus li:active,.c14-passos li:active,.c14-balao:active,.c14-cl:active,.c14-paraquem > div:active{transform:translate(-2px,-5px)}
@media (hover:hover){
  .c14-numeros li:hover,.c14-recebe li:hover,.c14-bonus li:hover,.c14-passos li:hover,.c14-balao:hover,.c14-cl:hover,.c14-paraquem > div:hover,.c14-cen-sim:hover{transform:translate(-2px,-5px)}
  .c14-claro .c14-card:hover,.c14-balao:hover{box-shadow:8px 10px 0 var(--c14-tinta)}
}

/* carimbos "batendo" no papel */
.c14-anima .c14-carimbo.c14-entra,.c14-anima .c14-selo7.c14-entra{opacity:0;translate:none;scale:2.4;transition:none}
.c14-anima .c14-carimbo.c14-in,.c14-anima .c14-selo7.c14-in{animation:c14-bate .55s cubic-bezier(.3,1.5,.55,1) both;animation-delay:calc(.3s + var(--i,0) * 90ms)}
@keyframes c14-bate{0%{opacity:0;scale:2.4}55%{opacity:1;scale:.9}78%{scale:1.06}100%{opacity:1;scale:1}}

/* linha do tempo se desenhando até "VOCÊ ESTÁ AQUI" */
.c14-anima .c14-tempo::before{transform:scaleY(0);transform-origin:top;transition:transform 1.8s cubic-bezier(.45,0,.2,1)}
.c14-anima .c14-tempo.c14-in::before{transform:none}
.c14-anima .c14-tempo li{opacity:0;translate:-12px 0;transition:opacity .5s ease,translate .5s ease;transition-delay:calc(var(--i,0) * 380ms + 150ms)}
.c14-anima .c14-tempo.c14-in li{opacity:1;translate:0 0}
.c14-tempo .c14-aqui::after{content:"";position:absolute;left:-33px;top:4px;width:18px;height:18px;border-radius:50%;border:3px solid var(--c14-folha)}
.c14-anima .c14-tempo .c14-aqui::after{animation:c14-aqui 1.8s ease-out infinite}
@keyframes c14-aqui{0%{opacity:.9;transform:scale(1)}100%{opacity:0;transform:scale(2.6)}}

@media (min-width:900px){
  .c14-anima .c14-tempo::before{transform:scaleX(0);transform-origin:left}
  .c14-anima .c14-tempo li{translate:0 10px}
  .c14-tempo .c14-aqui::after{left:0;top:-34px}
}

/* ============================================================
   G4 · ajustes do gate de qualidade
   ============================================================ */
/* preço riscado legível (contraste ≥ 4,5:1 em todo fundo): o traço já diz "desconto" */
.c14 s{opacity:.85 !important}
/* texto do carimbo um tom mais fundo de coral: "MUDOU EM" pequeno passa de 4,5:1 */
.c14-carimbo:not(.c14-carimbo-ok){color:#C43C27}
/* foco do teclado: verde-folha no escuro (padrão do site), tinta no claro */
.c14-claro :focus-visible,.c14-preco :focus-visible,.c14-fixa :focus-visible{outline-color:var(--c14-tinta)}
.c14-legal a{display:inline-block;padding:12px 0}
/* desempenho: as seções abaixo da 1ª tela só são montadas quando chegam
   perto da tela (o celular pinta o título antes). "auto" guarda a altura
   real depois da 1ª vez, então a rolagem não pula. */
.c14-sec,.c14-rodape{content-visibility:auto;contain-intrinsic-size:auto 900px}
/* títulos com linhas equilibradas: nada de palavra sozinha ("NA") na linha */
.c14 h1,.c14 h2,.c14-h3{text-wrap:balance}
/* celular bem estreito (320 px): o selo quebra em 2 linhas em vez de ser cortado */
@media (max-width:419px){ .c14-selo{font-size:13.5px;padding:7px 12px} }
@media (max-width:379px){ .c14-selo{white-space:normal} }