:root{--creme:#FFF6EC;--pessego:#FDE7D2;--pessego2:#FDE3D2;--terracota:#E0713F;--terracota2:#B8552A;--tinta:#3A2A1F;--suave:#6F5A4B;--linha:#F1E2D2;--verde:#3E8E63;--verde2:#E2F2E8;--erro:#CF5340;--erro2:#FBE1DB;--sol2:#FDF1D6}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{margin:0;background:#fff;color:var(--tinta);font:600 17px/1.6 Nunito,system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;overflow-x:hidden}
h1,h2,h3,p,ul,ol,figure{margin:0}
h1,h2{font-weight:900;letter-spacing:-.015em;text-wrap:balance}
h1{font-size:clamp(30px,4.4vw,48px);line-height:1.1}
h2{font-size:clamp(26px,3.2vw,36px);line-height:1.15;margin-bottom:16px}
p+p,p+ul,p+ol,ul+p,ol+p{margin-top:14px}
strong{font-weight:900}
a{color:var(--terracota2)}
img,video{display:block;max-width:100%;height:auto}
.wrap{width:min(1080px,100% - 36px);margin:0 auto}
.estreito{width:min(760px,100% - 36px)}
.centro{text-align:center}
section{padding:56px 0}
section.claro{background:var(--creme)}
.grade{display:grid;grid-template-columns:1.05fr .95fr;gap:56px;align-items:center}
.grade.inv .texto{order:2}.grade.inv .midia{order:1}
/* barra da marca */
.barra{background:var(--pessego);border-bottom:1px solid #F6D6BC}
.barra .wrap{display:flex;align-items:center;gap:10px;height:48px;font-weight:900;font-size:16px}
.barra img{border-radius:8px}
/* hero */
.hero{padding:36px 0 52px;background:linear-gradient(180deg,var(--pessego) 0,var(--creme) 100%)}
.chapeu{display:inline-block;background:#fff;border:1px solid #F3D3B8;color:var(--terracota2);font-size:14px;font-weight:900;letter-spacing:.02em;padding:6px 14px;border-radius:99px;margin-bottom:16px}
.sub{font-size:19px;color:var(--suave);margin-top:16px;max-width:560px}
.celular{width:100%;max-width:330px;margin:0 auto;filter:drop-shadow(0 28px 34px rgba(120,60,20,.22))}
/* hero: texto, depois o celular grande, depois o botão (decisão de produto). No computador, o texto fica à esquerda e o celular
   com o botão logo abaixo dele, à direita */
.hero-grade{display:grid;grid-template-columns:1.05fr .95fr;grid-template-areas:"texto midia" "texto cta";column-gap:56px;align-items:center}
.hero-grade>.texto{grid-area:texto}.hero-grade>.midia{grid-area:midia}.hero-grade>.cta{grid-area:cta;margin:22px auto 0;width:100%;max-width:400px}
/* botão */
.cta{margin-top:26px;max-width:460px}
.btn{display:flex;align-items:center;justify-content:center;min-height:62px;padding:16px 24px;border-radius:18px;background:var(--terracota);color:#fff;font-size:19px;font-weight:900;text-decoration:none;text-align:center;box-shadow:0 10px 22px -8px rgba(224,113,63,.6);transition:transform .15s,background .15s}
.btn:hover{background:var(--terracota2);transform:translateY(-1px)}
.btn:active{transform:translateY(1px)}
.micro{margin-top:10px !important;font-size:14px;color:var(--suave);text-align:center}
/* mídia */
.midia{display:flex;justify-content:center}
.shot{background:var(--creme);border:1px solid var(--linha);border-radius:24px;overflow:hidden;box-shadow:0 18px 40px -26px rgba(90,50,20,.45);max-width:390px;width:100%}
.claro .shot{background:#fff}
.shot img{width:100%}
.shot.alto{max-width:350px}
.pilha{display:grid;gap:18px;width:100%;max-width:390px}
.tela-video{width:min(300px,78vw);border-radius:30px;overflow:hidden;border:6px solid #fff;box-shadow:0 22px 46px -24px rgba(90,50,20,.55);background:var(--pessego)}
.tela-video video{width:100%;aspect-ratio:540/1168;object-fit:cover}
/* listas */
.lista-ok{list-style:none;padding:0}
.lista-ok li{position:relative;padding:9px 0 9px 34px}
.lista-ok li:before{content:'';position:absolute;left:2px;top:16px;width:20px;height:20px;border-radius:50%;background:var(--verde2) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%233E8E63' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7.5'/%3E%3C/svg%3E") center/12px no-repeat}
/* oferta */
.caixa-oferta{background:#fff;border:2px solid #F3C9AB;border-radius:28px;padding:30px;box-shadow:0 24px 50px -30px rgba(160,80,30,.5)}
/* versão 2: seções em três partes (texto, mídia, fecho do texto) */
.tri{display:grid;grid-template-columns:1.05fr .95fr;grid-template-areas:"a m" "b m";column-gap:56px;align-items:center}
.tri.inv{grid-template-columns:.95fr 1.05fr;grid-template-areas:"m a" "m b"}
.tri>.ta{grid-area:a;align-self:end}.tri>.tm{grid-area:m;display:flex;justify-content:center}.tri>.tb{grid-area:b;align-self:start}
.tri>.tb .cta{margin-top:22px}
.raca-grade{display:grid;grid-template-columns:1.05fr .95fr;grid-template-areas:"a m1" "b m1" "c m2";column-gap:56px;row-gap:14px;align-items:start}
.raca-grade>.ra{grid-area:a;align-self:end}.raca-grade>.rb{grid-area:b}.raca-grade>.rc{grid-area:c}
.raca-grade>.rm1{grid-area:m1;display:flex;justify-content:center}.raca-grade>.rm2{grid-area:m2;display:flex;justify-content:center}
.raca-grade .shot{max-width:350px}
.legendada{display:flex;flex-direction:column;align-items:center;gap:12px;width:100%;max-width:390px;margin:0 auto}
.legendada figcaption{font-size:15px;color:var(--suave);text-align:center;max-width:340px}
.legendada.largo{max-width:620px;margin-top:26px}
.legendada.largo .shot{max-width:none}
.menor{font-size:15px;color:var(--suave)}
.pilha .menor{text-align:center;margin:0 !important}
.plano-linha{margin-top:18px !important;padding:14px 16px;border-radius:16px;background:#fff;border:1px solid var(--linha);font-weight:800}
.colunas{columns:2;column-gap:28px;max-width:760px;margin:6px auto 0}
.colunas li{break-inside:avoid}
.colunas li.bonus{font-weight:900;color:#9A4320}
.caixa-oferta .ta h2{margin-bottom:10px}
.preco-bloco{margin:4px 0 16px;padding:14px 16px;border-radius:18px;background:var(--creme);border:1px dashed #EFC3A3}
.lancamento{display:inline-block;margin:0;font-size:13px;font-weight:900;letter-spacing:.04em;text-transform:uppercase;color:#9A4320;background:#FFE6D3;padding:3px 10px;border-radius:99px}
.preco-linha{margin:8px 0 0 !important;font-size:18px;color:var(--suave)}
.preco-linha s{color:var(--suave)}
.preco-linha strong{font-size:32px;color:var(--terracota2);margin-left:6px;letter-spacing:-.01em}
.sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.fecho{margin-top:34px}
.fecho-linha{font-size:19px}
.fecho .cta{margin:16px auto 0}
/* faq */
details{border-bottom:1px solid var(--linha)}
summary{list-style:none;cursor:pointer;position:relative;padding:18px 40px 18px 0;font-weight:900;font-size:18px}
summary::-webkit-details-marker{display:none}
summary:after{content:'+';position:absolute;right:6px;top:12px;font-size:28px;color:var(--terracota);font-weight:700}
details[open] summary:after{content:'−'}
details p{padding:0 0 18px;color:var(--suave)}
/* rodapé */
footer{padding:34px 0 calc(118px + env(safe-area-inset-bottom));background:var(--tinta);color:#F4E6D8;font-size:15px}
footer p+p{margin-top:8px}
footer a{color:#FFC9A8}
.aviso{font-weight:900;color:#fff}
/* barra de compra fixa (celular e computador): entra por baixo, sem mexer no layout; respeita a área segura do iPhone */
.barra-compra{position:fixed;left:0;right:0;bottom:0;z-index:30;background:rgba(255,255,255,.97);border-top:1px solid var(--linha);box-shadow:0 -10px 26px -20px rgba(90,50,20,.55);padding:10px 16px calc(10px + env(safe-area-inset-bottom));transform:translateY(110%);visibility:hidden;transition:transform .25s ease,visibility 0s linear .25s}
.barra-compra.on{transform:none;visibility:visible;transition:transform .25s ease}
.barra-compra .dentro{max-width:560px;margin:0 auto;display:flex;align-items:center;gap:14px}
.barra-compra .preco-bc{margin:0;font-size:14px;line-height:1.25;color:var(--suave);width:min-content;min-width:72px}
.barra-compra .preco-bc strong{display:block;font-size:18px;color:var(--tinta)}
.barra-compra .btn{flex:1;min-height:52px;margin:0;padding:10px 14px;font-size:16px;box-shadow:none}
@media (prefers-reduced-motion:reduce){.barra-compra,.barra-compra.on{transition:none}}
/* páginas simples */
.simples h1{margin-bottom:18px}.simples h2{font-size:22px;margin:26px 0 8px}
.escolha{list-style:none;padding:0;display:grid;grid-template-columns:repeat(2,1fr);gap:14px}
.escolha a{display:flex;flex-direction:column;align-items:center;gap:10px;padding:18px;border-radius:22px;background:var(--creme);border:1px solid var(--linha);text-decoration:none;color:var(--tinta);font-weight:900;text-align:center}
@media (max-width:860px){
  section{padding:40px 0}
  .grade{grid-template-columns:1fr;gap:28px}
  .grade.inv .texto,.grade.inv .midia{order:0}
  .hero{padding:22px 0 36px}
  .hero-grade{grid-template-columns:1fr;grid-template-areas:"texto" "midia" "cta"}
  .hero-grade>.midia{margin-top:24px}
  .hero-grade>.cta{max-width:none;margin-top:22px}
  .celular{max-width:none}
  .sub{font-size:17px}
  .cta{max-width:none}
  .tri,.tri.inv{grid-template-columns:1fr;grid-template-areas:"a" "m" "b";row-gap:22px}
  .raca-grade{grid-template-columns:1fr;grid-template-areas:"a" "m1" "b" "m2" "c";row-gap:18px}
  .colunas{columns:1}
  .caixa-oferta{padding:24px 20px}
}
/* raiz: destino da bio (marca.md); sem barra de compra, então o rodapé não precisa da folga de baixo */
.raiz footer{padding-bottom:calc(34px + env(safe-area-inset-bottom))}
.raiz footer .aviso{opacity:.8}
.rz-topo{padding:30px 0 22px;background:linear-gradient(180deg,var(--pessego) 0,var(--creme) 100%)}
.rz-topo h1{font-size:clamp(28px,4.4vw,44px);margin:0}
.rz-topo .sub{margin-top:12px;font-size:18px}
.rz-linhas{list-style:none;padding:0;margin:18px 0 0;display:grid;gap:10px}
.rz-linhas li{display:flex;align-items:center;gap:12px;font-size:16px;line-height:1.35}
.rz-ic{flex:none;width:40px;height:40px;border-radius:12px;background:#fff;color:var(--terracota);display:flex;align-items:center;justify-content:center;box-shadow:0 1px 2px rgba(90,50,20,.06),0 4px 12px rgba(90,50,20,.07)}
.rz-ic svg{width:22px;height:22px}
.rz-racas{padding:26px 0 8px;background:var(--creme)}
.rz-racas h2{margin:0}
.rz-linha{color:var(--suave);margin-top:6px}
.rz-cartoes{list-style:none;padding:0;margin:16px 0 0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.rz-cartoes a{display:flex;flex-direction:column;align-items:center;height:100%;padding:12px 10px 14px;border-radius:22px;background:#fff;border:1px solid var(--linha);box-shadow:0 1px 2px rgba(90,50,20,.05),0 6px 16px rgba(90,50,20,.06);text-decoration:none;color:var(--tinta);text-align:center;transition:transform .15s,box-shadow .15s}
.rz-cartoes a:hover{transform:translateY(-2px);box-shadow:0 2px 4px rgba(90,50,20,.06),0 10px 22px rgba(90,50,20,.1)}
.rz-cartoes a:focus-visible{outline:3px solid var(--terracota);outline-offset:3px}
.rz-cartoes img{width:min(136px,100%);height:auto;aspect-ratio:1}
.rz-cartoes strong{font-weight:900;font-size:17px;line-height:1.2;margin-top:4px}
.rz-cta{margin-top:auto;padding-top:6px;color:var(--terracota2);font-weight:900;font-size:14.5px;line-height:1.3}
.rz-cta::after{content:"\00a0\203A"}
.rz-outra{padding:26px 0 34px;background:var(--creme)}
.rz-outra h3{font-size:20px;font-weight:900}
.rz-outra p{margin-top:6px;color:var(--suave)}
.rz-outra a{color:var(--terracota2);font-weight:800;overflow-wrap:anywhere}
@media(min-width:760px){.rz-topo{padding:52px 0 34px}.rz-cartoes{grid-template-columns:repeat(4,minmax(0,1fr))}}