/* Página de vendas v2 (05/10/2026) — Série Vença. Cores pela psicologia das cores: verde = saúde/vida; laranja = ação (só botões e preço);
   creme = calma/nostalgia. Sem emoji (ícones SVG). Animações leves e desligadas para quem desativa movimento. */
.v2 { --verde: var(--tema, #14532D); --verde-escuro: #0E3B20; --laranja: #D9622B; --laranja-escuro: #B84E1F; --creme: #F6F4EB; --tinta: #23201C;
    color: var(--tinta); background: #fff; overflow-x: clip; }
.v2 h1, .v2 h2, .v2 h3 { font-family: var(--fonte-titulo); letter-spacing: -.02em; }
.v2 svg.icone { width: 1.05em; height: 1.05em; vertical-align: -0.15em; }
.v2-wrap { max-width: 1120px; margin: 0 auto; padding: 0 20px; }
.v2-estreito { max-width: 760px; }
.v2-bloco { padding: 72px 0; }
.v2-claro { background: var(--creme); }
.v2-escuro { background: var(--verde-escuro); color: #F3EFE4; padding: 72px 0; }
.v2-titulo { font-size: clamp(1.6rem, 4.2vw, 2.5rem); line-height: 1.1; margin: 0 0 28px; font-weight: 900; }
.v2-kicker { font: 800 .78rem var(--fonte-titulo); letter-spacing: .14em; text-transform: uppercase; color: var(--verde); margin: 0 0 10px; }
.v2-centro { text-align: center; margin-top: 32px; }
.v2-fonte { font-size: .85rem; opacity: .75; }

/* Botão: laranja quente, grande, com leve "respiração" */
.v2-botao { display: inline-flex; align-items: center; gap: 10px; padding: 16px 30px; border-radius: 999px; background: linear-gradient(135deg, var(--laranja), var(--laranja-escuro));
    color: #fff !important; font: 800 1.08rem var(--fonte-titulo); text-decoration: none; box-shadow: 0 10px 26px rgba(217, 98, 43, .35); transition: transform .15s, box-shadow .15s; }
.v2-botao:hover { transform: translateY(-2px); box-shadow: 0 14px 30px rgba(217, 98, 43, .45); }
.v2-botao-grande { padding: 19px 38px; font-size: 1.2rem; }
.v2-hero .v2-botao, .v2-oferta .v2-botao-grande { animation: v2-respira 2.6s ease-in-out 2.5s infinite; }
@keyframes v2-respira { 50% { box-shadow: 0 10px 26px rgba(217, 98, 43, .35), 0 0 0 10px rgba(217, 98, 43, .12); } }

/* Hero */
.v2-hero { background: radial-gradient(120% 90% at 85% 10%, #1D6B3C 0%, var(--verde) 45%, var(--verde-escuro) 100%); color: #F6F4EB; padding: 56px 0 72px; }
.v2-hero-grade { display: grid; grid-template-columns: 1.15fr .85fr; gap: 48px; align-items: center; }
.v2-selo { display: inline-flex; flex-wrap: wrap; align-items: center; gap: 6px; padding: 7px 14px; border-radius: 999px; background: rgba(255, 255, 255, .1);
    border: 1px solid rgba(255, 255, 255, .22); font: 500 .85rem var(--fonte-titulo); margin: 0 0 16px; }
.v2-selo strong { color: #FFB27A; letter-spacing: .03em; }
.v2-selo span { opacity: .85; }
.v2-faixa { font: 600 .9rem var(--fonte-titulo); color: #CFE6D5; margin: 0 0 12px; }
.v2-hero h1 { font-size: clamp(2.1rem, 5.6vw, 3.6rem); line-height: 1.02; margin: 0 0 18px; font-weight: 900; color: #fff; }
.v2-hero h1 em { display: block; font-style: normal; color: #FFB27A; }
.v2-sub { font-size: 1.15rem; line-height: 1.55; max-width: 36em; color: #E7EFE7; margin: 0 0 24px; }
.v2-preco-linha { display: flex; align-items: baseline; gap: 12px; margin: 0 0 18px; font-family: var(--fonte-titulo); }
.v2-de { color: #BFD6C5; } .v2-de s { color: #E7B9A3; }
.v2-por { font-size: 1.15rem; } .v2-por strong { font-size: 2.3rem; font-weight: 900; color: #fff; }
.v2-confianca { list-style: none; padding: 0; margin: 22px 0 0; display: flex; flex-wrap: wrap; gap: 10px 22px; font: 500 .9rem var(--fonte-titulo); color: #D6E7DA; }
.v2-confianca svg { color: #FFB27A; }
.v2-hero-capa { position: relative; justify-self: center; perspective: 1200px; }
.v2-hero-capa img { width: min(360px, 78vw); border-radius: 6px; box-shadow: -18px 30px 60px rgba(0, 0, 0, .45); transform: rotateY(-12deg) rotateX(3deg); transition: transform .4s; }
.v2-hero-capa:hover img { transform: rotateY(-4deg); }
.v2-chip { position: absolute; display: inline-flex; align-items: center; gap: 6px; padding: 8px 14px; border-radius: 999px; background: #fff; color: var(--verde);
    font: 700 .82rem var(--fonte-titulo); box-shadow: 0 10px 24px rgba(0, 0, 0, .22); animation: v2-flutua 5s ease-in-out infinite; white-space: nowrap; }
.v2-chip-1 { left: -74px; top: 8%; } .v2-chip-1 svg { color: #7A3FB5; }
.v2-chip-2 { right: -58px; top: 50%; animation-delay: -1.6s; }
.v2-chip-3 { left: -64px; bottom: 6%; animation-delay: -3.2s; }
@keyframes v2-flutua { 50% { transform: translateY(-9px); } }

/* Dado oficial: gráfico de barras animado */
.v2-dado { background: var(--creme); padding: 64px 0; }
.v2-dado-grade { display: grid; grid-template-columns: 1fr 1fr; gap: 40px; align-items: center; }
.v2-dado h2 { font-size: clamp(1.6rem, 4vw, 2.3rem); line-height: 1.1; margin: 0 0 12px; color: var(--verde); font-weight: 900; }
.v2-barras { display: flex; align-items: flex-end; justify-content: center; gap: 46px; height: 260px; }
.v2-barra { display: flex; flex-direction: column; align-items: center; justify-content: flex-end; height: 100%; width: 96px; }
.v2-barra-coluna { display: block; width: 100%; height: var(--altura); border-radius: 12px 12px 4px 4px; background: linear-gradient(180deg, #2E8B57, var(--verde));
    transform: scaleY(0); transform-origin: bottom; transition: transform 1.3s cubic-bezier(.2, .8, .2, 1); }
.v2-barra:last-child .v2-barra-coluna { background: linear-gradient(180deg, #E07A45, var(--laranja-escuro)); }
.v2-barras.vis .v2-barra-coluna { transform: scaleY(1); }
.v2-barra-valor { font: 900 1.7rem var(--fonte-titulo); margin-bottom: 8px; color: var(--tinta); }
.v2-barra-ano { font: 700 .95rem var(--fonte-titulo); margin-top: 8px; color: #6B655A; }

/* Prova (Hall) */
.v2-prova { padding: 48px 0; border-bottom: 1px solid #EEE7D8; }
.v2-prova-grade { display: grid; grid-template-columns: auto 1fr; gap: 28px; align-items: center; max-width: 900px; }
.v2-numero { font: 900 clamp(3rem, 9vw, 5rem) var(--fonte-titulo); color: var(--laranja); margin: 0; line-height: 1; }
.v2-prova p:last-child { font-size: 1.12rem; line-height: 1.55; margin: 0; }

/* Dores e virada */
.v2-dores { list-style: none; padding: 0; margin: 0; display: grid; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); gap: 14px; }
.v2-dores li { padding: 18px 20px; border-radius: 14px; background: var(--creme); border-left: 4px solid var(--laranja); font-style: italic; font-size: 1.08rem; line-height: 1.45; }
.v2-virada { margin: 34px 0 0; font: 900 clamp(1.3rem, 3.4vw, 1.9rem) var(--fonte-titulo); color: var(--verde); line-height: 1.2; }

/* Vilões */
.v2-viloes { display: grid; grid-template-columns: repeat(3, 1fr); gap: 18px; }
.v2-viloes > div { padding: 24px; border-radius: 16px; background: rgba(255, 255, 255, .06); border: 1px solid rgba(255, 255, 255, .12); }
.v2-viloes span { display: inline-grid; place-items: center; width: 38px; height: 38px; border-radius: 50%; background: var(--laranja); color: #fff; font: 900 1rem var(--fonte-titulo); }
.v2-viloes h3 { margin: 14px 0 8px; font-size: 1.15rem; color: #fff; }
.v2-viloes p { margin: 0; color: #D5DDD4; line-height: 1.55; }

/* Smart 360 Book */
.v2-smart-grade { display: grid; grid-template-columns: 1.1fr .9fr; gap: 40px; align-items: center; }
.v2-smart-lista { display: grid; gap: 18px; }
.v2-smart-item { display: grid; grid-template-columns: 52px 1fr; gap: 16px; align-items: start; }
.v2-icone { display: grid; place-items: center; width: 52px; height: 52px; border-radius: 14px; background: linear-gradient(145deg, #E8F3EB, #D3E8D9); color: var(--verde); }
.v2-icone svg.icone { width: 26px; height: 26px; }
.v2-smart-item h3 { margin: 4px 0 4px; font-size: 1.1rem; }
.v2-smart-item p { margin: 0; line-height: 1.5; color: #4A453D; }
.v2-demo { padding: 26px; border-radius: 18px; background: #fff; box-shadow: 0 18px 40px rgba(20, 83, 45, .14); border: 1px solid #E6E0D2; transform: rotate(1.2deg); }
.v2-demo-paragrafo { font-family: var(--fonte-texto); font-size: 1.1rem; line-height: 1.6; margin: 0 0 12px; }
.v2-demo-paragrafo sup { color: #B07A1F; font-size: .7em; }
.v2-demo-lapis { display: inline-grid; place-items: center; width: 28px; height: 28px; border-radius: 50%; background: #F1E9FA; color: #7A3FB5; vertical-align: -0.3em; }
.v2-demo-nota { padding: 12px 14px; border-left: 4px solid #7A3FB5; border-radius: 0 10px 10px 0; background: #F4EDFB; }
.v2-demo-nota small { display: block; font: 800 .66rem var(--fonte-titulo); letter-spacing: .08em; color: #7A3FB5; }
.v2-demo-nota span { font-family: "Caveat", cursive; font-weight: 700; font-size: 1.4rem; color: #7A3FB5; line-height: 1.2; }

/* Etapas */
.v2-etapas { list-style: none; padding: 0; margin: 26px 0 0; position: relative; }
.v2-etapas::before { content: ""; position: absolute; left: 21px; top: 10px; bottom: 10px; width: 2px; background: #D7CFBD; }
.v2-etapas li { position: relative; display: grid; grid-template-columns: 44px 1fr; gap: 16px; padding: 10px 0; }
.v2-etapas li span { z-index: 1; display: grid; place-items: center; width: 44px; height: 44px; border-radius: 50%; background: var(--verde); color: #fff; font: 900 1rem var(--fonte-titulo); box-shadow: 0 0 0 5px var(--creme); }
.v2-etapas strong { display: block; font: 800 1.08rem var(--fonte-titulo); margin-top: 3px; }
.v2-etapas small { display: block; color: #5B554B; font-size: .98rem; line-height: 1.45; margin-top: 2px; }
.v2-por-etapa { margin: 26px 0 0; font-size: 1.05rem; line-height: 1.5; }

/* Talita */
.v2-talita-grade { display: grid; grid-template-columns: 200px 1fr; gap: 36px; align-items: center; max-width: 900px; }
.v2-talita img { width: 200px; aspect-ratio: 3 / 4; object-fit: cover; border-radius: 16px; box-shadow: 0 16px 36px rgba(0, 0, 0, .16); }
.v2-talita blockquote { margin: 0; }
.v2-talita blockquote p { font-family: var(--fonte-texto); font-size: clamp(1.3rem, 3vw, 1.7rem); line-height: 1.4; margin: 0 0 14px; font-style: italic; color: var(--verde); }
.v2-talita footer { font: 600 .92rem var(--fonte-titulo); color: #5B554B; }

/* Listas */
.v2-check { list-style: none; padding: 0; margin: 0; display: grid; gap: 10px; }
.v2-check li { display: grid; grid-template-columns: 26px 1fr; gap: 8px; font-size: 1.06rem; line-height: 1.45; }
.v2-check svg { color: var(--verde); width: 22px; height: 22px; margin-top: 2px; }
.v2-duas { display: grid; grid-template-columns: 1fr 1fr; gap: 40px; }
.v2-duas h2 { font-size: 1.5rem; margin: 0 0 16px; }
.v2-nao { list-style: none; padding: 0; margin: 0; display: grid; gap: 10px; }
.v2-nao li { padding-left: 26px; position: relative; font-size: 1.06rem; }
.v2-nao li::before { content: ""; position: absolute; left: 4px; top: .55em; width: 12px; height: 2px; background: #B84E1F; transform: rotate(45deg); box-shadow: 0 0 0 0 #B84E1F; }
.v2-nao li::after { content: ""; position: absolute; left: 4px; top: .55em; width: 12px; height: 2px; background: #B84E1F; transform: rotate(-45deg); }

/* Oferta */
.v2-oferta { display: grid; grid-template-columns: 260px 1fr; gap: 40px; align-items: center; padding: 40px; border-radius: 24px; background: linear-gradient(160deg, #FFFDF8, var(--creme));
    border: 2px solid var(--verde); box-shadow: 0 24px 60px rgba(20, 83, 45, .16); max-width: 960px; margin: 0 auto; }
.v2-oferta-capa { width: 100%; border-radius: 6px; box-shadow: -10px 18px 40px rgba(0, 0, 0, .25); transform: rotate(-3deg); }
.v2-oferta h2 { font-size: 1.9rem; margin: 0 0 16px; line-height: 1.1; } .v2-oferta h2 span { display: block; font-size: 1.05rem; font-weight: 500; color: #5B554B; }
.v2-tudo { margin: 22px 0 0; font: 800 .8rem var(--fonte-titulo); letter-spacing: .12em; text-transform: uppercase; color: #6B655A; }
.v2-preco { margin: 4px 0; font-family: var(--fonte-titulo); } .v2-preco s { color: #9A8F7C; font-size: 1.2rem; margin-right: 8px; }
.v2-preco strong { font-size: 3.4rem; font-weight: 900; color: var(--verde); line-height: 1; }
.v2-mini { font-size: .9rem; color: #6B655A; margin: 0 0 18px; }
.v2-garantia { margin: 16px 0 0; font-size: .95rem; color: #4A453D; } .v2-garantia svg { color: var(--verde); }

/* Perguntas */
.v2-faq { border-bottom: 1px solid #E6E0D2; padding: 16px 0; }
.v2-faq summary { cursor: pointer; font: 800 1.08rem var(--fonte-titulo); list-style: none; display: flex; justify-content: space-between; gap: 16px; }
.v2-faq summary::after { content: "+"; color: var(--laranja); font-size: 1.4rem; line-height: 1; }
.v2-faq[open] summary::after { content: "–"; }
.v2-faq p { margin: 10px 0 0; line-height: 1.6; color: #4A453D; }

/* Final */
.v2-final { text-align: center; }
.v2-final-texto { font: 900 clamp(1.5rem, 4vw, 2.3rem) var(--fonte-titulo); line-height: 1.2; margin: 0 0 28px; color: #fff; }
.v2-aviso { margin: 28px 0 0; font-size: .82rem; opacity: .7; }

/* Barra fixa no celular */
.v2-fixo { display: none; }
@media (max-width: 760px) {
    .v2-fixo { display: flex; position: fixed; left: 0; right: 0; bottom: 0; z-index: 50; align-items: center; justify-content: space-between; gap: 10px; padding: 10px 14px;
        background: rgba(14, 59, 32, .97); color: #F3EFE4; font: 600 .9rem var(--fonte-titulo); box-shadow: 0 -6px 20px rgba(0, 0, 0, .2); }
    .v2-fixo s { opacity: .7; } .v2-fixo .v2-botao { padding: 11px 20px; font-size: 1rem; }
    .v2 { padding-bottom: 64px; }
    .v2-hero-grade, .v2-dado-grade, .v2-smart-grade, .v2-duas, .v2-oferta, .v2-talita-grade { grid-template-columns: 1fr; }
    .v2-hero { padding: 36px 0 56px; }
    .v2-hero-grade { gap: 30px; } .v2-hero-capa img { width: min(190px, 52vw); }
    .v2-chip { font-size: .72rem; padding: 6px 10px; } .v2-chip-1 { left: -84px; top: 14%; } .v2-chip-2 { right: -84px; top: 48%; } .v2-chip-3 { left: -78px; bottom: 8%; }
    .v2-viloes { grid-template-columns: 1fr; }
    .v2-prova-grade { grid-template-columns: 1fr; gap: 6px; }
    .v2-oferta { padding: 26px 20px; text-align: left; } .v2-oferta-capa { width: 170px; justify-self: center; }
    .v2-talita img { width: 150px; justify-self: center; }
    .v2-bloco, .v2-escuro { padding: 52px 0; }
    .v2-barras { height: 210px; gap: 30px; }
    .v2-demo { transform: none; }
}

/* Aparecer ao rolar */
.v2 .rv { opacity: 0; transform: translateY(22px); transition: opacity .7s ease-out, transform .7s ease-out; }
.v2 .rv.vis { opacity: 1; transform: none; }
@media (prefers-reduced-motion: reduce) {
    .v2 .rv { opacity: 1; transform: none; transition: none; }
    .v2 *, .v2 *::before { animation: none !important; }
    .v2-barra-coluna { transform: none; transition: none; }
}

/* ===================== v3 (05/10, pedido do autor): cara moderna =====================
   Letra sem serifa (a serifada dava ar de "jornal antigo"), verde profundo com brilho esmeralda, branco limpo,
   etiquetas em pastel (fora da paleta, sem brigar), preço em amarelo que acompanha a pessoa. */
.v2 { --verde-escuro: #06160E; --esmeralda: #22C55E; --menta: #B8F5C9; --amarelo: #FFD23F; --laranja: #FF6A2B; --laranja-escuro: #E14E12; --creme: #F5F7F3; }
.v2, .v2 p, .v2 li, .v2 blockquote, .v2 .v2-sub, .v2 .v2-dores li, .v2 .v2-demo-paragrafo { font-family: "Archivo", system-ui, sans-serif; }
.v2 p, .v2 li { line-height: 1.6; }
.v2-dores li, .v2-talita blockquote p { font-style: normal; }
.v2-hero { background:
    radial-gradient(60% 70% at 85% 20%, rgba(34, 197, 94, .28), transparent 60%),
    radial-gradient(50% 60% at 10% 90%, rgba(255, 106, 43, .14), transparent 60%),
    linear-gradient(160deg, #0B2A19 0%, #06160E 70%); position: relative; }
.v2-hero::before { content: ""; position: absolute; inset: 0; pointer-events: none; opacity: .5;
    background-image: linear-gradient(rgba(255,255,255,.04) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.04) 1px, transparent 1px);
    background-size: 44px 44px; mask-image: linear-gradient(180deg, #000 0%, transparent 85%); }
.v2-hero-grade { position: relative; }
.v2-hero h1 em { background: linear-gradient(90deg, #D9F99D, #4ADE80); -webkit-background-clip: text; background-clip: text; color: transparent; }
.v2-selo { background: rgba(255, 255, 255, .08); backdrop-filter: blur(6px); }
.v2-selo strong { color: var(--menta); }
.v2-por strong, .v2-oferta .v2-preco strong { color: var(--amarelo); }
.v2-por strong small, .v2-preco strong small, .v2-fixo-preco b small { font-size: .45em; font-weight: 700; margin-right: 3px; vertical-align: .55em; }
.v2-oferta .v2-preco strong { color: #0B2A19; background: linear-gradient(transparent 62%, var(--amarelo) 62%); padding: 0 4px; }
.v2-confianca svg { color: var(--menta); }

/* etiquetas da capa: pastel, cada uma de uma cor */
.v2-chip { background: #fff; }
.v2-chip-1 { background: #EFE7FF; color: #5B21B6; } .v2-chip-1 svg { color: #7C3AED; }
.v2-chip-2 { background: #E0F2FE; color: #075985; }
.v2-chip-3 { background: #FEF3C7; color: #92400E; }

/* seções claras: branco limpo; cartões com borda fina */
.v2-claro, .v2-dado { background: var(--creme); }
.v2-dores li { background: #fff; border: 1px solid #E5EAE3; border-left: 4px solid var(--laranja); box-shadow: 0 6px 18px rgba(6, 22, 14, .05); }
.v2-escuro { background: radial-gradient(60% 80% at 90% 0%, rgba(34, 197, 94, .18), transparent 60%), #06160E; }
.v2-viloes > div { background: rgba(255, 255, 255, .04); backdrop-filter: blur(4px); }
.v2-barra-coluna { background: linear-gradient(180deg, #4ADE80, #15803D); }

/* 1 em cada 8 */
.v2-alerta { padding: 72px 0; text-align: center; color: #F2F5F0;
    background: radial-gradient(50% 70% at 50% 0%, rgba(255, 106, 43, .22), transparent 70%), #06160E; }
.v2-alerta h2 { font-size: clamp(1.7rem, 4.6vw, 2.8rem); line-height: 1.1; margin: 22px 0 12px; font-weight: 900; color: #fff; }
.v2-alerta-texto { font-size: clamp(1.15rem, 2.8vw, 1.45rem); font-weight: 700; color: var(--amarelo); margin: 0 0 10px; }
.v2-alerta .v2-fonte { color: #9FB3A6; }
.v2-pessoas { display: flex; justify-content: center; gap: clamp(6px, 2vw, 16px); }
.v2-pessoa { width: clamp(28px, 7vw, 46px); color: #3C5A49; transform: translateY(14px); opacity: 0; transition: transform .5s ease-out, opacity .5s ease-out, color .6s; transition-delay: calc(var(--i) * .08s); }
.v2-pessoas.vis .v2-pessoa { transform: none; opacity: 1; }
.v2-pessoa-alvo { color: var(--laranja); filter: drop-shadow(0 0 12px rgba(255, 106, 43, .7)); transition-delay: 1s; }
.v2-pessoas.vis .v2-pessoa-alvo { animation: v2-alvo 1.6s ease-in-out 1.6s infinite; }
@keyframes v2-alvo { 50% { transform: scale(1.12); } }

/* aba vertical fixa: SmartBook 360 (translúcida) */
.v2-aba { position: fixed; right: 0; top: 38%; z-index: 40; display: flex; flex-direction: column; align-items: center; gap: 8px; padding: 12px 8px;
    border-radius: 12px 0 0 12px; background: rgba(6, 22, 14, .55); backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px);
    border: 1px solid rgba(255, 255, 255, .18); border-right: 0; color: #fff; text-decoration: none; box-shadow: -6px 8px 24px rgba(0, 0, 0, .18); }
.v2-aba-icone { display: grid; place-items: center; width: 28px; height: 28px; border-radius: 50%; background: rgba(184, 245, 201, .2); color: var(--menta); }
.v2-aba-texto { writing-mode: vertical-rl; transform: rotate(180deg); font: 800 .78rem var(--fonte-titulo); letter-spacing: .14em; text-transform: uppercase; }

/* preço que acompanha a pessoa: aparece depois do topo */
.v2-fixo { display: flex; position: fixed; right: 22px; bottom: 22px; z-index: 50; align-items: center; gap: 14px; padding: 10px 10px 10px 20px; border-radius: 999px;
    background: #06160E; color: #fff; text-decoration: none; box-shadow: 0 14px 36px rgba(0, 0, 0, .3); border: 1px solid rgba(255, 255, 255, .12);
    opacity: 0; transform: translateY(24px); pointer-events: none; transition: opacity .35s, transform .35s; }
.v2-fixo.mostrar { opacity: 1; transform: none; pointer-events: auto; }
.v2-fixo-preco { display: flex; align-items: baseline; gap: 8px; font-family: var(--fonte-titulo); }
.v2-fixo-preco s { color: #8FA596; font-size: .85rem; }
.v2-fixo-preco b { color: var(--amarelo); font-size: 1.7rem; font-weight: 900; line-height: 1; }
.v2-fixo-botao { padding: 11px 20px; border-radius: 999px; background: linear-gradient(135deg, var(--laranja), var(--laranja-escuro)); font: 800 1rem var(--fonte-titulo); }
@media (max-width: 760px) {
    .v2-fixo { left: 10px; right: 10px; bottom: 10px; justify-content: space-between; padding: 8px 8px 8px 16px; font-size: .9rem; }
    .v2-fixo-preco b { font-size: 1.5rem; }
    .v2-aba { top: auto; bottom: 90px; padding: 10px 6px; }
    .v2-aba-texto { font-size: .66rem; }
}
@media (prefers-reduced-motion: reduce) { .v2-pessoa { opacity: 1; transform: none; transition: none; } .v2-fixo { transition: none; } }

/* Título em blocos visuais: [frase] [destaque amarelo inclinado] [chamada em pílula] */
.v2-h1-blocos { display: flex; flex-direction: column; align-items: flex-start; gap: 10px; }
.v2-h1-blocos span { display: inline-block; }
.v2-b1 { font-size: clamp(2rem, 5.2vw, 3.3rem); line-height: 1.02; color: #fff; }
.v2-b2 { font-size: clamp(2.2rem, 6vw, 3.9rem); line-height: 1.02; color: #06160E; background: var(--amarelo); padding: 4px 16px 8px; border-radius: 10px;
    transform: rotate(-1.5deg); box-shadow: 0 10px 30px rgba(255, 210, 63, .25); }
.v2-b2.rv.vis { transform: rotate(-1.5deg); }
.v2-b3 { margin-top: 6px; font-size: clamp(1.05rem, 2.6vw, 1.35rem); line-height: 1.2; color: var(--menta); border: 2px solid rgba(184, 245, 201, .55);
    padding: 8px 16px; border-radius: 999px; background: rgba(184, 245, 201, .08); }
.v2-h1-blocos .v2-b2 { transition-delay: .15s; } .v2-h1-blocos .v2-b3 { transition-delay: .3s; }
.v2-h1-blocos .v2-b1, .v2-h1-blocos .v2-b2 { font-weight: 900; margin-top: 0; letter-spacing: -.025em; }
.v2-h1-blocos .v2-b3 { font-weight: 800; letter-spacing: 0; }

/* Título com destaques do Word (estilo da referência do autor): o fundo colorido corre atrás das linhas do texto, não em caixas soltas */
.v2-h1-marcado { font-size: clamp(2.1rem, 5.6vw, 3.6rem); line-height: 1.16; font-weight: 900; color: #fff; margin: 0 0 18px; letter-spacing: -.02em; }
.v2 mark.v2-m { color: #111; padding: .02em .18em .08em; -webkit-box-decoration-break: clone; box-decoration-break: clone; border-radius: 2px; }
.v2 mark.v2-m-amarelo { background: #FFEA00; color: #111; }
.v2 mark.v2-m-laranja { background: #F7891F; color: #fff; }
.v2 mark.v2-m-mostarda { background: #D9A21B; color: #fff; }
.v2-hero .v2-selo { margin: 20px 0 0; }
.v2-faixa { margin: 0 0 8px; }

/* Perguntas que dão medo (antes da oferta) */
.v2-objecoes { background: #fff; }
.v2-objecoes-grade { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 16px; }
.v2-objecao { padding: 22px 24px; border-radius: 16px; background: var(--creme); border: 1px solid #E5EAE3; }
.v2-objecao h3 { margin: 0 0 8px; font-size: 1.1rem; color: #0B2A19; }
.v2-objecao h3::before { content: "?"; display: inline-grid; place-items: center; width: 26px; height: 26px; margin-right: 10px; border-radius: 50%; background: var(--amarelo); color: #111; font-size: .9rem; vertical-align: 1px; }
.v2-objecao p { margin: 0; color: #3F4A42; }
/* Etapas: benefício em destaque, capítulo pequeno embaixo */
.v2-etapas small { text-transform: none; }
/* Foto do topo (IA) com a capa por cima, menor */
.v2-hero-capa.com-foto { width: min(460px, 90vw); }
.v2-hero-foto { width: 100%; aspect-ratio: 4 / 5; object-fit: cover; border-radius: 22px; box-shadow: 0 24px 60px rgba(0, 0, 0, .45); display: block; }
.v2-hero-capa.com-foto .v2-capa-img { position: absolute; width: 42% !important; right: -6%; bottom: -6%; transform: rotate(4deg) !important; }

/* Com a foto no topo, o selo 'atualiza sempre' sobe para não tampar a capa */
.v2-hero-capa.com-foto .v2-chip-2 { top: 18%; right: -40px; }
/* A foto do topo não herda o tamanho/giro da capa */
.v2-hero-capa.com-foto .v2-hero-foto { width: 100% !important; transform: none !important; }
@media (max-width: 760px) {
    .v2-hero-capa.com-foto { width: calc(100% - 24px); margin-right: 24px; }
    .v2-hero-capa.com-foto .v2-capa-img { width: 40% !important; right: -20px; bottom: -18px; }
    .v2-hero-capa.com-foto .v2-chip-1 { left: 10px; top: 10px; }
    .v2-hero-capa.com-foto .v2-chip-2 { display: none; }
    .v2-hero-capa.com-foto .v2-chip-3 { left: 10px; bottom: 12px; }
    /* título marcado: mais espaço entre as linhas para uma marca não cobrir a de cima */
    .v2-h1-marcado { line-height: 1.32; }
}
/* Alerta na ordem do autor: chamada grande, bonequinhos, dado */
.v2-alerta h2.v2-alerta-chamada { margin: 0 0 26px; font-size: clamp(2.1rem, 6vw, 3.6rem); color: var(--amarelo); letter-spacing: -.02em; }
.v2-alerta-dado { font-size: clamp(1.25rem, 3.2vw, 1.8rem); font-weight: 800; color: #fff; line-height: 1.25; margin: 24px 0 10px; }

/* ===== PRÉVIA DE CORES (?paleta=a|b|c) — o autor escolhe uma; a escolhida vira a padrão ===== */
/* A — Clara e confiável: branco + azul-marinho + botão verde + vermelho de destaque */
.p-a { --amarelo: #FFE14D; --laranja: #16A34A; --laranja-escuro: #15803D; }
.p-a .v2-hero { background: radial-gradient(60% 70% at 85% 15%, rgba(30, 90, 168, .10), transparent 60%), linear-gradient(170deg, #FFFFFF 0%, #EEF4FA 100%); color: #0F2742; }
.p-a .v2-hero::before { background-image: linear-gradient(rgba(15,39,66,.05) 1px, transparent 1px), linear-gradient(90deg, rgba(15,39,66,.05) 1px, transparent 1px); }
.p-a .v2-h1-marcado, .p-a .v2-hero h1 { color: #0F2742; }
.p-a mark.v2-m-amarelo { background: #FFE14D; color: #0F2742; } .p-a mark.v2-m-laranja { background: #E8412C; color: #fff; } .p-a mark.v2-m-mostarda { background: #0F2742; color: #fff; }
.p-a .v2-faixa { color: #1E5AA8; } .p-a .v2-sub, .p-a .v2-confianca { color: #334155; } .p-a .v2-de { color: #64748B; } .p-a .v2-de s { color: #94A3B8; }
.p-a .v2-hero .v2-por strong { color: #E8412C; } .p-a .v2-confianca svg { color: #16A34A; }
.p-a .v2-selo { background: #fff; border-color: #D6E2EF; color: #334155; } .p-a .v2-selo strong { color: #0F2742; }
.p-a .v2-escuro, .p-a .v2-alerta, .p-a .v2-fixo { background: #0F2742; } .p-a .v2-pessoa { color: #34507A; }
.p-a .v2-pessoa-alvo { color: #FF5A44; filter: drop-shadow(0 0 12px rgba(255, 90, 68, .7)); }
.p-a .v2-aba { background: rgba(15, 39, 66, .8); } .p-a .v2-aba-icone { color: #FFE14D; background: rgba(255, 225, 77, .18); }
.p-a .v2-botao:hover { box-shadow: 0 14px 30px rgba(22, 163, 74, .4); }

/* B — Cores do livro: creme + verde-floresta + laranja da capa */
.p-b { --amarelo: #FFD84D; --laranja: #E2572B; --laranja-escuro: #C2410C; --creme: #FBF6EA; }
.p-b .v2-hero { background: radial-gradient(60% 70% at 85% 15%, rgba(226, 87, 43, .12), transparent 60%), linear-gradient(170deg, #FFFCF4 0%, #F3EBD7 100%); color: #1F4D2B; }
.p-b .v2-hero::before { background-image: linear-gradient(rgba(31,77,43,.05) 1px, transparent 1px), linear-gradient(90deg, rgba(31,77,43,.05) 1px, transparent 1px); }
.p-b .v2-h1-marcado, .p-b .v2-hero h1 { color: #1F4D2B; }
.p-b mark.v2-m-amarelo { background: #FFD84D; color: #1F2A1E; } .p-b mark.v2-m-laranja { background: #E2572B; color: #fff; } .p-b mark.v2-m-mostarda { background: #1F4D2B; color: #fff; }
.p-b .v2-faixa { color: #B4461F; } .p-b .v2-sub, .p-b .v2-confianca { color: #3D3A33; } .p-b .v2-de { color: #6B655A; } .p-b .v2-de s { color: #A0968A; }
.p-b .v2-hero .v2-por strong { color: #1F4D2B; background: linear-gradient(transparent 62%, #FFD84D 62%); padding: 0 4px; } .p-b .v2-confianca svg { color: #1F7A3A; }
.p-b .v2-selo { background: #fff; border-color: #E6DCC4; color: #3D3A33; } .p-b .v2-selo strong { color: #1F4D2B; }
.p-b .v2-escuro, .p-b .v2-alerta, .p-b .v2-fixo { background: #1F4D2B; } .p-b .v2-pessoa { color: #4C7A58; }
.p-b .v2-pessoa-alvo { color: #FF7A45; filter: drop-shadow(0 0 12px rgba(255, 122, 69, .7)); }
.p-b .v2-aba { background: rgba(31, 77, 43, .8); } .p-b .v2-aba-icone { color: #FFD84D; background: rgba(255, 216, 77, .18); }

/* C — Alerta forte: preto + amarelo + vermelho + botão verde */
.p-c { --amarelo: #FFE600; --laranja: #22C55E; --laranja-escuro: #15803D; --creme: #F5F5F5; }
.p-c .v2-hero { background: radial-gradient(50% 60% at 85% 20%, rgba(225, 6, 0, .22), transparent 60%), linear-gradient(170deg, #1A1A1A 0%, #0A0A0A 100%); }
.p-c mark.v2-m-amarelo { background: #FFE600; color: #111; } .p-c mark.v2-m-laranja { background: #E10600; color: #fff; } .p-c mark.v2-m-mostarda { background: #fff; color: #111; }
.p-c .v2-faixa { color: #FFE600; } .p-c .v2-sub, .p-c .v2-confianca { color: #E5E5E5; } .p-c .v2-de { color: #A3A3A3; }
.p-c .v2-confianca svg, .p-c .v2-selo strong { color: #FFE600; }
.p-c .v2-escuro, .p-c .v2-alerta, .p-c .v2-fixo { background: #0A0A0A; } .p-c .v2-pessoa { color: #3A3A3A; }
.p-c .v2-pessoa-alvo { color: #FF2A1F; filter: drop-shadow(0 0 12px rgba(255, 42, 31, .75)); }
.p-c .v2-aba { background: rgba(10, 10, 10, .8); } .p-c .v2-aba-icone { color: #FFE600; background: rgba(255, 230, 0, .15); }
.p-c .v2-botao { color: #fff; } .p-c .v2-botao:hover { box-shadow: 0 14px 30px rgba(34, 197, 94, .4); }

/* Topo por público (?pub=a|b|c): a foto já traz o livro no tablet, então a capa solta some */
.v2-hero-capa.com-persona .v2-capa-img { display: none; }
.v2-hero-capa.com-persona .v2-hero-foto { aspect-ratio: 4 / 5; object-position: center top; }

/* ===== TOPO v5 (06/10): composição inteira, foto de ponta a ponta, choque rápido que vira o título ===== */
.v5-hero { position: relative; min-height: 100svh; overflow: hidden; background: #0E2A19; color: #fff; isolation: isolate; }
.v5-foto { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: 50% 30%; z-index: -2; }
.v5-veu { position: absolute; inset: 0; z-index: -1;
    background: linear-gradient(180deg, rgba(10, 32, 19, .92) 0%, rgba(10, 32, 19, .55) 26%, rgba(10, 32, 19, 0) 40%, rgba(10, 32, 19, 0) 62%, rgba(10, 32, 19, .78) 80%, rgba(10, 32, 19, .96) 100%); }
.v5-conteudo { position: relative; min-height: 100svh; display: flex; flex-direction: column; padding: 18px 18px 22px; }
.v5-marca { margin: 0 0 8px; font: 600 .78rem/1.3 "Archivo", sans-serif; letter-spacing: .06em; color: #D9E8DE; }
.v5-marca strong { color: #fff; letter-spacing: .1em; }
.v5-titulo { margin: 0; font: 900 clamp(1.9rem, 8.2vw, 3.6rem)/1.05 "Archivo", sans-serif; letter-spacing: -.02em; max-width: 15ch; text-shadow: 0 2px 18px rgba(0, 0, 0, .35); }
.v5-titulo mark { background: #FFD23F; color: #111; padding: 0 .12em; -webkit-box-decoration-break: clone; box-decoration-break: clone; border-radius: 3px; }
.v5-sub { margin: 10px 0 0; max-width: 30ch; font: 500 clamp(.95rem, 3.6vw, 1.15rem)/1.45 "Archivo", sans-serif; color: #EEF4F0; text-shadow: 0 1px 10px rgba(0, 0, 0, .4); }
.v5-preco { position: absolute; right: 10px; top: 38%; width: min(46vw, 260px); text-align: center; filter: drop-shadow(0 8px 18px rgba(0, 0, 0, .35)); }
.v5-preco img { width: 100%; height: auto; display: block; }
.v5-de { display: inline-block; margin-bottom: 2px; font: 800 1rem "Archivo", sans-serif; color: #fff; text-shadow: 0 1px 6px rgba(0, 0, 0, .6); }
.v5-de s { text-decoration-color: #FF4D4D; text-decoration-thickness: 3px; }
.v5-selo { position: absolute; left: 12px; top: 56%; display: inline-flex; align-items: center; gap: 8px; padding: 8px 14px 8px 8px; border-radius: 999px;
    background: rgba(140, 210, 255, .22); border: 1.5px solid rgba(150, 235, 255, .95); box-shadow: 0 0 14px rgba(90, 220, 255, .55), inset 0 1px 0 rgba(255, 255, 255, .35);
    backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px); color: #fff; font: 800 .9rem "Archivo", sans-serif; text-decoration: none; }
.v5-selo span { display: grid; place-items: center; width: 28px; height: 28px; border-radius: 50%; border: 2px solid rgba(150, 235, 255, .95); color: #AEF0FF; }
.v5-selo svg { width: 15px; height: 15px; }
.v5-acao { margin-top: auto; text-align: center; }
.v5-botao { display: flex; justify-content: center; align-items: center; gap: 10px; width: 100%; max-width: 420px; margin: 0 auto; padding: 17px 24px; border-radius: 999px;
    background: linear-gradient(135deg, #FF7A2F, #E14E12); color: #fff; font: 900 1.15rem "Archivo", sans-serif; text-decoration: none; box-shadow: 0 12px 30px rgba(225, 78, 18, .45);
    animation: v5-respira 2.4s ease-in-out 3s infinite; }
@keyframes v5-respira { 50% { transform: scale(1.035); } }
.v5-confia { display: flex; justify-content: center; align-items: center; gap: 6px; flex-wrap: wrap; margin: 10px 0 2px; font: 600 .82rem "Archivo", sans-serif; color: #E4EEE7; }
.v5-confia svg { width: 14px; height: 14px; }
.v5-talita { margin: 0; font: 500 .74rem "Archivo", sans-serif; color: #B9CDBF; }
.v5-fonte { margin: 8px 0 0; font: 400 .62rem/1.3 "Archivo", sans-serif; color: rgba(255, 255, 255, .55); text-align: center; }
/* o choque: ~1,5 s e sai; o conteúdo entra em seguida */
.v5-choque { position: absolute; inset: 0; z-index: 5; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 4px;
    background: radial-gradient(70% 50% at 50% 40%, #1B4A2C, #0B2416); animation: v5-sai .35s ease-in 1.5s forwards; pointer-events: none; }
.v5-colheres { display: grid; grid-template-columns: repeat(2, 120px); gap: 6px 24px; }
.v5-colheres span { position: relative; width: 120px; opacity: 0; transform: translateY(-40px); animation: v5-cai .28s cubic-bezier(.3, 1.5, .6, 1) calc(var(--i) * .1s) forwards; }
.v5-colheres span:nth-child(7) { grid-column: 1 / -1; justify-self: center; }
.v5-colheres b { position: absolute; right: -18px; top: 6px; font: 900 1.2rem "Archivo", sans-serif; color: #FFD23F; }
.v5-sete { margin: 6px 0 0; font: 900 6.5rem/1 "Archivo", sans-serif; color: #FFD23F; opacity: 0; transform: scale(.4); animation: v5-pula .3s cubic-bezier(.3, 1.6, .6, 1) .75s forwards; }
.v5-sete-txt { margin: 0; text-align: center; font: 800 1.25rem/1.25 "Archivo", sans-serif; opacity: 0; animation: v5-aparece .25s ease-out .9s forwards; }
@keyframes v5-cai { to { opacity: 1; transform: none; } }
@keyframes v5-pula { to { opacity: 1; transform: none; } }
@keyframes v5-aparece { to { opacity: 1; } }
@keyframes v5-sai { to { opacity: 0; transform: scale(.94) translateY(-6%); visibility: hidden; } }
.v5-conteudo > * { opacity: 0; animation: v5-entra .4s ease-out forwards; }
.v5-marca { animation-delay: 1.55s !important; } .v5-titulo { animation-delay: 1.6s !important; } .v5-sub { animation-delay: 1.75s !important; }
.v5-preco { animation-delay: 1.95s !important; } .v5-selo { animation-delay: 2.1s !important; } .v5-acao { animation-delay: 2.2s !important; } .v5-fonte { animation-delay: 2.3s !important; }
@keyframes v5-entra { from { opacity: 0; transform: translateY(12px); } to { opacity: 1; transform: none; } }
.v5-preco { animation-name: v5-entra-preco !important; }
@keyframes v5-entra-preco { 0% { opacity: 0; transform: scale(.5) rotate(-6deg); } 70% { opacity: 1; transform: scale(1.08) rotate(2deg); } 100% { opacity: 1; transform: none; } }
@media (prefers-reduced-motion: reduce) {
    .v5-choque { display: none; } .v5-conteudo > *, .v5-preco { opacity: 1; animation: none !important; } .v5-botao { animation: none; }
}
/* computador: texto à esquerda, a pessoa à direita de cima a baixo, sem moldura */
@media (min-width: 900px) {
    .v5-hero { min-height: max(100vh, 700px); background: radial-gradient(80% 90% at 75% 40%, #1E5233, #0B2416 70%); }
    .v5-foto { left: auto; right: 0; width: auto; max-width: 62%; height: 100%; object-fit: cover; object-position: 50% 20%;
        -webkit-mask-image: linear-gradient(90deg, transparent 0, #000 22%); mask-image: linear-gradient(90deg, transparent 0, #000 22%); }
    .v5-veu { background: linear-gradient(90deg, rgba(10, 32, 19, .95) 0%, rgba(10, 32, 19, .7) 38%, rgba(10, 32, 19, 0) 60%); }
    .v5-conteudo { min-height: max(100vh, 700px); max-width: 1180px; margin: 0 auto; justify-content: center; padding: 60px 32px; }
    .v5-titulo { font-size: clamp(2.8rem, 4.4vw, 4.2rem); max-width: 13ch; }
    .v5-sub { max-width: 34ch; font-size: 1.2rem; }
    .v5-preco { position: static; width: 300px; margin: 22px 0 0; text-align: left; }
    .v5-selo { position: static; align-self: flex-start; margin-top: 14px; }
    .v5-acao { margin-top: 24px; text-align: left; } .v5-botao { margin: 0; max-width: 360px; } .v5-confia { justify-content: flex-start; }
    .v5-fonte { text-align: left; }
}
/* ajustes v5: rosto abaixo do texto, selo fora da capa, aba lateral escondida no topo */
@media (max-width: 899px) {
    .v5-foto { object-position: 50% 0; top: 22%; height: 78%; }
    .v5-hero { background: linear-gradient(180deg, #0B2416 0%, #12361F 30%); }
    .v5-veu { background: linear-gradient(180deg, rgba(10,32,19,0) 60%, rgba(10,32,19,.85) 82%, rgba(10,32,19,.97) 100%); }
    .v5-preco { top: 47%; width: min(44vw, 240px); }
    .v5-selo { top: auto; bottom: 168px; left: 12px; font-size: .82rem; }
}
@media (min-width: 900px) {
    .v5-foto { top: 0; height: 100%; max-width: 58%; object-position: 50% 12%; }
}
@media (max-width: 899px) {
    .v5-foto { top: 16%; height: 70%; object-position: 50% 8%; }
    .v5-hero .v5-selo { bottom: auto; top: 39%; left: 12px; }
    .v5-preco { top: 40%; }
}
/* ===== ajustes v6 (06/10, pedido do autor) ===== */
.v5-selo { display: none !important; }
.v5-titulo mark { background: #EC7000; color: #fff; }                          /* 6) laranja forte (estilo Itaú) */
.v5-marca { white-space: nowrap; font-size: clamp(.58rem, 2.9vw, .78rem); letter-spacing: .02em; }  /* 7) uma linha só */
.v5-marca strong { letter-spacing: .06em; }
.v5-lata { width: 92px; height: auto; margin-bottom: 4px; filter: drop-shadow(0 10px 18px rgba(0,0,0,.4)); }
.v5-choque { gap: 2px; }
.v5-colheres { grid-template-columns: repeat(2, 104px); gap: 2px 22px; }
.v5-colheres span { width: 104px; }
.v5-sete { font-size: 5.5rem; }
.v2-preco-img { display: block; width: min(320px, 80%); height: auto; margin-top: 6px; }
.v2-preco s { display: block; }
.v2-fixo-img { height: 46px; width: auto; display: block; }
@media (max-width: 899px) {
    /* 5) texto na faixa verde; a foto começa embaixo dele */
    .v5-hero { background: #0E2A19; }
    .v5-foto { top: 27%; height: 64%; object-position: 50% 6%; }
    .v5-veu { background: linear-gradient(180deg, #0E2A19 26%, rgba(14,42,25,0) 33%, rgba(14,42,25,0) 72%, rgba(10,32,19,.88) 86%, rgba(10,32,19,.97) 100%); }
    .v5-preco { top: 52%; right: 8px; width: min(40vw, 220px); }           /* 3) mais baixo, fora do rosto */
    .v2-fixo-img { height: 38px; }
}
@media (max-width: 899px) {
    .v5-foto { object-position: 50% 34%; }
    .v5-preco { top: 47%; right: 54px; width: min(38vw, 200px); }
}
@media (max-width: 899px) {
    .v5-preco { top: 60%; right: 52px; width: 156px; }
    .v5-de { font-size: .8rem; }
}
@media (max-width: 899px) {
    .v5-preco { top: 47%; right: auto; left: 6px; width: 138px; }   /* ao lado do rosto, sem cobrir rosto nem capa */
}
/* ===== ajustes v7 (06/10, celular do autor) ===== */
@media (max-width: 899px) {
    .v5-titulo { font-size: clamp(1.6rem, 7.1vw, 2.4rem); max-width: none; }       /* "colheres de açúcar." numa linha */
    .v5-foto { top: 22%; height: 66%; left: 3%; width: 106%; object-position: 50% 44%; } /* mulher mais alta e um pouco à direita: livro visível */
    .v5-preco { top: 44%; left: 4px; width: 172px; }                                /* preço maior */
}
/* SmartBook 360 (aba vertical): de vez em quando passa uma luz de neon em volta */
.v2-aba { overflow: hidden; isolation: isolate; animation: aba-neon 5s ease-in-out 2.5s infinite; }
.v2-aba::before { content: ""; position: absolute; inset: -60%; z-index: -1;
    background: conic-gradient(from 0deg, transparent 0 78%, rgba(120, 230, 255, .95) 86%, transparent 94%);
    animation: aba-giro 5s linear 2.5s infinite; opacity: 0; }
.v2-aba::after { content: ""; position: absolute; inset: 2px; z-index: -1; border-radius: inherit; background: rgba(6, 22, 14, .78); }
@keyframes aba-giro { 0% { transform: rotate(0); opacity: 0; } 8% { opacity: 1; } 32% { opacity: 1; } 40% { transform: rotate(360deg); opacity: 0; } 100% { transform: rotate(360deg); opacity: 0; } }
@keyframes aba-neon { 0%, 45%, 100% { box-shadow: -6px 8px 24px rgba(0,0,0,.18); } 20% { box-shadow: 0 0 18px rgba(90, 220, 255, .75), -6px 8px 24px rgba(0,0,0,.18); } }
@media (prefers-reduced-motion: reduce) { .v2-aba, .v2-aba::before { animation: none; } }
@media (max-width: 899px) { .v5-foto { left: 0; width: 108%; } }
/* ===== ajustes v8: celular — pessoa maior e mais à direita; PC — o topo é um bloco só, com largura máxima ===== */
@media (max-width: 899px) {
    .v5-foto { left: 4%; width: 120%; object-position: 50% 46%; }
}
@media (min-width: 900px) {
    .v5-hero { background: radial-gradient(60% 90% at 70% 45%, #1E5233, #0B2416 75%); }
    .v5-foto { right: max(0px, calc(50% - 620px)); left: auto; width: min(54%, 640px); max-width: none; height: 100%; object-position: 50% 15%;
        -webkit-mask-image: linear-gradient(90deg, transparent 0, #000 25%, #000 85%, transparent 100%); mask-image: linear-gradient(90deg, transparent 0, #000 25%, #000 85%, transparent 100%); }
    .v5-veu { background: none; }
    .v5-conteudo { max-width: 1240px; padding: 60px 40px; }
}
@media (max-width: 899px) { .v5-foto { left: 0; width: 128%; object-position: 50% 46%; } .v5-preco { left: 2px; width: 160px; } }
@media (max-width: 899px) { .v5-hero .v5-foto { max-width: none; left: -2%; width: 124%; } }
/* ===== barra que acompanha: preço grande, no centro, "pulsando" — eu existo, me compre agora ===== */
.v2-fixo { overflow: visible; }
.v2-fixo-preco { flex: 1; flex-direction: column; align-items: center; justify-content: center; gap: 0; }
.v2-fixo-preco s { font-size: .78rem; line-height: 1; order: -1; margin-bottom: -4px; color: #C9D6CD; text-decoration-color: #FF4D4D; text-decoration-thickness: 2px; }
.v2-fixo .v2-fixo-img { height: 76px; margin: -30px 0 -12px; filter: drop-shadow(0 6px 12px rgba(0,0,0,.45)); transform-origin: 50% 70%;
    animation: fixo-pulsa 3.2s ease-in-out 1s infinite; }
@keyframes fixo-pulsa { 0%, 70%, 100% { transform: scale(1) rotate(0); } 78% { transform: scale(1.14) rotate(-3deg); } 86% { transform: scale(.97) rotate(1deg); } 93% { transform: scale(1.06); } }
.v2-fixo-botao { padding: 14px 24px; font-size: 1.1rem; }
@media (max-width: 760px) { .v2-fixo .v2-fixo-img { height: 70px; } }
@media (prefers-reduced-motion: reduce) { .v2-fixo .v2-fixo-img { animation: none; } }
.v2-fixo-preco { position: relative; }
.v2-fixo-preco s { position: absolute; left: 4px; top: 50%; transform: translateY(-50%); margin: 0; font-size: .74rem; z-index: 1; }
.v2-fixo .v2-fixo-img { height: 88px; margin: -42px 0 -14px 28px; }
@media (max-width: 760px) { .v2-fixo .v2-fixo-img { height: 84px; } }
.v2-fixo-preco s { top: auto; bottom: 100%; transform: none; left: -4px; margin-bottom: 6px; padding: 3px 9px; border-radius: 999px; background: #0B1F14; color: #E6EEE9; font-size: .72rem; box-shadow: 0 4px 10px rgba(0,0,0,.3); }
.v2-fixo .v2-fixo-img { margin-left: 0; }
.v2-fixo-preco s { bottom: calc(100% + 26px); left: 0; }
/* ===== v9 (06/10): celular com o livro sempre visível + frases que gritam ===== */
/* preço: círculo escuro translúcido atrás */
.v5-preco { isolation: isolate; }
.v5-preco::before { content: ""; position: absolute; left: 50%; top: 52%; width: 118%; aspect-ratio: 1; transform: translate(-50%, -50%); border-radius: 50%; z-index: -1;
    background: radial-gradient(circle, rgba(8, 24, 15, .72) 0%, rgba(8, 24, 15, .55) 55%, rgba(8, 24, 15, 0) 72%); backdrop-filter: blur(3px); -webkit-backdrop-filter: blur(3px); }
@media (max-width: 899px) {
    /* a foto entra no fluxo: texto em cima, pessoa inteira com o livro no meio, botão embaixo — nada cobre o tablet */
    .v5-hero { min-height: 0; display: grid; grid-template-columns: 100%; grid-template-areas: "marca" "titulo" "sub" "foto" "acao" "fonte"; padding-bottom: 18px; }
    .v5-conteudo { display: contents; }
    .v5-marca { grid-area: marca; padding: 16px 18px 0; } .v5-titulo { grid-area: titulo; padding: 0 18px; } .v5-sub { grid-area: sub; padding: 0 18px; }
    .v5-acao { grid-area: acao; margin: -6px 0 0; padding: 0 16px; position: relative; z-index: 2; } .v5-fonte { grid-area: fonte; padding: 0 18px; }
    .v5-hero .v5-foto { grid-area: foto; position: relative; inset: auto; top: auto; left: auto; justify-self: center;
        width: 124%; max-width: none; height: 112vw; max-height: 62svh; object-fit: cover; object-position: 50% 34%; margin-top: 8px; }
    .v5-veu { grid-area: foto; position: relative; inset: auto; margin-top: 8px; z-index: 1;
        background: linear-gradient(180deg, #0E2A19 0%, rgba(14,42,25,0) 14%, rgba(14,42,25,0) 82%, #0E2A19 100%); }
    .v5-preco { grid-area: foto; position: relative; top: auto; right: auto; left: auto; align-self: start; justify-self: start; z-index: 2; margin: 22% 0 0 8px; width: 150px; }
}
/* "o diabetes mais que dobrou" toma a tela */
.v2-dado-grito small { display: block; font-size: clamp(1.1rem, 4vw, 1.5rem); font-weight: 700; opacity: .8; margin-bottom: 4px; }
.v2-dado-grito span { display: block; font-size: clamp(2.6rem, 11.5vw, 5.6rem); line-height: .98; font-weight: 900; letter-spacing: -.03em; color: #E14E12; }
/* "O próximo pode ser você!" — gritante */
.v2-alerta h2.v2-alerta-chamada { font-size: clamp(2.8rem, 13vw, 6.4rem); line-height: .95; text-transform: uppercase; letter-spacing: -.02em; color: #FFD23F;
    text-shadow: 0 0 30px rgba(255, 106, 43, .55); animation: grito 3.5s ease-in-out 1s infinite; }
@keyframes grito { 0%, 84%, 100% { transform: none; } 87% { transform: translateX(-4px) rotate(-1deg); } 90% { transform: translateX(4px) rotate(1deg); } 93% { transform: translateX(-2px); } }
/* +500 enorme */
.v2-prova .v2-numero { font-size: clamp(5.5rem, 28vw, 11rem); line-height: .9; color: #E14E12; font-weight: 900; letter-spacing: -.04em; }
/* "Você não come demais..." acalma: mesma família, letra leve; o resto forte */
.v2-dores-titulo { font-weight: 800; }
.v2-dores-titulo .v2-calma { display: block; font-weight: 300; font-size: 1.08em; color: #2E6B45; margin-bottom: 8px; letter-spacing: 0; }
/* cavalo de Troia no "inimigo disfarçado" */
.v2-troia { margin: 0 auto 18px; width: min(560px, 100%); padding: 14px; border-radius: 18px; background: #F3EFE4; box-shadow: 0 18px 40px rgba(0, 0, 0, .35); }
.v2-troia img { display: block; width: 100%; height: auto; }
@media (prefers-reduced-motion: reduce) { .v2-alerta h2.v2-alerta-chamada { animation: none; } }
@media (max-width: 899px) {
    .v5-hero .v5-foto { width: 112%; object-position: 50% 26%; }
    .v5-preco { margin: 16% 0 0 4px; width: 146px; }
}
.v5-preco::before { width: 104%; background: radial-gradient(circle, rgba(8,24,15,.7) 0%, rgba(8,24,15,.5) 50%, rgba(8,24,15,0) 70%); }
/* barra que acompanha: preço +20% */
.v2-fixo .v2-fixo-img { height: 106px; margin-top: -54px; }
@media (max-width: 760px) { .v2-fixo .v2-fixo-img { height: 100px; } }
@media (max-width: 899px) { .v5-hero .v5-foto { width: 106%; object-position: 54% 54%; } .v5-preco { margin-top: 12%; } }
.v2 { overflow-x: clip; }
.v2-alerta h2.v2-alerta-chamada { font-size: clamp(2.4rem, 11vw, 6.4rem); overflow-wrap: anywhere; }
/* ===== v10 (06/10): comunicação mediana — jovem, porém inteligível ===== */
.v2-fonte strong, .v2-prova strong { font-weight: 800; }
/* o diabetes mais que dobrou: 80% da largura do celular */
@media (max-width: 899px) { .v2-dado-grito span { max-width: 80vw; font-size: 13.4vw; } }
/* O PRÓXIMO largura total; PODE SER / VOCÊ! tamanho padrão */
.v2-alerta h2.v2-alerta-chamada { font-size: inherit; overflow-wrap: normal; }
.v2-alerta-chamada .v2-ch1 { display: block; font-size: clamp(3rem, 17.5vw, 7.5rem); line-height: .92; white-space: nowrap; }
.v2-alerta-chamada .v2-ch2 { display: block; font-size: clamp(2.2rem, 11vw, 5rem); line-height: 1; }
/* +500 com o que é */
.v2-prova .v2-numero small { display: block; font-size: clamp(1.2rem, 5.4vw, 2rem); letter-spacing: 0; font-weight: 800; color: #14532D; margin-top: 4px; }
/* Você não come demais: negrito calmo, azul-petróleo; o resto no nosso verde, sem negrito */
.v2-dores-titulo { font-weight: 400; color: #14532D; }
.v2-dores-titulo .v2-calma { font-weight: 700; color: #1F5F6B; font-size: 1.12em; }
/* inimigo disfarçado de comida (negrito) prática (sem negrito) */
.v2-viloes-titulo { font-weight: 400; } .v2-viloes-titulo strong { font-weight: 900; } .v2-viloes-titulo span { font-weight: 300; }
/* celular: as frases de efeito tomam a largura da tela */
@media (max-width: 899px) {
    .v2 .v2-titulo { font-size: clamp(1.6rem, 7.6vw, 2.2rem); line-height: 1.12; }
    .v2-viloes-titulo { font-size: clamp(2rem, 9.6vw, 2.8rem) !important; }
}
.v2-alerta h2.v2-alerta-chamada { font-weight: 900; color: #FFD23F; }
.v2-alerta-chamada .v2-ch1 { font-size: clamp(2.8rem, 15.2vw, 7rem); }
.v2 h2.v2-viloes-titulo span { display: inline; font-size: 1em; font-weight: 300; color: inherit; letter-spacing: inherit; }
.v2 h2.v2-alerta-chamada span { font-weight: 900; color: #FFD23F; opacity: 1; letter-spacing: -.02em; }
.v2-alerta-chamada .v2-ch1 { font-size: clamp(2.6rem, 13.6vw, 7rem); }
.v2 h2.v2-dado-grito span, .v2 h2.v2-dores-titulo span { margin-top: 0; }
/* ===== v11 (06/10): celular — sem preço na frente da pessoa (fica o da barra), título maior, livro sempre visível ===== */
@media (max-width: 899px) {
    .v5-preco { display: none; }
    .v5-titulo { font-size: clamp(1.9rem, 9vw, 2.8rem); line-height: 1.04; }
    .v5-sub { font-size: 1.05rem; }
    .v5-hero .v5-foto { width: 112%; height: 108vw; max-height: 56svh; object-position: 52% 60%; }
    .v5-botao { display: none; }               /* a barra fixa com o preço e "Comprar" já está sempre na tela */
    .v5-hero { padding-bottom: 96px; }          /* espaço para a barra fixa não cobrir o livro */
}
/* ===== topo do computador com imagem horizontal própria (hero_pc): uma comunicação só, sem corte ===== */
.v5-foto-pc { display: none; }
@media (min-width: 900px) {
    .v5-hero.com-pc { background: #0E2A19; }
    .v5-hero.com-pc .v5-foto { display: none; }
    .v5-hero.com-pc .v5-foto-pc { display: block; position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: 70% 30%; z-index: -2; }
    .v5-hero.com-pc .v5-veu { background: linear-gradient(90deg, rgba(10,32,19,.94) 0%, rgba(10,32,19,.86) 30%, rgba(10,32,19,.45) 48%, rgba(10,32,19,0) 60%); }
    .v5-hero.com-pc .v5-conteudo { max-width: 1240px; }
}
/* ===== v12: nenhuma parte da pessoa cortada (autor 06/10) ===== */
@media (max-width: 899px) {
    .v5-hero .v5-foto { width: 100%; height: auto; max-height: none; aspect-ratio: 1080 / 1250; object-fit: cover; object-position: 50% 62%; }
    .v5-veu { background: linear-gradient(180deg, #0E2A19 0%, rgba(14,42,25,0) 10%, rgba(14,42,25,0) 90%, #0E2A19 100%); }
}
@media (min-width: 900px) {
    /* a imagem horizontal aparece inteira: altura acompanha a proporção da foto, só a cozinha vazia da esquerda pode sobrar */
    .v5-hero.com-pc, .v5-hero.com-pc .v5-conteudo { min-height: max(42.5vw, 720px); }
    .v5-hero.com-pc .v5-foto-pc { object-position: 78% 0; }
}
/* ===== v13 (celular): a faixa escura termina 5 px depois de "açúcar."; o subtítulo fica sobre a foto; pessoa mais alta ===== */
@media (max-width: 899px) {
    .v5-titulo { padding-bottom: 5px; }
    .v5-hero .v5-foto { margin-top: 0; object-position: 50% 76%; }
    .v5-veu { margin-top: 0; background: linear-gradient(180deg, rgba(14,42,25,0) 0%, rgba(14,42,25,0) 88%, #0E2A19 100%); }
    .v5-sub { grid-area: foto; align-self: start; justify-self: start; z-index: 2; margin: 10px 0 0 14px; padding: 6px 12px !important; border-radius: 10px;
        background: rgba(10, 32, 19, .62); backdrop-filter: blur(4px); -webkit-backdrop-filter: blur(4px); font-size: .95rem; max-width: 85%; }
}
@media (max-width: 899px) { .v5-hero .v5-foto { object-position: 50% 56%; } }
@media (max-width: 899px) { .v5-hero .v5-foto { object-position: 50% 46%; } .v5-sub { font-size: .88rem; margin-top: 8px; } }
/* ===== v14 (celular): subtítulo vai para baixo da nota do rótulo; pessoa o mais alto possível sem cortar a cabeça ===== */
@media (max-width: 899px) {
    .v5-hero { grid-template-areas: "marca" "titulo" "foto" "acao" "fonte" "sub"; }
    .v5-sub { grid-area: sub; align-self: auto; justify-self: center; margin: 14px 0 0; padding: 0 18px !important; background: none; backdrop-filter: none; -webkit-backdrop-filter: none;
        font-size: 1.15rem; font-weight: 800; text-align: center; max-width: none; }
    .v5-hero .v5-foto { object-position: 50% 53%; }
}
/* ===== v15 (PC): a foto horizontal fica dentro do bloco (não colada no canto), inteira, com as bordas sumindo no verde ===== */
@media (min-width: 900px) {
    .v5-hero.com-pc { background: radial-gradient(70% 90% at 70% 50%, #17402A, #0B2416 75%); }
    .v5-hero.com-pc .v5-foto-pc { inset: 0 auto 0 auto; right: max(0px, calc(50% - 640px)); width: auto; height: 100%; max-width: 72%; object-fit: cover; object-position: 64% 0;
        -webkit-mask-image: linear-gradient(90deg, transparent 0, #000 30%, #000 90%, transparent 100%); mask-image: linear-gradient(90deg, transparent 0, #000 30%, #000 90%, transparent 100%); }
    .v5-hero.com-pc .v5-veu { background: none; }
}
/* ===== v16 (PC): imagem de fora a fora, sem esfumaçar as bordas; altura acompanha a proporção (pessoa sempre inteira); conteúdo no max-width ===== */
@media (min-width: 900px) {
    .v5-hero.com-pc, .v5-hero.com-pc .v5-conteudo { min-height: calc(100vw / 1.9); }
    .v5-hero.com-pc .v5-foto-pc { inset: 0; right: 0; left: 0; width: 100%; height: 100%; max-width: none; object-fit: cover; object-position: 100% 0;
        -webkit-mask-image: none; mask-image: none; }
    .v5-hero.com-pc .v5-veu { background: linear-gradient(90deg, rgba(10,32,19,.82) 0%, rgba(10,32,19,.62) 32%, rgba(10,32,19,0) 50%); }
}
/* ===== v17 (PC): a pessoa fica DENTRO do bloco de conteúdo (1240 px) em qualquer tela; a foto cobre de fora a fora sem esfumaçar ===== */
@media (min-width: 900px) {
    .v5-hero.pc-ancora {
        --x: calc(50% + 330px);                                     /* centro da pessoa: coluna da direita do bloco */
        --w: max(calc(700px * var(--r)), calc((50vw - 330px) / (1 - var(--f))), calc((50vw + 330px) / var(--f)));  /* largura que cobre a tela toda */
        min-height: calc(var(--w) / var(--r));
    }
    .v5-hero.pc-ancora .v5-conteudo { min-height: calc(var(--w) / var(--r)); }
    .v5-hero.pc-ancora .v5-foto-pc { inset: 0 auto auto auto; width: var(--w); height: calc(var(--w) / var(--r)); max-width: none;
        left: calc(var(--x) - var(--f) * var(--w)); object-fit: fill; -webkit-mask-image: none; mask-image: none; }
}
@media (min-width: 900px) {
    .v5-hero.pc-ancora { --w: max(calc(840px * var(--r)), calc((50vw - 330px) / (1 - var(--f))), calc((50vw + 330px) / var(--f))); }
}
/* ===== v18 (tablet em pé, 600–899 px): usa a foto horizontal, de ponta a ponta, na altura da tela — o livro não fica atrás da barra do preço ===== */
@media (min-width: 600px) and (max-width: 899px) {
    .v5-hero.com-pc .v5-foto { display: none; }
    .v5-hero.com-pc .v5-foto-pc { display: block; grid-area: foto; position: relative; inset: auto; width: 100%; max-width: none;
        height: clamp(380px, calc(100svh - 64px - 330px), 760px); object-fit: cover; object-position: calc(var(--f, .68) * 100%) 0; z-index: 0; }
    .v5-hero.com-pc .v5-veu { display: none; }
    .v5-titulo { font-size: clamp(2.4rem, 6.4vw, 3.4rem); }
    .v5-marca { font-size: .9rem; }
    .v5-hero { padding-bottom: 120px; }
}
/* ===== abertura v2 (07/10): colheres entram contando 1…7, "Quer comer isso?" ~1 s, some; toque pula ===== */
.v5-choque { pointer-events: auto; cursor: pointer; animation: v5-sai .35s ease-in 2.75s forwards; }
.v5-colheres span { animation-delay: calc(var(--i) * .18s); }
.v5-contador { position: relative; height: 5.6rem; width: 100%; margin: 6px 0 0; font: 900 5.6rem/1 "Archivo", sans-serif; color: #FFD23F; text-align: center; }
.v5-contador span { position: absolute; left: 0; right: 0; opacity: 0; animation: v5-num .18s steps(1) calc(var(--i) * .18s) forwards; }
.v5-contador span:not(:last-child) { animation: v5-num-pisca .18s steps(1) calc(var(--i) * .18s) forwards; }
@keyframes v5-num { to { opacity: 1; } }
@keyframes v5-num-pisca { 0% { opacity: 1; transform: scale(1.12); } 99% { opacity: 1; } 100% { opacity: 0; } }
.v5-sete-txt { animation-delay: 1.15s; }
.v5-pergunta { margin: 14px 0 0; font: 900 clamp(2rem, 9vw, 3.4rem)/1.05 "Archivo", sans-serif; color: #fff; background: #EC7000; padding: .1em .35em; border-radius: 6px;
    opacity: 0; transform: scale(.6); animation: v5-pula .3s cubic-bezier(.3, 1.6, .6, 1) 1.5s forwards; }
.v5-pular { position: absolute; bottom: 18px; font: 600 .78rem "Archivo", sans-serif; color: rgba(255,255,255,.55); }
/* o conteúdo entra depois da abertura */
.v5-marca { animation-delay: 2.85s !important; } .v5-titulo { animation-delay: 2.9s !important; } .v5-sub { animation-delay: 3.05s !important; }
.v5-preco { animation-delay: 3.2s !important; } .v5-acao { animation-delay: 3.3s !important; } .v5-fonte { animation-delay: 3.4s !important; }
/* tocou: pula a abertura na hora */
.v5-hero.pulou .v5-choque { animation: none; opacity: 0; visibility: hidden; transition: opacity .2s; }
.v5-hero.pulou .v5-conteudo > *, .v5-hero.pulou .v5-preco { animation-delay: 0s !important; }
@media (prefers-reduced-motion: reduce) { .v5-choque { display: none; } }
/* abertura v2 compacta: cabe em qualquer celular */
.v5-choque { justify-content: center; gap: 0; padding: 0 12px; }
.v5-lata { width: 58px; margin-bottom: 8px; }
.v5-colheres { grid-template-columns: repeat(2, 84px); gap: 0 26px; }
.v5-colheres span { width: 84px; }
.v5-colheres b { font-size: 1rem; right: -16px; top: 3px; }
.v5-contador { height: 4.4rem; font-size: 4.4rem; margin-top: 4px; }
.v5-sete-txt { font-size: 1.1rem; }
.v5-pergunta { margin-top: 12px; }
.v5-choque { bottom: auto; height: min(100%, calc(100svh - 64px)); }
.v5-contador { margin-bottom: 6px; }
.v5-pergunta { font-size: clamp(1.7rem, 7.6vw, 3.2rem); }
/* ===== v19 (07/10): MEDO no 7 · celular usa a foto horizontal (pessoa e livro sempre inteiros, ACIMA da barra do preço) · foto real de açúcar ===== */
.v5-titulo .v5-sete7 { display: inline-block; font-size: 1.45em; line-height: .8; color: #fff; background: #B33A00; padding: 0 .12em; margin-right: .08em; border-radius: 4px; vertical-align: -.06em; }
.v5-contador { color: #E0480B; font-size: 5.6rem; height: 5.6rem; }
@media (max-width: 899px) {
    .v5-hero.com-pc .v5-foto { display: none; }
    .v5-hero.com-pc .v5-foto-pc { display: block; grid-area: foto; position: relative; inset: auto; width: 100%; max-width: none; z-index: 0;
        height: clamp(300px, calc(100svh - 64px - 270px - 104px), 640px); object-fit: cover; object-position: calc(var(--f, .68) * 100%) 0; }
    .v5-hero.com-pc .v5-veu { display: none; }
}
.v5-choque.com-acucar { background: linear-gradient(180deg, rgba(8,20,12,.25), rgba(8,20,12,.65)), var(--acucar) center / cover no-repeat; }
.v5-choque.com-acucar .v5-lata, .v5-choque.com-acucar .v5-colheres { display: none; }
/* ===== v20 (07/10): consertos sem mexer no resto ===== */
/* o 7 maior NÃO empurra a linha: fica inline e não aumenta a altura da linha */
.v5-titulo .v5-sete7 { display: inline; font-size: 1.3em; line-height: 0; vertical-align: baseline; padding: 0 .1em; }
/* celular: a pessoa CENTRALIZADA na foto horizontal (sem buraco à esquerda); preço e barra não mudam */
@media (max-width: 899px) {
    .v5-hero.com-pc .v5-foto-pc { --h: clamp(300px, calc(100svh - 64px - 270px - 104px), 640px); height: var(--h);
        object-position: calc(50vw - var(--f, .68) * var(--h) * var(--r, 2.357)) 0; }
}
/* abertura com a FOTO REAL do açúcar: o texto fica em cima, o monte de açúcar aparece embaixo */
.v5-choque.com-acucar { justify-content: flex-start; padding-top: 9svh; background: linear-gradient(180deg, rgba(6,14,9,.78) 0%, rgba(6,14,9,.35) 38%, rgba(6,14,9,0) 55%), var(--acucar) center 70% / cover no-repeat; }
.v5-choque.com-acucar .v5-contador { text-shadow: 0 4px 24px rgba(0,0,0,.6); }
.v5-choque.com-acucar .v5-sete-txt { text-shadow: 0 2px 12px rgba(0,0,0,.8); }
.v5-pergunta { font-size: clamp(1.45rem, 6.6vw, 3rem); max-width: 92vw; text-align: center; }
.v5-choque.com-acucar .v5-contador { font-size: 7rem; height: 7rem; }
/* SUA VISÃO. SEUS RINS. SUAS PERNAS E PÉS. — grande; a explicação menor e legível */
.v2-orgaos { background: #0A0A0A; color: #fff; padding: 56px 0 48px; text-align: center; }
.v2-orgao { margin: 0; font: 900 clamp(2.6rem, 12vw, 6.5rem)/1 "Archivo", sans-serif; letter-spacing: -.03em; text-transform: uppercase; color: #fff; }
.v2-orgao:nth-child(2) { color: #FFD23F; } .v2-orgao:nth-child(3) { color: #E0480B; }
.v2-orgaos-nota { max-width: 34em; margin: 22px auto 0; font: 500 .95rem/1.5 "Archivo", sans-serif; color: #C9D2CC; }
.v2-orgao { font-size: clamp(2.2rem, 10.5vw, 6.5rem); }
/* o 7 da abertura IGUAL ao 7 do título: algarismo branco num bloco laranja escuro */
.v5-contador span { left: 50%; right: auto; transform: translateX(-50%); color: #fff; background: #B33A00; padding: 0 .14em; border-radius: 6px; line-height: 1.05; }
.v5-choque.com-acucar .v5-contador { text-shadow: none; }
/* ===== abertura: IMPACTO — 7, frase e pergunta tomam a tela, na identidade do título ===== */
.v5-choque.com-acucar { padding-top: 6svh; }
.v5-choque .v5-contador { font-size: 6.2rem; height: 6.8rem; }
.v5-choque .v5-sete-txt { margin: 10px 0 0; max-width: 94vw; text-align: center; text-transform: uppercase; color: #fff;
    font: 900 clamp(2.1rem, 11vw, 4.6rem)/.98 "Archivo", sans-serif; letter-spacing: -.02em; text-shadow: 0 4px 22px rgba(0,0,0,.75); }
.v5-choque .v5-sete-txt span { background: #EC7000; padding: 0 .12em; -webkit-box-decoration-break: clone; box-decoration-break: clone; border-radius: 4px; text-shadow: none; }
.v5-choque .v5-pergunta { margin-top: 18px; font-size: clamp(1.9rem, 9.6vw, 3.8rem); line-height: 1.02; padding: .12em .3em; background: #fff; color: #B33A00; text-transform: uppercase; letter-spacing: -.02em; }
/* ===== abertura sem contagem (07/10): só a imagem do açúcar + a pergunta; some e entra o título ===== */
.v5-choque { animation: v5-sai .35s ease-in 1.9s forwards; }
.v5-choque.com-acucar { justify-content: center; padding-top: 0; background: linear-gradient(180deg, rgba(6,14,9,.55) 0%, rgba(6,14,9,.15) 45%, rgba(6,14,9,0) 60%), var(--acucar) center 70% / cover no-repeat; }
.v5-choque .v5-pergunta { margin: 0 0 22vh; animation-delay: .25s; font-size: clamp(2.2rem, 11vw, 4.4rem); }
.v5-marca { animation-delay: 2s !important; } .v5-titulo { animation-delay: 2.05s !important; } .v5-sub { animation-delay: 2.2s !important; }
.v5-preco { animation-delay: 2.3s !important; } .v5-acao { animation-delay: 2.4s !important; }
.v2-nota-rotulo { margin: 0 auto; padding: 14px 18px 28px; font: 400 .78rem/1.45 "Archivo", sans-serif; color: #6B655A; }
/* ===== CARIMBO (07/10): cada parte da pergunta bate na tela — PÁ, PÁ, PÁ — e some ===== */
.v5-choque { animation: v5-sai .35s ease-in 2.15s forwards; }
.v5-choque .v5-pergunta.v5-carimbo { background: none; padding: 0; opacity: 1; transform: none; animation: none; display: flex; flex-direction: column; align-items: center; gap: 10px; margin: 0 0 20vh; }
.v5-carimbo span { display: block; background: #fff; color: #B33A00; padding: .06em .28em; border-radius: 6px; box-shadow: 0 10px 30px rgba(0,0,0,.45);
    font: 900 clamp(2.2rem, 11vw, 4.6rem)/1 "Archivo", sans-serif; text-transform: uppercase; letter-spacing: -.02em;
    opacity: 0; transform: scale(2.6) rotate(-4deg); animation: v5-carimbo .26s cubic-bezier(.2, 1.4, .5, 1) calc(.15s + var(--k) * .42s) forwards; }
.v5-carimbo span:nth-child(2) { --rot: 2deg; } .v5-carimbo span:nth-child(3) { --rot: -1.5deg; background: #B33A00; color: #fff; }
@keyframes v5-carimbo { 0% { opacity: 0; transform: scale(2.6) rotate(-6deg); } 70% { opacity: 1; transform: scale(.94) rotate(var(--rot, -2deg)); } 100% { opacity: 1; transform: scale(1) rotate(var(--rot, -2deg)); } }
/* a tela treme a cada batida */
.v5-choque.com-acucar { animation: v5-treme .42s ease-out .3s 3, v5-sai .35s ease-in 2.15s forwards; }
@keyframes v5-treme { 0% { background-position: center 70%; } 10% { background-position: calc(50% - 6px) calc(70% + 4px); } 20% { background-position: calc(50% + 5px) calc(70% - 3px); } 30%, 100% { background-position: center 70%; } }
.v5-marca { animation-delay: 2.25s !important; } .v5-titulo { animation-delay: 2.3s !important; } .v5-sub { animation-delay: 2.45s !important; }
.v5-preco { animation-delay: 2.55s !important; } .v5-acao { animation-delay: 2.65s !important; }
@media (prefers-reduced-motion: reduce) { .v5-carimbo span { opacity: 1; transform: none; animation: none; } }
.v5-carimbo span { font-size: clamp(1.8rem, 8.4vw, 4rem); white-space: nowrap; }
/* ===== tablet deitado / telas baixas (07/10): o topo nunca passa da altura da tela; pessoa e livro inteiros ===== */
@media (min-width: 900px) {
    .v5-hero.pc-ancora {
        --x: min(calc(50vw + 330px), 70vw);
        --w: max(calc(min(840px, 100svh - 64px) * var(--r)), calc((100vw - var(--x)) / (1 - var(--f))), calc(var(--x) / var(--f)));
    }
}
@media (min-width: 900px) and (max-height: 780px) {
    .v5-hero.com-pc .v5-conteudo { padding-top: 28px; padding-bottom: 24px; }
    .v5-titulo { font-size: clamp(2.2rem, 3.6vw, 3.4rem); }
    .v5-preco { width: 230px; margin-top: 12px; } .v5-acao { margin-top: 14px; }
}
/* ===== v21 (07/10): o 7 não cobre a linha de cima (em nenhuma tela) ===== */
.v5-titulo .v5-sete7 { display: inline-block; font-size: 1.15em; line-height: .85; padding: 0 .1em; vertical-align: -.02em; }
/* ===== tablet em pé (600–899): preço e botão de volta ao topo, sem vazio embaixo ===== */
@media (min-width: 600px) and (max-width: 899px) {
    .v5-hero { grid-template-areas: "marca" "titulo" "foto" "preco" "acao" "fonte" "sub"; padding-bottom: 28px; }
    .v5-preco { display: block; grid-area: preco; position: static; margin: 18px auto 0; width: 300px; text-align: center; opacity: 1; }
    .v5-preco .v5-de { display: block; text-align: left; margin-left: 30px; }
    .v5-botao { display: flex; margin-top: 14px; }
    .v5-acao { margin-top: 0; }
}
/* carimbo: letras 20% maiores e a abertura fica 1 s a mais (autor 07/10) */
.v5-carimbo span { font-size: clamp(2.16rem, 10vw, 4.8rem); }
.v5-choque { animation: v5-sai .35s ease-in 3.15s forwards; }
.v5-choque.com-acucar { animation: v5-treme .42s ease-out .3s 3, v5-sai .35s ease-in 3.15s forwards; }
.v5-marca { animation-delay: 3.25s !important; } .v5-titulo { animation-delay: 3.3s !important; } .v5-sub { animation-delay: 3.45s !important; }
.v5-preco { animation-delay: 3.55s !important; } .v5-acao { animation-delay: 3.65s !important; }
/* ===== tablet em pé: título com o mesmo impacto do celular (+20%) ===== */
@media (min-width: 600px) and (max-width: 899px) {
    .v5-titulo { font-size: clamp(3rem, 8.6vw, 4.4rem); line-height: 1.02; }
}
/* abertura: tremida mais forte, a cada batida do carimbo */
@keyframes v5-treme { 0% { background-position: center 70%; transform: none; } 12% { background-position: calc(50% - 14px) calc(70% + 9px); transform: translate(-6px, 4px) rotate(-.6deg); }
    24% { background-position: calc(50% + 12px) calc(70% - 7px); transform: translate(6px, -3px) rotate(.5deg); } 36% { background-position: calc(50% - 6px) 70%; transform: translate(-3px, 1px); } 48%, 100% { background-position: center 70%; transform: none; } }
.v5-choque.com-acucar { animation: v5-treme .42s ease-out .3s 3, v5-sai .35s ease-in 3.15s forwards; }
.v5-nobr { white-space: nowrap; }
.v5-titulo span.v5-nobr { display: inline; font-size: inherit; font-weight: inherit; color: inherit; margin: 0; }