/* Ninguém te disse · editorial calma. Paleta FINAL (família viva, 27 out 2026). */
@font-face{font-family:"Bricolage";src:url("/fonts/bricolage.woff2") format("woff2");font-weight:400 800;font-style:normal;font-display:swap}
:root{
  --creme:#FFF6EC;--tinta:#2A1F24;--cinza:#6B5F65;--linha:rgba(42,31,36,.14);
  --tomate:#E8553D;--noite:#2C3E66;--amarelo:#FFD36B;--mark:#FFE27A;
  --mostarda:#F2B33D;--verde:#3E7A5E;--rosa:#E994B4;--lilas:#B49BE0;
  --c:var(--tomate);--cc:#FDE6DF;--ca:#B83A24;--cfg:var(--creme);
  --gut:16px;--col:680px;
  --ease:cubic-bezier(.22,1,.36,1);
}
*{box-sizing:border-box}
[hidden]{display:none!important}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{margin:0;background:var(--creme);color:var(--tinta);font:450 18px/1.55 "Bricolage",ui-sans-serif,system-ui,sans-serif;font-optical-sizing:auto;overflow-x:hidden}
img{max-width:100%;height:auto;display:block}
a{color:inherit;text-underline-offset:3px;text-decoration-thickness:1px}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid var(--tinta);outline-offset:3px;border-radius:4px}
.wrap{max-width:calc(var(--col) + 2*var(--gut));margin:0 auto;padding:0 var(--gut)}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
p{margin:0 0 14px}

/* asterisco: o mesmo SVG da identidade */
.ast{display:inline-block;width:.62em;height:.62em;vertical-align:.32em;margin-left:.06em;color:var(--tomate)}
.ast svg,.big-ast svg{width:100%;height:100%;display:block}
.roda{animation:roda 48s linear infinite}
@keyframes roda{to{transform:rotate(360deg)}}

/* topo */
.topo{padding:18px 0}
.topo .wrap{display:flex;justify-content:space-between;align-items:center;gap:12px}
.marca{font-weight:750;font-size:19px;letter-spacing:-.02em;text-decoration:none;white-space:nowrap}
.topo .ig{font-size:15px;color:inherit;opacity:.8}

/* etiquetas editoriais */
.kicker{font-size:14px;font-weight:650;letter-spacing:.01em;margin:0 0 18px;display:flex;flex-wrap:wrap;gap:6px 14px;align-items:center}
.sec-label{font-size:14px;font-weight:650;color:var(--cinza);margin:0 0 14px;display:flex;gap:10px;align-items:baseline}
.sec-label b{color:var(--ca);font-weight:800}
h1,h2,h3{font-weight:800;letter-spacing:-.035em;margin:0;text-wrap:balance}
h1{font-size:clamp(44px,11.5vw,92px);line-height:.94}
h2{font-size:clamp(30px,7vw,46px);line-height:1}
h3{font-size:22px;line-height:1.15;letter-spacing:-.02em}
.lead{font-size:clamp(19px,4.6vw,23px);line-height:1.4;font-weight:500;margin:22px 0 0;max-width:34ch}

/* entrada do texto (só com JS e sem reduced motion) */
.js .in{opacity:0;transform:translateY(14px)}
.js .in.on{opacity:1;transform:none;transition:opacity .9s var(--ease),transform .9s var(--ease)}
@media (prefers-reduced-motion:reduce){.roda{animation:none}.js .in{opacity:1;transform:none}html{scroll-behavior:auto}}

