@import url('./fonts.css');

/* =========================================================
   Composicao de blocos de cor fixa (preto / papel / sinal).
   A pagina nao tem modo escuro: a alternancia de faixas E a
   identidade. color-scheme travado pra nenhum navegador
   inverter as cores por conta propria.
   ========================================================= */
:root{
  color-scheme: only light;
  --ink:#0B0B0C; --ink-2:#151518; --ink-3:#232328;
  --paper:#FFFFFF; --paper-2:#F1F1EE; --paper-3:#E2E2DD;
  --sinal:#FFC800; --sinal-dark:#D9A800;
  --go:#12A550; --go-dark:#0E8A42;
  --alerta:#D7263D;
  --on-ink:#FFFFFF; --on-ink-mute:#9A9AA2;
  --on-paper:#0B0B0C; --on-paper-mute:#55555C;
  --r:10px; --r-sm:7px;
  --col:640px;
  --ease:cubic-bezier(.16,1,.3,1);
}

*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
body{
  margin:0;background:var(--ink);color:var(--on-ink);
  font-family:'Public Sans',system-ui,-apple-system,sans-serif;
  font-size:16px;line-height:1.55;-webkit-font-smoothing:antialiased;
}
img{max-width:100%;display:block}
a{color:inherit}
p{margin:0}

h1,h2,h3,.anton{
  font-family:'Anton','Archivo',system-ui,sans-serif;font-weight:400;
  text-transform:uppercase;letter-spacing:.005em;line-height:1.06;margin:0;padding-bottom:.04em;
}
h1{font-size:clamp(2.05rem,8.2vw,3.2rem)}
h2{font-size:clamp(1.75rem,6.8vw,2.45rem)}
h3{font-size:1.22rem;line-height:1.12}
.hl{color:var(--sinal)}
.hl-go{color:var(--go)}

/* ---------- faixas ---------- */
.band{position:relative}
.band--ink{background:var(--ink);color:var(--on-ink)}
.band--ink2{background:var(--ink-2);color:var(--on-ink)}
.band--paper{background:var(--paper);color:var(--on-paper)}
.band--paper2{background:var(--paper-2);color:var(--on-paper)}
.band--sinal{background:var(--sinal);color:var(--ink)}
.col{max-width:var(--col);margin-inline:auto;padding:0 18px}
.sec{padding:46px 0}
@media (min-width:720px){.sec{padding:64px 0}}

/* faixa zebrada de obra: o divisor da pagina inteira */
.hazard{height:14px;background:repeating-linear-gradient(45deg,
  var(--sinal) 0 16px, var(--ink) 16px 32px)}
.band--sinal + .hazard,.hazard + .band--sinal{
  background:repeating-linear-gradient(45deg,var(--ink) 0 16px, var(--sinal) 16px 32px)}

/* ---------- etiquetas ---------- */
.tag{display:inline-block;font-family:'Anton',sans-serif;font-size:.78rem;
  letter-spacing:.08em;text-transform:uppercase;padding:6px 13px;border-radius:4px;margin-bottom:14px}
