/* Só as 7 cores da Bruna. Regra de uso:
   creme = fundo | cinza escuro = texto | melancia = único acento (botão, destaque do título, preço)
   rosa = faixa e seções de apoio | bordô = blocos de peso e títulos sobre rosa
   verde lima = marca-texto, um por seção | cinza claro = texto secundário */
:root { --melancia:#E84428; --rosa:#F2A9D4; --bordo:#670826; --esc:#3C3432; --creme:#FFFDF1; --cinza:#7C7573; --lima:#E7F655;
  --txt:var(--esc); --tit:var(--esc); --sombra:0 2px 10px rgba(103,8,38,.08); }
*,*::before,*::after { box-sizing:border-box; }
html { scroll-behavior:smooth; -webkit-text-size-adjust:100%; }
body { margin:0; background:var(--creme); color:var(--esc); font:400 1.0625rem/1.65 "Plus Jakarta Sans",system-ui,sans-serif; }
img { display:block; max-width:100%; height:auto; }
a { color:inherit; }
:focus-visible { outline:3px solid var(--bordo); outline-offset:3px; }
@media (prefers-reduced-motion:reduce) { html { scroll-behavior:auto; } * { transition:none!important; } }
h1,h2,h3 { color:var(--tit); font-weight:800; margin:0 0 .6em; text-wrap:balance; }
h1 { font-size:clamp(1.8rem,4.2vw,2.9rem); line-height:1.28; letter-spacing:-.02em; }
h2 { font-size:clamp(1.5rem,3.4vw,2.1rem); line-height:1.25; letter-spacing:-.015em; }
h3 { font-size:1.2rem; line-height:1.3; }
p { margin:0 0 1em; }
mark { background:linear-gradient(transparent 12%,var(--lima) 12%,var(--lima) 92%,transparent 92%); color:var(--esc); padding:0 .25em; border-radius:4px; font-weight:700; -webkit-box-decoration-break:clone; box-decoration-break:clone; }
.forte { font-weight:700; }
.c { text-align:center; }
.wrap { width:min(1120px,100% - 32px); margin-inline:auto; }
.wrap--texto { width:min(768px,100% - 32px); }
.sec { padding:56px 0; color:var(--txt); }
.sem-topo { padding-top:0; }
.centro { text-align:center; }
.centro > .wrap > h2, .centro > .wrap > .lead, .hero h1, .hero__txt { max-width:768px; margin-inline:auto; }
.lead { font-size:1.125rem; }
.sec--rosa { background:var(--rosa); }
.sec--bordo { background:var(--bordo); --txt:var(--creme); --tit:var(--creme); }
.sec--esc { background:var(--esc); --txt:var(--creme); --tit:var(--creme); }
@media (min-width:768px) { .sec { padding:80px 0; } .sem-topo { padding-top:0; } }
/* topo */
.topo { padding:20px 16px; display:flex; justify-content:center; }
.logo { display:block; width:250px; height:auto; }
.faixa { margin:0; padding:16px; background:var(--rosa); color:var(--bordo); font-weight:700; font-size:clamp(1.1rem,2.4vw,1.5rem); line-height:1.3; text-align:center; }
/* botão */
.btn { display:block; width:min(100%,460px); margin:32px auto 0; padding:17px 28px; background:var(--melancia); color:var(--creme); border-radius:999px; font-weight:700; font-size:1.2rem; line-height:1.3; text-align:center; text-decoration:none; box-shadow:0 12px 30px rgba(232,68,40,.3); transition:transform .15s,box-shadow .15s; }
.btn:hover { transform:translateY(-2px); box-shadow:0 16px 34px rgba(232,68,40,.38); }
/* cards */
.card { background:var(--creme); color:var(--esc); border:1px solid var(--rosa); border-radius:24px; padding:24px; box-shadow:var(--sombra); text-align:left; }
.card h3 { color:var(--esc); }
.card p:last-child { margin-bottom:0; }
.card--ico { display:flex; align-items:center; gap:14px; font-weight:600; line-height:1.35; }
.card--ico p { margin:0; }
.ico { flex:none; display:grid; place-items:center; width:52px; height:52px; border-radius:50%; background:var(--rosa); }
.ico svg { width:26px; height:26px; fill:none; stroke:var(--bordo); stroke-width:1.75; stroke-linecap:round; stroke-linejoin:round; }
.grade { display:grid; gap:16px; list-style:none; padding:0; margin:32px 0 0; }
@media (min-width:640px) { .grade--4,.grade--2,.grade--3 { grid-template-columns:repeat(2,1fr); } .grade--passos { grid-template-columns:repeat(2,1fr); } }
@media (min-width:960px) { .grade--4 { grid-template-columns:repeat(4,1fr); } .card--ico { flex-direction:column; text-align:center; } .grade--3 { grid-template-columns:repeat(3,1fr); } .grade--passos { grid-template-columns:repeat(6,1fr); } .grade--passos li { grid-column:span 2; } .grade--passos li:nth-child(4) { grid-column:2 / span 2; } }
/* hero */
.hero { text-align:center; padding-top:36px; }
.hero h1 { max-width:980px; margin-bottom:0; font-size:clamp(1.5rem,2.8vw,2.125rem); line-height:1.25; }
.hero em { font-style:normal; color:var(--melancia); }
.hero__img { display:block; width:min(100%,600px); margin:24px auto; }
.hero__img { margin-bottom:8px; }
.hero__nota { margin:0 0 28px; color:var(--cinza); font-size:.82rem; }
.hero__txt { font-size:1.125rem; }
/* placeholders */
.ph { display:grid; place-items:center; width:100%; padding:20px; border:2px dashed var(--cinza); border-radius:24px; color:var(--cinza); font-size:.9rem; font-weight:600; text-align:center; }
.ph--print { aspect-ratio:2/3; }
.depo { align-items:center; }
.depo img { width:100%; border:1px solid var(--rosa); border-radius:18px; box-shadow:var(--sombra); }
.ent__real { border:1px solid var(--rosa); box-shadow:var(--sombra); }
.ph--alta { aspect-ratio:2/3; max-width:420px; margin-inline:auto; }
.foto-cami { display:block; width:100%; max-width:480px; margin-inline:auto; border-radius:24px; }
.ph--foto { aspect-ratio:8/9; max-width:480px; margin-inline:auto; border-color:var(--rosa); color:var(--rosa); }
/* duas colunas */
.duas { display:grid; gap:32px; align-items:center; margin:32px 0; text-align:left; }
.duas > div h2 { text-align:left; }
@media (min-width:860px) { .duas { grid-template-columns:1fr 1fr; gap:56px; } }
.sec > .wrap > .duas--inv { margin:0; }
.pensa { list-style:none; margin:0; padding:0; display:grid; gap:12px; }
@media (min-width:860px) { .duas:has(.pensa) { align-items:stretch; } .pensa { grid-auto-rows:1fr; } }
.pensa li { display:flex; align-items:center; background:var(--melancia); color:var(--creme); padding:16px 22px; border-radius:18px; font-weight:700; font-size:1.2rem; line-height:1.35; }
/* dobra 3: psicóloga com pensamentos flutuando */
.cena { position:relative; overflow:hidden; height:540px; margin:32px 0; background:var(--bordo); border-radius:28px; text-align:center; }
.cena__circulo { position:absolute; left:50%; top:110px; width:290px; aspect-ratio:1; transform:translateX(-50%); border-radius:50%; background:var(--melancia); }
.cena__foto { position:absolute; left:50%; bottom:0; width:auto; height:420px; margin:0; transform:translateX(-50%); }
.flutuantes { position:absolute; inset:0; list-style:none; margin:0; padding:0; }
.flut { position:absolute; display:flex; flex-direction:column; align-items:center; gap:3px; width:44%; padding:8px; background:var(--creme); color:var(--bordo); border-radius:12px; font-weight:600; font-size:.74rem; line-height:1.25; text-align:center; box-shadow:0 8px 18px rgba(60,52,50,.35); animation:flutua 7s ease-in-out infinite; }
.flut span { font-size:1.05rem; line-height:1; }
.flut--1 { top:12px; left:10px; } .flut--2 { top:22px; right:10px; animation-delay:-1.2s; }
.flut--3 { top:270px; left:8px; width:31%; animation-delay:-2.4s; } .flut--4 { top:190px; right:8px; width:31%; animation-delay:-3.6s; }
.flut--5 { bottom:58px; left:10px; animation-delay:-4.8s; } .flut--6 { bottom:14px; right:10px; animation-delay:-6s; }
@media (min-width:860px) {
  .cena { height:640px; }
  .cena__circulo { top:70px; width:500px; }
  .cena__foto { height:600px; }
  .flut { width:clamp(190px,21%,230px); padding:14px; gap:4px; border-radius:14px; font-size:.95rem; line-height:1.3; box-shadow:0 14px 30px rgba(60,52,50,.35); }
  .flut span { font-size:1.3rem; }
  .flut--3,.flut--4 { width:clamp(190px,21%,230px); }
  .flut--5,.flut--6 { bottom:auto; }
  .flut::after { content:""; position:absolute; top:50%; width:32px; height:1px; background:var(--creme); opacity:.7; }
  .flut--1,.flut--3,.flut--5 { left:9%; } .flut--1::after,.flut--3::after,.flut--5::after { left:100%; }
  .flut--2,.flut--4,.flut--6 { right:9%; } .flut--2::after,.flut--4::after,.flut--6::after { right:100%; }
  .flut--1 { top:7%; } .flut--2 { top:11%; animation-delay:-1.2s; }
  .flut--3 { top:38%; left:12%; animation-delay:-2.4s; } .flut--4 { top:42%; right:12%; animation-delay:-3.6s; }
  .flut--5 { top:69%; animation-delay:-4.8s; } .flut--6 { top:73%; animation-delay:-6s; }
}
@keyframes flutua { 0%,100% { transform:translateY(0); } 50% { transform:translateY(-7px); } }
@media (prefers-reduced-motion:reduce) { .flut { animation:none !important; } }
/* virada */
.virada { background:var(--bordo); color:var(--creme); border-radius:24px; padding:36px 24px; max-width:800px; margin:0 auto 40px; }
.virada h2 { color:var(--creme); }
.virada__p { margin:0; font-size:1.25rem; }
/* passos: linha do tempo */
.linha { position:relative; list-style:none; margin:40px auto 0; padding:0 0 0 30px; max-width:980px; display:grid; gap:20px; text-align:left; }
.linha::before { content:""; position:absolute; left:8px; top:10px; bottom:10px; width:2px; background:var(--bordo); opacity:.45; }
.passo { position:relative; background:var(--bordo); color:var(--creme); border-radius:20px; padding:22px; }
.passo::before { content:""; position:absolute; left:-29px; top:34px; width:14px; height:14px; border-radius:50%; background:var(--bordo); }
.passo__selo { display:inline-block; padding:7px 20px; border-radius:999px; background:var(--melancia); color:#171213; font-weight:700; font-size:1rem; line-height:1.3; }
.passo h3 { margin:14px 0 6px; color:var(--creme); }
.passo p { margin:0; }
@media (min-width:760px) {
  .linha { padding:0; gap:28px; }
  .linha::before { left:50%; transform:translateX(-50%); }
  .passo { width:calc(50% - 40px); }
  .passo:nth-child(even) { margin-left:auto; }
  .passo:nth-child(odd)::before { left:auto; right:-47px; }
  .passo:nth-child(even)::before { left:-47px; }
}
/* passos antigos */
.grade--passos h3 { margin-top:14px; }
.num { display:grid; place-items:center; width:42px; height:42px; border-radius:50%; background:var(--melancia); color:var(--creme); font-weight:800; }
/* entregáveis */
.ents { display:grid; gap:40px; margin-top:40px; }
.ent { display:grid; gap:20px; align-items:center; }
.ent img { border-radius:24px; width:100%; }
.ent h3 { font-size:1.45rem; color:var(--bordo); }
.sec--esc .ent h3 { color:var(--lima); }
@media (min-width:768px) { .ent { grid-template-columns:minmax(0,440px) 1fr; gap:48px; } .ents .ent:nth-child(even) img { order:2; } .ents .ent:nth-child(even) { grid-template-columns:1fr minmax(0,440px); } .ents { gap:56px; } .ents,.ent--bonus { max-width:1000px; margin-inline:auto; } }
.ent--bonus { margin-top:32px; }
/* lista com check */
.checks { list-style:none; margin:0 0 24px; padding:0; display:grid; gap:12px; }
.checks li { position:relative; padding-left:42px; }
.checks li::before { content:"✓"; position:absolute; left:0; top:0; width:28px; height:28px; display:grid; place-items:center; background:var(--lima); color:var(--esc); border-radius:50%; font-weight:800; font-size:.9rem; }
/* dobra 7: foto inteira com card por cima */
.foco { position:relative; max-width:1040px; margin-inline:auto; }
.foco__foto { display:block; width:100%; height:auto; aspect-ratio:6/5; object-fit:cover; object-position:100% 50%; border-radius:24px; }
.foco__card { position:relative; margin:-28px 12px 0; padding:22px; background:var(--creme); border-radius:20px; box-shadow:0 14px 34px rgba(60,52,50,.28); }
.foco__card h2 { font-size:1.35rem; line-height:1.25; }
.foco__card .checks { margin:0; gap:10px; font-size:.95rem; line-height:1.35; }
.foco__card .checks li { padding-left:36px; }
.foco__fecho { max-width:760px; margin:28px auto 0; text-align:center; }
.foco__fecho p { margin:0; font-size:1.125rem; }
@media (min-width:900px) {
  .foco__foto { aspect-ratio:auto; }
  .foco__card { position:absolute; left:3.5%; top:50%; width:46%; margin:0; transform:translateY(-50%); padding:26px; }
  .foco__card h2 { font-size:1.5rem; }
}
/* recapitulação */
.recap { list-style:none; margin:0; padding:0; display:grid; gap:12px; }
.recap li { display:flex; align-items:baseline; gap:8px; }
.recap i { flex:1; min-width:16px; border-bottom:2px dotted var(--cinza); transform:translateY(-4px); }
.recap b { white-space:nowrap; }
.recap__fim { text-align:center; margin:28px 0 0; }
/* preço */
.palco3d { container-type:inline-size; width:min(100%,800px); margin:0 auto 40px; }
.palco3d__cena { position:relative; height:70cqw; perspective:130cqw; perspective-origin:50% 50%; isolation:isolate; }
.palco3d__luz { position:absolute; left:21%; top:8%; width:58%; height:83%; border-radius:50%; background:var(--rosa); }
.p3 { position:absolute; left:calc(var(--x) * 1%); top:calc(var(--y) * 1%); width:calc(var(--w) * 1%); height:auto; border-radius:1.4cqw;
  --t:translateZ(calc(var(--tz) * 1cqw)) rotateY(calc(var(--ry) * 1deg)) rotateZ(calc(var(--rz) * 1deg));
  transform:var(--t); animation:p3-flutua 7s ease-in-out infinite;
  box-shadow:0 .25cqw 0 rgba(103,8,38,.55), 0 .5cqw 0 rgba(103,8,38,.35), 0 2.4cqw 3.4cqw rgba(103,8,38,.32); }
@media (max-width:759px) {
  .palco3d__cena { height:93cqw; perspective:140cqw; }
  .palco3d__luz { left:16%; top:12%; width:68%; height:74%; transform:translateZ(-30cqw) scale(1.2); }
  .p3 { --tz:0 !important; --rz:0 !important; --w:28 !important; }
  .p3-palco-calendario { --x:3 !important; --y:.5 !important; --ry:6 !important; }
  .p3-temas-por-nicho { --x:36 !important; --y:.5 !important; --ry:0 !important; }
  .p3-palco-templates { --x:69 !important; --y:.5 !important; --ry:-6 !important; }
  .p3-identidades-visuais { --x:.5 !important; --y:26 !important; --w:26 !important; --ry:14 !important; }
  .p3-kit-de-bios { --x:.5 !important; --y:53 !important; --w:26 !important; --ry:14 !important; }
  .p3-sequencias-stories { --x:73.5 !important; --y:26 !important; --w:26 !important; --ry:-14 !important; }
  .p3-arquivo-infinito { --x:73.5 !important; --y:53 !important; --w:26 !important; --ry:-14 !important; }
  .p3-guia-cfp { --x:18 !important; --y:77.5 !important; --ry:4 !important; }
  .p3-ia-de-conteudo { --x:54 !important; --y:77.5 !important; --ry:-4 !important; }
}
.palco3d__luz { z-index:0; }
.p3 { z-index:1; }
.p3--frente { z-index:6; box-shadow:0 .3cqw 0 rgba(103,8,38,.6), 0 .6cqw 0 rgba(103,8,38,.4), 0 3cqw 4cqw rgba(103,8,38,.42); }
@keyframes p3-flutua { 0%,100% { transform:var(--t) translateY(0); } 50% { transform:var(--t) translateY(-1cqw); } }
.p3-temas-por-nicho { animation-delay:-.8s; } .p3-palco-calendario { animation-delay:-1.6s; } .p3-palco-templates { animation-delay:-2.4s; }
.p3-identidades-visuais { animation-delay:-3.2s; } .p3-sequencias-stories { animation-delay:-4s; } .p3-kit-de-bios { animation-delay:-4.8s; }
.p3-arquivo-infinito { animation-delay:-5.6s; } .p3-guia-cfp { animation-delay:-6.2s; }
@media (prefers-reduced-motion:reduce) { .p3 { animation:none !important; } }
.p3-laptop { position:absolute; z-index:5; left:24%; top:27%; width:52%; height:auto; filter:drop-shadow(0 2.6cqw 2.6cqw rgba(103,8,38,.45)); }
@media (max-width:759px) { .p3-laptop { left:15%; top:27%; width:70%; filter:drop-shadow(0 1.6cqw 1.8cqw rgba(103,8,38,.45)); } }
.preco-card { width:min(100%,560px); margin-inline:auto; background:var(--creme); border:1px solid var(--rosa); border-radius:24px; padding:32px 20px; box-shadow:0 10px 30px rgba(103,8,38,.1); text-align:center; }
.preco__de { margin:0; color:var(--cinza); font-weight:600; }
.preco__parcela { margin:8px 0; color:var(--melancia); font-weight:800; font-size:clamp(2.2rem,8vw,3.2rem); line-height:1.15; letter-spacing:-.02em; }
.pendente { outline:2px dashed var(--cinza); outline-offset:6px; border-radius:6px; } /* remover quando confirmar o parcelamento */
.preco__vista { margin:14px 0 0; font-size:1.15rem; }
.preco-card .btn { margin-top:24px; }
.pagto { list-style:none; display:grid; grid-template-columns:repeat(3,112px); justify-content:center; gap:6px; margin:22px 0 0; padding:0; color:var(--esc); font-size:.82rem; font-weight:600; line-height:1.25; }
.pagto li { display:flex; flex-direction:column; align-items:center; gap:6px; text-align:center; }
.pagto svg { width:26px; height:26px; }
@media (max-width:480px) {
  .preco-card { padding:24px 16px; }
  .preco__de { font-size:.95rem; }
  .preco__parcela { font-size:clamp(1.8rem,9vw,2.2rem); }
  .preco__vista { margin-top:10px; font-size:1rem; }
  .preco-card .btn { margin-top:18px; padding:13px 16px; font-size:1rem; box-shadow:0 8px 20px rgba(232,68,40,.28); }
  .pagto { grid-template-columns:repeat(3,76px); gap:4px; margin-top:16px; font-size:.72rem; }
  .pagto li { gap:4px; }
  .pagto svg { width:20px; height:20px; }
}
/* opções */
.opcao { position:relative; }
.opcao--sim { border:2px solid var(--bordo); }
.marca { display:grid; place-items:center; width:44px; height:44px; border-radius:50%; margin-bottom:12px; font-weight:800; font-size:1.2rem; }
.marca--nao { background:var(--rosa); color:var(--bordo); }
.marca--sim { background:var(--lima); color:var(--esc); }
.fecho { margin-top:36px; }
/* FAQ */
.faq { display:grid; gap:12px; margin-top:32px; }
.faq details { background:var(--creme); border:1px solid var(--rosa); border-radius:18px; padding:0 20px; }
.faq summary { list-style:none; cursor:pointer; display:flex; justify-content:space-between; align-items:center; gap:16px; padding:18px 0; font-weight:700; }
.faq summary::-webkit-details-marker { display:none; }
.faq summary::after { content:"+"; flex:none; display:grid; place-items:center; width:32px; height:32px; border-radius:50%; background:var(--rosa); color:var(--bordo); font-size:1.3rem; line-height:1; transition:transform .2s; }
.faq details[open] summary::after { transform:rotate(45deg); }
.faq details p { margin:0; padding-bottom:18px; }
/* rodapé */
.rodape { background:var(--esc); color:var(--creme); padding:40px 16px; text-align:center; font-size:.9rem; }
.rodape .logo { margin:0 auto 16px; width:220px; }
.rodape p { margin:0; }

/* ==========================================================
   REPAGINAÇÃO VISUAL (nov/2026)
   Mesma copy, mesmas imagens, mesmas 7 cores.
   Muda: título em Bricolage Grotesque, ritmo entre dobras,
   faixa rolante, depoimentos como prints fixados, recibo na
   recapitulação, preço e opções com mais contraste.
   ========================================================== */
:root { --display:"Bricolage Grotesque","Plus Jakarta Sans",system-ui,sans-serif; --raio:28px; }
body { background:var(--creme); color:var(--esc); }
h1,h2,h3 { font-family:var(--display); font-weight:800; letter-spacing:-.025em; }
h2 { font-size:clamp(1.75rem,3.9vw,2.75rem); line-height:1.12; }
h3 { font-size:1.3rem; letter-spacing:-.015em; }
.lead { font-size:1.175rem; }
.sec { padding-block:64px; }
@media (min-width:768px) { .sec { padding-block:104px; } }
.sem-topo { padding-top:0; }

/* topo + faixa rolante */
.topo { padding:22px 16px 18px; }
.logo { width:220px; }
.faixa { padding:0; overflow:hidden; background:var(--bordo); color:var(--creme); font-family:var(--display); font-weight:700; font-size:clamp(1rem,2vw,1.25rem); letter-spacing:-.01em; }
.faixa__trilho { display:flex; width:max-content; animation:faixa 38s linear infinite; }
.faixa__trilho span { display:flex; align-items:center; gap:28px; padding:14px 14px; white-space:nowrap; }
.faixa__trilho span::after { content:""; width:10px; height:10px; border-radius:3px; background:var(--lima); transform:rotate(45deg); }
@keyframes faixa { to { transform:translateX(-50%); } }
@media (prefers-reduced-motion:reduce) { .faixa__trilho { animation:none; } }

/* botão */
.btn { display:flex; align-items:center; justify-content:center; gap:12px; padding:19px 32px; font-size:1.15rem; box-shadow:0 4px 0 var(--bordo), 0 18px 34px rgba(232,68,40,.28); }
.btn::after { content:"→"; font-size:1.25em; line-height:1; transition:transform .2s; }
.btn:hover { transform:translateY(-2px); box-shadow:0 6px 0 var(--bordo), 0 22px 38px rgba(232,68,40,.34); }
.btn:hover::after { transform:translateX(4px); }
.btn:active { transform:translateY(2px); box-shadow:0 2px 0 var(--bordo), 0 10px 20px rgba(232,68,40,.25); }

/* hero */
.hero { position:relative; padding-top:48px; overflow:hidden; }
.hero::before { content:""; position:absolute; left:50%; top:230px; width:min(1100px,140vw); aspect-ratio:2/1; transform:translateX(-50%); border-radius:50%; background:radial-gradient(closest-side,rgba(242,169,212,.55),rgba(242,169,212,0)); pointer-events:none; }
.hero .wrap { position:relative; }
.hero h1 { max-width:1000px; font-size:clamp(2rem,4.8vw,3.6rem); line-height:1.08; letter-spacing:-.035em; }
.hero em { color:var(--melancia); }
.hero__img { width:min(100%,820px); margin:36px auto 6px; filter:drop-shadow(0 24px 40px rgba(103,8,38,.14)); }
.hero__txt { font-size:clamp(1.1rem,1.6vw,1.3rem); max-width:720px; }

/* faixa de benefícios: uma régua com divisórias em vez de 4 cartões */
.grade--4 { gap:0; margin-top:44px; background:var(--creme); border:1.5px solid var(--bordo); border-radius:var(--raio); overflow:hidden; box-shadow:0 6px 0 var(--bordo); }
.grade--4 .card { border:0; border-radius:0; box-shadow:none; background:transparent; padding:24px 22px; }
.grade--4 .card + .card { border-top:1.5px solid rgba(103,8,38,.18); }
@media (min-width:640px) and (max-width:959px) { .grade--4 .card:nth-child(2n) { border-left:1.5px solid rgba(103,8,38,.18); } .grade--4 .card:nth-child(2) { border-top:0; } }
@media (min-width:960px) { .grade--4 .card + .card { border-top:0; border-left:1.5px solid rgba(103,8,38,.18); } .grade--4 .card { padding:30px 22px; } }
.ico { width:56px; height:56px; background:var(--rosa); }
.grade--4 .card:nth-child(4n+2) .ico { background:var(--lima); }
.grade--4 .card:nth-child(4n+3) .ico { background:var(--melancia); }
.grade--4 .card:nth-child(4n+3) .ico svg { stroke:var(--creme); }
.grade--4 .card:nth-child(4n+4) .ico { background:var(--bordo); }
.grade--4 .card:nth-child(4n+4) .ico svg { stroke:var(--creme); }
.card--ico p { font-size:1rem; }

/* depoimentos como prints fixados */
.depo { gap:28px; margin-top:44px; }
.depo img { border:0; border-radius:16px; background:#fff; padding:6px; box-shadow:0 2px 0 rgba(103,8,38,.12), 0 18px 36px rgba(103,8,38,.14); transition:transform .25s; }
.depo img:nth-child(1) { transform:rotate(-1.6deg); }
.depo img:nth-child(2) { transform:rotate(1.2deg) translateY(10px); }
.depo img:nth-child(3) { transform:rotate(-.8deg); }
.depo img:hover { transform:rotate(0) scale(1.02); }

/* dor */
.cena { border-radius:36px; }
.flut { border-radius:16px; }

/* virada */
.virada { position:relative; max-width:880px; padding:clamp(36px,6vw,64px) clamp(24px,5vw,56px); border-radius:36px; margin-bottom:56px; overflow:hidden; }
.virada::before, .virada::after { content:""; position:absolute; border-radius:50%; pointer-events:none; }
.virada::before { width:220px; height:220px; right:-70px; top:-70px; background:var(--melancia); opacity:.9; }
.virada::after { width:120px; height:120px; left:-40px; bottom:-50px; background:var(--rosa); opacity:.9; }
.virada > * { position:relative; }
.virada h2 { font-size:clamp(1.7rem,3.6vw,2.6rem); }
.virada__p { font-family:var(--display); font-size:1.5rem; margin-top:8px; }

/* passos */
.sec--rosa h2 { color:var(--bordo); }
.passo { background:var(--creme); color:var(--esc); border-radius:24px; padding:26px; box-shadow:0 5px 0 var(--bordo); }
.passo h3 { color:var(--bordo); font-size:1.4rem; }
.passo__selo { color:var(--creme); font-family:var(--display); letter-spacing:.01em; }
.passo::before { background:var(--lima); border:3px solid var(--bordo); width:18px; height:18px; }
@media (min-width:760px) { .passo:nth-child(odd)::before { right:-49px; } .passo:nth-child(even)::before { left:-49px; } }
.linha::before { opacity:.8; }

/* entregáveis */
.ents { gap:56px; margin-top:56px; }
@media (min-width:768px) { .ents { gap:88px; } }
.ent img { border-radius:var(--raio); box-shadow:0 22px 44px rgba(103,8,38,.14); transition:transform .3s; }
.ent:hover img { transform:rotate(-1.2deg) scale(1.015); }
.ents .ent:nth-child(even):hover img { transform:rotate(1.2deg) scale(1.015); }
.ent h3 { font-size:clamp(1.5rem,2.6vw,2rem); line-height:1.12; letter-spacing:-.03em; }
.ent p { font-size:1.06rem; }
.sec--esc { position:relative; overflow:hidden; }
.sec--esc h2 { font-size:clamp(1.9rem,4.2vw,3rem); }
.ent--bonus { margin-top:48px; }
.ent--bonus h3 { font-size:clamp(1.7rem,3vw,2.3rem); }

/* identificação */
.foco__foto { border-radius:36px; }
.foco__card { border-radius:28px; }
.foco__card h2 { font-size:clamp(1.4rem,2.2vw,1.8rem); }

/* recapitulação como recibo */
.sec--rosa .wrap--texto > .card { position:relative; margin-top:40px; padding:36px clamp(20px,4vw,40px) 40px; border:0; border-radius:6px; box-shadow:0 26px 50px rgba(103,8,38,.18);
  -webkit-mask:radial-gradient(circle 9px at 50% 0,#0000 98%,#000) 0 0/22px 51% repeat-x, radial-gradient(circle 9px at 50% 100%,#0000 98%,#000) 0 100%/22px 51% repeat-x;
          mask:radial-gradient(circle 9px at 50% 0,#0000 98%,#000) 0 0/22px 51% repeat-x, radial-gradient(circle 9px at 50% 100%,#0000 98%,#000) 0 100%/22px 51% repeat-x; }
.recap { gap:14px; font-size:1.02rem; }
.recap b { font-family:var(--display); font-size:1.08rem; color:var(--bordo); font-variant-numeric:tabular-nums; }
.recap i { border-bottom:2px dotted rgba(124,117,115,.6); }
.recap__fim { font-size:1.2rem; max-width:640px; margin:36px auto 0; }

/* preço */
.preco-card { width:min(100%,580px); padding:0 0 32px; border:2px solid var(--bordo); border-radius:32px; overflow:hidden; box-shadow:0 8px 0 var(--bordo), 0 30px 60px rgba(103,8,38,.18); }
.preco__de { padding:16px 20px; background:var(--bordo); color:var(--rosa); font-size:1.05rem; }
.preco__de s { color:var(--creme); text-decoration-color:var(--melancia); text-decoration-thickness:3px; }
.preco__parcela { margin:28px 20px 8px; font-family:var(--display); font-size:clamp(2.4rem,8vw,3.8rem); letter-spacing:-.04em; }
.preco__vista { margin-inline:20px; font-size:1.25rem; font-weight:600; }
.preco-card .btn { width:auto; margin:28px 24px 0; }
.pagto { margin-top:24px; }
@media (max-width:480px) { .preco-card { padding:0 0 24px; } .preco-card .btn { margin:20px 16px 0; } .preco__parcela { margin-top:22px; } }

/* sobre a Camila */
.sec--bordo h2 { font-size:clamp(2rem,4.2vw,3rem); }
.foto-cami { position:relative; border-radius:32px; box-shadow:18px 18px 0 var(--melancia); transform:rotate(1.5deg); }
@media (max-width:859px) { .foto-cami { box-shadow:12px 12px 0 var(--melancia); margin-right:12px; } }

/* duas opções */
.opcao { padding:32px 28px; border-radius:var(--raio); }
.opcao:not(.opcao--sim) { background:transparent; border:2px dashed rgba(103,8,38,.35); box-shadow:none; color:rgba(60,52,50,.85); }
.opcao--sim { background:var(--bordo); color:var(--creme); border:0; box-shadow:0 8px 0 var(--esc), 0 26px 50px rgba(103,8,38,.3); }
.opcao--sim h3 { color:var(--lima); }
.opcao h3 { font-size:1.6rem; }
.grade--2 { gap:24px; margin-top:40px; align-items:stretch; }
.fecho { font-size:1.2rem; max-width:720px; margin:44px auto 0; }

/* FAQ */
.faq { gap:12px; margin-top:44px; }
.faq details { border:1.5px solid rgba(103,8,38,.18); border-radius:20px; padding:0 24px; transition:border-color .2s, box-shadow .2s; }
.faq details[open] { border-color:var(--bordo); box-shadow:0 4px 0 var(--bordo); }
.faq summary { padding:20px 0; font-size:1.05rem; }
.faq summary::after { background:var(--bordo); color:var(--creme); }
.faq details[open] summary::after { background:var(--melancia); }
.faq details p { padding-bottom:22px; }

/* rodapé */
.rodape { padding:56px 16px 48px; line-height:1.6; }
.rodape a { color:var(--rosa); }
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.marca--nao{background:transparent;border:2px dashed rgba(103,8,38,.45)}

/* ==========================================================
   VERSÃO CHIQUE: mesma ID, acabamento mais sóbrio.
   Títulos mais leves e amplos, linhas finas, sombras difusas,
   mais respiro, menos rotação e menos peso nos acentos.
   ========================================================== */
:root { --linha:rgba(103,8,38,.16); --sombra-suave:0 1px 2px rgba(103,8,38,.05), 0 24px 60px -24px rgba(103,8,38,.22); }
body { font-weight:400; letter-spacing:-.003em; }
h1,h2,h3 { font-weight:600; }
h1 { letter-spacing:-.04em; }
h2 { font-size:clamp(1.9rem,4vw,3.1rem); line-height:1.08; letter-spacing:-.035em; }
.centro > .wrap > h2, h2.c { max-width:820px; margin-inline:auto; }
h2.c { margin-bottom:.4em; }
.forte { font-weight:600; }
.lead { color:rgba(60,52,50,.88); }
.sec { padding-block:80px; }
@media (min-width:768px) { .sec { padding-block:136px; } }
.sem-topo { padding-top:0; }
mark { font-weight:600; background:linear-gradient(transparent 58%,var(--lima) 58%,var(--lima) 94%,transparent 94%); padding:0 .15em; }

/* topo e faixa: discreta, em caixa alta espaçada */
.topo { padding:28px 16px 22px; }
.faixa { font-family:"Plus Jakarta Sans",system-ui,sans-serif; font-weight:600; font-size:.78rem; letter-spacing:.18em; text-transform:uppercase; }
.faixa__trilho { animation-duration:70s; }
.faixa__trilho span { padding:13px 22px; gap:44px; }
.faixa__trilho span::after { width:5px; height:5px; border-radius:50%; transform:none; background:var(--rosa); }

/* botão: limpo, sem sombra carimbada */
.btn { font-weight:600; font-size:1.08rem; letter-spacing:.005em; padding:20px 36px; box-shadow:0 14px 30px -12px rgba(232,68,40,.55); }
.btn:hover { box-shadow:0 20px 40px -14px rgba(232,68,40,.6); }
.btn:active { box-shadow:0 8px 18px -10px rgba(232,68,40,.5); }

/* hero */
.hero { padding-top:64px; }
.hero h1 { font-weight:600; font-size:clamp(2.1rem,5vw,4rem); line-height:1.04; max-width:960px; }
.hero::before { opacity:.7; }
.hero__img { margin-top:48px; }
.hero__txt { color:rgba(60,52,50,.9); }

/* faixa de benefícios: linhas finas */
.grade--4 { border:1px solid var(--linha); border-radius:24px; box-shadow:var(--sombra-suave); background:rgba(255,253,241,.85); margin-top:56px; }
.grade--4 .card + .card { border-color:var(--linha) !important; border-width:1px !important; }
@media (min-width:640px) and (max-width:959px) { .grade--4 .card:nth-child(2n) { border-left:1px solid var(--linha); } }
.grade--4 .card .ico, .grade--4 .card:nth-child(n) .ico { width:48px; height:48px; background:transparent; border:1px solid rgba(103,8,38,.28); }
.grade--4 .card:nth-child(n) .ico svg { stroke:var(--bordo); width:22px; height:22px; stroke-width:1.5; }
.grade--4 .card:nth-child(4n+3) .ico { background:var(--melancia); border-color:var(--melancia); }
.grade--4 .card:nth-child(4n+3) .ico svg { stroke:var(--creme); }
.card--ico p { font-weight:500; font-size:.98rem; }

/* depoimentos alinhados */
.depo { gap:24px; margin-top:56px; }
.depo img, .depo img:nth-child(n) { transform:none; padding:4px; border-radius:14px; box-shadow:var(--sombra-suave); border:1px solid var(--linha); }
.depo img:hover { transform:translateY(-3px); }

/* virada: sem bolhas, só uma moldura fina interna */
.virada::before { width:auto; height:auto; inset:14px; right:14px; top:14px; border-radius:26px; background:none; border:1px solid rgba(242,169,212,.35); opacity:1; }
.virada::after { display:none; }
.virada h2 { font-weight:600; }
.virada__p { font-weight:600; font-size:1.35rem; }

/* passos */
.passo { box-shadow:var(--sombra-suave); border:1px solid rgba(103,8,38,.1); padding:30px; }
.passo h3 { font-weight:600; }
.passo__selo { font-weight:600; font-size:.78rem; letter-spacing:.14em; text-transform:uppercase; padding:6px 14px; background:transparent; color:var(--melancia); border:1px solid var(--melancia); }
.passo::before { width:12px; height:12px; border:0; background:var(--bordo); box-shadow:0 0 0 5px var(--rosa), 0 0 0 6px rgba(103,8,38,.4); }
@media (min-width:760px) { .passo:nth-child(odd)::before { right:-46px; } .passo:nth-child(even)::before { left:-46px; } }
.linha::before { width:1px; opacity:.5; }

/* entregáveis */
.ent img { box-shadow:var(--sombra-suave); }
.ent:hover img, .ents .ent:nth-child(even):hover img { transform:translateY(-4px); }
.ent h3 { font-weight:600; letter-spacing:-.03em; }
.ent p { color:rgba(60,52,50,.88); }
.sec--esc .ent p { color:rgba(255,253,241,.85); }
.sec--esc h2 { font-weight:600; }

/* identificação */
.foco__card { box-shadow:0 30px 70px -20px rgba(30,20,20,.45); }
.foco__card h2 { font-weight:600; }

/* recibo mais limpo */
.sec--rosa .wrap--texto > .card { box-shadow:0 30px 70px -28px rgba(103,8,38,.35); }
.recap { font-size:.98rem; }
.recap b { font-weight:600; }
.recap i { border-bottom:1px dotted rgba(124,117,115,.7); }

/* preço */
.preco-card { border:1px solid var(--linha); border-radius:28px; box-shadow:0 1px 2px rgba(103,8,38,.06), 0 40px 80px -30px rgba(103,8,38,.35); }
.preco__de { font-size:.82rem; font-weight:600; letter-spacing:.14em; text-transform:uppercase; padding:15px 20px; }
.preco__de s { text-decoration-thickness:2px; }
.preco__parcela { font-weight:600; }
.preco__vista { font-weight:500; }
.pagto { color:rgba(60,52,50,.8); font-weight:500; }

/* sobre: moldura fina deslocada */
.foto-cami { transform:none; box-shadow:none; outline:1px solid rgba(242,169,212,.7); outline-offset:14px; }
@media (max-width:859px) { .foto-cami { box-shadow:none; margin-right:auto; outline-offset:10px; width:calc(100% - 20px); } }
.sec--bordo h2 { font-weight:600; }
.sec--bordo p { color:rgba(255,253,241,.88); }
.sec--bordo p.forte { color:var(--creme); }

/* opções */
.opcao:not(.opcao--sim) { border:1px solid rgba(103,8,38,.25); background:rgba(255,253,241,.35); }
.opcao--sim { box-shadow:0 40px 80px -30px rgba(103,8,38,.6); }
.opcao h3 { font-weight:600; }
.marca { width:40px; height:40px; font-size:1rem; font-weight:600; }
.marca--nao { border:1px solid rgba(103,8,38,.4); }

/* FAQ como lista com linhas */
.faq { gap:0; border-top:1px solid var(--linha); }
.faq details, .faq details[open] { border:0; border-bottom:1px solid var(--linha); border-radius:0; box-shadow:none; padding:0 4px; background:transparent; }
.faq summary { font-weight:600; padding:24px 0; }
.faq summary::after { width:28px; height:28px; background:transparent; color:var(--bordo); border:1px solid rgba(103,8,38,.35); font-size:1.1rem; font-weight:400; }
.faq details[open] summary::after { background:var(--melancia); border-color:var(--melancia); color:var(--creme); }
.faq details p { color:rgba(60,52,50,.88); padding-bottom:26px; }

/* rodapé */
.rodape { font-size:.85rem; color:rgba(255,253,241,.8); }

/* ==========================================================
   CAMADA DIVERTIDA: chique na base, brincadeira nos detalhes.
   Cores voltam a girar nos ícones e marcadores, leve inclinação
   nos prints, sublinhado ondulado e micro-animações no hover.
   ========================================================== */
.virada::before { display:none; }

/* faixa: fonte de título, bolinhas coloridas alternadas */
.faixa { font-family:var(--display); font-weight:600; font-size:clamp(.95rem,1.8vw,1.15rem); letter-spacing:-.005em; text-transform:none; }
.faixa__trilho { animation-duration:120s; }
.faixa__trilho span::after { width:9px; height:9px; background:var(--lima); }
.faixa__trilho span:nth-child(3n+2)::after { background:var(--rosa); }
.faixa__trilho span:nth-child(3n)::after { background:var(--melancia); }

/* hero: sublinhado ondulado no destaque */
.hero em { text-decoration:underline wavy var(--rosa); text-decoration-thickness:3px; text-underline-offset:.22em; text-decoration-skip-ink:none; }

/* ícones com as cores girando + balancinho no hover */
.grade--4 .card .ico, .grade--4 .card:nth-child(n) .ico { border:0; width:52px; height:52px; transition:transform .35s cubic-bezier(.34,1.56,.64,1); }
.grade--4 .card:nth-child(4n+1) .ico { background:var(--rosa); }
.grade--4 .card:nth-child(4n+2) .ico { background:var(--lima); }
.grade--4 .card:nth-child(4n+3) .ico { background:var(--melancia); }
.grade--4 .card:nth-child(4n+4) .ico { background:var(--bordo); }
.grade--4 .card:nth-child(4n+3) .ico svg, .grade--4 .card:nth-child(4n+4) .ico svg { stroke:var(--creme); }
.grade--4 .card:hover .ico { transform:rotate(-10deg) scale(1.1); }

/* prints dos depoimentos levemente tortos, endireitam no hover */
.depo img:nth-child(1) { transform:rotate(-1.2deg); }
.depo img:nth-child(2) { transform:rotate(1deg) translateY(8px); }
.depo img:nth-child(3) { transform:rotate(-.6deg); }
.depo img { transition:transform .35s cubic-bezier(.34,1.56,.64,1); }
.depo img:hover { transform:rotate(0) translateY(-4px) scale(1.02); }

/* virada: duas bolinhas de cor no canto, discretas */
.virada { box-shadow:0 40px 80px -36px rgba(103,8,38,.55); }
.virada::after { display:block; width:90px; height:90px; right:-24px; top:-24px; left:auto; bottom:auto; background:var(--melancia); opacity:1; box-shadow:-70px 40px 0 -30px var(--lima); }

/* passos: selo cheio e inclinado */
.passo__selo { background:var(--melancia); color:var(--creme); border:0; transform:rotate(-2deg); }
.passo:nth-child(even) .passo__selo { transform:rotate(2deg); }
.passo { transition:transform .3s cubic-bezier(.34,1.56,.64,1); }
.passo:hover { transform:translateY(-4px); }
.passo::before { background:var(--lima); }

/* entregáveis: tombam de leve para lados alternados no hover */
.ent img { transition:transform .4s cubic-bezier(.34,1.56,.64,1); }
.ent:hover img { transform:rotate(-1.5deg) translateY(-4px); }
.ents .ent:nth-child(even):hover img { transform:rotate(1.5deg) translateY(-4px); }

/* botão: seta dá um pulinho */
.btn:hover::after { animation:pulinho .6s ease-in-out infinite alternate; }
@keyframes pulinho { from { transform:translateX(0); } to { transform:translateX(6px); } }

/* Camila: moldura fina + bolinha lima de adesivo */
.sec--bordo .duas { position:relative; }
.sec--bordo .duas::after { content:""; position:absolute; width:74px; height:74px; border-radius:50%; background:var(--lima); right:-14px; bottom:-18px; box-shadow:-46px 18px 0 -22px var(--rosa); pointer-events:none; }
@media (max-width:859px) { .sec--bordo .duas::after { right:4px; bottom:-26px; width:56px; height:56px; } }

/* opções */
.marca--sim { background:var(--lima); transform:rotate(-8deg); }
.opcao--sim { transition:transform .3s cubic-bezier(.34,1.56,.64,1); }
.opcao--sim:hover { transform:rotate(-.6deg) translateY(-4px); }

/* FAQ: o + gira com mola */
.faq summary::after { transition:transform .35s cubic-bezier(.34,1.56,.64,1), background .2s; }
.faq summary:hover::after { transform:rotate(90deg); }
.faq details[open] summary::after { transform:rotate(45deg); }

@media (prefers-reduced-motion:reduce) { .btn:hover::after { animation:none; } }
.virada mark { background:var(--lima); padding:.1em .45em; border-radius:8px; display:inline-block; transform:rotate(-1.5deg); }

.faixa__trilho { animation-duration:240s; }

/* ==========================================================
   LOGO EM TEXTO: fonte condensada (Anton), sem ícone.
   ========================================================== */
.marca-logo { display:inline-flex; flex-direction:column; align-items:center; gap:6px; text-decoration:none; line-height:1; }
.marca-logo__nome { font-family:"Anton","Bebas Neue","Arial Narrow",Impact,sans-serif; font-weight:400; text-transform:uppercase; font-size:clamp(1.9rem,4.6vw,2.6rem); letter-spacing:.01em; color:var(--bordo); line-height:1; }
.marca-logo__para { font-family:"Anton","Bebas Neue","Arial Narrow",Impact,sans-serif; font-weight:400; text-transform:uppercase; font-size:clamp(.95rem,2.2vw,1.2rem); letter-spacing:.08em; color:var(--creme); background:var(--melancia); padding:5px 12px 4px; border-radius:4px; line-height:1; }
.topo { padding:26px 16px 20px; }
.rodape .marca-logo { margin:0 auto 18px; }
.rodape .marca-logo__nome { color:var(--creme); font-size:1.9rem; }
.rodape .marca-logo__para { background:var(--rosa); color:var(--bordo); }

/* depoimentos em mural (colunas) */
.depo, .grade--3.depo { display:block; columns:3 280px; column-gap:24px; margin-top:56px; }
.depo img, .depo img:nth-child(n) { display:block; width:100%; margin:0 0 24px; break-inside:avoid; transform:none; }
.depo img:hover { transform:translateY(-3px); }

/* dobra 3: balões sem emoji, letra condensada e mais contraste */
.flut { font-family:"Anton","Bebas Neue","Arial Narrow",Impact,sans-serif; font-weight:400; text-transform:uppercase; letter-spacing:.015em; color:var(--esc); background:var(--creme); border-radius:14px; padding:12px 12px; font-size:.95rem; line-height:1.12; text-align:left; align-items:flex-start; box-shadow:0 10px 24px rgba(30,10,15,.35); }
.flut::before { content:""; display:block; width:28px; height:4px; border-radius:2px; background:var(--melancia); margin-bottom:6px; }
@media (min-width:860px) {
  .flut { padding:18px 20px 18px; font-size:1.35rem; line-height:1.08; border-radius:16px; width:clamp(210px,23%,260px); }
  .flut--3,.flut--4 { width:clamp(210px,23%,260px); }
  .flut::before { width:34px; margin-bottom:10px; }
  .flut::after { opacity:.5; }
}
.flut__dest { color:var(--melancia); font-weight:400; }
.flut { display:block; }
.flut::before { margin-bottom:10px; } @media (min-width:860px) { .flut::before { margin-bottom:14px; } }

/* fecho da dobra 3: bloco rosa com a frase final em destaque */
.desfecho { max-width:860px; margin:40px auto 0; padding:clamp(28px,5vw,48px) clamp(20px,5vw,56px); background:var(--rosa); border-radius:28px; display:grid; gap:18px; }
.desfecho p { margin:0; }
.desfecho .lead { font-size:clamp(1.1rem,1.8vw,1.3rem); color:var(--esc); font-weight:500; }
.desfecho .lead.forte { font-family:var(--display); font-weight:700; font-size:clamp(1.45rem,3vw,2.1rem); line-height:1.15; letter-spacing:-.02em; color:var(--bordo); }
.desfecho p.lead:not(.forte) { font-size:clamp(1.2rem,2vw,1.4rem); line-height:1.5; }
/* fecho da dobra 3 sem caixa: só tipografia */
.desfecho { background:none; border-radius:0; padding:0; margin:48px auto 0; max-width:820px; gap:20px; }
.desfecho .lead.forte { color:var(--bordo); }
.desfecho .lead.forte::after { content:""; display:block; width:56px; height:4px; border-radius:2px; background:var(--melancia); margin:24px auto 0; }
.desfecho--intro { margin-top:0; }
.desfecho--intro .lead.forte::after { display:none; }
.dest-melancia { color:var(--melancia); }
/* cabeça inteira dentro do círculo melancia */
.cena__circulo { top:60px; width:330px; }
@media (min-width:860px) { .cena__circulo { top:18px; width:580px; } }
.virada::before, .virada::after { display:none !important; }
.virada mark { transform:none; }
.dest-rosa { color:var(--rosa); }

/* passos: fundo de bolhas em degradê, como os posts de referência */
.sec--bolhas { position:relative; overflow:hidden; isolation:isolate;
  background:
    radial-gradient(circle at 50% 50%, rgba(255,214,236,.9) 0, rgba(242,169,212,.55) 26%, rgba(242,169,212,0) 60%) 0 0 / 150px 150px,
    linear-gradient(180deg, var(--melancia) 0%, #ec6f6a 30%, var(--rosa) 72%, var(--rosa) 100%); }
.sec--bolhas::before { content:""; position:absolute; inset:0; z-index:-1; pointer-events:none;
  background:radial-gradient(circle at 50% 50%, rgba(232,68,40,.35) 0, rgba(232,68,40,0) 55%) 75px 75px / 150px 150px; mix-blend-mode:multiply; opacity:.7; }
.sec--bolhas h2 { color:var(--creme); text-shadow:0 2px 18px rgba(103,8,38,.25); }
.sec--bolhas .passo { box-shadow:0 1px 2px rgba(103,8,38,.08), 0 26px 50px -22px rgba(103,8,38,.45); }
.sec--bolhas .linha::before { background:var(--creme); opacity:.9; width:2px; }
.sec--bolhas .passo::before { box-shadow:0 0 0 5px rgba(255,253,241,.6), 0 0 0 6px rgba(103,8,38,.25); }
.sec--bolhas { background:
    radial-gradient(circle at 50% 50%, rgba(255,205,232,.95) 0, rgba(242,169,212,.75) 22%, rgba(242,169,212,.25) 42%, rgba(242,169,212,0) 50%) 0 0 / 200px 200px,
    radial-gradient(circle at 50% 50%, rgba(255,205,232,.7) 0, rgba(242,169,212,.45) 22%, rgba(242,169,212,0) 50%) 100px 100px / 200px 200px,
    linear-gradient(180deg, var(--melancia) 0%, #ec6f6a 35%, #ee8fb0 70%, var(--rosa) 100%); }
.sec--bolhas::before { display:none; }
.sec--bolhas h2 { text-shadow:0 2px 0 rgba(103,8,38,.25), 0 4px 30px rgba(103,8,38,.35); }
@media (max-width:640px) { .sec--bolhas { background-size:130px 130px, 130px 130px, auto; background-position:0 0, 65px 65px, 0 0; } }
/* bolhas mais suaves */
.sec--bolhas { background:
    radial-gradient(circle at 50% 50%, rgba(255,214,236,.5) 0, rgba(242,169,212,.35) 24%, rgba(242,169,212,.1) 42%, rgba(242,169,212,0) 52%) 0 0 / 200px 200px,
    radial-gradient(circle at 50% 50%, rgba(255,214,236,.35) 0, rgba(242,169,212,.2) 24%, rgba(242,169,212,0) 52%) 100px 100px / 200px 200px,
    linear-gradient(180deg, #ec6a55 0%, #ef8a8f 38%, #f09fc0 72%, var(--rosa) 100%); }
@media (max-width:640px) { .sec--bolhas { background-size:130px 130px, 130px 130px, auto; background-position:0 0, 65px 65px, 0 0; } }
.sec--bolhas h2 { color:var(--bordo); text-shadow:0 1px 0 rgba(255,253,241,.25), 0 0 28px rgba(255,214,236,.55); }
.sec--bolhas h2 { text-shadow:none; line-height:1.32; }
.sec--bolhas h2 .tarja { background:var(--bordo); color:var(--creme); padding:.04em .32em .1em; border-radius:10px; -webkit-box-decoration-break:clone; box-decoration-break:clone; }
/* passos: rosa claro em cima (título), coral embaixo */
.sec--bolhas { background:
    radial-gradient(circle at 50% 50%, rgba(255,226,241,.55) 0, rgba(255,214,236,.3) 24%, rgba(255,214,236,0) 52%) 0 0 / 200px 200px,
    radial-gradient(circle at 50% 50%, rgba(255,226,241,.4) 0, rgba(255,214,236,.2) 24%, rgba(255,214,236,0) 52%) 100px 100px / 200px 200px,
    linear-gradient(180deg, var(--rosa) 0%, var(--rosa) 22%, #f09fc0 45%, #ef8a8f 75%, #ec6a55 100%); }
.sec--bolhas h2 { color:var(--bordo); text-shadow:none; line-height:1.08; }
@media (max-width:640px) { .sec--bolhas { background-size:130px 130px, 130px 130px, auto; background-position:0 0, 65px 65px, 0 0; } }
/* nada torto */
.passo__selo, .passo:nth-child(even) .passo__selo, .marca--sim, .virada mark, .foto-cami, .depo img:nth-child(n) { transform:none; }
.opcao--sim:hover, .passo:hover { transform:translateY(-4px); }
.ent:hover img, .ents .ent:nth-child(even):hover img { transform:translateY(-4px); }
.grade--4 .card:hover .ico { transform:scale(1.08); }
.depo img:hover { transform:translateY(-3px); }
.ent p strong { font-weight:700; color:var(--bordo); }

/* bônus: vídeo da IA em destaque, texto embaixo */
.ent--bonus { grid-template-columns:1fr !important; max-width:1040px; gap:36px; }
.ent--bonus > div:last-child { max-width:760px; margin-inline:auto; text-align:center; }
.janela-video { border-radius:20px; overflow:hidden; background:var(--creme); box-shadow:0 40px 80px -30px rgba(0,0,0,.6), 0 0 0 1px rgba(255,253,241,.12); }
.janela-video__barra { height:30px; background:var(--rosa); }
.janela-video video { display:block; width:100%; height:auto; aspect-ratio:16/10; background:var(--creme); }
@media (min-width:768px) { .janela-video__barra { height:36px; } }
.ent p strong { color:#1a1414; font-weight:800; }
.sec--esc .ent p strong { color:var(--creme); }
.janela-video, .janela-video video { background:#0B0B0C; }
.janela-video__barra { background:#1a1814; }
/* fecho da identificação: destaque com seta */
.foco__fecho { max-width:900px; margin:56px auto 0; display:flex; flex-direction:column; align-items:center; gap:20px; }
.seta-baixo { color:var(--melancia); animation:seta 1.6s ease-in-out infinite; }
@keyframes seta { 0%,100% { transform:translateY(0); } 50% { transform:translateY(8px); } }
@media (prefers-reduced-motion:reduce) { .seta-baixo { animation:none; } }
.foco__fecho p, .foco__fecho p.forte { font-family:var(--display); font-weight:700; font-size:clamp(1.6rem,3.4vw,2.5rem); line-height:1.15; letter-spacing:-.025em; color:var(--bordo); text-wrap:balance; }
@media (min-width:900px) { .foco__foto { aspect-ratio:1536/968; } }
.dest-lima { color:var(--lima); }
/* texto do bônus com mais destaque */
.ent--bonus h3 { font-size:clamp(2.1rem,4.4vw,3.4rem); line-height:1.05; }
.ent--bonus p.forte { font-family:var(--display); font-weight:700; font-size:clamp(1.35rem,2.6vw,1.9rem); line-height:1.2; letter-spacing:-.02em; color:var(--creme); margin-bottom:.8em; }
.sec--esc .ent--bonus p:not(.forte) { font-size:clamp(1.08rem,1.6vw,1.25rem); line-height:1.6; color:var(--creme); }
/* vídeo da IA dentro de um notebook */
.notebook { width:min(100%,980px); margin-inline:auto; filter:drop-shadow(0 40px 50px rgba(0,0,0,.45)); }
.notebook__tampa { position:relative; margin:0 7%; padding:2.2% 1.6% 1.6%; background:#1b1a1c; border-radius:18px 18px 4px 4px; box-shadow:inset 0 0 0 2px #3a383c; }
.notebook__cam { position:absolute; top:.8%; left:50%; width:6px; height:6px; margin-left:-3px; border-radius:50%; background:#3a3a3e; }
.notebook__tela { overflow:hidden; border-radius:4px; background:#0B0B0C; }
.notebook__tela video { display:block; width:100%; height:auto; aspect-ratio:16/10; object-fit:cover; background:#0B0B0C; }
.notebook__base { position:relative; height:clamp(12px,2vw,20px); background:linear-gradient(180deg,#d9d6d3 0%,#b9b5b2 55%,#8f8b88 100%); border-radius:2px 2px 16px 16px; }
.notebook__base span { position:absolute; top:0; left:50%; width:16%; height:45%; transform:translateX(-50%); background:#a19d9a; border-radius:0 0 10px 10px; }
.notebook__tela, .notebook__tela video { background:var(--creme); }
/* recapitulação: mesmo fundo de bolhas dos passos, recibo branco, itens em negrito */
.sec--recap .wrap--texto > .card { background:#fff; }
.sec--recap .recap span { font-weight:700; color:#1a1414; }
.sec--recap .recap__fim { color:var(--bordo); font-weight:700; }
.recap__fim2 { margin:44px auto 0; max-width:760px; display:flex; flex-direction:column; align-items:center; gap:14px; text-align:center; }
.recap__fim2 p { margin:0; }
.recap__de { font-family:var(--display); font-weight:700; font-size:clamp(1.5rem,3.2vw,2.2rem); letter-spacing:-.02em; color:var(--bordo); }
.recap__de s { text-decoration-color:var(--melancia); text-decoration-thickness:4px; }
.recap__mas { font-family:var(--display); font-weight:700; font-size:clamp(1.25rem,2.4vw,1.7rem); line-height:1.25; letter-spacing:-.015em; color:var(--bordo); text-wrap:balance; }
.recap__fim2 .seta-baixo { color:var(--bordo); margin-top:4px; }
.recap__mas .dest-melancia { color:var(--bordo); background:var(--lima); padding:0 .2em; border-radius:6px; }
/* sobre a Camila: sem bolinhas, fundo de bolhas bordô bem sutil */
.sec--bordo .duas::after { display:none !important; }
.sec--bordo { background:
  radial-gradient(circle at 50% 50%, rgba(242,169,212,.10) 0, rgba(242,169,212,.04) 26%, rgba(242,169,212,0) 52%) 0 0 / 220px 220px,
  radial-gradient(circle at 50% 50%, rgba(242,169,212,.07) 0, rgba(242,169,212,0) 52%) 110px 110px / 220px 220px,
  radial-gradient(900px 600px at 85% 20%, rgba(232,68,40,.22), transparent 70%),
  var(--bordo); }

/* duas opções: melancia viva com bolhas, cartões nítidos */
.sec--opcoes { color:var(--creme); background:
  radial-gradient(circle at 50% 50%, rgba(255,214,236,.28) 0, rgba(255,214,236,.12) 24%, rgba(255,214,236,0) 52%) 0 0 / 200px 200px,
  radial-gradient(circle at 50% 50%, rgba(255,214,236,.18) 0, rgba(255,214,236,0) 52%) 100px 100px / 200px 200px,
  linear-gradient(180deg, #e8492d 0%, var(--melancia) 55%, #d93a22 100%); }
.sec--opcoes .lead { color:var(--creme); font-size:clamp(1.15rem,1.8vw,1.35rem); }
.sec--opcoes .lead.forte { font-weight:700; }
.sec--opcoes h2 { color:var(--creme); font-size:clamp(2.2rem,5vw,3.6rem); margin-top:.4em; }
.sec--opcoes .opcao { text-align:left; }
.sec--opcoes .opcao:not(.opcao--sim) { background:#fff; border:0; color:var(--esc); box-shadow:0 30px 60px -30px rgba(80,10,20,.5); }
.sec--opcoes .opcao:not(.opcao--sim) h3 { color:var(--esc); }
.sec--opcoes .opcao:not(.opcao--sim) p { color:var(--esc); }
.sec--opcoes .marca--nao { background:var(--esc); color:#fff; border:0; }
.sec--opcoes .opcao--sim { background:var(--bordo); box-shadow:0 0 0 4px var(--lima), 0 40px 70px -30px rgba(60,5,15,.7); }
.sec--opcoes .opcao--sim h3 { color:var(--lima); }
.sec--opcoes .opcao--sim p { color:var(--creme); }
.sec--opcoes .fecho { color:var(--creme); font-family:var(--display); font-size:clamp(1.35rem,2.6vw,1.9rem); line-height:1.25; letter-spacing:-.015em; text-wrap:balance; }
.sec--opcoes .btn { background:var(--lima); color:var(--bordo); box-shadow:0 18px 34px -14px rgba(60,5,15,.55); }
.sec--opcoes .btn:hover { box-shadow:0 22px 40px -14px rgba(60,5,15,.6); }
.recap li.recap__ia { background:var(--lima); margin:2px -14px 0; padding:10px 14px; border-radius:10px; }
.recap li.recap__ia i { border-bottom-color:rgba(103,8,38,.4); }
.sec--opcoes h2 { margin-top:0; }
.ent--bonus > div:last-child { max-width:1000px; }
.ent--bonus h3 { text-wrap:wrap; }
.hero em { text-decoration:none !important; }
.ent img.img-solta { border-radius:0; box-shadow:none; background:none; } .ent:hover img.img-solta { transform:none; }
.ai-duas { display:grid; gap:18px; min-width:0; }
.ai-duas img { width:100%; height:auto; }
.ent:hover .ai-duas img { transform:none; }
/* bônus: fundo escuro com bolhas sutis e luz lima atrás do notebook */
.sec--esc { background:
  radial-gradient(circle at 50% 50%, rgba(242,169,212,.08) 0, rgba(242,169,212,.03) 26%, rgba(242,169,212,0) 52%) 0 0 / 220px 220px,
  radial-gradient(circle at 50% 50%, rgba(242,169,212,.06) 0, rgba(242,169,212,0) 52%) 110px 110px / 220px 220px,
  radial-gradient(700px 420px at 50% 42%, rgba(231,246,85,.10), transparent 70%),
  radial-gradient(800px 500px at 10% 0%, rgba(232,68,40,.16), transparent 70%),
  var(--esc); }
.ai-duas { aspect-ratio:4/3; grid-template-rows:1fr 1fr; gap:0; row-gap:2.2%; }
.ai-duas img { height:100%; object-fit:cover; }

/* ==========================================================
   AJUSTE DE ESCALA (nov/2026): tudo um pouco menor para ler
   melhor no desktop e no celular. Títulos, espaços entre
   dobras, imagens e números de destaque reduzidos.
   ========================================================== */
.pendente { outline:0; }
body { font-size:1rem; line-height:1.6; }
.wrap { width:min(1040px,100% - 32px); }
.wrap--texto { width:min(720px,100% - 32px); }
.sec { padding-block:56px; }
@media (min-width:768px) { .sec { padding-block:88px; } }
.sem-topo { padding-top:0; }

/* títulos */
h1 { font-size:clamp(1.6rem,3.6vw,2.6rem); }
h2, .sec--esc h2, .sec--bordo h2 { font-size:clamp(1.45rem,2.9vw,2.2rem); line-height:1.15; }
h3 { font-size:1.15rem; }
.lead { font-size:1.05rem; }
.centro > .wrap > h2, h2.c { max-width:720px; }

/* topo e hero */
.topo { padding:18px 16px 14px; }
.marca-logo__nome { font-size:clamp(1.5rem,3.4vw,2rem); }
.marca-logo__para { font-size:clamp(.8rem,1.6vw,.95rem); }
.hero { padding-top:40px; }
.hero h1 { font-size:clamp(1.6rem,3.6vw,2.7rem); line-height:1.1; max-width:820px; }
.hero__img { width:min(100%,620px); margin-top:28px; }
.hero__txt { font-size:clamp(1rem,1.3vw,1.125rem); max-width:640px; }

/* botão */
.btn { width:min(100%,400px); padding:16px 28px; font-size:1rem; margin-top:24px; }

/* benefícios e depoimentos */
.grade--4 { margin-top:40px; }
.grade--4 .card { padding:22px 18px; }
.card--ico p { font-size:.95rem; }
.depo, .grade--3.depo { columns:3 260px; column-gap:20px; margin-top:40px; max-width:960px; margin-inline:auto; }
.depo img, .depo img:nth-child(n) { margin-bottom:20px; }

/* dor */
.cena { height:500px; }
@media (min-width:860px) {
  .cena { height:540px; max-width:960px; margin-inline:auto; }
  .cena__circulo { width:480px; }
  .cena__foto { height:510px; }
  .flut { font-size:1.08rem; padding:14px 16px; width:clamp(190px,21%,230px); }
  .flut--3,.flut--4 { width:clamp(190px,21%,230px); }
}
.desfecho { margin-top:36px; max-width:720px; gap:16px; }
.desfecho .lead.forte { font-size:clamp(1.25rem,2.3vw,1.65rem); }
.desfecho p.lead:not(.forte), .desfecho .lead { font-size:clamp(1.02rem,1.4vw,1.15rem); }

/* virada e passos */
.virada { max-width:760px; padding:clamp(28px,4.5vw,48px) clamp(20px,4vw,44px); }
.virada h2 { font-size:clamp(1.4rem,2.8vw,2.05rem); }
.virada__p { font-size:1.15rem; }
.linha { max-width:900px; margin-top:32px; }
.passo { padding:22px 24px; }
.passo h3 { font-size:1.2rem; }

/* entregáveis */
.ents { margin-top:40px; gap:44px; }
@media (min-width:768px) {
  .ents { gap:64px; max-width:920px; }
  .ent { grid-template-columns:minmax(0,380px) 1fr; gap:40px; }
  .ents .ent:nth-child(even) { grid-template-columns:1fr minmax(0,380px); }
}
.ent h3 { font-size:clamp(1.3rem,2vw,1.6rem); }
.ent p { font-size:1rem; }

/* bônus */
.ent--bonus { gap:28px; max-width:900px; }
.notebook { width:min(100%,760px); }
.ent--bonus h3 { font-size:clamp(1.6rem,3.2vw,2.4rem); }
.ent--bonus p.forte { font-size:clamp(1.15rem,2vw,1.45rem); }
.sec--esc .ent--bonus p:not(.forte) { font-size:clamp(1rem,1.3vw,1.1rem); }
.ent--bonus > div:last-child { max-width:760px; }

/* identificação */
.foco { max-width:920px; }
.foco__card h2 { font-size:clamp(1.2rem,1.9vw,1.5rem); }
.foco__card .checks { font-size:.92rem; }
.foco__fecho { margin-top:40px; max-width:760px; gap:16px; }
.foco__fecho p, .foco__fecho p.forte { font-size:clamp(1.3rem,2.6vw,1.9rem); }

/* recapitulação */
.sec--rosa .wrap--texto > .card { margin-top:32px; padding:28px clamp(18px,3.5vw,32px) 32px; }
.recap { font-size:.95rem; gap:12px; }
.recap b { font-size:1rem; }
.recap__fim2 { margin-top:32px; }
.recap__de { font-size:clamp(1.3rem,2.5vw,1.75rem); }
.recap__mas { font-size:clamp(1.1rem,1.9vw,1.35rem); }

/* preço */
.palco3d { width:min(100%,680px); margin-bottom:32px; }
.preco-card { width:min(100%,500px); padding-bottom:26px; }
.preco__parcela { margin:22px 20px 6px; font-size:clamp(2rem,6vw,2.8rem); }
.preco__vista { font-size:1.1rem; }
.preco-card .btn { margin:22px 24px 0; }

/* sobre a Camila */
.foto-cami { max-width:400px; }
.sec--bordo .duas { max-width:920px; margin-inline:auto; }

/* duas opções */
.sec--opcoes h2 { font-size:clamp(1.7rem,3.6vw,2.6rem); }
.sec--opcoes .lead { font-size:clamp(1.02rem,1.4vw,1.15rem); }
.opcao { padding:26px 24px; }
.opcao h3 { font-size:1.3rem; }
.grade--2 { margin-top:32px; max-width:920px; margin-inline:auto; }
.sec--opcoes .fecho { font-size:clamp(1.15rem,2vw,1.45rem); margin-top:36px; }

/* FAQ e rodapé */
.faq { margin-top:32px; }
.faq summary { padding:18px 0; font-size:1rem; }
.faq details p { padding-bottom:20px; font-size:.97rem; }
.rodape { padding:44px 16px 40px; }

/* celular */
@media (max-width:480px) {
  body { font-size:.97rem; }
  .sec { padding-block:48px; }
  .sem-topo { padding-top:0; }
  .hero { padding-top:28px; }
  .hero__img { margin-top:20px; }
  .lead, .hero__txt { font-size:1rem; }
  .depo, .grade--3.depo { margin-top:28px; }
  .depo img, .depo img:nth-child(n) { margin-bottom:14px; }
  .ents { gap:36px; margin-top:28px; }
  .ent { gap:14px; }
  .cena { height:470px; }
  .opcao { padding:22px 18px; }
  .foto-cami { max-width:300px; }
  .preco__parcela { font-size:clamp(1.8rem,9vw,2.1rem); }
}