/* HOME */
.h-hero{padding:28px 0 40px;position:relative;overflow:hidden}
.h-hero h1{font-size:clamp(56px,17vw,132px);line-height:.88;letter-spacing:-.05em}
.h-hero h1 .ast{width:.5em;height:.5em;vertical-align:.5em}
.h-bio{font-size:clamp(21px,5.4vw,28px);line-height:1.28;font-weight:550;letter-spacing:-.015em;margin:26px 0 0;max-width:22ch}
.h-bio em{font-style:normal;background:var(--mark);padding:0 .15em;box-decoration-break:clone;-webkit-box-decoration-break:clone}
.h-meta{margin:22px 0 0;font-size:15px;color:var(--cinza)}
.filtros{position:sticky;top:0;z-index:5;background:var(--creme);padding:12px 0;border-bottom:1px solid var(--linha)}
.filtros .wrap{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.filtros span{font-size:14px;font-weight:650;margin-right:4px}
.chip{font:inherit;font-size:15px;font-weight:600;border:1.5px solid var(--tinta);background:transparent;color:var(--tinta);border-radius:99px;padding:7px 14px;min-height:40px;cursor:pointer;transition:background .25s var(--ease),color .25s var(--ease)}
.chip[aria-pressed="true"]{background:var(--tinta);color:var(--creme)}
.indice{padding:10px 0 30px}
.tema{margin:34px 0 0}
.tema h2{font-size:15px;letter-spacing:0;font-weight:700;color:var(--cinza);margin:0 0 6px;display:flex;gap:10px;align-items:baseline}
.tema h2 .n{color:var(--tinta);font-variant-numeric:tabular-nums}
.linha{display:grid;grid-template-columns:28px 1fr auto;gap:4px 12px;align-items:start;padding:16px 0;border-top:1px solid var(--linha);text-decoration:none}
.linha:last-child{border-bottom:1px solid var(--linha)}
.linha .a{width:22px;height:22px;margin-top:5px;transition:transform .8s var(--ease)}
.linha:hover .a{transform:rotate(60deg)}
.linha h3{font-size:clamp(21px,5.2vw,26px)}
.linha p{grid-column:2;font-size:16px;line-height:1.4;color:var(--cinza);margin:4px 0 0}
.linha .seta{font-weight:700;font-size:20px;margin-top:2px;transition:transform .4s var(--ease)}
.linha:hover .seta{transform:translateX(4px)}
.linha[hidden],.tema[hidden]{display:none}
.vazio{color:var(--cinza)}
.bloco-ig{background:var(--noite);color:var(--creme);padding:56px 0;margin-top:40px;position:relative;overflow:hidden}
.bloco-ig h2{max-width:14ch}
.bloco-ig p{max-width:40ch;margin:16px 0 24px;opacity:.9}
.big-ast{position:absolute;pointer-events:none}

/* botões */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;font:inherit;font-size:18px;font-weight:700;letter-spacing:-.01em;min-height:54px;padding:14px 26px;border-radius:99px;border:0;cursor:pointer;text-decoration:none;background:var(--tinta);color:var(--creme);transition:transform .3s var(--ease),box-shadow .3s var(--ease)}
.btn:hover{transform:translateY(-2px)}
.btn:active{transform:none}
.btn.claro{background:var(--creme);color:var(--tinta)}
.btn.linha-b{background:transparent;color:inherit;border:1.5px solid currentColor}
.btn[disabled]{opacity:.6;cursor:progress}

/* ISCO */
.i-hero{background:var(--c);color:var(--cfg);padding:20px 0 46px;position:relative;overflow:hidden}
.i-hero .topo{padding:0 0 34px}
.i-hero .big-ast{right:-120px;bottom:-140px;width:360px;height:360px;opacity:.16;color:var(--cfg)}
.i-hero .wrap{position:relative;z-index:1}
.i-hero .btn{margin-top:30px;background:var(--cfg);color:var(--c)}
.cena{padding:46px 0 10px}
.cena blockquote{margin:0;font-size:clamp(26px,6.6vw,38px);line-height:1.12;font-weight:750;letter-spacing:-.03em;text-wrap:balance}
.cena blockquote p{margin:0}
.cena .resto{font-size:19px;line-height:1.5;margin:18px 0 0;max-width:40ch}
.cena .resto mark{background:var(--mark);color:inherit;padding:0 .12em}
.sec{padding:42px 0 0}
.para p{font-size:20px;line-height:1.45;max-width:38ch}
.tags{display:flex;flex-wrap:wrap;gap:8px;margin:6px 0 0;padding:0;list-style:none}
.tags li{font-size:14px;font-weight:650;background:var(--cc);color:var(--tinta);border-radius:99px;padding:5px 12px}
.dentro{list-style:none;margin:0;padding:0;counter-reset:d}
.dentro li{counter-increment:d;display:grid;grid-template-columns:44px 1fr;gap:10px;padding:14px 0;border-top:1px solid var(--linha);font-size:18px;line-height:1.42}
.dentro li:last-child{border-bottom:1px solid var(--linha)}
.dentro li::before{content:counter(d,decimal-leading-zero);font-weight:800;color:var(--ca);font-variant-numeric:tabular-nums}
.paginas{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:0;padding:0;list-style:none}
.paginas figure{margin:0}
.paginas img{border-radius:8px;box-shadow:0 1px 0 var(--linha),0 10px 24px -14px rgba(42,31,36,.45);aspect-ratio:4/5;object-fit:cover;width:100%;background:var(--cc)}
.paginas figcaption{font-size:13px;color:var(--cinza);margin-top:8px}
.nota{font-size:15px;color:var(--cinza);margin:14px 0 0}