.tag--sinal{background:var(--sinal);color:var(--ink)}
.tag--alerta{background:var(--alerta);color:#fff}
.tag--go{background:var(--go);color:#fff}
.tag--outline{background:transparent;border:1.5px solid currentColor}

/* ---------- botoes ---------- */
.btn{
  display:flex;width:100%;align-items:center;justify-content:center;gap:9px;
  font-family:'Anton',sans-serif;font-size:clamp(1.02rem,4.2vw,1.22rem);
  letter-spacing:.02em;text-transform:uppercase;text-align:center;
  padding:19px 22px;border-radius:var(--r);border:0;cursor:pointer;text-decoration:none;
  transition:background-color .16s var(--ease),transform .1s var(--ease),box-shadow .16s var(--ease);
}
.btn--go{background:var(--go);color:#fff;box-shadow:0 5px 0 var(--go-dark)}
.btn--go:hover{background:var(--go-dark);box-shadow:0 5px 0 #0a6b33}
.btn--sinal{background:var(--sinal);color:var(--ink);box-shadow:0 5px 0 var(--sinal-dark)}
.btn--sinal:hover{background:var(--sinal-dark);box-shadow:0 5px 0 #b38a00}
.btn--ink{background:var(--ink);color:#fff;box-shadow:0 5px 0 #000}
.btn:active{transform:translateY(4px);box-shadow:0 1px 0 currentColor}
.btn:focus-visible{outline:3px solid var(--sinal);outline-offset:3px}
.btn .icon{width:1.05em;height:1.05em;flex:none}
.btn[disabled],.btn[aria-busy=true]{opacity:.65;pointer-events:none}
.btn-note{display:flex;align-items:center;justify-content:center;gap:7px;
  margin-top:11px;font-size:.8rem;color:inherit;opacity:.7}
.btn-note .icon{width:15px;height:15px}
.icon{width:1em;height:1em;flex:none}

/* ---------- barra de oferta ---------- */
.offerbar{position:sticky;top:0;z-index:60;background:var(--alerta);color:#fff}
.offerbar__in{display:flex;align-items:center;justify-content:center;gap:9px;
  padding:9px 14px;font-size:.82rem;font-weight:700;text-align:center;flex-wrap:wrap}
.offerbar b{font-family:'Anton',sans-serif;font-size:1rem;letter-spacing:.04em;
  font-variant-numeric:tabular-nums;background:#fff;color:var(--alerta);
  padding:2px 9px;border-radius:4px}

/* ---------- hero ---------- */
.hero{padding:30px 0 42px}
.hero h1{margin-bottom:16px}
.hero__sub{color:var(--on-ink-mute);font-size:1.02rem;margin-bottom:22px}
.hero__sub b{color:#fff;font-weight:700}
.hero__art{border:3px solid var(--sinal);border-radius:var(--r);overflow:hidden;margin-bottom:24px;
  box-shadow:0 14px 40px rgba(0,0,0,.55)}
.hero__art img{width:100%;height:clamp(210px,52vw,330px);object-fit:cover}
.hero__trust{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}
.chip{display:flex;align-items:center;gap:6px;font-size:.75rem;font-weight:700;
  text-transform:uppercase;letter-spacing:.04em;padding:7px 11px;border-radius:999px;
  border:1px solid var(--ink-3);background:var(--ink-2);color:var(--on-ink-mute)}
.chip .icon{width:14px;height:14px;color:var(--sinal)}

/* ---------- numeros ---------- */
.stats{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--ink-3);
  border-bottom:1px solid var(--ink-3)}
.stat{padding:20px 8px;text-align:center}
.stat+.stat{border-left:1px solid var(--ink-3)}
.stat__n{font-family:'Anton',sans-serif;font-size:clamp(1.4rem,6vw,1.9rem);color:var(--sinal);line-height:1}
.stat__l{margin-top:6px;font-size:.68rem;text-transform:uppercase;letter-spacing:.06em;
  color:var(--on-ink-mute);line-height:1.25}

/* ---------- comparativo ---------- */
.cmp{border-radius:var(--r);overflow:hidden;border:2px solid var(--paper-3);margin-top:22px}
.cmp+.cmp{margin-top:14px}
.cmp__h{font-family:'Anton',sans-serif;font-size:.95rem;letter-spacing:.06em;
  padding:12px 18px;color:#fff}
.cmp--bad .cmp__h{background:var(--alerta)}
.cmp--good .cmp__h{background:var(--go)}
.cmp ul{list-style:none;margin:0;padding:16px 18px;display:grid;gap:11px;background:var(--paper)}
.cmp li{display:flex;gap:11px;align-items:flex-start;font-size:.95rem;line-height:1.4}
.cmp li .icon{width:19px;height:19px;margin-top:2px;flex:none}
.cmp--bad li .icon{color:var(--alerta)}
.cmp--good li .icon{color:var(--go)}

/* ---------- modulos ---------- */
.mods{display:grid;gap:16px;margin-top:24px}
.mod{border:2px solid var(--ink-3);border-radius:var(--r);overflow:hidden;background:var(--ink-2);position:relative}
.mod__img{position:relative}
.mod__img img{width:100%;height:190px;object-fit:cover}
.mod__n{position:absolute;top:12px;right:12px;font-family:'Anton',sans-serif;
  font-size:1.5rem;line-height:1;background:var(--sinal);color:var(--ink);
  width:48px;height:48px;display:grid;place-content:center;border-radius:var(--r-sm)}
.mod__body{padding:18px}
.mod__body h3{color:var(--sinal);margin-bottom:8px}
.mod__body p{color:var(--on-ink-mute);font-size:.94rem}

/* ---------- bonus ---------- */
.bonus-rail{display:flex;gap:13px;overflow-x:auto;scroll-snap-type:x mandatory;
  padding:4px 2px 18px;overscroll-behavior-x:contain}
.bonus-rail::-webkit-scrollbar{height:6px}
.bonus-rail::-webkit-scrollbar-thumb{background:var(--ink);border-radius:99px}
.bonus{scroll-snap-align:start;flex:0 0 245px;background:var(--ink);color:#fff;
  border-radius:var(--r);padding:20px;border:2px solid var(--ink)}
.bonus__rib{display:inline-block;background:var(--sinal);color:var(--ink);
  font-family:'Anton',sans-serif;font-size:.72rem;letter-spacing:.08em;
  padding:4px 10px;border-radius:4px;margin-bottom:13px}
.bonus h3{font-size:1.02rem;margin-bottom:7px}
.bonus p{font-size:.86rem;color:var(--on-ink-mute)}
.swipe{display:flex;align-items:center;gap:7px;font-size:.74rem;font-weight:700;
  text-transform:uppercase;letter-spacing:.06em;opacity:.65;margin-top:4px}

/* ---------- depoimentos ---------- */
.testi{display:grid;gap:14px;margin-top:24px}
.testi__card{background:var(--paper);border:2px solid var(--paper-3);border-left:5px solid var(--sinal);
  border-radius:var(--r);padding:20px;position:relative}
.testi__stars{display:flex;gap:2px;color:var(--sinal);margin-bottom:10px}
.testi__stars .icon{width:17px;height:17px}
.testi__card blockquote{margin:0;font-size:.96rem;line-height:1.45;color:var(--on-paper)}
.testi__who{display:flex;align-items:center;gap:11px;margin-top:15px}
.testi__av{width:42px;height:42px;border-radius:50%;object-fit:cover;background:var(--paper-3);flex:none}
.testi__who b{display:block;font-size:.88rem}
.testi__who span{font-size:.76rem;color:var(--on-paper-mute);text-transform:uppercase;letter-spacing:.05em}
.testi__todo{position:absolute;top:-11px;right:14px;background:var(--alerta);color:#fff;
  font-family:'Anton',sans-serif;font-size:.66rem;letter-spacing:.08em;padding:4px 9px;border-radius:4px}

/* ---------- planos ---------- */
.plan{background:var(--paper);border:3px solid var(--ink);border-radius:var(--r);
  overflow:hidden;margin-top:20px}
.plan__top{background:var(--ink);color:#fff;font-family:'Anton',sans-serif;
  font-size:.82rem;letter-spacing:.09em;padding:11px 18px;text-align:center}
.plan--hi{border-color:var(--alerta)}
.plan--hi .plan__top{background:var(--alerta)}
.plan__in{padding:22px 20px 24px}
.plan__name{font-family:'Anton',sans-serif;font-size:1.75rem;line-height:1;margin-bottom:6px}
.plan__for{font-size:.88rem;color:var(--on-paper-mute);margin-bottom:18px}
.plan ul{list-style:none;margin:0 0 20px;padding:0;display:grid;gap:9px}
.plan li{display:flex;gap:9px;align-items:flex-start;font-size:.92rem;line-height:1.38}
.plan li .icon{width:18px;height:18px;margin-top:2px;color:var(--go);flex:none}
.plan__price{text-align:center;border-top:2px dashed var(--paper-3);padding-top:18px;margin-bottom:18px}
.plan__from{font-size:.82rem;color:var(--on-paper-mute);text-decoration:line-through}
.plan__now{display:flex;align-items:baseline;justify-content:center;gap:4px;
  font-family:'Anton',sans-serif;color:var(--go);line-height:1}
.plan__now span{font-size:1.4rem}
.plan__now strong{font-size:clamp(3rem,15vw,4.2rem);font-weight:400}
.plan__terms{font-size:.78rem;color:var(--on-paper-mute);margin-top:7px}
.plan__save{display:inline-block;background:var(--sinal);color:var(--ink);font-weight:800;
  font-size:.76rem;padding:4px 10px;border-radius:4px;margin-top:9px}

/* ---------- garantia ---------- */
.gua{text-align:center}
.gua__seal{width:112px;height:112px;margin:0 auto 20px;border-radius:50%;
  background:var(--go);color:#fff;display:grid;place-content:center;
  font-family:'Anton',sans-serif;line-height:1;box-shadow:0 0 0 7px rgba(18,165,80,.18)}
.gua__seal b{display:block;font-size:2.5rem;font-weight:400}
.gua__seal span{font-size:.7rem;letter-spacing:.14em}

/* ---------- faq ---------- */
.faq{margin-top:22px;display:grid;gap:9px}
.faq details{background:var(--paper);border:2px solid var(--paper-3);border-radius:var(--r-sm)}
.faq summary{display:flex;justify-content:space-between;align-items:center;gap:14px;
  padding:16px 17px;cursor:pointer;list-style:none;
  font-family:'Anton',sans-serif;font-size:.98rem;letter-spacing:.01em}
.faq summary::-webkit-details-marker{display:none}
.faq summary .icon{width:19px;height:19px;color:var(--go);transition:transform .2s var(--ease)}
.faq details[open]{border-color:var(--ink)}
.faq details[open] summary .icon{transform:rotate(180deg)}
.faq p{padding:0 17px 17px;color:var(--on-paper-mute);font-size:.93rem}

/* ---------- rodape ---------- */
.foot{padding:30px 0 116px;font-size:.76rem;color:var(--on-ink-mute);text-align:center}
.foot a{color:var(--sinal)}
.foot p+p{margin-top:9px}
@media (min-width:900px){.foot{padding-bottom:40px}}

/* ---------- cta fixo ---------- */
.dock{position:fixed;left:0;right:0;bottom:0;z-index:70;
  padding:9px 14px calc(9px + env(safe-area-inset-bottom));
  background:rgba(11,11,12,.94);backdrop-filter:blur(10px);border-top:3px solid var(--sinal);
  transform:translateY(115%);transition:transform .26s var(--ease)}
.dock[data-show="1"]{transform:none}
.dock .btn{padding:15px 18px}
@media (min-width:900px){.dock{display:none}}
@media (prefers-reduced-motion:reduce){.dock{transition:none}}

/* =========================================================
   CHECKOUT: superficie clara de propósito. Pagina de
   pagamento escura derruba conversao; a marca entra pela
   barra preta, a faixa zebrada e o verde do botao.
   ========================================================= */
.co{background:var(--paper-2);color:var(--on-paper);min-height:100dvh}
.co__bar{background:var(--ink);color:#fff}
.co__bar .col{display:flex;align-items:center;justify-content:space-between;gap:14px;padding-block:14px}
.co__brand{font-family:'Anton',sans-serif;font-size:1.05rem;letter-spacing:.02em}
.co__safe{display:flex;align-items:center;gap:7px;font-size:.76rem;color:var(--on-ink-mute)}
.co__safe .icon{width:15px;height:15px;color:var(--go)}
.co__grid{display:grid;gap:16px;padding-block:22px 60px}
@media (min-width:940px){
  .co{--col:1120px}
  .co__grid{grid-template-columns:1.3fr .7fr;gap:26px;align-items:start}
}
.card{background:var(--paper);border:2px solid var(--paper-3);border-radius:var(--r);padding:20px}
.card+.card{margin-top:14px}
.card__h{display:flex;align-items:center;gap:10px;margin-bottom:17px}
.card__n{width:27px;height:27px;border-radius:6px;background:var(--sinal);color:var(--ink);
  display:grid;place-content:center;font-family:'Anton',sans-serif;font-size:.9rem}
.card__h h2{font-size:1.12rem}

.field{display:grid;gap:5px;margin-bottom:14px;align-content:start}
.field label{font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em}
.field .hint{font-size:.75rem;color:var(--on-paper-mute)}
.field input,.field select{width:100%;font:inherit;font-size:1rem;padding:13px 13px;
  border-radius:var(--r-sm);border:2px solid var(--paper-3);background:var(--paper);
  color:var(--on-paper);transition:border-color .14s var(--ease),box-shadow .14s var(--ease)}
.field input::placeholder{color:#9A9AA2}
.field input:focus,.field select:focus{outline:none;border-color:var(--go);
  box-shadow:0 0 0 3px rgba(18,165,80,.2)}
.field--err input{border-color:var(--alerta)}
.field .err{font-size:.77rem;color:var(--alerta);font-weight:600;display:none}
.field--err .err{display:block}
.row2{display:grid;gap:0 12px}
@media (min-width:520px){.row2{grid-template-columns:1fr 1fr}}

.tabs{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-bottom:19px}
.tab{display:flex;align-items:center;justify-content:center;gap:8px;padding:14px;cursor:pointer;
  border:2px solid var(--paper-3);border-radius:var(--r-sm);background:var(--paper);
  font-family:'Anton',sans-serif;font-size:.95rem;color:var(--on-paper-mute);
  transition:all .14s var(--ease)}
.tab[aria-selected=true]{border-color:var(--go);background:rgba(18,165,80,.09);color:var(--go)}
.tab:focus-visible{outline:3px solid var(--go);outline-offset:2px}
.tab .icon{width:18px;height:18px}

.addons{padding:0;overflow:hidden}
.addons__h{display:flex;align-items:center;gap:10px;padding:18px 20px;
  background:var(--sinal);color:var(--ink)}
.addons__h .icon{width:22px;height:22px}
.addons__h h2{font-family:'Anton',sans-serif;font-size:1.08rem;text-transform:uppercase}
.addon{display:grid;grid-template-columns:auto auto 1fr;gap:13px;align-items:start;
  padding:15px 18px;cursor:pointer;border-top:2px solid var(--paper-3);
  transition:background-color .14s var(--ease)}
.addon:first-of-type{border-top:0}
.addon:hover{background:#FCFCFA}
.addon:has(input:checked){background:#FFF8DF}
.addon:has(input:focus-visible){outline:3px solid var(--go);outline-offset:-3px}
.addon input{width:22px;height:22px;margin:2px 0 0;accent-color:var(--go);flex:none}
.addon__img{width:62px;height:62px;border-radius:8px;object-fit:cover;flex:none;
  border:2px solid var(--paper-3);background:var(--paper-2)}
.addon:has(input:checked) .addon__img{border-color:var(--go)}
.addon__body{min-width:0}
.addon__top{display:flex;justify-content:space-between;align-items:baseline;gap:10px}
.addon__body b{font-size:.95rem;line-height:1.25}
.addon__body p{font-size:.82rem;color:var(--on-paper-mute);margin-top:4px;line-height:1.35}
.addon__rib{display:inline-block;background:var(--alerta);color:#fff;font-family:'Anton',sans-serif;
  font-size:.62rem;letter-spacing:.08em;padding:3px 7px;border-radius:3px;margin-bottom:6px}
.addon__price{font-family:'Anton',sans-serif;font-style:normal;font-size:1rem;
  color:var(--go);white-space:nowrap;flex:none}
.addon:has(input:checked) .addon__price{color:var(--ink)}
.addons__foot{padding:13px 20px;background:var(--paper-2);border-top:2px solid var(--paper-3);
  font-size:.8rem;color:var(--on-paper-mute);display:flex;align-items:center;gap:8px}
.addons__foot .icon{width:16px;height:16px;color:var(--go);flex:none}

.summary{position:sticky;top:16px}
.sumline{display:flex;justify-content:space-between;gap:14px;padding:10px 0;font-size:.9rem;
  border-bottom:1px solid var(--paper-3)}
.sumline--total{border:0;padding-top:14px;font-family:'Anton',sans-serif;font-size:1.35rem}
.sumline--total span:last-child{color:var(--go)}
.sumline span:last-child{font-variant-numeric:tabular-nums}
.trust{display:grid;gap:9px;margin-top:17px;font-size:.82rem;color:var(--on-paper-mute)}
.trust div{display:flex;align-items:center;gap:8px}
.trust .icon{width:17px;height:17px;color:var(--go);flex:none}

.pix{text-align:center}
.pix__qr{width:212px;height:212px;margin:0 auto 16px;border-radius:var(--r-sm);
  border:3px solid var(--ink);background:#fff;padding:7px}
.pix__code{display:flex;gap:7px;margin-top:13px}
.pix__code input{flex:1;font-family:ui-monospace,monospace;font-size:.76rem}
.pix__code .btn{width:auto;padding:13px 17px;font-size:.9rem}
.pix__status{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:16px;
  font-size:.88rem;font-weight:700;color:var(--on-paper-mute)}
.spin{width:15px;height:15px;border:2px solid var(--paper-3);border-top-color:var(--go);
  border-radius:50%;animation:spin .8s linear infinite}
@keyframes spin{to{transform:rotate(360deg)}}
@media (prefers-reduced-motion:reduce){.spin{animation-duration:2.4s}}
.skeleton{background:linear-gradient(90deg,var(--paper-2) 25%,var(--paper-3) 37%,var(--paper-2) 63%);
  background-size:400% 100%;animation:sk 1.4s ease infinite;border-radius:var(--r-sm)}
@keyframes sk{0%{background-position:100% 50%}100%{background-position:0 50%}}
@media (prefers-reduced-motion:reduce){.skeleton{animation:none}}

.alert{display:flex;gap:10px;align-items:flex-start;padding:14px;border-radius:var(--r-sm);
  background:#FDECEE;border:2px solid var(--alerta);color:#8E1626;font-size:.88rem;
  font-weight:600;margin-bottom:16px}
.alert .icon{width:19px;height:19px;margin-top:1px;flex:none;color:var(--alerta)}
.mp-field{height:48px;border:2px solid var(--paper-3);border-radius:var(--r-sm);
  padding:0 12px;display:flex;align-items:center;background:var(--paper)}

.hide{display:none !important}
.sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;
  clip:rect(0,0,0,0);white-space:nowrap;border:0}
section[id]{scroll-margin-top:64px}

@media (prefers-reduced-motion:no-preference){
  .rv{opacity:0;transform:translateY(14px);transition:opacity .5s var(--ease),transform .5s var(--ease)}
  .rv[data-in="1"]{opacity:1;transform:none}
}

/* ---------- passos (entra no lugar dos depoimentos enquanto nao houver) ---------- */
.steps{list-style:none;margin:24px 0 0;padding:0;display:grid;gap:12px;counter-reset:s}
.steps li{display:flex;gap:14px;align-items:flex-start;background:var(--paper);
  border:2px solid var(--paper-3);border-left:5px solid var(--go);
  border-radius:var(--r);padding:18px}
.steps li::before{counter-increment:s;content:counter(s,decimal-leading-zero);
  font-family:'Anton',sans-serif;font-size:1.5rem;line-height:1;color:var(--go);flex:none}
.steps h3{font-size:1.05rem;margin-bottom:5px}
.steps p{font-size:.92rem;color:var(--on-paper-mute)}
.reforco{display:flex;gap:12px;align-items:center;margin-top:16px;padding:16px;
  border-radius:var(--r);background:var(--ink);color:#fff}
.reforco .icon{width:30px;height:30px;color:var(--sinal);flex:none}
.reforco p{font-size:.9rem}
.reforco b{color:var(--sinal)}

/* ---------- pagina de coleta de depoimento ---------- */
.dep-ok{text-align:center;padding:34px 0}
.dep-ok .gua__seal{background:var(--go)}
.stars-pick{display:flex;gap:6px}
.stars-pick button{background:none;border:0;padding:2px;cursor:pointer;color:var(--paper-3);
  transition:color .12s var(--ease)}
.stars-pick button .icon{width:32px;height:32px}
.stars-pick button[aria-pressed="true"]{color:var(--sinal)}
.stars-pick button:focus-visible{outline:3px solid var(--go);outline-offset:2px}
.check{display:flex;gap:11px;align-items:flex-start;padding:15px;border-radius:var(--r-sm);
  border:2px solid var(--paper-3);background:var(--paper);cursor:pointer;margin-bottom:15px}
.check input{width:20px;height:20px;margin:1px 0 0;accent-color:var(--go);flex:none}
.check span{font-size:.85rem;line-height:1.4}
.field textarea{width:100%;font:inherit;font-size:1rem;padding:13px;min-height:120px;resize:vertical;
  border-radius:var(--r-sm);border:2px solid var(--paper-3);background:var(--paper);color:var(--on-paper)}
.field textarea:focus{outline:none;border-color:var(--go);box-shadow:0 0 0 3px rgba(18,165,80,.2)}
.count{font-size:.74rem;color:var(--on-paper-mute);text-align:right}

/* ---------- modulo em texto (sem foto), numero na lateral ---------- */
.mod--texto{display:grid;grid-template-columns:auto 1fr;gap:15px;align-items:start;padding:19px}
.mod__n--linha{position:static;width:auto;height:auto;background:none;color:var(--sinal);
  font-size:1.9rem;border-radius:0;display:block;line-height:.9}

/* ---------- grade de assuntos ---------- */
.grade{list-style:none;margin:24px 0 0;padding:0;display:grid;gap:9px}
@media (min-width:560px){.grade{grid-template-columns:1fr 1fr;gap:9px 16px}}
.grade li{display:flex;gap:9px;align-items:flex-start;font-size:.92rem;line-height:1.35;
  color:var(--on-ink);padding:9px 12px;background:var(--ink);border-radius:var(--r-sm);
  border:1px solid var(--ink-3)}
.grade .icon{width:17px;height:17px;color:var(--go);flex:none;margin-top:2px}

/* ---------- selo de compra segura ---------- */
.segura{margin-top:20px;background:var(--ink);color:#fff;border-radius:var(--r);padding:18px 20px}
.segura__h{display:flex;align-items:center;gap:9px;font-family:'Anton',sans-serif;
  font-size:1rem;text-transform:uppercase;letter-spacing:.03em;margin-bottom:13px}
.segura__h .icon{width:21px;height:21px;color:var(--go)}
.segura__l{display:grid;gap:9px;font-size:.85rem;color:var(--on-ink-mute)}
.segura__l span{display:flex;align-items:center;gap:9px}
.segura__l .icon{width:16px;height:16px;color:var(--sinal);flex:none}

/* ---------- outros cursos da serie ---------- */
.outros{display:grid;gap:10px;margin-top:24px}
.outro{display:grid;grid-template-columns:auto 1fr auto;gap:13px;align-items:center;
  padding:14px;background:var(--ink);border:2px solid var(--ink-3);border-radius:var(--r);
  text-decoration:none;color:#fff;transition:border-color .15s var(--ease),transform .12s var(--ease)}
.outro:hover{border-color:var(--sinal);transform:translateY(-1px)}
.outro img{width:56px;height:56px;border-radius:8px;object-fit:cover;flex:none}
.outro b{display:block;font-size:.96rem;line-height:1.2}
.outro small{display:block;font-size:.8rem;color:var(--on-ink-mute);margin-top:4px;line-height:1.3}
.outro > .icon{width:20px;height:20px;color:var(--sinal)}

/* ---------- area de membros ---------- */
.mb{background:var(--ink);color:#fff;min-height:100dvh}
.mb .col{max-width:720px}
.mb__top{background:var(--ink-2);border-bottom:1px solid var(--ink-3)}
.mb__top .col{padding-block:16px}
.mb__eyebrow{font-family:'Anton',sans-serif;font-size:.72rem;letter-spacing:.12em;color:var(--sinal)}
.mb__top h1{font-size:clamp(1.5rem,5.5vw,2.1rem);margin:6px 0 4px}
.mb__linha{font-size:.88rem;color:var(--on-ink-mute)}
.prog{position:sticky;top:0;z-index:30;background:var(--ink-2);border-bottom:2px solid var(--sinal);
  padding:11px 0}
.prog .col{display:flex;align-items:center;gap:12px}
.prog__tr{flex:1;height:9px;background:var(--ink-3);border-radius:5px;overflow:hidden}
.prog__f{height:100%;background:var(--go);border-radius:0 4px 4px 0;transition:width .3s var(--ease)}
@media (prefers-reduced-motion:reduce){.prog__f{transition:none}}
.prog__t{font-family:'Anton',sans-serif;font-size:.95rem;font-variant-numeric:tabular-nums;
  white-space:nowrap;color:var(--sinal)}
.mbmod{margin-top:26px}
.mbmod__h{display:flex;align-items:center;gap:11px;padding-bottom:9px;margin-bottom:11px;
  border-bottom:2px solid var(--sinal)}
.mbmod__n{font-family:'Anton',sans-serif;font-size:1.35rem;color:var(--sinal);line-height:1}
.mbmod__h h2{font-size:1.08rem;flex:1}
.mbmod__c{font-size:.72rem;text-transform:uppercase;letter-spacing:.06em;color:var(--on-ink-mute)}
.mbaula{display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center;
  padding:13px;margin-bottom:9px;background:var(--ink-2);border:1px solid var(--ink-3);
  border-left:4px solid var(--ink-3);border-radius:var(--r);transition:border-color .15s var(--ease)}
.mbaula:has(input:checked){border-left-color:var(--go);opacity:.62}
.mbaula input{width:23px;height:23px;accent-color:var(--go);flex:none;cursor:pointer}
.mbaula__b{min-width:0}
.mbaula__b a{display:block;font-size:.95rem;font-weight:600;line-height:1.3;text-decoration:none;color:#fff}
.mbaula__b a:hover{color:var(--sinal)}
.mbaula:has(input:checked) .mbaula__b a{text-decoration:line-through}
.mbaula__b small{display:block;font-size:.76rem;color:var(--on-ink-mute);margin-top:4px}
.mbaula__d{font-size:.82rem;color:var(--sinal);font-variant-numeric:tabular-nums;white-space:nowrap}
.mbnota{margin-top:26px;padding:16px;background:var(--ink-2);border:1px solid var(--ink-3);
  border-radius:var(--r);font-size:.83rem;color:var(--on-ink-mute);line-height:1.5}
.mbnota b{color:var(--sinal)}

/* ---------- marca ---------- */
.marca{display:block;height:auto;width:auto}
.marca--barra{height:32px}
@media (min-width:600px){.marca--barra{height:38px}}
.marca--hero{width:min(270px,64%);margin-bottom:18px}
.marca--login{width:min(215px,62%);margin:0 auto 20px}
.marca--completa{width:min(230px,68%);margin:0 auto 22px}
.marca--pdf{width:270px;margin:0 auto 8mm}