/* Casa Preparada 72Hs — estilo do funil. Manual de campo: grafite, verde militar, laranja de sinalização, papel claro. */
:root {
  --grafite: #1f2422;
  --grafite-2: #2c3330;
  --papel: #f3f2ee;
  --branco: #ffffff;
  --cinza: #d9dad4;
  --tinta: #1f2422;
  --tinta-suave: #4d544f;
  --militar: #4f5d3a;
  --militar-claro: #e3e7d8;
  --sinal: #e8661a;
  --sinal-escuro: #b84a0c;
  --display: "Barlow Condensed", "Arial Narrow", Arial, sans-serif;
  --body: "IBM Plex Sans", "Helvetica Neue", Arial, sans-serif;
  --mono: "IBM Plex Mono", ui-monospace, Menlo, monospace;
  color-scheme: light;
}
* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
@media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } * { transition: none !important; animation: none !important; } }
body { margin: 0; background: var(--papel); color: var(--tinta); font-family: var(--body); font-size: 17px; line-height: 1.6; }
a { color: var(--militar); }
a:focus-visible, button:focus-visible, input:focus-visible, summary:focus-visible { outline: 3px solid var(--sinal); outline-offset: 2px; }
.wrap { max-width: 1080px; margin: 0 auto; padding: 0 20px; }
.estreito { max-width: 780px; }
h1, h2, h3 { font-family: var(--display); text-wrap: balance; line-height: 1.05; margin: 0; letter-spacing: 0.01em; }
h2 { font-size: clamp(32px, 4.4vw, 46px); font-weight: 700; text-transform: uppercase; }
h3 { font-size: 24px; font-weight: 700; }
p { margin: 0; }
.eyebrow { font-family: var(--mono); font-size: 13px; font-weight: 600; letter-spacing: 0.08em; text-transform: uppercase; color: var(--militar); }
section { padding: 64px 0; }
.sec-head { display: grid; gap: 10px; margin-bottom: 32px; max-width: 760px; }
.sec-head p { color: var(--tinta-suave); font-size: 18px; max-width: 62ch; }
.escuro { background: var(--grafite); color: var(--branco); }
.escuro .eyebrow { color: #b9c4a3; }
.escuro .sec-head p { color: #c9ccc6; }
.branco { background: var(--branco); border-top: 1px solid var(--cinza); border-bottom: 1px solid var(--cinza); }

/* faixa de alerta */
.alerta { background: var(--sinal); color: var(--grafite); font-family: var(--mono); font-size: 13px; font-weight: 600; }
.alerta .wrap { display: flex; gap: 12px; align-items: center; justify-content: center; padding-top: 9px; padding-bottom: 9px; text-align: center; flex-wrap: wrap; }
.alerta a { color: var(--grafite); }
.pulso { width: 9px; height: 9px; border-radius: 50%; background: var(--grafite); animation: pulso 1.6s ease-in-out infinite; flex: none; }
@keyframes pulso { 50% { opacity: 0.25; } }

/* topo */
.top { background: var(--grafite); color: var(--branco); border-bottom: 6px solid transparent; border-image: repeating-linear-gradient(-45deg, var(--sinal) 0 14px, var(--grafite) 14px 28px) 6; }
.top .wrap { display: flex; align-items: center; justify-content: space-between; gap: 16px; padding-top: 14px; padding-bottom: 14px; flex-wrap: wrap; }
.marca { font-family: var(--display); font-weight: 800; font-size: 26px; letter-spacing: 0.02em; text-transform: uppercase; }
.marca span { color: var(--sinal); }
.top a.mini { color: var(--branco); font-family: var(--mono); font-size: 13px; text-decoration: none; border: 1px solid #ffffff55; padding: 6px 12px; border-radius: 4px; }

/* hero */
.hero { background: var(--grafite); color: var(--branco); padding: 52px 0 48px; }
.hero .eyebrow { color: #b9c4a3; }
.hero h1 { font-size: clamp(42px, 7vw, 84px); font-weight: 800; text-transform: uppercase; margin-top: 14px; max-width: 15ch; }
.hero h1 em { font-style: normal; color: var(--sinal); }
.hero .sub { margin-top: 20px; max-width: 60ch; font-size: 19px; color: #e4e6e1; }
.cta { display: inline-block; margin-top: 28px; background: var(--sinal); color: var(--grafite); font-family: var(--display); font-weight: 700; font-size: 22px; text-transform: uppercase; letter-spacing: 0.03em; padding: 15px 28px; border-radius: 4px; text-decoration: none; border: 0; cursor: pointer; text-align: center; }
.cta:hover { background: #f27a31; }
.cta.grande { font-size: 26px; padding: 18px 34px; }
.selinhos { margin-top: 12px; display: flex; flex-wrap: wrap; gap: 6px 18px; font-family: var(--mono); font-size: 12.5px; color: #b8bdb7; }
.selinhos span::before { content: "■ "; color: var(--militar); }
.claro .selinhos { color: var(--tinta-suave); }

/* régua 72h */
.regua { margin-top: 44px; }
.regua-titulo { font-family: var(--mono); font-size: 12px; color: #b8bdb7; letter-spacing: 0.08em; text-transform: uppercase; margin-bottom: 10px; }
.trilho { display: grid; grid-template-columns: minmax(124px, 6fr) minmax(124px, 6fr) 12fr 24fr 24fr; gap: 3px; }
.janela { background: var(--grafite-2); border-top: 4px solid var(--militar); padding: 12px 12px 14px; min-width: 0; }
.janela:first-child { border-top-color: var(--sinal); }
.janela .h { font-family: var(--mono); font-size: 13px; font-weight: 600; color: #b9c4a3; }
.janela:first-child .h { color: var(--sinal); }
.janela .t { font-family: var(--display); font-size: 22px; font-weight: 700; text-transform: uppercase; margin-top: 2px; color: var(--branco); }
.janela .d { font-size: 13px; color: #c9ccc6; margin-top: 4px; line-height: 1.4; }
@media (max-width: 760px) {
  .trilho { grid-template-columns: 1fr; }
  .janela { display: grid; grid-template-columns: 76px 1fr; column-gap: 12px; }
  .janela .h { grid-row: span 2; padding-top: 4px; }
}

/* boletim */
.boletim { display: grid; grid-template-columns: minmax(0, 1.3fr) minmax(0, 1fr); gap: 36px; align-items: start; }
.citacao { border-left: 6px solid var(--militar); padding: 6px 0 6px 22px; }
.citacao blockquote { margin: 0; font-family: var(--display); font-size: clamp(26px, 3.4vw, 36px); font-weight: 600; line-height: 1.15; }
.citacao cite { display: block; margin-top: 12px; font-style: normal; font-size: 14px; color: var(--tinta-suave); }
.fatos { display: grid; gap: 0; margin: 0; padding: 0; list-style: none; border-top: 2px solid var(--grafite); }
.fatos li { display: grid; grid-template-columns: 92px 1fr; gap: 14px; padding: 12px 0; border-bottom: 1px dashed var(--cinza); font-size: 15px; }
.fatos b { font-family: var(--display); font-size: 30px; line-height: 1; color: var(--sinal-escuro); font-variant-numeric: tabular-nums; }
.fatos small { display: block; font-size: 12.5px; color: var(--tinta-suave); margin-top: 2px; }
.nota { margin-top: 18px; font-size: 15px; color: var(--tinta-suave); }
@media (max-width: 760px) { .boletim { grid-template-columns: 1fr; } }

/* dominó */
.domino { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 3px; counter-reset: d; }
.peca { background: var(--grafite-2); padding: 18px; position: relative; }
.peca .q { font-family: var(--mono); font-size: 12px; color: var(--sinal); letter-spacing: 0.06em; }
.peca h3 { margin-top: 4px; text-transform: uppercase; color: var(--branco); }
.peca p { margin-top: 8px; font-size: 15px; color: #c9ccc6; }
@media (max-width: 860px) { .domino { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 520px) { .domino { grid-template-columns: 1fr; } }

/* duas colunas texto */
.duas { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 40px; }
.duas p + p { margin-top: 14px; }
.lista-x, .lista-v { margin: 0; padding: 0; list-style: none; display: grid; gap: 10px; }
.lista-x li, .lista-v li { display: grid; grid-template-columns: 26px 1fr; font-size: 16px; }
.lista-v li::before { content: "✓"; font-weight: 700; color: var(--militar); }
.lista-x li::before { content: "✕"; font-weight: 700; color: var(--sinal-escuro); }
@media (max-width: 760px) { .duas { grid-template-columns: 1fr; } }

/* partes */
.partes { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 3px; }
.parte { background: var(--grafite-2); padding: 18px 18px 22px; }
.parte .n { font-family: var(--mono); font-size: 12px; color: var(--sinal); letter-spacing: 0.08em; }
.parte h3 { margin-top: 4px; text-transform: uppercase; color: var(--branco); }
.parte ol { margin: 12px 0 0; padding-left: 0; list-style: none; display: grid; gap: 6px; font-size: 15px; color: #dfe2dc; }
.parte ol li { display: grid; grid-template-columns: 30px 1fr; }
.parte ol span { font-family: var(--mono); font-size: 13px; color: #8d938c; padding-top: 2px; }
.bonus { margin-top: 40px; }
.bonus h3 { text-transform: uppercase; color: var(--branco); }
.bonus ul { margin: 14px 0 0; padding: 0; list-style: none; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0 32px; }
.bonus li { padding: 9px 0; border-bottom: 1px solid #ffffff22; font-size: 15px; display: grid; grid-template-columns: 34px 1fr; color: #e4e6e1; }
.bonus li span { font-family: var(--mono); font-size: 13px; color: var(--sinal); padding-top: 2px; }
@media (max-width: 860px) { .partes { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 560px) { .partes, .bonus ul { grid-template-columns: 1fr; } }

/* público */
.publico { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); border-top: 2px solid var(--grafite); }
.publico div { padding: 20px 20px 22px 0; border-bottom: 1px solid var(--cinza); }
.publico div:not(:nth-child(3n)) { border-right: 1px solid var(--cinza); }
.publico div:not(:nth-child(3n+1)) { padding-left: 20px; }
.publico h3 { font-size: 22px; }
.publico p { margin-top: 6px; font-size: 15px; color: var(--tinta-suave); }
@media (max-width: 760px) { .publico { grid-template-columns: 1fr; } .publico div { border-right: 0 !important; padding-left: 0 !important; } }

/* folha amostra */
.folha { background: var(--branco); border: 2px solid var(--grafite); max-width: 820px; box-shadow: 10px 10px 0 var(--cinza); }
.folha-topo { display: flex; justify-content: space-between; gap: 12px; flex-wrap: wrap; background: var(--grafite); color: var(--branco); padding: 10px 18px; font-family: var(--mono); font-size: 13px; }
.folha-topo b { color: var(--sinal); }
.folha ol { list-style: none; margin: 0; padding: 8px 18px 18px; }
.folha li { display: grid; grid-template-columns: 112px 1fr; gap: 14px; padding: 12px 0; border-bottom: 1px solid var(--cinza); font-size: 15px; }
.folha li:last-child { border-bottom: 0; }
.folha .hh { font-family: var(--mono); font-weight: 600; font-size: 13px; color: var(--militar); }
.folha .hh strong { display: block; font-family: var(--display); font-size: 20px; color: var(--tinta); }
.folha .fones { background: var(--militar-claro); padding: 12px 18px; font-family: var(--mono); font-size: 13px; }
@media (max-width: 560px) { .folha li { grid-template-columns: 1fr; gap: 4px; } }

/* selos */
.selos { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; }
.selo { background: var(--branco); border: 1px solid var(--cinza); padding: 18px; }
.tag { display: inline-block; font-family: var(--mono); font-size: 12px; font-weight: 600; letter-spacing: 0.06em; padding: 4px 8px; border-radius: 3px; color: var(--branco); }
.tag.of { background: var(--militar); }
.tag.bp { background: var(--grafite); }
.tag.dm { background: var(--sinal-escuro); }
.selo p { margin-top: 10px; font-size: 15px; color: var(--tinta-suave); }
.fontes { margin-top: 20px; font-size: 14px; color: var(--tinta-suave); }
@media (max-width: 760px) { .selos { grid-template-columns: 1fr; } }

/* oferta */
.oferta { background: var(--militar); color: var(--branco); }
.oferta .eyebrow { color: #dfe6cf; }
.oferta h2 { color: var(--branco); }
.caixa { background: var(--branco); color: var(--tinta); border-top: 8px solid var(--sinal); max-width: 760px; margin: 0 auto; }
.caixa-topo { padding: 26px 28px 8px; }
.itens { list-style: none; margin: 0; padding: 0 28px; }
.itens li { display: grid; grid-template-columns: 1fr auto; gap: 16px; padding: 12px 0; border-bottom: 1px solid var(--cinza); font-size: 16px; }
.itens li small { display: block; color: var(--tinta-suave); font-size: 13.5px; }
.itens .tipo { font-family: var(--mono); font-size: 12px; color: var(--militar); white-space: nowrap; padding-top: 3px; }
.preco { padding: 22px 28px 28px; text-align: center; }
.preco .de { font-family: var(--mono); font-size: 14px; color: var(--tinta-suave); }
.preco .valor { font-family: var(--display); font-weight: 800; font-size: 76px; line-height: 1; margin-top: 4px; font-variant-numeric: tabular-nums; }
.preco .valor sup { font-size: 30px; vertical-align: 26px; margin-right: 4px; }
.preco .parc { font-size: 15px; color: var(--tinta-suave); margin-top: 4px; }
.preco .cta { width: 100%; }
.bump-aviso { margin: 0 28px 24px; background: var(--militar-claro); border: 2px dashed var(--militar); padding: 14px 16px; font-size: 15px; }
.bump-aviso b { font-family: var(--mono); font-size: 12px; letter-spacing: 0.06em; color: var(--militar); display: block; margin-bottom: 4px; }

/* garantia */
.garantia { display: grid; grid-template-columns: 140px 1fr; gap: 28px; align-items: center; max-width: 820px; }
.carimbo { width: 140px; height: 140px; border-radius: 50%; border: 4px double var(--militar); display: grid; place-items: center; text-align: center; font-family: var(--display); font-weight: 800; text-transform: uppercase; color: var(--militar); line-height: 1; transform: rotate(-8deg); }
.carimbo b { display: block; font-size: 56px; }
.carimbo span { font-size: 15px; }
@media (max-width: 560px) { .garantia { grid-template-columns: 1fr; } }

/* faq */
.faq { max-width: 820px; border-top: 2px solid var(--grafite); }
details { border-bottom: 1px solid var(--cinza); padding: 16px 0; }
summary { cursor: pointer; font-family: var(--display); font-size: 22px; font-weight: 600; list-style: none; display: flex; justify-content: space-between; gap: 16px; }
summary::-webkit-details-marker { display: none; }
summary::after { content: "+"; font-family: var(--mono); color: var(--sinal); }
details[open] summary::after { content: "–"; }
details p { margin-top: 10px; color: var(--tinta-suave); max-width: 65ch; }

/* upsell e obrigado */
.passo-funil { display: flex; gap: 6px; flex-wrap: wrap; font-family: var(--mono); font-size: 12px; margin-top: 18px; }
.passo-funil span { padding: 5px 10px; border: 1px solid #ffffff44; border-radius: 3px; color: #b8bdb7; }
.passo-funil span.ok { background: var(--militar); border-color: var(--militar); color: var(--branco); }
.passo-funil span.agora { background: var(--sinal); border-color: var(--sinal); color: var(--grafite); font-weight: 600; }
.escada { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 3px; align-items: end; }
.degrau { background: var(--grafite-2); padding: 18px; color: var(--branco); border-top: 4px solid var(--militar); }
.degrau:nth-child(1) { min-height: 210px; }
.degrau:nth-child(2) { min-height: 260px; }
.degrau:nth-child(3) { min-height: 310px; border-top-color: var(--sinal); }
.degrau .q { font-family: var(--display); font-size: 40px; font-weight: 800; line-height: 1; }
.degrau ul { margin: 12px 0 0; padding-left: 18px; font-size: 14.5px; color: #c9ccc6; display: grid; gap: 4px; }
@media (max-width: 760px) { .escada { grid-template-columns: 1fr; } .degrau { min-height: 0 !important; } }
.decisao { display: grid; gap: 12px; max-width: 560px; margin: 0 auto; text-align: center; }
.recusar { background: none; border: 0; color: var(--tinta-suave); text-decoration: underline; font: inherit; font-size: 15px; cursor: pointer; padding: 8px; }
.kiwify-slot { border: 2px dashed var(--sinal); background: #fff3e9; padding: 14px; font-family: var(--mono); font-size: 12.5px; color: var(--sinal-escuro); text-align: left; }
.passos { list-style: none; margin: 0; padding: 0; counter-reset: p; display: grid; gap: 0; border-top: 2px solid var(--grafite); }
.passos li { counter-increment: p; display: grid; grid-template-columns: 56px 1fr; gap: 14px; padding: 18px 0; border-bottom: 1px solid var(--cinza); }
.passos li::before { content: counter(p, decimal-leading-zero); font-family: var(--display); font-size: 40px; font-weight: 800; line-height: 1; color: var(--sinal); }
.passos h3 { font-size: 22px; }
.passos p { margin-top: 4px; color: var(--tinta-suave); font-size: 15.5px; }
.curso { display: grid; grid-template-columns: minmax(0, 1.1fr) minmax(0, 1fr); gap: 36px; align-items: start; }
.curso ul { margin: 16px 0 0; padding-left: 20px; color: #dfe2dc; display: grid; gap: 4px; }
form.f { background: var(--branco); color: var(--tinta); padding: 24px; border-top: 6px solid var(--sinal); display: grid; gap: 14px; }
form.f label { font-size: 14px; font-weight: 600; display: grid; gap: 6px; }
form.f input[type="text"], form.f input[type="email"] { font: inherit; font-size: 16px; padding: 11px 12px; border: 1px solid #a9aca5; border-radius: 4px; width: 100%; background: var(--branco); color: var(--tinta); }
form.f .check { display: grid; grid-template-columns: 20px 1fr; gap: 10px; font-weight: 400; font-size: 13px; color: var(--tinta-suave); }
.aviso { display: none; font-size: 14px; background: #fff3e9; border-left: 4px solid var(--sinal); padding: 10px 12px; }
.aviso.on { display: block; }
@media (max-width: 760px) { .curso { grid-template-columns: 1fr; } }

/* rodapé */
footer { background: var(--grafite); color: #b8bdb7; padding: 36px 0; font-size: 14px; }
footer .wrap { display: grid; gap: 10px; }
footer .marca { color: var(--branco); font-size: 22px; }
footer a { color: #dfe6cf; }
.preencher { background: #3a2a1c; color: #ffcfa8; padding: 2px 6px; border-radius: 3px; font-family: var(--mono); font-size: 12px; }
.fixo { position: sticky; bottom: 0; z-index: 5; background: var(--grafite); border-top: 3px solid var(--sinal); display: none; }
.fixo .wrap { display: flex; justify-content: space-between; align-items: center; gap: 12px; padding-top: 10px; padding-bottom: 10px; }
.fixo p { color: var(--branco); font-family: var(--display); font-size: 20px; font-weight: 700; text-transform: uppercase; }
.fixo .cta { margin: 0; font-size: 18px; padding: 10px 18px; }
@media (max-width: 760px) { .fixo { display: block; } .fixo p { font-size: 16px; } }

/* v2 — página curta */
.hero-grid { display: grid; grid-template-columns: minmax(0, 1.25fr) minmax(0, 1fr); gap: 40px; align-items: center; }
.compra { background: var(--branco); color: var(--tinta); border-top: 8px solid var(--sinal); padding: 22px 24px 20px; }
.compra .nome { font-family: var(--display); font-size: 24px; font-weight: 700; text-transform: uppercase; }
.compra ul { list-style: none; margin: 10px 0 0; padding: 0; display: grid; gap: 6px; font-size: 15px; }
.compra li { display: grid; grid-template-columns: 22px 1fr; }
.compra li::before { content: "✓"; color: var(--militar); font-weight: 700; }
.compra .valor { font-family: var(--display); font-weight: 800; font-size: 64px; line-height: 1; margin-top: 14px; font-variant-numeric: tabular-nums; }
.compra .valor sup { font-size: 26px; vertical-align: 22px; margin-right: 4px; }
.compra .parc { font-size: 14px; color: var(--tinta-suave); }
.compra .cta { width: 100%; margin-top: 14px; }
.compra .selinhos { color: var(--tinta-suave); justify-content: center; }
.cta-linha { margin-top: 32px; display: flex; align-items: center; gap: 18px; flex-wrap: wrap; }
.cta-linha .cta { margin-top: 0; }
.cta-linha > span { font-family: var(--mono); font-size: 13px; color: var(--tinta-suave); }
.escuro .cta-linha > span { color: #b8bdb7; }
.fixo { display: block; }
.fixo .preco-fixo { font-family: var(--mono); font-size: 13px; color: #b8bdb7; }
@media (max-width: 860px) { .hero-grid { grid-template-columns: 1fr; } }

/* v3: ancoragem de preço e vantagens */
.compra .de { margin-top: 14px; font-size: 14px; color: var(--tinta-suave); }
.compra .de + .valor { margin-top: 2px; }
.compra s, .cta-linha s, .fixo s, .pilha s, .final-preco s { text-decoration-thickness: 2px; text-decoration-color: var(--sinal); }
.off { display: inline-block; margin-left: 12px; vertical-align: 14px; background: var(--sinal); color: #fff; font-size: 18px; padding: 4px 8px; letter-spacing: .02em; }
.vantagens { display: grid; grid-template-columns: 1.1fr 1fr; gap: 40px; align-items: start; }
.pilha { list-style: none; margin: 0; padding: 0; border-top: 2px solid var(--tinta); }
.pilha li { display: flex; justify-content: space-between; gap: 16px; padding: 12px 0; border-bottom: 1px solid #d6d5cf; }
.pilha li b { font-family: var(--mono); font-size: 13px; color: var(--militar); text-transform: uppercase; white-space: nowrap; }
.pilha li.total b { color: var(--tinta-suave); font-size: 16px; }
.pilha li.hoje { border-bottom: 0; background: var(--grafite); color: #fff; padding: 14px 16px; margin-top: 8px; font-family: var(--display); font-size: 22px; font-weight: 700; text-transform: uppercase; }
.pilha li.hoje b { font-family: var(--display); color: var(--sinal); font-size: 30px; }
.gatilhos { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; }
.gatilhos div { border-left: 4px solid var(--sinal); padding: 6px 0 6px 14px; }
.gatilhos b { display: block; font-family: var(--display); font-size: 30px; font-weight: 800; line-height: 1.05; }
.gatilhos div > span { display: block; margin-top: 4px; font-size: 14.5px; color: var(--tinta-suave); }
.final-preco { margin-top: 14px; font-size: 19px; color: #c9ccc6; }
.final-preco b { color: #fff; }
@media (max-width: 760px) { .vantagens { grid-template-columns: 1fr; } .off { font-size: 15px; vertical-align: 10px; } .fixo .preco-fixo { font-size: 12px; } }

/* VSL no topo */
.vsl { text-align: center; margin-bottom: 40px; }
.vsl-tag { font-family: var(--mono, 'IBM Plex Mono', monospace); font-size: 13px; letter-spacing: 2px; text-transform: uppercase; color: #b9c4a3; margin-bottom: 12px; }
.vsl-video { display: block; width: 100%; max-width: 900px; aspect-ratio: 16 / 9; margin: 0 auto; background: #000; border-top: 6px solid var(--sinal); box-shadow: 0 18px 40px rgba(0,0,0,.45); }
.vsl-cta { display: inline-block; margin-top: 20px; }
@media (max-width: 640px) { .hero { padding-top: 20px; } .vsl { margin-bottom: 28px; } .vsl-cta { display: block; } }

.vsl-box { position: relative; max-width: 900px; margin: 0 auto; }
.vsl-som { position: absolute; inset: 0; margin: auto; width: max-content; height: max-content; background: var(--sinal); color: var(--grafite); border: 0; font-family: var(--display, 'Barlow Condensed', sans-serif); font-weight: 800; font-size: clamp(20px, 3.4vw, 34px); text-transform: uppercase; padding: 16px 30px; cursor: pointer; box-shadow: 0 0 0 0 rgba(232,102,26,.7); animation: pulsoSom 1.6s infinite; }
@keyframes pulsoSom { 70% { box-shadow: 0 0 0 22px rgba(232,102,26,0); } 100% { box-shadow: 0 0 0 0 rgba(232,102,26,0); } }
@media (prefers-reduced-motion: reduce) { .vsl-som { animation: none; } }