/* formulário */
.pedido{background:var(--cc);margin-top:48px;padding:44px 0 48px}
.pedido h2{max-width:16ch}
.pedido .sub{margin:14px 0 26px;font-size:18px;max-width:38ch}
.campo{margin:0 0 18px}
.campo label,.campo legend{display:block;font-weight:700;font-size:16px;margin:0 0 7px}
.campo .opc{font-weight:500;color:var(--cinza)}
.campo input[type=text],.campo input[type=email],.campo select{width:100%;font:inherit;font-size:18px;color:var(--tinta);background:var(--creme);border:1.5px solid rgba(42,31,36,.4);border-radius:12px;padding:13px 14px;min-height:52px;appearance:none;-webkit-appearance:none}
.campo select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='9'%3E%3Cpath d='M1 1l6 6 6-6' stroke='%232A1F24' stroke-width='2' fill='none'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 16px center;padding-right:44px}
.campo input:focus,.campo select:focus{border-color:var(--tinta);outline:none;box-shadow:0 0 0 3px rgba(42,31,36,.15)}
.campo .erro{display:none;color:#A1281A;font-size:15px;font-weight:600;margin:7px 0 0}
.campo.mal .erro{display:block}
.campo.mal input,.campo.mal select{border-color:#A1281A}
.sugestao{font-size:15px;margin:7px 0 0}
.sugestao button{font:inherit;font-weight:700;background:none;border:0;padding:0;text-decoration:underline;cursor:pointer;color:inherit}
.campo label.consent{font-weight:450;font-size:15.5px}
.consent{display:grid;grid-template-columns:28px 1fr;gap:10px;align-items:start;font-size:15.5px;line-height:1.45}
.consent input{width:24px;height:24px;margin:1px 0 0;accent-color:var(--tinta)}
.consent a{font-weight:600}
.hp{position:absolute;left:-5000px}
.pedido .btn{width:100%;margin-top:6px}
.micro{font-size:14px;color:var(--cinza);margin:12px 0 0}
.erro-envio{background:#FDE6DF;color:#A1281A;border-radius:12px;padding:12px 14px;font-size:15px;font-weight:600;margin:14px 0 0}
.erro-envio[hidden]{display:none}
.aviso-teste{display:none;background:var(--mark);color:var(--tinta);border-radius:12px;padding:12px 14px;font-size:15px;font-weight:600;margin:14px 0 0}
.aviso-teste.on{display:block}
.rodape-nota{padding:34px 0 0;font-size:15px;color:var(--cinza)}
.rodape-nota p{max-width:52ch}
.rodape-nota .ast{color:var(--ca);width:.75em;height:.75em;vertical-align:-.05em;margin:0 4px 0 0}
.seguinte{padding:34px 0 0}
.seguinte a{display:block;text-decoration:none;border-top:1px solid var(--linha);border-bottom:1px solid var(--linha);padding:18px 0}
.seguinte small{display:block;font-size:14px;font-weight:650;color:var(--cinza);margin-bottom:4px}
.seguinte strong{font-size:22px;letter-spacing:-.02em}

/* OBRIGADO */
.ob-hero{background:var(--c);color:var(--cfg);padding:20px 0 48px;position:relative;overflow:hidden}
.ob-hero .topo{padding:0 0 34px}
.ob-hero .big-ast{right:-110px;top:-110px;width:320px;height:320px;opacity:.16;color:var(--cfg)}
.ob-hero .wrap{position:relative;z-index:1}
.passos{list-style:none;margin:28px 0 0;padding:0}
.passos li{display:grid;grid-template-columns:36px 1fr;gap:8px;padding:12px 0;border-top:1px solid color-mix(in srgb,currentColor 25%,transparent);font-size:17px}
.passos li b{font-weight:800}
.ob-hero .btn{margin-top:26px;background:var(--cfg);color:var(--c)}
.banner-teste{background:var(--mark);color:var(--tinta);font-size:15px;font-weight:600;padding:10px 0}
.oferta{padding:56px 0 10px}
.oferta .sep{display:flex;align-items:center;gap:12px;font-size:14px;font-weight:650;color:var(--cinza);margin:0 0 26px}
.oferta .sep::after{content:"";flex:1;height:1px;background:var(--linha)}
.oferta h2{max-width:15ch}
.oferta .o-lead{font-size:19px;margin:16px 0 0;max-width:40ch}
.o-grelha{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:26px 0 8px}
.o-grelha img{border-radius:8px;aspect-ratio:4/5;object-fit:cover;box-shadow:0 10px 24px -14px rgba(42,31,36,.45)}
.o-lista{list-style:none;margin:20px 0 0;padding:0}
.o-lista li{padding:11px 0 11px 30px;border-top:1px solid var(--linha);position:relative;font-size:17px;line-height:1.45}
.o-lista li .a{position:absolute;left:0;top:15px;width:16px;height:16px;color:var(--tomate)}
.preco{display:flex;align-items:baseline;gap:12px;flex-wrap:wrap;margin:28px 0 4px}
.preco .v{font-size:48px;font-weight:800;letter-spacing:-.04em}
.preco s{color:var(--cinza);font-size:22px}
.preco .q{font-size:15px;color:var(--cinza)}
.ancora{margin:6px 0 0;font-size:16px;line-height:1.45;font-weight:650}
.amostra{margin:18px 0 0;font-size:17px;line-height:1.45;padding-left:14px;border-left:4px solid var(--tomate)}
.garantia{background:#F3E8DA;border-radius:16px;padding:18px 18px;margin:20px 0 0;font-size:17px;line-height:1.45}
.garantia b{display:block;font-size:19px;margin-bottom:4px}
.bump{display:grid;grid-template-columns:76px 1fr;gap:14px;align-items:center;margin:16px 0 0;padding:14px 0;border-top:1px solid var(--linha);border-bottom:1px solid var(--linha);font-size:16px;line-height:1.45}
.bump img{border-radius:6px}
.comprar{margin:24px 0 0}
.comprar .btn{width:100%;background:var(--tomate);color:var(--creme)}
.mbway{font-size:15px;margin:12px 0 0;text-align:center}
.mbway a{color:var(--cinza)}
.legal-mini{font-size:14px;color:var(--cinza);margin:14px 0 0}
.para-depois{background:#F3E8DA;border-radius:16px;padding:16px 18px;margin:20px 0 0;font-size:16px}

/* TESTE */
.teste{background:var(--creme);color:var(--tinta);border-radius:20px;padding:22px 18px;margin:30px 0 0;box-shadow:0 18px 40px -26px rgba(0,0,0,.5)}
.teste .prog{display:flex;justify-content:space-between;font-size:14px;font-weight:650;color:var(--cinza);margin:0 0 10px}
.teste .barra{height:4px;background:var(--linha);border-radius:4px;overflow:hidden;margin:0 0 18px}
.teste .barra i{display:block;height:100%;background:var(--c);transition:width .5s var(--ease)}
.teste h3{font-size:26px;margin:0 0 6px}
.teste .ajuda{font-size:16px;color:var(--cinza);margin:0 0 14px}
.t-item{padding:12px 0;border-top:1px solid var(--linha)}
.t-item>p{font-weight:650;margin:0 0 9px;font-size:17px;line-height:1.35}
.t-ops{display:flex;flex-wrap:wrap;gap:8px}
.t-op{font:inherit;font-size:15px;font-weight:650;min-height:42px;padding:8px 14px;border-radius:99px;border:1.5px solid var(--tinta);background:transparent;color:var(--tinta);cursor:pointer;transition:background .2s,color .2s}
.t-op[aria-pressed="true"]{background:var(--tinta);color:var(--creme)}
.t-op.bloco{width:100%;text-align:left;border-radius:14px;padding:12px 14px}
.t-nav{display:flex;justify-content:space-between;gap:10px;margin:18px 0 0}
.t-nav .btn{min-height:48px;font-size:16px;padding:10px 20px}
.t-res .r-titulo{font-size:clamp(30px,8vw,42px);line-height:1;margin:6px 0 12px}
.t-res .r-pontos{font-size:15px;font-weight:700;color:var(--ca)}
.t-res .r-nota{background:var(--cc);border-radius:12px;padding:12px 14px;font-size:16px;margin:12px 0 0}
.t-res .r-aviso{font-size:14px;color:var(--cinza);margin:14px 0 0}
.t-fade{animation:tfade .5s var(--ease)}
@keyframes tfade{from{opacity:0;transform:translateY(8px)}}
@media (prefers-reduced-motion:reduce){.t-fade{animation:none}}

/* rodapé */
.rodape{padding:40px 0 48px;font-size:14px;color:var(--cinza)}
.rodape .wrap{display:flex;flex-wrap:wrap;gap:8px 18px;align-items:baseline}
.rodape .m{font-weight:750;color:var(--tinta);margin-right:auto;font-size:16px}
.rodape a{color:var(--cinza)}

/* 404 */
.nf{min-height:70vh;display:flex;align-items:center;padding:40px 0}

@media (min-width:760px){
  :root{--gut:28px}
  .i-hero{padding-bottom:70px}
  .i-hero .big-ast{width:560px;height:560px;right:-160px;bottom:-200px}
  .paginas{gap:18px}
  .linha{grid-template-columns:34px 1fr auto}
}

/* teste dentro do hero: botões com as cores do cartão, não do hero */
.i-hero .teste .btn{margin-top:0;background:var(--tinta);color:var(--creme)}
.i-hero .teste .btn.linha-b{background:transparent;color:var(--tinta)}
.t-nav{flex-wrap:wrap}
.t-nav .btn{flex:1 1 auto}
.comprar .btn{background:#C2402A}
.t-res .r-titulo{font-weight:800;letter-spacing:-.035em}