/* v2 · out/2026: sintomas alinhados aos anúncios, leitor com arraste, evolução da planta, FAQ */

/* ---------- Sintomas ---------- */
.sym{display:grid;grid-template-columns:1.15fr 1fr;gap:26px;margin-top:40px;align-items:start}
.sym-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}
.sym-tile{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:8px;min-height:150px;padding:18px;text-align:left;border:var(--b);border-radius:var(--r-card);box-shadow:var(--sh);cursor:pointer;transition:transform .2s var(--ease),box-shadow .2s var(--ease)}
.sym-tile>i{font-size:30px}
.sym-tile b{font:400 23px/1.05 var(--display)}
.sym-tile small{margin-top:auto;font-weight:900;font-size:12px;letter-spacing:.04em;text-transform:uppercase;padding:4px 10px;border:1.5px solid currentColor;border-radius:var(--r-pill)}
.sym-tile:hover{transform:translate(-2px,-2px);box-shadow:6px 6px 0 var(--ink)}
.sym-tile[aria-selected="true"]{transform:translate(3px,3px);box-shadow:inset 0 0 0 3px var(--ink),1px 1px 0 var(--ink)}
.sym-tile[aria-selected="true"]::after{content:"";position:absolute;top:12px;right:12px;width:14px;height:14px;border:var(--b);border-radius:50%;background:var(--lime)}
.sym-tile.c-ink{background:var(--ink);color:var(--paper)}
.sym-tile.c-ink>i{color:var(--lime)}
.sym-tile.c-paper{background:var(--paper)}
.sym-tile.c-paper>i{color:var(--pink)}
.sym-tile.is-from{order:-1}
.sym-panel{position:sticky;top:96px;display:flex;flex-direction:column;gap:16px;padding:26px;border:var(--b);border-radius:var(--r-card);background:var(--paper);box-shadow:var(--sh-lg)}
.sym-from{align-self:flex-start;display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border:var(--b);border-radius:var(--r-pill);background:var(--lime);font-weight:900;font-size:13px}
.sym-from[hidden]{display:none}
.sym-head{display:flex;align-items:center;gap:16px;padding-bottom:16px;border-bottom:1.5px dashed var(--ink)}
.sym-head img{width:64px;height:96px;object-fit:cover;flex-shrink:0;border:var(--b);border-radius:4px;transform:rotate(-5deg);box-shadow:2px 2px 0 var(--ink)}
.sym-head small{display:block;width:max-content;font:900 12px/1 var(--body);letter-spacing:.04em;text-transform:uppercase;padding:5px 10px;margin-bottom:8px;border:var(--b);border-radius:var(--r-pill);background:var(--lime)}
.sym-head h3{font:400 30px/1.02 var(--display)}
.sym-cause{font-weight:700;font-size:17px;line-height:1.45}
.sym-list{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.sym-list li{display:flex;gap:10px;align-items:flex-start;font-weight:700;font-size:16px;line-height:1.4}
.sym-list li i{flex-shrink:0;width:24px;height:24px;display:grid;place-items:center;border:var(--b);border-radius:50%;background:var(--lime);font-size:12px;margin-top:1px}
.sym-panel .btn{align-self:flex-start}
@media (prefers-reduced-motion:no-preference){
  .sym-panel.swap>*{animation:symIn .45s var(--ease) both}
  .sym-panel.swap>*:nth-child(2){animation-delay:.03s}.sym-panel.swap>*:nth-child(3){animation-delay:.06s}.sym-panel.swap>*:nth-child(4){animation-delay:.09s}
}
@keyframes symIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}

/* ---------- Leitor ---------- */
.reader-stage{touch-action:pan-y;user-select:none;-webkit-user-select:none}
.page-btn{transition:transform .2s var(--ease)}
.page-btn.dragging{transition:none}
.page-btn img{pointer-events:none}
.reader-foot{display:flex;flex-direction:column;align-items:center;gap:8px;padding:14px;border-top:var(--b);background:var(--paper)}
.reader-foot .reader-status{padding:0;border:0;background:none}
.reader-dots{display:flex;gap:8px}
.reader-dots span{width:10px;height:10px;border:1.5px solid var(--ink);border-radius:50%;background:var(--paper);transition:width .3s var(--ease),background .3s}
.reader-dots span.on{width:28px;border-radius:99px;background:var(--lime)}
.reader-dots span.lock{border-style:dashed}
.swipe-hint{display:none;align-items:center;gap:6px;font-size:13px;font-weight:700;color:var(--muted)}
.swipe-hint i{font-size:18px}
@media (hover:none){.swipe-hint{display:inline-flex}.swipe-hint.gone{display:none}}
@media (prefers-reduced-motion:no-preference){@media (hover:none){.swipe-hint:not(.gone) i{animation:nudge 1.6s var(--ease) infinite}}}
@keyframes nudge{0%,100%{transform:translateX(0)}50%{transform:translateX(-8px)}}
/* ampliação */
.dialog-body img.is-fit{width:100%;max-width:640px;cursor:zoom-in}
.dialog-body img.is-page:not(.is-fit){cursor:zoom-out}
.dialog-nav{display:flex;align-items:center;justify-content:center;gap:18px;padding:10px;border-top:var(--b)}
.dialog-nav[hidden]{display:none}
.dialog-nav span{font-weight:900;font-size:14px;min-width:52px;text-align:center}
.dialog-nav .arrow{width:44px;height:44px;font-size:19px}
dialog:has(.dialog-nav:not([hidden])) .dialog-body{max-height:calc(92dvh - 132px)}

/* ---------- Evolução da planta ---------- */
.grow .sub{max-width:60ch}
.grow-types{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}
.grow-types .pill.c-pink{background:var(--pink)}
.grow-track{--p:0;position:relative;list-style:none;margin:44px 0 0;padding:0;display:grid;grid-template-columns:repeat(6,1fr);gap:16px;align-items:end}
.grow-track::before,.grow-track::after{content:"";position:absolute;left:8%;right:8%;bottom:-22px;height:8px;border:var(--b);border-radius:99px;background:var(--paper)}
.grow-track::after{right:auto;width:calc(84% * var(--p));border-color:transparent;background:var(--lime);box-shadow:inset 0 0 0 2px var(--ink)}
.stage{display:flex;flex-direction:column;gap:12px}
.stage figure{margin:0;aspect-ratio:1;border:var(--b);border-radius:var(--r-card);background:var(--bg);overflow:hidden;box-shadow:var(--sh)}
.stage figure img{width:100%;height:100%;object-fit:cover}
.stage:nth-child(1) figure{width:72%}.stage:nth-child(2) figure{width:80%}.stage:nth-child(3) figure{width:88%}.stage:nth-child(4) figure,.stage:nth-child(5) figure,.stage:nth-child(6) figure{width:100%}
.st-time{display:inline-block;padding:4px 10px;border:1.5px solid var(--ink);border-radius:var(--r-pill);background:var(--lime);font-weight:900;font-size:12px}
.stage h3{margin-top:8px;font:400 26px/1 var(--display)}
.stage p{margin-top:6px;font-size:14px;line-height:1.4;color:var(--muted);font-weight:700}
.stage small{display:block;margin-top:6px;font-weight:900;font-size:12px;letter-spacing:.03em;text-transform:uppercase}
.grow-end{margin-top:64px;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px;padding:20px 24px;border:var(--b);border-radius:var(--r-card);background:var(--paper);box-shadow:var(--sh)}
.grow-end p{font-size:18px}
@media (prefers-reduced-motion:no-preference){
  .grow-track.js .stage{opacity:.25;transform:translateY(18px) scale(.96);transition:opacity .6s var(--ease),transform .6s var(--ease)}
  .grow-track.js .stage.on{opacity:1;transform:none}
  .grow-track.js .stage.on figure img{animation:sprout .7s var(--ease) both}
}
@keyframes sprout{from{transform:scale(.85) translateY(12px)}to{transform:none}}

/* ---------- FAQ ---------- */
.faq-list summary{justify-content:flex-start}
.faq-list summary .tog{margin-left:auto}
.q-ico{flex-shrink:0;width:38px;height:38px;display:grid;place-items:center;border:var(--b);border-radius:50%;font-size:18px}
.q-ico.c-ink{background:var(--ink);color:var(--lime)}
.faq-list details[open] summary{padding-bottom:10px}
.faq-list details>p{padding-left:76px}
.faq-link{display:inline-flex;margin-top:8px;font-weight:900;color:var(--ink);text-decoration:underline;text-underline-offset:4px}
.faq-end{grid-column:2;display:flex;flex-direction:column;align-items:flex-start;gap:14px;padding:22px;border:2px dashed var(--ink);border-radius:var(--r-card)}
.faq-end p{font-size:17px}

/* ---------- Mobile ---------- */
@media (max-width:900px){
  .sym{grid-template-columns:1fr}
  .sym-panel{position:relative;top:auto}
  .grow-track{grid-template-columns:1fr;gap:0;align-items:stretch;padding-left:26px}
  .grow-track::before,.grow-track::after{left:6px;right:auto;top:0;bottom:0;width:8px;height:auto}
  .grow-track::after{height:calc(100% * var(--p));bottom:auto}
  .stage{flex-direction:row;align-items:center;gap:16px;padding:12px 0}
  .stage figure,.stage:nth-child(n) figure{width:108px;flex-shrink:0}
  .stage h3{font-size:24px}
  .grow-end{margin-top:28px}
}
@media (max-width:767px){
  .sym-grid{gap:10px}
  .sym-tile{min-height:122px;padding:14px;gap:6px}
  .sym-tile>i{font-size:24px}
  .sym-tile b{font-size:19px}
  .sym-tile small{font-size:10.5px;padding:3px 8px}
  .sym-panel{padding:20px}
  .sym-head h3{font-size:25px}
  .faq-end{grid-column:auto}
  .faq-list details>p{padding-left:22px}
  .q-ico{width:32px;height:32px;font-size:16px}
  .faq-list summary{gap:12px;padding:16px}
}

/* ícones extras (mesma fonte Phosphor Bold) */
.ph-megaphone-simple:before{content:"\e642"}.ph-thermometer-hot:before{content:"\e5ca"}.ph-hand-swipe-left:before{content:"\ec94"}.ph-timer:before{content:"\e492"}.ph-calendar:before{content:"\e108"}.ph-lightbulb:before{content:"\e2dc"}.ph-eye:before{content:"\e220"}.ph-credit-card:before{content:"\e1d2"}.ph-scales:before{content:"\e750"}
/* coluna do FAQ não pode crescer além da tela */
.faq>*{min-width:0}
.faq-list summary{min-width:0;overflow-wrap:anywhere}
@media (max-width:767px){.faq{grid-template-columns:minmax(0,1fr)}.faq-end .btn{width:100%}}

/* "Abra na dúvida" com 4 páginas: luz e folha no ângulo dos anúncios D6 e D7 */
@media (min-width:1025px){.method-grid{grid-template-columns:repeat(4,1fr);gap:22px}.m-item:nth-child(2){margin-top:0}.m-item:nth-child(2n){margin-top:56px}.m-item b{font-size:24px}}
@media (min-width:768px) and (max-width:1024px){.method-grid{grid-template-columns:repeat(2,1fr)}.m-item:nth-child(2){margin-top:0}}
.m-item:nth-child(4) .m-page{transform:rotate(-1deg)}
.m-tag.c-blue{color:var(--paper)}
/* espiadas na prévia */
.page-btn.is-peek img{aspect-ratio:auto}
.page-btn.is-peek::after{content:"Trecho · completa no manual";position:absolute;left:50%;bottom:14px;transform:translateX(-50%);white-space:nowrap;padding:6px 12px;border:var(--b);border-radius:var(--r-pill);background:var(--pink);font-weight:900;font-size:12px;box-shadow:2px 2px 0 var(--ink)}
.tab-peek{border-style:dashed}
.reader-dots span.peek{border-style:dashed}
.reader-dots{flex-wrap:wrap;justify-content:center}
.page-btn.is-peek{aspect-ratio:2/3;background:var(--paper)}
.page-btn.is-peek img{height:auto}

/* pricing: sem viúvas */
.offer-card .title,.offer-sub,.checks li,.guarantee b,.guarantee span,.buy-status,.offer-thumb span{text-wrap:balance}
.offer-sub,.guarantee span{text-wrap:pretty}

/* ---------- Oferta: entrada da capa e do pricing ---------- */
@media (prefers-reduced-motion:no-preference){
  .offer.anim .offer-art .sun{opacity:0;transform:scale(.3);transition:opacity .5s var(--ease),transform 1s cubic-bezier(.34,1.56,.64,1)}
  .offer.anim .offer-art img{opacity:0;transform:translateY(80px) rotate(-22deg) scale(.8);transition:opacity .45s var(--ease) .15s,transform 1s cubic-bezier(.34,1.45,.64,1) .15s}
  .offer.anim.on .offer-art .sun{opacity:1;transform:none;animation:sunSpin 60s linear 1s infinite}
  .offer.anim.on .offer-art img{opacity:1;transform:rotate(-5deg);animation:coverFloat 5s ease-in-out 1.3s infinite}
  .offer.anim .offer-card{opacity:0;transform:translateY(40px);transition:opacity .6s var(--ease) .2s,transform .8s var(--ease) .2s}
  .offer.anim.on .offer-card{opacity:1;transform:none}
  .offer.anim .fx-step{opacity:0;transform:translateY(14px);transition:opacity .5s var(--ease),transform .6s var(--ease);transition-delay:calc(.35s + var(--i) * 90ms)}
  .offer.anim.on .fx-step{opacity:1;transform:none}
  .offer.anim .checks li i{transform:scale(0);transition:transform .45s cubic-bezier(.34,1.8,.64,1);transition-delay:calc(.55s + var(--i) * 90ms)}
  .offer.anim.on .checks li i{transform:none}
  .offer.anim .launch-next s{text-decoration:none;background:linear-gradient(var(--ink),var(--ink)) left 55%/0% 2px no-repeat;transition:background-size .5s var(--ease) 1.2s}
  .offer.anim.on .launch-next s{background-size:100% 2px}
  .offer.anim #buy{transform:scale(.85);opacity:0;transition:transform .55s cubic-bezier(.34,1.7,.64,1) 1.9s,opacity .3s 1.9s}
  .offer.anim.on #buy{transform:none;opacity:1}
  .offer.anim.on #buy:hover{transform:translate(-2px,-2px);transition-delay:0s}
  .price strong.pop{animation:pricePop .45s cubic-bezier(.34,1.8,.64,1)}
}
@keyframes sunSpin{to{rotate:360deg}}
@keyframes coverFloat{50%{translate:0 -10px}}
@keyframes pricePop{40%{transform:scale(1.12)}}
.price strong{display:inline-block;font-variant-numeric:tabular-nums}
/* pricing compacto no celular: o card inteiro cabe na tela */
@media (max-width:767px){
  .offer-card{padding:20px 18px}
  .offer-card .title-md{font-size:30px}
  .offer-sub{display:none}
  .checks{margin:14px 0 16px;gap:7px}
  .checks li{font-size:15px;gap:9px;text-wrap:wrap;line-height:1.3}
  .checks i{width:22px;height:22px;font-size:12px}
  .launch{margin-bottom:4px}
  .price strong{font-size:68px}
  .price .cur{font-size:24px;margin-top:8px}
  .price .cents{font-size:26px;margin-top:8px}
  .offer-buy .btn-lg{min-height:56px;margin-top:10px}
  .guarantee{margin-top:12px;padding:10px 12px;gap:10px;align-items:center}
  .guarantee b{font-size:15px}
  .guarantee span{font-size:13px;line-height:1.3}
  .guarantee>i{width:34px;height:34px;font-size:17px}
  .buy-status{margin-top:8px;font-size:12.5px}
}
/* ---------- Hero: promessa curta, maior, e arte dentro da primeira tela ---------- */
h1.title{font-size:clamp(46px,5.4vw,84px)}
.hero-proof{display:inline-flex;align-items:center;gap:8px;margin:-12px 0 26px;padding:7px 14px;border:var(--b);border-radius:var(--r-pill);background:var(--lime-soft);font-weight:800;font-size:14px}
.hero-proof i{font-size:17px}
@media (max-width:767px){
  .hero{padding-block:22px 28px;gap:8px}
  .hero-copy .pill{margin-bottom:16px}
  h1.title{font-size:clamp(34px,10.4vw,46px)}
  .lead{margin-block:14px 14px}
  .hero-proof{margin:0 0 18px;font-size:12.5px;padding:6px 12px}
  .hero-art{height:330px}
  .hero-art .sun{width:280px;height:280px}
  .tilt{width:190px}
}

/* ---------- Cenas: cada seção entra coreografada quando aparece ---------- */
@media (prefers-reduced-motion:no-preference){
  .scene .hero-copy>*,.scene .hero-art{animation:none}
  .scene .fx-up{opacity:0;translate:0 18px;transition:opacity .55s var(--ease),translate .7s var(--ease);transition-delay:calc(var(--i,0) * 75ms)}
  .scene.on .fx-up{opacity:1;translate:0 0}
  .scene .fx-pop{opacity:0;scale:.82;transition:opacity .35s var(--ease),scale .6s cubic-bezier(.34,1.7,.64,1);transition-delay:calc(var(--i,0) * 75ms)}
  .scene.on .fx-pop{opacity:1;scale:1}
  .scene .fx-wipe{-webkit-mask:linear-gradient(90deg,#000 50%,transparent 50%) 100% 0/200% 100% no-repeat;mask:linear-gradient(90deg,#000 50%,transparent 50%) 100% 0/200% 100% no-repeat;transition:-webkit-mask-position .75s cubic-bezier(.65,0,.35,1),mask-position .75s cubic-bezier(.65,0,.35,1);transition-delay:calc(var(--i,0) * 75ms)}
  .scene.on .fx-wipe{-webkit-mask-position:0 0;mask-position:0 0}
  .scene .fx-grow{opacity:0;scale:.3;transition:opacity .5s var(--ease),scale 1s cubic-bezier(.34,1.56,.64,1);transition-delay:calc(var(--i,0) * 75ms)}
  .scene.on .fx-grow{opacity:1;scale:1}
  .scene .fx-drop{opacity:0;translate:0 70px;rotate:-10deg;scale:.85;transition:opacity .45s var(--ease),translate 1s cubic-bezier(.34,1.45,.64,1),rotate 1s cubic-bezier(.34,1.45,.64,1),scale 1s cubic-bezier(.34,1.45,.64,1);transition-delay:calc(var(--i,0) * 75ms)}
  .scene.on .fx-drop{opacity:1;translate:0 0;rotate:0deg;scale:1}
  .scene.on .hero-art .sun{animation:sunHue 16s ease-in-out 1.2s infinite}
}
/* sol do hero: parado, trocando de cor dentro da paleta do manual */
@property --sa{syntax:"<color>";inherits:false;initial-value:#C6FF3D}
@property --sb{syntax:"<color>";inherits:false;initial-value:#EEFFC2}
.hero-art .sun{--sa:var(--lime);--sb:var(--lime-soft);background:repeating-linear-gradient(180deg,var(--sa) 0 22px,var(--sb) 22px 30px)}
@keyframes sunHue{
  0%,20%{--sa:#C6FF3D;--sb:#EEFFC2}
  25%,45%{--sa:#FF6B35;--sb:#FFE6DB}
  50%,70%{--sa:#FF4F81;--sb:#FFE1EA}
  75%,95%{--sa:#2D5BFF;--sb:#E1E8FF}
  100%{--sa:#C6FF3D;--sb:#EEFFC2}
}
/* linha de apoio do hero */
.hero-sign{display:flex;align-items:center;gap:8px;margin:-14px 0 28px;font-weight:900;font-size:17px}
.hero-sign i{font-size:20px;color:var(--ink);background:var(--lime);border:var(--b);border-radius:50%;width:32px;height:32px;display:grid;place-items:center;flex-shrink:0}
@media (max-width:767px){.hero-sign{margin:-2px 0 18px;font-size:15px}.hero-sign i{width:28px;height:28px;font-size:16px}}
#hero-lead{text-wrap:balance}

/* destaque de interação na prévia (mesmo estilo do hero) */
.preview-hint{margin:18px 0 0}
.preview-hint+.reader{margin-top:26px}
@media (max-width:767px){.preview-hint{margin:14px 0 0}}

/* convite ao toque em toda seção interativa */
.touch-hint{margin:16px 0 0}
.faq .faq-hint{margin:14px 0 0}
@media (prefers-reduced-motion:no-preference){
  .nudge-tap{animation:tapRing 1.8s var(--ease) 1.2s infinite}
  .touch-hint i,.preview-hint i{animation:tapIcon 1.8s var(--ease) infinite}
}
@keyframes tapRing{0%{outline:2px solid rgba(30,36,23,.6);outline-offset:0}70%,100%{outline:2px solid rgba(30,36,23,0);outline-offset:10px}}
@keyframes tapIcon{0%,100%{rotate:0deg}20%{rotate:-14deg}40%{rotate:0deg}}
/* CTA direto para o checkout: preço e garantia junto do botão */
.hero-cta{display:flex;flex-direction:column;align-items:stretch;gap:10px}
.hero-price{margin:0;text-align:center;font-size:14px;font-weight:700;line-height:1.3;color:var(--muted);text-wrap:balance}
.hero-price b{font-weight:900;color:var(--ink)}
@media (max-width:767px){
  .hero-cta{gap:8px}
  .hero-price{font-size:13px}
  .mobile-bar>span{text-wrap:balance}
  .mobile-bar strong{white-space:nowrap}
}
@media (min-width:768px){
  .hero-actions{align-items:flex-start}
  .hero-actions .link{align-self:flex-start;display:inline-flex;align-items:center;min-height:62px}
}

/* ============================================================
   v3 conversão (14/10): confiança no hero, páginas na oferta
   ============================================================ */
.ph-bold.ph-coins:before{content:"\e78e"}

/* hero: três garantias numa linha, logo abaixo do botão */
.hero-trust{display:flex;flex-wrap:wrap;gap:6px 14px;margin:14px 0 0;padding:0;list-style:none;font-weight:900;font-size:13.5px;color:var(--ink)}
.hero-trust li{display:inline-flex;align-items:center;gap:6px}
.hero-trust i{display:grid;place-items:center;width:24px;height:24px;border:2px solid var(--ink);border-radius:50%;background:var(--lime);font-size:13px}

/* oferta: as 21 páginas em leque, antes do preço */
.offer-pages{display:flex;align-items:center;gap:14px;margin:4px 0 2px;padding:12px 14px;border:2px dashed var(--ink);border-radius:18px;background:var(--bg)}
.op-fan{position:relative;display:flex;flex-shrink:0;height:72px;padding-right:6px}
.op-fan img{width:44px;height:66px;object-fit:cover;border:2px solid var(--ink);border-radius:5px;background:var(--paper);box-shadow:2px 2px 0 var(--ink)}
.op-fan img+img{margin-left:-24px}
.op-fan img:nth-child(1){transform:rotate(-8deg);z-index:6}
.op-fan img:nth-child(2){transform:rotate(-4deg) translateY(2px);z-index:5}
.op-fan img:nth-child(3){transform:rotate(0deg) translateY(3px);z-index:4}
.op-fan img:nth-child(4){transform:rotate(4deg) translateY(2px);z-index:3}
.op-fan img:nth-child(5){transform:rotate(7deg);z-index:2}
.op-fan img:nth-child(6){transform:rotate(10deg) translateY(-1px);z-index:1}
.op-fan .op-blur{filter:blur(1.5px) saturate(.8)}
.op-mais{position:absolute;right:-6px;bottom:-4px;z-index:7;display:grid;place-items:center;min-width:34px;height:26px;padding:0 6px;border:2px solid var(--ink);border-radius:var(--r-pill);background:var(--ink);color:var(--lime);font:400 14px/1 var(--display)}
.op-txt{display:grid;gap:2px;min-width:0;font-weight:700;font-size:13.5px;line-height:1.3;color:var(--muted)}
.op-txt b{font:400 18px/1.1 var(--display);color:var(--ink)}

/* preço: o que a pessoa paga, uma vez */
.price-note{display:block;margin:-2px 0 4px;font-weight:800;font-size:13.5px;line-height:1.3;color:var(--ink);text-align:center}
.price-note i{display:none}
@media (max-width:374px){ .op-fan img{width:38px;height:57px} .op-fan img+img{margin-left:-22px} .hero-trust{font-size:12.5px} }

/* ============================================================
   Oferta v3 (14/10): blocos centralizados com respiro.
   Ordem: título, páginas, 3 tópicos, preço, botão, garantias.
   ============================================================ */
.oc3{display:grid;justify-items:center;gap:22px;text-align:center}
.oc3 .title{align-items:center}
.oc3>.offer-thumb,.oc3>.offer-sub,.oc3>.offer-pages{display:none}

/* as páginas em leque: o produto como peça principal */
.oc-fan{position:relative;display:flex;justify-content:center;align-items:flex-end;height:150px;margin:4px 0 6px}
.oc-fan img{width:74px;height:111px;object-fit:cover;border:2px solid var(--ink);border-radius:6px;background:var(--paper);box-shadow:3px 3px 0 var(--ink)}
.oc-fan img+img{margin-left:-30px}
.oc-fan img:nth-child(1){transform:rotate(-14deg) translateY(10px);z-index:1}
.oc-fan img:nth-child(2){transform:rotate(-7deg) translateY(2px);z-index:2}
.oc-fan img:nth-child(3){width:92px;height:138px;transform:translateY(-6px);z-index:5}
.oc-fan img:nth-child(4){transform:rotate(7deg) translateY(2px);z-index:3}
.oc-fan img:nth-child(5){transform:rotate(14deg) translateY(10px);z-index:1}
.oc-fan .oc-blur{filter:blur(1.5px) saturate(.8)}
.oc-selo{position:absolute;right:calc(50% - 118px);top:-4px;z-index:6;display:grid;place-items:center;width:62px;height:62px;border:2px solid var(--ink);border-radius:50%;background:var(--lime);box-shadow:3px 3px 0 var(--ink);font:900 10px/1 var(--body);text-transform:uppercase;letter-spacing:.04em;transform:rotate(10deg)}
.oc-selo b{display:block;font:400 26px/.9 var(--display);letter-spacing:0}

/* três tópicos, alinhados à esquerda dentro de um bloco centralizado */
.oc3 .oc-checks{margin:0;justify-self:center;width:max-content;max-width:100%;text-align:left;gap:12px}
.oc3 .oc-checks li{font-size:16px;line-height:1.3}

/* preço: um bloco só, com o antes, o valor e como pagar */
.oc-preco{display:grid;justify-items:center;gap:8px;width:100%;padding:18px 16px 16px;border:2px solid var(--ink);border-radius:20px;background:var(--paper)}
.oc-de{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:8px;margin:0}
.oc-tag{display:inline-flex;padding:4px 12px;border:2px solid var(--ink);border-radius:var(--r-pill);background:var(--orange);font-weight:900;font-size:12.5px;letter-spacing:.02em}
.oc-antes s{font-weight:900;font-size:17px;color:var(--muted);text-decoration-thickness:2px;text-decoration-color:var(--ink)}
.oc3 .price{justify-content:center;margin:2px 0 0}
.oc3 .price strong{font-size:84px}
.oc3 .price .cur{font-size:28px;margin-top:10px}
.oc3 .price .cents{font-size:30px;margin-top:10px}
.oc-forma{margin:0;font-weight:800;font-size:14.5px;color:var(--ink)}
.oc3 #buy{margin:0}

/* garantias: uma linha de três, colada no botão */
.oc-garantias{display:flex;flex-wrap:wrap;justify-content:center;gap:8px 16px;margin:-6px 0 0;padding:0;list-style:none;font-weight:900;font-size:13px}
.oc-garantias li{display:inline-flex;align-items:center;gap:6px}
.oc-garantias i{display:grid;place-items:center;width:24px;height:24px;border:2px solid var(--ink);border-radius:50%;background:var(--lime);font-size:13px}
.oc3 .buy-status:empty{display:none}

@media (max-width:767px){
  .oc3{gap:20px;padding:26px 18px 22px}
  .oc3 .title-md{font-size:32px}
  .oc-fan{height:132px}
  .oc-fan img{width:62px;height:93px}
  .oc-fan img:nth-child(3){width:80px;height:120px}
  .oc-fan img+img{margin-left:-26px}
  .oc-selo{right:calc(50% - 104px);width:56px;height:56px}
  .oc3 .price strong{font-size:76px}
  .oc3 .checks i{width:24px;height:24px;font-size:13px}
}
/* selo "21 páginas" cabe no círculo; no celular a capa grande sai (o leque já mostra a capa) */
.oc-selo{width:66px;height:66px;font-size:8.5px;letter-spacing:.02em;line-height:1.1}
.oc-selo b{font-size:25px;margin-bottom:1px}
@media (max-width:899px){ .offer-in>.offer-art{display:none} .offer-in{gap:0} }
@media (max-width:767px){ .oc-selo{width:60px;height:60px;font-size:8px} .oc-selo b{font-size:22px} }
/* computador: o cartão novo é uma coluna só (a regra antiga dividia em duas) */
@media (min-width:900px){
  .offer-card.oc3{grid-template-columns:minmax(0,1fr);grid-template-rows:none;column-gap:0;padding:40px 44px}
  .oc3>*{grid-column:1!important;grid-row:auto!important}
  .oc3>.title{font-size:clamp(34px,3vw,44px)}
  .oc3 .oc-preco{max-width:420px}
}

/* 5 benefícios: lista com ritmo, texto à esquerda num bloco centralizado */
.oc3 .oc-checks{width:100%;max-width:400px;gap:11px}
.oc3 .oc-checks li{font-size:15.5px;line-height:1.35;text-wrap:pretty}

/* ============================================================
   Implicação (SPIN): quanto custa um erro, e a virada para o ganho
   ============================================================ */
.ph-bold.ph-hourglass:before{content:"\e2b2"}
.ph-bold.ph-arrows-clockwise:before{content:"\e094"}
.cost{display:grid;justify-items:center;gap:18px;text-align:center}
.cost .title{align-items:center}
.cost .sub{max-width:46ch;margin:0}
.cost-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;width:100%;margin:8px 0 0;padding:0;list-style:none;text-align:left}
.cost-list li{display:flex;gap:12px;align-items:flex-start;padding:16px;border:var(--b);border-radius:18px;background:var(--paper);box-shadow:var(--sh)}
.cost-list b{display:block;margin-bottom:4px;font:400 19px/1.15 var(--display);color:var(--ink)}
.cost-list span:last-child{font-weight:700;font-size:15px;line-height:1.4;color:var(--muted)}
.cost-ico{flex-shrink:0;display:grid;place-items:center;width:42px;height:42px;border:var(--b);border-radius:50%;font-size:20px}
.cost-ico.c-pink{background:var(--pink-soft)}
.cost-ico.c-lime{background:var(--lime)}
.cost-turn{display:flex;gap:14px;align-items:center;width:100%;max-width:720px;padding:16px 18px;border:var(--b);border-radius:20px;background:var(--lime-soft);text-align:left}
.cost-turn p{margin:0;font-weight:700;font-size:15.5px;line-height:1.45;color:var(--ink)}
.cost-turn b{font-weight:900}
@media (max-width:899px){
  .cost-list{grid-template-columns:minmax(0,1fr);gap:10px}
  .cost-list li{padding:14px;box-shadow:3px 3px 0 var(--ink)}
  .cost-list b{font-size:17px}
  .cost-list span:last-child{font-size:14.5px}
}

/* ============================================================
   Fases v3 (14/10): um cartão por fase. Celular: carrossel com
   o próximo aparecendo. Computador: grade 3 x 2.
   ============================================================ */
.grow .grow-track{display:none}
.fases{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:28px 0 0;padding:0;list-style:none}
.fase{display:grid;align-content:start;gap:10px;padding:16px 16px 18px;border:var(--b);border-radius:22px;background:var(--paper);box-shadow:var(--sh)}
.fase-top{display:flex;align-items:center;justify-content:space-between;gap:8px}
.fase-n{font:400 30px/1 var(--display);color:var(--ink);text-shadow:2px 2px 0 var(--lime)}
.fase-t{display:inline-flex;align-items:center;gap:5px;padding:4px 10px;border:2px solid var(--ink);border-radius:var(--r-pill);background:var(--lime);font-weight:900;font-size:12.5px;white-space:nowrap}
.fase-t i{font-size:14px}
.fase-img{margin:2px 0 4px;aspect-ratio:1;border:2px solid var(--ink);border-radius:16px;overflow:hidden;background:var(--bg)}
.fase-img img{display:block;width:100%;height:100%;object-fit:contain}
.fase h3{margin:0;font:400 24px/1.05 var(--display)}
.fase p{margin:0;font-weight:700;font-size:15px;line-height:1.4;color:var(--muted)}
.fase .fase-pags{display:inline-flex;align-items:center;gap:6px;justify-self:start;margin-top:2px;padding:4px 10px;border-radius:10px;background:var(--lime-soft);font-weight:900;font-size:13px;color:var(--ink)}
.fase-pags i{font-size:15px}
.fases-dots{display:none}
@media (max-width:899px){
  .fases{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:78%;gap:14px;margin:22px -16px 0;padding:4px 16px 10px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-inline:16px;-webkit-overflow-scrolling:touch;scrollbar-width:none}
  .fases::-webkit-scrollbar{display:none}
  .fase{scroll-snap-align:start;box-shadow:4px 4px 0 var(--ink)}
  .fase h3{font-size:22px}
  .fases-dots{display:flex;justify-content:center;gap:7px;margin-top:6px}
  .fases-dots i{width:8px;height:8px;border-radius:50%;border:2px solid var(--ink);background:var(--paper);transition:background .2s,width .2s}
  .fases-dots i.on{width:22px;border-radius:var(--r-pill);background:var(--lime)}
}
@media (min-width:600px) and (max-width:899px){ .fases{grid-auto-columns:44%} }
@media (prefers-reduced-motion:reduce){ .fases-dots i{transition:none} }

/* um botão fixo só: o do topo. A barra do rodapé repetia o mesmo convite */
.mobile-bar{display:none!important}

/* a imagem do topo agora vem num <picture> (AVIF com WebP de reserva) */
.flo picture{display:block}

/* fases no celular: grade de 2 colunas (sem segundo carrossel na página) */
@media (max-width:899px){
  .fases{grid-auto-flow:row;grid-auto-columns:auto;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:22px 0 0;padding:0;overflow:visible;scroll-snap-type:none}
  .fase{padding:12px 12px 14px;gap:8px;box-shadow:3px 3px 0 var(--ink)}
  .fase-top{flex-direction:column;align-items:flex-start;gap:6px}
  .fase-n{font-size:24px}
  .fase-t{font-size:11.5px;padding:3px 8px}
  .fase h3{font-size:19px}
  .fase p{font-size:13.5px;line-height:1.35}
  .fase .fase-pags{font-size:12px;padding:3px 8px}
  .fases-dots{display:none!important}
}
@media (min-width:600px) and (max-width:899px){ .fases{grid-template-columns:repeat(3,minmax(0,1fr))} }

/* estante sem botão: só a linha das páginas que faltam */
.shelf-note{pointer-events:none}
.shelf-note b{font:400 20px/1.15 var(--display)}

/* uma dica de arraste só (a do topo do leitor) */
#swipe-hint{display:none!important}

/* ===== Proposta oferta 14-15/10/2026 ===== */
/* sintoma selecionado alinhado com os vizinhos */
.sym-tile[aria-selected="true"]{transform:none;box-shadow:inset 0 0 0 3px var(--ink),var(--sh)}
/* página inteira no painel de sintomas */
.sym-head{align-items:flex-start}
.sym-head img{width:132px;height:auto;aspect-ratio:2/3;object-fit:contain;background:var(--paper);transform:rotate(-3deg)}
@media (max-width:767px){ .sym-head img{width:96px} }
/* oferta: capa do bônus no centro do sol, selo no canto de baixo da capa */
.offer-art .offer-bonus-cover{border-radius:8px}
.offer-bonus-tag{position:absolute;right:calc(50% - 165px);bottom:calc(50% - 225px);z-index:3;padding:6px 12px;border:var(--b);border-radius:var(--r-pill);background:var(--lime);font:400 18px/1 var(--display);transform:rotate(-6deg);box-shadow:3px 3px 0 var(--ink)}
.oc-bonus{display:flex;gap:14px;align-items:center;margin:4px 0 14px;padding:12px;border:2px dashed var(--ink);border-radius:16px;background:color-mix(in srgb,var(--lime) 22%,var(--paper));text-align:left}
.oc-bonus img{width:58px;height:87px;flex-shrink:0;object-fit:cover;border:2px solid var(--ink);border-radius:5px;box-shadow:2px 2px 0 var(--ink);transform:rotate(-4deg)}
.oc-bonus p{margin:0;font-weight:700;font-size:14.5px;line-height:1.35}
.oc-bonus b{display:block;font:400 19px/1.1 var(--display)}
.oc-bonus-tag{display:inline-block;margin-bottom:4px;padding:2px 8px;border:1.5px solid var(--ink);border-radius:var(--r-pill);background:var(--lime);font-weight:900;font-size:11px;letter-spacing:.04em;text-transform:uppercase}

/* fases no celular: linha do tempo vertical. Imagem, nome, duração e páginas; sem texto longo */
@media (max-width:899px){
  .fases{display:grid;grid-template-columns:minmax(0,1fr);gap:14px;margin:22px 0 0;padding:0}
  .fase{position:relative;grid-template-columns:112px minmax(0,1fr);grid-template-areas:"img top" "img name" "img pags";align-content:center;column-gap:14px;row-gap:6px;padding:10px;box-shadow:3px 3px 0 var(--ink)}
  .fase:not(:last-child)::after{content:"";position:absolute;left:64px;bottom:-16px;width:4px;height:16px;background:var(--ink)}
  .fase-img{grid-area:img;width:112px;margin:0;border-radius:14px}
  .fase-img img{transform:scale(1.3)}
  .fase-top{grid-area:top;flex-direction:row;align-items:center;justify-content:flex-start;gap:8px}
  .fase-n{font-size:22px}
  .fase-t{font-size:11.5px;padding:3px 8px}
  .fase h3{grid-area:name;font-size:22px}
  .fase>p:not(.fase-pags){display:none}
  .fase .fase-pags{grid-area:pags;font-size:12px;padding:3px 8px;margin:0}
}
/* FAQ no computador: o título cabe em 2 linhas na coluna da esquerda */
@media (min-width:768px){ #faq-title{font-size:clamp(30px,3.1vw,44px)} #faq-title .t2{white-space:nowrap} }
/* selo da oferta: estouro azul (mesmo do topo), 21 no centro, "páginas ilustradas" em volta */
.oc-selo{width:88px;height:88px;padding:0;border:0;border-radius:0;background:none;box-shadow:none;top:-16px;right:calc(50% - 134px);transform:rotate(-10deg);filter:drop-shadow(3px 3px 0 var(--ink))}
.oc-selo svg{display:block;width:100%;height:100%;overflow:visible}
.oc-selo .selo-fundo{fill:var(--blue);stroke:var(--ink);stroke-width:2.4;stroke-linejoin:round}
.oc-selo .selo-miolo{fill:var(--lime);stroke:var(--ink);stroke-width:2.4}
.oc-selo .selo-txt{font-family:var(--body);font-weight:900;font-size:10.5px;letter-spacing:.06em;fill:var(--ink)}
.oc-selo .selo-num{font-family:var(--display);font-size:34px;fill:var(--ink)}
@media (max-width:767px){ .oc-selo{width:82px;height:82px;right:calc(50% - 124px);top:-14px} }
/* sintomas: o painel nunca alarga a coluna (texto longo quebra dentro do cartão) */
.sym{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr)}
.sym-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.sym-head>div{min-width:0}
.sym-head small{display:inline-block;width:auto;max-width:100%;line-height:1.25}
.sym-tile b{overflow-wrap:break-word}
@media (max-width:899px){ .sym{grid-template-columns:minmax(0,1fr)} }
@media (max-width:359px){
  .sym-tile{padding:12px}
  .sym-tile b{font-size:17px}
  .sym-head{gap:12px}
  .sym-head img{width:76px}
  .sym-head h3{font-size:21px}
  .locked-msg{padding:12px 8px}
  .locked-list li{white-space:nowrap;font-size:12px;padding:4px 10px;justify-content:center}
  .locked-list b{display:none}
}
/* fases acendem conforme a rolagem (como a linha do tempo antiga): apagada até entrar na tela */
@media (prefers-reduced-motion:no-preference){
  .fases.js .fase{opacity:.28;transform:translateY(22px) scale(.97);transition:opacity .55s var(--ease),transform .55s var(--ease),box-shadow .55s var(--ease)}
  .fases.js .fase.on{opacity:1;transform:none}
  .fases.js .fase.on .fase-img{animation:sprout .7s var(--ease) both}
  .fases.js .fase .fase-t{transition:background .4s var(--ease)}
  .fases.js .fase:not(.on) .fase-t{background:var(--paper)}
  @media (min-width:900px){ .fases.js .fase:nth-child(3n+2){transition-delay:.08s} .fases.js .fase:nth-child(3n){transition-delay:.16s} }
  @media (max-width:899px){
    .fases.js .fase:not(:last-child)::after{background:color-mix(in srgb,var(--ink) 18%,transparent);transition:background .4s var(--ease)}
    .fases.js .fase.on:not(:last-child)::after{background:var(--ink)}
  }
}

/* transição para o checkout (View Transitions entre páginas): o botão tocado vira o botão de pagar, a marca fica, o resto sobe.
   Navegador sem suporte abre normal; quem pede menos movimento não vê animação. */
@view-transition { navigation: auto; }
@media (prefers-reduced-motion: reduce) { @view-transition { navigation: none; } }
::view-transition-old(root){animation:.14s cubic-bezier(.4,0,1,1) both flora-sai}
::view-transition-new(root){animation:.36s cubic-bezier(.16,1,.3,1) .12s both flora-entra}
::view-transition-group(flora-cta){animation-duration:.42s;animation-timing-function:cubic-bezier(.16,1,.3,1)}
::view-transition-group(flora-marca){animation-duration:.3s}
@keyframes flora-sai{to{opacity:0;transform:scale(.98)}}
@keyframes flora-entra{from{opacity:0;transform:translateY(24px)}}
.header .wordmark{view-transition-name:flora-marca}

/* ---------- Sintomas v2 (15/10): ícones próprios, assunto em destaque separado da página, passos numerados, sem viúvas ---------- */
.ico-defs{position:absolute;width:0;height:0;overflow:hidden}
.errors .title{text-wrap:balance}
.errors .sub{max-width:62ch;text-wrap:pretty}
.sym-hint{display:inline-flex;align-items:center;gap:8px;margin-top:22px;padding:7px 14px 7px 8px;border:var(--b);border-radius:var(--r-pill);background:var(--paper);font-weight:900;font-size:14px;box-shadow:2px 2px 0 var(--ink)}
.sym-hint svg{width:26px;height:26px;color:var(--ink)}
.errors .sym{margin-top:22px}
.sym-tile{display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto 1fr;column-gap:12px;row-gap:6px;align-items:start;min-height:0;padding:16px}
.sym-ico{grid-row:1/3;display:grid;place-items:center;width:52px;height:52px;border:var(--b);border-radius:16px;background:var(--paper);color:var(--ink);box-shadow:2px 2px 0 var(--ink);transform:rotate(-4deg);transition:transform .25s var(--ease)}
.sym-ico svg{width:38px;height:38px}
.sym-tile:hover .sym-ico,.sym-tile[aria-selected="true"] .sym-ico{transform:rotate(3deg) scale(1.06)}
.sym-tema{align-self:end;font:900 11.5px/1.1 var(--body);letter-spacing:.07em;text-transform:uppercase;opacity:.85}
.sym-tile b{grid-column:2;font:400 21px/1.06 var(--display);text-wrap:balance}
.sym-pg{grid-column:1/-1;justify-self:start;align-self:end;margin-top:8px;font-weight:900;font-size:11px;letter-spacing:.05em;text-transform:uppercase;padding:3px 9px;border:1.5px solid currentColor;border-radius:var(--r-pill);opacity:.8}
.sym-tile.c-ink .sym-ico,.sym-tile.c-blue .sym-ico{border-color:var(--paper);box-shadow:2px 2px 0 rgba(0,0,0,.35)}
.sym-tile[aria-selected="true"]::after{top:14px;right:14px}
.sym-panel{scroll-margin-top:88px}
.sym-head{align-items:center}
.sym-meta{display:flex;flex-direction:column;align-items:flex-start;gap:10px;min-width:0}
.sym-tema-lg{display:inline-flex;align-items:center;gap:10px;padding:5px 16px 5px 5px;border:var(--b);border-radius:var(--r-pill);background:var(--lime);font:400 22px/1 var(--display);letter-spacing:.01em;text-transform:uppercase;box-shadow:3px 3px 0 var(--ink)}
.sym-ico.sm{width:38px;height:38px;border-radius:50%;box-shadow:none;transform:none}
.sym-ico.sm svg{width:28px;height:28px}
.sym-head h3{font:400 30px/1.04 var(--display);text-wrap:balance}
.sym-pg-lg{display:inline-flex;align-items:center;gap:6px;font-weight:800;font-size:13.5px;color:#4a4f44}
.sym-pg-lg svg{width:22px;height:22px;color:var(--ink)}
.sym-pg-lg b{font-weight:900;color:var(--ink)}
.sym-cause{font-size:17.5px;text-wrap:pretty}
.sym-label{margin-top:2px;font:900 12px/1 var(--body);letter-spacing:.08em;text-transform:uppercase;color:#4a4f44}
.sym-list{counter-reset:none;gap:12px;margin-top:-6px}
.sym-list li{align-items:center;font-size:16.5px;text-wrap:pretty}
.sym-list li b{flex-shrink:0;display:grid;place-items:center;width:30px;height:30px;border:var(--b);border-radius:50%;background:var(--ink);color:var(--lime);font:400 16px/1 var(--display)}
@media (max-width:767px){
  .sym-hint{font-size:13px;margin-top:18px}
  .sym-grid{gap:10px}
  .sym-tile{grid-template-columns:1fr;grid-template-rows:auto;padding:13px;row-gap:5px}
  .sym-ico{grid-row:auto;width:44px;height:44px;border-radius:13px;margin-bottom:4px}
  .sym-ico svg{width:32px;height:32px}
  .sym-tema{font-size:10.5px}
  .sym-tile b{grid-column:auto;font-size:18.5px}
  .sym-pg{font-size:10px;margin-top:6px}
  .sym-head{flex-direction:row;align-items:flex-start}
  .sym-head img{width:84px}
  .sym-tema-lg{font-size:17px;padding:4px 12px 4px 4px;gap:7px}
  .sym-ico.sm{width:30px;height:30px}
  .sym-ico.sm svg{width:22px;height:22px}
  .sym-head h3{font-size:23px}
  .sym-cause{font-size:16px}
  .sym-list li{font-size:15.5px}
  .sym-list li b{width:28px;height:28px;font-size:15px}
}

/* Fases (15/10): 8 etapas, com escolha da semente e preparação do ambiente; 4 por linha no computador */
@media (min-width:1000px){ .fases{grid-template-columns:repeat(4,minmax(0,1fr))} }

/* ---------- Ícones próprios (15/10): SVG desenhado no lugar da fonte nos ícones de conteúdo ---------- */
i.ic{display:inline-grid;place-items:center;font-style:normal;line-height:0;color:var(--ink);vertical-align:-.28em}
i.ic svg{width:1.4em;height:1.4em}
.q-ico i.ic svg{width:28px;height:28px}
.q-ico.c-ink i.ic{color:var(--paper)}
.fase-t i.ic svg,.fase-pags i.ic svg{width:20px;height:20px}
.oc-garantias i.ic{border:0;background:none;width:auto;height:auto}
.oc-garantias i.ic svg{width:24px;height:24px}
.final-note i.ic svg{width:24px;height:24px}
.exit-list i.ic{border:0;background:none}
.exit-list i.ic svg{width:26px;height:26px}
@media (max-width:767px){ .q-ico i.ic svg{width:24px;height:24px} }

/* Topo: prova social e garantia no lugar da legenda */
.prova{display:flex;flex-wrap:wrap;align-items:center;gap:8px 14px;margin-bottom:4px}
.prova-av{display:flex}
.prova-av svg{width:34px;height:34px;border:2px solid var(--ink);border-radius:50%;background:var(--paper)}
.prova-av svg+svg{margin-left:-10px}
.prova-txt{font-weight:800;font-size:15px;line-height:1.2}
.prova-txt b{font:400 20px/1 var(--display);margin-right:2px}
.prova-gar{display:inline-flex;align-items:center;gap:6px;padding:5px 12px 5px 7px;border:var(--b);border-radius:var(--r-pill);background:var(--paper);font-weight:900;font-size:13.5px;box-shadow:2px 2px 0 var(--ink)}
.prova-gar i.ic svg{width:22px;height:22px}
@media (min-width:900px){ .hero{padding-block:36px 64px} }
@media (max-width:767px){ .prova{gap:8px 10px}.prova-av svg{width:30px;height:30px}.prova-txt{font-size:14px}.prova-gar{font-size:12.5px} }

/* Preço: o que vem e quanto vale, economia e percentual */
.oc-valor{list-style:none;margin:0;padding:0 2px 10px;width:100%;display:grid;gap:7px;border-bottom:1.5px dashed var(--ink)}
.oc-valor li{display:flex;justify-content:space-between;align-items:baseline;gap:10px;font-weight:800;font-size:15px}
.oc-valor b{font-weight:900;white-space:nowrap}
.oc-valor .oc-total{padding-top:7px;border-top:1.5px solid rgba(0,0,0,.12);color:var(--muted)}
.oc-valor .oc-total s{text-decoration-thickness:2px;text-decoration-color:var(--pink);color:var(--muted)}
.oc-paga{margin:6px 0 -4px;font-weight:900;font-size:14px;letter-spacing:.02em;text-transform:uppercase}
.oc-economia{display:inline-flex;align-items:center;gap:7px;margin:2px 0 0;padding:6px 14px 6px 8px;border:var(--b);border-radius:var(--r-pill);background:var(--lime);font-weight:900;font-size:15px;box-shadow:2px 2px 0 var(--ink)}
.oc-economia i.ic svg{width:24px;height:24px}
.oc-economia span{padding:2px 8px;border-radius:var(--r-pill);background:var(--ink);color:var(--lime);font-size:12.5px}
.oc-economia{white-space:nowrap;font-size:14.5px}
@media (min-width:900px){ .hero{min-height:0;padding-block:44px 64px} }

@media (max-width:767px){ .prova-txt{flex:1 1 180px;min-width:0} }

.prova-av{position:relative}
.prova-cor{position:absolute;right:-8px;bottom:-6px;display:grid;place-items:center;width:22px;height:22px;border:2px solid var(--ink);border-radius:50%;background:var(--paper);color:var(--ink)}
.prova-cor svg{width:16px;height:16px}
.prova-txt{margin-left:4px}

/* Final (14/10): pote cheio em cima, título mais compacto e botão "Começar agora" */
.final-pote{display:block;width:260px;height:auto;margin:0 auto 4px;border-radius:24px;mix-blend-mode:multiply}
.final .title{font-size:clamp(28px,4.2vw,48px)}
@media (max-width:767px){ .final-pote{width:200px}.final .title{font-size:27px} }
.final-pote{border-radius:0;-webkit-mask-image:radial-gradient(closest-side,#000 70%,transparent 100%);mask-image:radial-gradient(closest-side,#000 70%,transparent 100%)}
.final-pote{width:300px;-webkit-mask-image:linear-gradient(180deg,#000 82%,transparent),linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent);-webkit-mask-composite:source-in;mask-image:linear-gradient(180deg,#000 82%,transparent),linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent);mask-composite:intersect}
@media (max-width:767px){ .final-pote{width:240px} }
.final-pote{-webkit-mask-image:linear-gradient(180deg,transparent,#000 6%,#000 82%,transparent),linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent);mask-image:linear-gradient(180deg,transparent,#000 6%,#000 82%,transparent),linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent)}
.oc-forma b{font-weight:900}.oc-forma span{font-weight:700;color:var(--muted);white-space:nowrap}

/* Rodapé (14/10): âncoras, pagamento seguro, Mercado Pago e suporte */
.footer{display:grid;gap:26px;align-items:stretch;justify-content:stretch;padding-block:40px 48px}
.ft-top{display:flex;flex-wrap:wrap;justify-content:space-between;gap:20px 40px}
.ft-marca p{margin-top:10px;max-width:34ch}
.ft-nav{display:flex;flex-wrap:wrap;gap:8px 10px;align-content:flex-start}
.ft-nav a{padding:8px 14px;border:var(--b);border-radius:var(--r-pill);background:var(--paper);font-weight:800;font-size:14px;color:var(--ink);text-decoration:none;box-shadow:2px 2px 0 var(--ink);transition:transform .15s var(--ease),box-shadow .15s var(--ease)}
.ft-nav a:hover{transform:translate(-1px,-1px);box-shadow:3px 3px 0 var(--ink)}
.ft-seguro{display:grid;gap:16px;padding:20px;border:var(--b);border-radius:var(--r-card);background:var(--paper);box-shadow:var(--sh)}
.ft-seg-tit{display:flex;gap:12px;align-items:flex-start}
.ft-seg-tit i.ic svg{width:34px;height:34px}
.ft-seg-tit span{font-weight:700;font-size:14.5px;line-height:1.4;color:var(--muted)}
.ft-seg-tit b{display:block;font:400 22px/1.1 var(--display);color:var(--ink);margin-bottom:2px}
.ft-meios{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.ft-meios li{display:inline-flex;align-items:center;gap:7px;padding:6px 12px;border:1.5px solid var(--ink);border-radius:var(--r-pill);font-weight:800;font-size:13.5px}
.ft-meios i.ic svg{width:22px;height:22px}
.ft-mp{background:#009EE3;border-color:#009EE3!important}
.ft-mp-logo{font:800 15px/1 var(--body);letter-spacing:-.02em;color:#fff}
.ft-mp-logo b{font-weight:900;color:#fff;margin-left:2px}
.ft-base{display:flex;flex-wrap:wrap;justify-content:space-between;gap:10px 24px;align-items:center}
.ft-suporte{display:inline-flex;align-items:center;gap:8px;font-weight:800;font-size:15px;color:var(--ink)!important}
.ft-suporte i.ic svg{width:24px;height:24px}
.ft-suporte a{color:var(--ink);text-decoration:underline;text-underline-offset:3px}
.ft-legal{font-size:13px!important}
.ft-legal a{color:inherit}
@media (max-width:767px){ .footer{padding-bottom:120px}.ft-seguro{padding:16px}.ft-suporte{font-size:14px;flex-wrap:wrap} }

/* Final (14/10): só "DE VERDADE?" em destaque e botão forte */
.final .title .t1{display:block;max-width:22ch;margin-inline:auto;text-wrap:balance}
.final .title .t2{margin-top:10px}
.btn-final{min-height:76px;padding-inline:44px;font-size:22px;border-width:3px;box-shadow:7px 7px 0 var(--ink);margin-top:10px}
.btn-final:hover{transform:translate(-2px,-2px);box-shadow:9px 9px 0 var(--ink)}
@media (prefers-reduced-motion:no-preference){ .btn-final{animation:finalPulsa 2.4s ease-in-out infinite}
  @keyframes finalPulsa{0%,100%{transform:none}50%{transform:scale(1.04)}} .btn-final:hover{animation:none} }
@media (max-width:767px){ .btn-final{width:100%;max-width:340px;justify-content:center;font-size:20px;min-height:68px} }

/* Rodapé: hierarquia e respiro em todas as telas */
.footer{gap:22px}
.ft-mp{background:var(--paper)}
.ft-mp img{width:22px;height:22px;object-fit:contain}
.ft-base{display:grid;grid-template-columns:1fr;gap:10px;padding-top:18px;border-top:1.5px dashed var(--ink)}
.ft-lgpd{max-width:72ch;font-size:13.5px!important;line-height:1.5;color:var(--muted)}
.ft-lgpd a{color:var(--ink);font-weight:800;text-underline-offset:3px}
@media (min-width:900px){
  .footer{grid-template-columns:minmax(0,1fr) minmax(0,1.35fr);column-gap:40px;row-gap:26px}
  .ft-top{grid-column:1;flex-direction:column;justify-content:flex-start;gap:22px}
  .ft-seguro{grid-column:2;grid-row:1}
  .ft-base{grid-column:1/-1}
  .ft-nav{max-width:420px}
}
@media (max-width:767px){ .ft-top{gap:18px}.ft-nav a{padding:7px 12px;font-size:13.5px}.ft-meios li{font-size:13px} }
.final .btn.btn-final{min-height:78px;padding:0 48px;font-size:23px;border-width:3px;box-shadow:7px 7px 0 var(--ink)}
.final .btn.btn-final i{font-size:24px}
@media (max-width:767px){ .final .btn.btn-final{width:100%;max-width:340px;min-height:68px;padding:0 24px;font-size:20px;justify-content:center} }

/* Rodapé simplificado (14/10): sem cartões nem pílulas, colunas de texto */
.footer{display:grid;gap:28px 40px;padding-block:44px 40px}
.ft-top{display:contents}
.ft-marca p{margin-top:12px;max-width:30ch;font-size:14.5px}
.ft-nav{display:grid;gap:9px;align-content:start}
.ft-nav::before,.ft-seguro::before{content:attr(data-t);font:900 12px/1 var(--body);letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin-bottom:4px}
.ft-nav a{padding:0;border:0;background:none;box-shadow:none;font-weight:800;font-size:15px;color:var(--ink);text-decoration:none}
.ft-nav a:hover{transform:none;box-shadow:none;text-decoration:underline;text-underline-offset:3px}
.ft-seguro{display:grid;gap:10px;align-content:start;padding:0;border:0;background:none;box-shadow:none}
.ft-seg-tit i.ic{display:none}
.ft-seg-tit span{font-size:14px}
.ft-seg-tit b{font:900 15px/1.3 var(--body);margin-bottom:4px}
.ft-meios{display:grid;gap:7px}
.ft-meios li{padding:0;border:0!important;background:none!important;font-weight:700;font-size:14px;color:var(--ink)}
.ft-meios i.ic svg{width:20px;height:20px}
.ft-mp img{width:20px;height:20px}
.ft-base{grid-column:1/-1;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px 24px;padding-top:20px;border-top:1.5px solid rgba(0,0,0,.15)}
.ft-lgpd{flex-basis:100%;order:3}
@media (min-width:900px){
  .footer{grid-template-columns:1.3fr 1fr 1.4fr}
  .ft-marca{grid-column:1}.ft-nav{grid-column:2}.ft-seguro{grid-column:3;grid-row:1}
}
@media (min-width:600px) and (max-width:899px){ .footer{grid-template-columns:1fr 1fr}.ft-marca{grid-column:1/-1} }

.ft-mp{display:list-item!important;background:none!important}
.ft-mp img{width:auto;height:30px;display:block}

.ft-nav a{display:inline-flex;align-items:center;gap:9px}
.ft-nav i.ic svg{width:22px;height:22px}
.ft-seg-tit b{display:flex!important;align-items:center;gap:8px}
.ft-seg-tit b i.ic{display:inline-grid!important}
.ft-seg-tit b i.ic svg{width:22px;height:22px}

/* Etapas: ponto crítico no lugar das páginas */
.fase-pc{display:flex;gap:10px;align-items:flex-start;margin-top:auto;padding:10px 12px;border:1.5px solid var(--ink);border-radius:14px;background:#FFF1F5;font-weight:700;font-size:13.5px;line-height:1.35;color:var(--ink)}
.fase-pc i.ic svg{width:24px;height:24px}
.fase-pc b{display:block;font:900 11px/1.2 var(--body);letter-spacing:.06em;text-transform:uppercase;color:#C4204F;margin-bottom:2px}

@media (max-width:899px){ .fase>p.fase-pc{display:flex;grid-area:pags;margin:2px 0 0;padding:7px 9px;font-size:12.5px;gap:7px} .fase-pc i.ic svg{width:20px;height:20px} .fase-pc b{font-size:10px} }

/* Etapas desenhadas (14/10): linha do tempo em traço, sem cartões */
.etapas{position:relative;list-style:none;margin:36px 0 0;padding:0;display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:10px}
.etapas::before{content:"";position:absolute;left:6%;right:6%;top:46px;height:3px;background:var(--ink);transform:scaleX(0);transform-origin:left;transition:transform 1.6s var(--ease)}
.etapas.on::before{transform:scaleX(1)}
.etapas li{position:relative;display:grid;justify-items:center;text-align:center;gap:6px}
.et-svg{width:92px;height:92px;padding:6px;border:var(--b);border-radius:50%;background:var(--paper);box-shadow:3px 3px 0 var(--ink);position:relative;z-index:1}
.et-svg path,.et-svg ellipse,.et-svg circle{fill:none;stroke:var(--ink);stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1;stroke-dashoffset:1;transition:stroke-dashoffset 1s var(--ease)}
.etapas.on .et-svg *{stroke-dashoffset:0}
.etapas li:nth-child(2) .et-svg *{transition-delay:.15s}.etapas li:nth-child(3) .et-svg *{transition-delay:.3s}.etapas li:nth-child(4) .et-svg *{transition-delay:.45s}.etapas li:nth-child(5) .et-svg *{transition-delay:.6s}.etapas li:nth-child(6) .et-svg *{transition-delay:.75s}.etapas li:nth-child(7) .et-svg *{transition-delay:.9s}.etapas li:nth-child(8) .et-svg *{transition-delay:1.05s}
.etapas li:nth-child(odd) .et-svg{background:var(--lime)}
.etapas b{font:400 20px/1 var(--display);color:var(--ink)}
.etapas h3{font:400 17px/1.1 var(--display);text-wrap:balance}
.etapas small{font-weight:800;font-size:12.5px;color:var(--muted)}
@media (max-width:899px){
  .etapas{grid-template-columns:1fr;gap:14px;margin-top:26px}
  .etapas::before{left:45px;right:auto;top:20px;bottom:20px;width:3px;height:auto;transform:scaleY(0);transform-origin:top}
  .etapas.on::before{transform:scaleY(1)}
  .etapas li{grid-template-columns:90px 1fr;grid-template-areas:"svg n" "svg t" "svg s";justify-items:start;text-align:left;column-gap:14px;row-gap:2px;align-items:center}
  .et-svg{grid-area:svg;width:78px;height:78px;margin-left:6px}
  .etapas b{grid-area:n;align-self:end}.etapas h3{grid-area:t;font-size:20px}.etapas small{grid-area:s;align-self:start}
}
@media (prefers-reduced-motion:reduce){ .etapas::before{transform:none!important}.et-svg *{stroke-dashoffset:0!important;transition:none!important} }

/* Etapas v3 (14/10): linha do tempo vertical, imagens fundidas ao fundo */
.tl{position:relative;list-style:none;margin:30px 0 0;padding:0;display:grid;gap:8px}
.tl::before{content:"";position:absolute;left:26px;top:30px;bottom:30px;width:3px;border-radius:3px;background:linear-gradient(var(--ink),var(--ink)) top/100% var(--tl-p,0%) no-repeat,repeating-linear-gradient(var(--ink) 0 6px,transparent 6px 12px);opacity:.9}
.tl-item{position:relative;display:grid;grid-template-columns:54px 132px minmax(0,1fr);align-items:center;column-gap:12px}
.tl-item::before{content:"";grid-column:1;justify-self:center;width:18px;height:18px;border:3px solid var(--ink);border-radius:50%;background:var(--bg);position:relative;z-index:1;transition:background .3s}
.tl-item.on::before{background:var(--lime)}
.tl-img{grid-column:2;margin:0;width:132px;aspect-ratio:1}
.tl-img img{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply;filter:saturate(1.05) contrast(1.02);-webkit-mask-image:radial-gradient(closest-side,#000 70%,transparent);mask-image:radial-gradient(closest-side,#000 70%,transparent)}
.tl-txt{grid-column:3}
.tl-n{font:400 26px/1 var(--display);color:var(--ink);margin-right:8px}
.tl-tempo{display:inline-block;vertical-align:4px;padding:3px 9px;border:1.5px solid var(--ink);border-radius:var(--r-pill);background:var(--lime);font-weight:900;font-size:11.5px}
.tl-txt h3{margin-top:6px;font:400 22px/1.05 var(--display)}
.tl-txt p{margin-top:4px;font-weight:700;font-size:14px;line-height:1.4;color:var(--muted);text-wrap:pretty}
@media (prefers-reduced-motion:no-preference){ .tl-item{opacity:.35;transform:translateY(16px);transition:opacity .6s var(--ease),transform .6s var(--ease)} .tl-item.on{opacity:1;transform:none} }
@media (min-width:900px){
  .tl{gap:0;margin-top:40px}
  .tl::before{left:50%;transform:translateX(-50%)}
  .tl-item{grid-template-columns:minmax(0,1fr) 60px minmax(0,1fr);min-height:230px}
  .tl-item::before{grid-column:2;grid-row:1;width:22px;height:22px}
  .tl-img{grid-column:1;grid-row:1;justify-self:end;width:300px;margin-right:-10px}
  .tl-txt{grid-column:3;grid-row:1;max-width:340px}
  .tl-item:nth-child(even) .tl-img{grid-column:3;justify-self:start;margin:0 0 0 -10px}
  .tl-item:nth-child(even) .tl-txt{grid-column:1;justify-self:end;text-align:right}
  .tl-n{font-size:40px}
  .tl-txt h3{font-size:32px}
  .tl-txt p{font-size:16px}
  .tl-item:nth-child(even) .tl-img img{transform:rotate(3deg)}
  .tl-item:nth-child(odd) .tl-img img{transform:rotate(-3deg)}
}

/* CTA final igual aos outros botões (14/10) */
.final .btn.btn-final{min-height:0;padding:revert-layer;font-size:revert-layer;border-width:revert-layer;box-shadow:revert-layer;animation:none!important;width:auto;max-width:none}
.final .btn.btn-final i{font-size:revert-layer}
.final .btn.btn-lg{min-height:62px;padding:14px 32px;font-size:18px;border-width:2px;box-shadow:4px 4px 0 var(--ink)}
.final .title{margin-bottom:28px}
.final .btn.btn-lg{margin-top:0}
.final .final-note{margin-top:16px}
.tl-txt p.tl-pags{display:inline-block;margin-top:6px;font-weight:900;font-size:13px;color:var(--ink);border-bottom:2px solid var(--lime)}

/* 5 avisos: o último ocupa a largura toda (15/10) */
.sym-grid .sym-tile:first-child{grid-column:1/-1}

/* ---------- Oferta compacta e menos scroll (15/10) ---------- */
.offer-in{display:block}
.offer-art{display:none!important}
.offer-card.oc3{max-width:1000px;margin-inline:auto}
.oc-cols{display:grid;gap:20px}
.oc-esq{display:grid;gap:16px;align-content:start}
.oc-pilha{position:relative;width:min(100%,430px);aspect-ratio:430/300;margin:14px auto 0}
.oc-pilha>img,.op-bonus img{position:absolute;border:2px solid var(--ink);border-radius:8px;background:var(--paper);box-shadow:4px 4px 0 var(--ink);height:auto}
.op-a{width:33%;left:2%;bottom:6%;transform:rotate(-9deg);z-index:1}
.op-b{width:33%;left:34%;bottom:12%;transform:rotate(8deg);z-index:1}
.op-c{width:44%;left:20%;bottom:0;transform:rotate(-2deg);z-index:3}
.op-bonus{position:absolute;right:1%;bottom:-3%;width:35%;z-index:4;transform:rotate(7deg)}
.op-bonus img{position:static;width:100%;display:block}
.op-bonus i{position:absolute;left:50%;bottom:-13px;transform:translateX(-50%) rotate(-5deg);padding:3px 11px;border:2px solid var(--ink);border-radius:var(--r-pill);background:var(--lime);font:400 14px/1.1 var(--display);font-style:normal;white-space:nowrap;box-shadow:2px 2px 0 var(--ink)}
.oc-pilha .oc-selo,.hero-art .oc-selo.hero-selo{position:absolute;z-index:6;display:block;left:auto;filter:drop-shadow(3px 3px 0 var(--ink))}
.oc-pilha .oc-selo{width:88px;height:88px;top:-14px;right:2%;transform:rotate(-10deg)}
.hero-art .oc-selo.hero-selo{width:122px;height:122px;right:3%;top:6%;transform:rotate(-10deg)}
@media (prefers-reduced-motion:no-preference){ .hero-selo{animation:seloBalanca 5s ease-in-out infinite} @keyframes seloBalanca{0%,100%{transform:rotate(-10deg)}50%{transform:rotate(-5deg) translateY(-5px)}} }
.oc-checks{gap:9px}
.oc-dir{display:grid;gap:14px;align-content:start}
.oc-dir .oc-preco{max-width:none}
@media (min-width:900px){
  .oc-cols{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:40px;align-items:center}
  .offer-card.oc3{padding:34px 40px}
  .offer-card.oc3>.title{margin-bottom:12px}
}
@media (max-width:767px){
  .hero-art .oc-selo.hero-selo{width:96px;height:96px;right:0;top:0}
  .oc-pilha{margin-top:20px}
}
/* menos scroll: respiro entre seções menor, sem mexer no conteúdo */
.section{padding-block:72px}
@media (max-width:899px){ .section{padding-block:44px} }
@media (min-width:900px){
  .tl-item{min-height:190px}
  .tl-img{width:250px!important}
  .tl-txt h3{font-size:28px}
  .final-pote{width:230px}
}
@media (max-width:767px){
  .tl{gap:2px}
  .tl-img{width:112px;grid-column:2}
  .tl-item{grid-template-columns:50px 112px minmax(0,1fr);column-gap:8px}
  .final-pote{width:190px}
  .footer{gap:20px;padding-block:32px 108px}
}
.oc-pilha{margin-bottom:22px}
@media (max-width:767px){ .oc-garantias{gap:6px 12px;font-size:12.5px;justify-content:center} .oc-garantias li{white-space:nowrap} }
@media (max-width:767px){ .hero-art .oc-selo.hero-selo{top:auto;right:auto;bottom:3%;left:40%;width:90px;height:90px} }
@media (min-width:768px){ .hero-art .oc-selo.hero-selo{right:auto;left:36%;top:2%} }
/* Crédito de quem fez o site */
.ft-credito{margin:0;font-size:11.5px!important;line-height:1.1;letter-spacing:-.02em;color:var(--muted)}
.ft-credito a{color:inherit;text-decoration:none}
.ft-credito a:hover{color:var(--ink);text-decoration:underline;text-underline-offset:3px}
@media (max-width:767px){ .ft-credito{order:4} }
/* Botão de compra da oferta: "Adicionar ao carrinho" com cara de adesivo */
#buy.btn-cart{margin-bottom:10px;background:var(--orange);color:var(--ink);border:2.5px solid var(--ink);box-shadow:0 0 0 4px var(--paper),5px 5px 0 4px var(--ink);gap:10px;transition:transform .2s var(--ease),box-shadow .2s var(--ease)}
#buy.btn-cart .cart-ico{width:30px;height:30px;flex-shrink:0;overflow:visible;transition:transform .3s cubic-bezier(.34,1.7,.64,1)}
#buy.btn-cart .cart-plus{transform-box:fill-box;transform-origin:center;transition:transform .3s cubic-bezier(.34,1.7,.64,1)}
#buy.btn-cart:hover,.offer.anim.on #buy.btn-cart:hover{transform:translate(-2px,-2px) rotate(-1deg);box-shadow:0 0 0 4px var(--paper),7px 7px 0 4px var(--ink)}
#buy.btn-cart:hover .cart-ico{transform:translateX(-2px) rotate(-8deg)}
#buy.btn-cart:hover .cart-plus{transform:scale(1.2) rotate(90deg)}
#buy.btn-cart:active{transform:translate(2px,2px);box-shadow:0 0 0 4px var(--paper),2px 2px 0 4px var(--ink)}
@media (max-width:370px){ #buy.btn-cart .cart-ico{width:26px;height:26px} }

/* 15/10b: título dos avisos nunca estoura o quadrado no celular */
.sym-tile b{overflow-wrap:anywhere;hyphens:auto;max-width:100%}
@media (max-width:420px){.sym-tile b{font-size:16.5px}.sym-grid .sym-tile:first-child b{font-size:19px}}
@media (max-width:380px){
  .tl-item{grid-template-columns:34px 92px minmax(0,1fr);column-gap:8px}
  .tl-img{width:92px}
  .tl-txt h3{font-size:19px;overflow-wrap:anywhere}
  .tl-n{font-size:22px}
  .op-bonus{right:6%;width:31%}
  .oc-pilha .oc-selo{width:70px;height:70px;right:4%;top:-22px}
}

/* 15/10c: distribuição do texto no pricing */
.oc-checks li{text-wrap:balance;line-height:1.3}
.oc-garantias{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px 10px;margin:2px 0 0;font-size:12.5px;line-height:1.25;text-align:center}
.oc-garantias li{display:flex;flex-direction:column;align-items:center;gap:5px;white-space:normal;text-wrap:balance}
@media (min-width:900px){
  .oc-cols{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:44px}
  .offer-card .oc-checks li{font-size:15.5px}
}
@media (max-width:767px){
  .oc-garantias{display:grid;grid-template-columns:auto;width:fit-content;margin-inline:auto;gap:9px;justify-items:start;font-size:14px;text-align:left}
  .oc-garantias li{flex-direction:row;align-items:center;gap:10px;white-space:normal;text-wrap:wrap}
  .oc-garantias i.ic svg{width:22px;height:22px}
  .offer-card .oc-checks li{font-size:16px}
}

/* 15/10d: CTA principal em destaque, direto para o carrinho, e a plantinha que nasce no clique */
.btn-hero-cart{margin-bottom:6px;min-width:min(100%,360px)}
.btn-hero-cart.btn-cart{margin-bottom:6px}
.btn-cart{position:relative}
.btn.sprouting{pointer-events:none;overflow:visible}
.btn.sprouting>*:not(.sprout){opacity:0;transition:opacity .18s}
.sprout{position:absolute;inset:0;display:grid;place-items:center;pointer-events:none}
.sprout svg{width:78px;height:78px;overflow:visible;margin-top:-4px}
.sprout path,.sprout ellipse{stroke:var(--ink);stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round}
.sp-soil{fill:#8a5a34;transform-box:fill-box;transform-origin:center;animation:spSoil .28s cubic-bezier(.34,1.6,.64,1) both}
.sp-stem{fill:none;stroke-dasharray:24;stroke-dashoffset:24;animation:spStem .36s .18s ease-out forwards}
.sp-leaf{fill:var(--lime);transform-box:fill-box;transform:scale(0);animation:spLeaf .42s cubic-bezier(.34,1.8,.64,1) forwards}
.sp-l{transform-origin:100% 100%;animation-delay:.46s}
.sp-r{transform-origin:0 100%;animation-delay:.56s}
@keyframes spSoil{from{transform:scale(0)}to{transform:scale(1)}}
@keyframes spStem{to{stroke-dashoffset:0}}
@keyframes spLeaf{from{transform:scale(0) rotate(-12deg)}to{transform:scale(1) rotate(0)}}
@media (prefers-reduced-motion:reduce){.sprout{display:none}}
.btn-hero-cart.btn-cart{background:var(--orange);color:var(--ink);border:2.5px solid var(--ink);box-shadow:0 0 0 4px var(--paper),5px 5px 0 4px var(--ink);gap:10px;transition:transform .2s var(--ease),box-shadow .2s var(--ease)}
.btn-hero-cart .cart-ico{width:30px;height:30px;flex-shrink:0;overflow:visible;transition:transform .3s cubic-bezier(.34,1.7,.64,1)}
.btn-hero-cart .cart-plus{transform-box:fill-box;transform-origin:center;transition:transform .3s cubic-bezier(.34,1.7,.64,1)}
.btn-hero-cart:hover{transform:translate(-2px,-2px) rotate(-1deg);box-shadow:0 0 0 4px var(--paper),7px 7px 0 4px var(--ink)}
.btn-hero-cart:hover .cart-ico{transform:translateX(-2px) rotate(-8deg)}
.btn-hero-cart:hover .cart-plus{transform:scale(1.2) rotate(90deg)}
.btn-hero-cart:active{transform:translate(2px,2px);box-shadow:0 0 0 4px var(--paper),2px 2px 0 4px var(--ink)}
@media (prefers-reduced-motion:no-preference){.btn-hero-cart{animation:cartPulsa 2.6s ease-in-out infinite}.btn-hero-cart:hover{animation:none}@keyframes cartPulsa{0%,100%{transform:none}50%{transform:scale(1.025)}}}
.btn.sprouting{color:transparent!important}
.btn.sprouting .sprout path,.btn.sprouting .sprout ellipse{stroke:#1E2417}

/* 15/10e: pricing mais largo, centralizado e com a mesma hierarquia em todas as telas */
.offer-card.oc3{width:100%;max-width:1120px;margin-inline:auto}
.oc-esq{justify-items:center}
.oc-checks{width:100%;margin-inline:auto}
@media (min-width:900px){
  .offer-card.oc3{padding:38px 48px}
  .oc-cols{grid-template-columns:minmax(0,1.12fr) minmax(0,.88fr);gap:48px;align-items:center}
  .oc-checks{max-width:560px}
  .offer-card .oc-checks li{font-size:16.5px}
  .oc-dir{width:100%;max-width:440px;margin-inline:auto}
}
@media (min-width:768px) and (max-width:899px){
  .offer-card.oc3{max-width:700px;padding:34px 40px}
  .oc-cols{max-width:620px;margin-inline:auto}
  .oc-checks{max-width:540px}
  .oc-dir{width:100%;max-width:540px;margin-inline:auto}
}
@media (max-width:767px){
  .offer-card.oc3{padding:22px 14px}
  .oc-preco{padding-inline:12px}
}
.offer-card.oc3>.oc-cols{width:100%;justify-self:stretch}
@media (min-width:900px){
  .offer-card.oc3 .oc-checks{max-width:560px;width:100%}
  .offer-card.oc3 .oc-preco{max-width:none}
  .offer-card.oc3 .oc-checks li{font-size:16.5px}
}
@media (min-width:768px) and (max-width:899px){
  .offer-card.oc3 .oc-checks{max-width:540px;width:100%}
  .offer-card.oc3 .oc-preco{max-width:none}
}
@media (max-width:767px){
  .offer-card.oc3 .oc-checks{max-width:none;width:100%}
  .offer-card.oc3 .oc-preco{max-width:none}
}
@media (max-width:767px){ .offer-card.oc3 .oc-checks li{text-wrap:wrap} }

/* 15/10f: a plantinha no lugar do carrinho (forma final); no clique ela nasce de novo no centro, no lugar do texto */
.btn-cart .sprout-ico{width:34px;height:34px;flex-shrink:0;overflow:visible;transform-origin:50% 90%;transition:transform .3s cubic-bezier(.34,1.7,.64,1)}
.btn-cart:hover .sprout-ico,.btn-hero-cart:hover .sprout-ico{transform:rotate(-6deg) scale(1.12)}
.btn.sprouting .sprout-ico{opacity:0}

/* 15/10g: um botão principal por vez, imagem do aviso clicável, título do pricing na horizontal */
.header a[data-buy]{transition:opacity .25s var(--ease),transform .25s var(--ease),visibility .25s}
.header a[data-buy].quieta{opacity:0;visibility:hidden;transform:translateY(-4px);pointer-events:none}
#sym-img{cursor:default;pointer-events:none}
.offer-card.oc3>.title{display:block;max-width:none;text-align:center;font-size:clamp(21px,5.6vw,26px);line-height:1.2;text-wrap:balance}
.offer-card.oc3>.title span{display:inline;margin:0}
.offer-card.oc3>.title .t2{display:inline;padding:.04em .3em .08em;margin-left:.15em;border-radius:8px;box-decoration-break:clone;-webkit-box-decoration-break:clone;white-space:nowrap}
@media (min-width:768px){.offer-card.oc3>.title{font-size:clamp(26px,2.6vw,34px)}}

/* 15/10h: ícones de interface próprios (sprite), no lugar da fonte genérica */
i.ci{display:inline-grid;place-items:center;font-style:normal;line-height:0;flex-shrink:0}
i.ci svg{width:1em;height:1em;overflow:visible}
.btn i.ci{font-size:1.1em}

/* 15/10i: etapas com passo numerado no marcador e frase útil no lugar do número de páginas */
.tl{counter-reset:etapa}
.tl-item{counter-increment:etapa}
.tl-item::before{content:counter(etapa);display:grid;place-items:center;width:38px;height:38px;border:3px solid var(--ink);border-radius:50%;background:var(--paper);font:400 18px/1 var(--display);color:var(--ink);box-shadow:2px 2px 0 var(--ink);transition:background .3s,transform .3s var(--ease)}
.tl-item.on::before{background:var(--lime);transform:scale(1.06)}
.tl-n{display:none}
.tl{grid-template-columns:minmax(0,1fr)}
.tl::before{left:calc(var(--tl-col,48px)/2 - 1.5px)}
.tl-item{grid-template-columns:var(--tl-col,48px) 112px minmax(0,1fr);column-gap:10px}
.tl-tempo{display:inline-block;vertical-align:baseline;margin-bottom:2px}
.tl-txt h3{margin-top:8px}
.tl-txt p.tl-pags{display:flex;align-items:flex-start;gap:7px;margin-top:8px;padding:0;border:0;font-weight:800;font-size:14.5px;line-height:1.35;color:var(--ink);text-wrap:balance}
.tl-pags i.ci{width:20px;height:20px;margin-top:1px;border:2px solid var(--ink);border-radius:50%;background:var(--lime);font-size:12px}
@media (min-width:900px){
  .tl-item::before{width:46px;height:46px;font-size:22px}
  .tl-item{grid-template-columns:minmax(0,1fr) 78px minmax(0,1fr)}
  .tl-txt p.tl-pags{font-size:16.5px}
}
@media (max-width:380px){
  .tl{--tl-col:42px}
  .tl-item::before{width:34px;height:34px;font-size:16px}
  .tl-item{grid-template-columns:var(--tl-col) 92px minmax(0,1fr);column-gap:8px}
  .tl-txt p.tl-pags{font-size:13.5px}
}
/* o marcador fica sempre inteiro (a linha não passa por trás do número); só o conteúdo ainda não visto fica apagado */
.tl-item{opacity:1!important}
.tl-item .tl-img,.tl-item .tl-txt{transition:opacity .6s var(--ease)}
.tl-item:not(.on) .tl-img,.tl-item:not(.on) .tl-txt{opacity:.38}
.tl-item{padding-block:10px}
.tl-item::before{position:relative;z-index:2}
@media (min-width:900px){
  .tl::before{left:50%;transform:translateX(-50%)}
  .tl-item:nth-child(even) .tl-txt p.tl-pags{flex-direction:row-reverse;justify-content:flex-start;text-align:right}
  .tl-item:nth-child(even) .tl-txt p.tl-pags i.ci{margin-top:2px}
}
/* 15/10j: plantinha do clique menor, sempre dentro da borda do botão */
.sprout{overflow:hidden;border-radius:inherit}
.sprout svg{width:50px;height:50px;margin-top:2px}
@media (max-width:380px){.sprout svg{width:44px;height:44px}}

/* troca de tela como no iOS: a página sai para a esquerda escurecendo e o carrinho entra pela direita; na volta, o inverso */
::view-transition-old(root){animation:.46s cubic-bezier(.32,.72,0,1) both ios-sai}
::view-transition-new(root){animation:.46s cubic-bezier(.32,.72,0,1) both ios-entra;box-shadow:-18px 0 44px rgba(30,36,23,.3)}
@keyframes ios-sai{to{transform:translateX(-30%);filter:brightness(.7)}}
@keyframes ios-entra{from{transform:translateX(100%)}}
html:active-view-transition-type(voltar)::view-transition-old(root){animation:.46s cubic-bezier(.32,.72,0,1) both ios-volta-sai;z-index:2;box-shadow:18px 0 44px rgba(30,36,23,.3)}
html:active-view-transition-type(voltar)::view-transition-new(root){animation:.46s cubic-bezier(.32,.72,0,1) both ios-volta-entra;z-index:1;box-shadow:none}
@keyframes ios-volta-sai{to{transform:translateX(100%)}}
@keyframes ios-volta-entra{from{transform:translateX(-30%);filter:brightness(.7)}}
a[data-buy],.header .wordmark,.ck-top .wordmark,#go{view-transition-name:none!important}

/* 16/10a: menos atrito: card de preço enxuto, preço logo depois da prévia, etapas mais curtas */
.oc-valor .oc-bonus-li b{display:inline-flex;align-items:baseline;gap:7px;white-space:nowrap}
.oc-valor .oc-bonus-li s{color:var(--muted);text-decoration-thickness:2px;text-decoration-color:var(--pink)}
.oc-valor .oc-bonus-li em{font-style:normal;padding:2px 9px;border:1.5px solid var(--ink);border-radius:var(--r-pill);background:var(--lime);font-size:12.5px;font-weight:900}
.oc-duvidas{display:block;margin-top:2px;text-align:center;font-weight:800;font-size:13.5px;color:var(--ink);text-decoration:underline;text-underline-offset:3px}
.previa-cta{display:grid;justify-items:center;gap:12px;margin:26px auto 0;text-align:center}
.previa-preco{display:grid;gap:2px;margin:0;font-weight:700;font-size:14.5px;color:var(--muted)}
.previa-preco b{font:400 22px/1.15 var(--display);color:var(--ink)}
.previa-cta .btn{width:min(100%,420px)}
@media (max-width:767px){
  .tl-item{padding-block:2px}
  .tl-img{width:96px}
  .tl-item{grid-template-columns:var(--tl-col,48px) 96px minmax(0,1fr)}
  .tl-txt h3{font-size:19px;margin-top:5px}
  .tl-txt p.tl-pags{margin-top:5px;font-size:13.5px}
  .tl-item::before{width:32px;height:32px;font-size:15px}
}
@media (min-width:900px){ .tl-item{min-height:170px} .tl-img{width:210px!important} }
/* 16/10b: respiro menor entre o título e as capas no celular */
@media (max-width:767px){ .offer-card.oc3{gap:12px} .oc-pilha{margin-top:4px} }

/* 16/10d: o card de preço mostra só o presente (bônus), com a capa, o preço riscado e o "grátis" */
.oc-valor .oc-bonus-li{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;padding:2px 0 4px}
.oc-bonus-img{width:42px;height:auto;border:2px solid var(--ink);border-radius:6px;box-shadow:2px 2px 0 var(--ink);transform:rotate(-4deg);background:var(--paper)}
.oc-leva{display:flex;align-items:center;gap:9px;min-width:0;text-align:left}
.oc-leva>i.ci{font-size:30px;width:30px;height:30px}
.oc-leva>span{display:grid;gap:1px;font-weight:700;font-size:12.5px;color:var(--muted);line-height:1.2}
.oc-leva strong{font:900 15px/1.2 var(--body);color:var(--ink)}
.oc-valor .oc-bonus-li b{display:grid;justify-items:end;gap:3px;white-space:nowrap}
.oc-valor .oc-bonus-li s{font-weight:800;font-size:14px}
@media (max-width:380px){.oc-bonus-img{width:36px}.oc-leva strong{font-size:14px}.oc-leva>i.ci{display:none}}

/* 16/10e: no lugar das capas, a Flô com a plantinha pronta (imagem do herói reaproveitada) */
.oc-pilha{aspect-ratio:430/290}
.oc-pilha .oc-sol{position:absolute;left:50%;bottom:7%;width:58%;aspect-ratio:1;transform:translateX(-50%);border:3px solid var(--ink);border-radius:50%;background:repeating-linear-gradient(0deg,var(--lime) 0 15px,#EAFFB0 15px 21px);box-shadow:5px 5px 0 var(--ink)}
.oc-pilha>.oc-flo{position:absolute;left:50%;bottom:0;height:108%;width:auto;max-width:none;transform:translateX(-50%);border:0;border-radius:0;box-shadow:none;background:none;filter:drop-shadow(0 12px 14px rgba(30,36,23,.22))}
@media (max-width:767px){.oc-pilha{width:min(100%,360px)}}
/* 16/10f: título do herói mais longo ("Aprenda a plantar e colher sua plantinha sem sustos"): fonte menor para a primeira linha caber inteira */
#hero-title{font-size:clamp(30px,9.2vw,40px)}
@media (min-width:768px){#hero-title{font-size:clamp(44px,4.5vw,60px)}}

/* 16/10g: etapas com respiro e ordem clara (título, tempo, frase) + nada de destaque pulsando ou balançando (o texto escalado tremia) */
.tl{gap:18px;margin-top:34px}
.tl-item{padding-block:8px}
.tl-txt{display:flex;flex-direction:column;align-items:flex-start}
.tl-txt h3{order:1;margin-top:0}
.tl-txt .tl-tempo{order:2;margin:7px 0 0}
.tl-txt p.tl-pags{order:3;margin-top:8px}
.tl-item:nth-child(even) .tl-txt{align-items:flex-start}
@media (min-width:900px){
  .tl{gap:0}
  .tl-item:nth-child(even) .tl-txt{align-items:flex-end}
}
.tl-item.on::before{transform:none}
@media (prefers-reduced-motion:no-preference){
  .btn-hero-cart,.btn-hero-cart.btn-cart,.btn-final{animation:none!important}
  .hero-selo{animation:none!important;transform:rotate(-8deg)}
}

/* 16/10h: final estável (sem máscara nem escala no título e no botão) e rodapé novo, organizado e com mais peso */
.final .title .t2{transform:none!important;-webkit-mask:none!important;mask:none!important}
.final .btn,.final .title{will-change:auto}
.rodape{margin-top:0;border-top:2px solid var(--ink);background:var(--paper);color:var(--ink)}
.rodape-in{display:grid;gap:34px;padding-block:44px 36px}
.rodape-col{display:grid;gap:12px;align-content:start;min-width:0}
.rodape-col h3{margin:0 0 2px;font:900 12px/1 var(--body);letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}
.rodape-marca p{margin:0;max-width:34ch;font-weight:700;font-size:15px;line-height:1.45;color:var(--muted)}
.rodape-suporte{display:inline-flex;align-items:center;gap:12px;width:fit-content;max-width:100%;padding:10px 16px 10px 12px;border:var(--b);border-radius:16px;background:var(--bg);box-shadow:3px 3px 0 var(--ink);color:var(--ink);text-decoration:none;font-weight:900;font-size:15px;transition:transform .18s var(--ease),box-shadow .18s var(--ease)}
.rodape-suporte small{display:block;font:800 11px/1.2 var(--body);letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
.rodape-suporte i.ic svg{width:28px;height:28px}
.rodape-suporte:hover{transform:translate(-1px,-1px);box-shadow:5px 5px 0 var(--ink)}
.rodape-suporte span{min-width:0;overflow-wrap:anywhere}
.rodape nav.rodape-col a{display:inline-flex;align-items:center;gap:10px;width:fit-content;padding:4px 0;font-weight:800;font-size:15.5px;color:var(--ink);text-decoration:none}
.rodape nav.rodape-col a:hover{text-decoration:underline;text-underline-offset:4px}
.rodape nav.rodape-col i.ic svg{width:22px;height:22px}
.rodape-pag p{display:flex;gap:10px;align-items:flex-start;margin:0;font-weight:700;font-size:14.5px;line-height:1.45;color:var(--muted)}
.rodape-pag p i.ic{flex-shrink:0}
.rodape-pag p i.ic svg{width:26px;height:26px}
.rodape-selos{list-style:none;margin:2px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.rodape-selos li{display:inline-flex;align-items:center;gap:7px;min-height:38px;padding:5px 12px;border:1.5px solid var(--ink);border-radius:var(--r-pill);background:var(--bg);font-weight:800;font-size:13.5px}
.rodape-selos li.rodape-mp{padding:5px 12px;background:#fff}
.rodape-selos li.rodape-mp img{height:26px;width:auto;display:block}
.rodape-selos i.ic svg{width:22px;height:22px}
.rodape-base{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px 28px;padding-block:18px 30px;border-top:1.5px dashed rgba(30,36,23,.35);font-size:13px;font-weight:700;color:var(--muted)}
.rodape-base p{margin:0}
.rodape-lgpd{flex:1 1 100%;order:3;max-width:80ch;line-height:1.5;font-size:13px}
.rodape-lgpd a{color:var(--ink);font-weight:900;text-underline-offset:3px}
.rodape-topo{display:inline-flex;align-items:center;gap:6px;color:var(--ink);font-weight:900;text-decoration:none}
.rodape-topo i.ci{font-size:15px}
.rodape-base .ft-credito{order:4;margin:0;font-size:12px!important}
@media (min-width:900px){
  .rodape-in{grid-template-columns:1.25fr .9fr 1.35fr;gap:48px;padding-block:52px 40px}
  .rodape-lgpd{flex:1 1 auto;order:0}
  .rodape-base{flex-wrap:nowrap;align-items:flex-start}
  .rodape-base .ft-credito{order:0}
}
@media (min-width:600px) and (max-width:899px){
  .rodape-in{grid-template-columns:1fr 1fr}
  .rodape-marca,.rodape-pag{grid-column:1/-1}
}
@media (max-width:599px){ .rodape-in{padding-block:34px 28px} .rodape-selos li{font-size:13px} }
@media (min-width:900px){
  .rodape-base{display:grid;grid-template-columns:auto minmax(0,1fr) auto auto;align-items:start;gap:10px 32px}
  .rodape-base>p:first-child,.rodape-topo,.rodape-base .ft-credito{white-space:nowrap}
}

/* 16/10k: foto do produto (capa) junto da Flô no pricing */
.oc-pilha>.oc-capa{position:absolute;left:2%;bottom:-2%;width:30%;height:auto;border:2px solid var(--ink);border-radius:8px;box-shadow:4px 4px 0 var(--ink);background:var(--paper);transform:rotate(-7deg);z-index:3}
@media (max-width:767px){.oc-pilha>.oc-capa{left:0;width:31%}}

/* 16/10l: prévia com miniaturas abaixo da página, status "N páginas abertas · qual é aquela" e features do pricing em conteúdo + benefício */
.reader{display:flex;flex-direction:column}
.reader-stage{order:1}
.reader-foot{order:2;border-top:var(--b);gap:6px}
.reader-tabs{order:3;display:flex;justify-content:center;gap:10px;padding:14px 14px 16px;border-top:2px dashed rgba(30,36,23,.3);border-bottom:0;background:var(--bg);overflow-x:auto;scrollbar-width:none}
.reader-tabs::-webkit-scrollbar{display:none}
.reader .reader-tabs .tab{display:grid;justify-items:center;align-content:start;gap:3px;width:82px;min-height:0;padding:7px 6px 8px;border:2px solid var(--ink);border-radius:14px;background:var(--paper);font-size:11.5px;line-height:1.2;text-align:center;box-shadow:none}
.reader .reader-tabs .tab .tab-th{width:54px;height:80px;object-fit:cover;border:2px solid var(--ink);border-radius:6px;background:var(--bg)}
.reader .reader-tabs .tab .tab-th-lock{display:grid;place-items:center;border-style:dashed;font-size:22px}
.reader .reader-tabs .tab b{font:400 15px/1 var(--display);color:var(--ink);-webkit-text-stroke:0}
.reader .reader-tabs .tab span:not(.tab-th){font-weight:800;color:var(--muted)}
.reader .reader-tabs .tab.is-on{background:var(--lime);box-shadow:3px 3px 0 var(--ink);transform:translateY(-2px)}
.reader .reader-tabs .tab.is-on span:not(.tab-th){color:var(--ink)}
.reader-status{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:6px 10px;margin:0;font-weight:700;font-size:14px;color:var(--muted);text-align:center}
.reader-status .rs-abertas{padding:4px 12px;border:2px solid var(--ink);border-radius:var(--r-pill);background:var(--lime);font-weight:900;font-size:13px;color:var(--ink)}
.reader-status .rs-agora b{color:var(--ink);font-weight:900}
.oc-checks li b{font-weight:900}
@media (min-width:768px){ .reader .reader-tabs .tab{width:96px} .reader .reader-tabs .tab .tab-th{width:64px;height:96px} }

/* 16/10m: só a microcopy abaixo do botão de compra */
.oc-micro{margin:2px 0 0;text-align:center;font-weight:700;font-size:13.5px;line-height:1.45;color:var(--muted);text-wrap:balance}

.reader-tabs{justify-content:safe center}
.oc-checks li>span{min-width:0}
@media (max-width:767px){
  .reader-tabs{gap:6px;padding:12px 10px 14px}
  .reader .reader-tabs .tab{width:62px;padding:6px 4px 7px;border-radius:12px;font-size:10.5px}
  .reader .reader-tabs .tab .tab-th{width:44px;height:66px}
  .reader .reader-tabs .tab b{font-size:13px}
}

/* 16/10q: foto da Flô colhendo (horizontal) com a capa do manual; microcopy só com a garantia */
.oc-pilha{aspect-ratio:3/2;width:min(100%,520px);margin:6px auto 22px}
.oc-pilha>.oc-foto{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;border:3px solid var(--ink);border-radius:18px;box-shadow:6px 6px 0 var(--ink);background:var(--paper);filter:none}
.oc-pilha>.oc-capa{left:auto;right:-3%;bottom:-8%;width:27%;transform:rotate(6deg);z-index:3}
.oc-micro{display:flex;align-items:center;justify-content:center;gap:7px;font-weight:800;font-size:14px;color:var(--ink)}
.oc-micro i.ic svg{width:22px;height:22px}
@media (max-width:767px){ .oc-pilha{width:min(100%,360px)} .oc-pilha>.oc-capa{right:-2%;width:28%} }

/* 16/10r: a Flô grande, fundida ao fundo do card, e o manual ao lado: os dois dividem o protagonismo */
.oc-pilha.oc-dupla{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(0,1fr);align-items:center;gap:0;aspect-ratio:auto;width:min(100%,600px);margin:4px auto 18px}
.oc-pilha.oc-dupla>.oc-foto{position:relative;inset:auto;grid-column:1;grid-row:1;width:100%;height:auto;border:0;border-radius:0;box-shadow:none;background:none;object-fit:contain;-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 9%,#000 88%,transparent 100%),linear-gradient(180deg,transparent 0,#000 6%,#000 100%);-webkit-mask-composite:source-in;mask-image:linear-gradient(90deg,transparent 0,#000 9%,#000 88%,transparent 100%),linear-gradient(180deg,transparent 0,#000 6%,#000 100%);mask-composite:intersect}
.oc-pilha.oc-dupla>.oc-capa{position:relative;left:auto;right:auto;bottom:auto;grid-column:2;grid-row:1;width:100%;margin-left:-12%;transform:rotate(4deg);border:3px solid var(--ink);border-radius:10px;box-shadow:7px 7px 0 var(--ink);z-index:3}
@media (max-width:767px){ .oc-pilha.oc-dupla{width:100%} .oc-pilha.oc-dupla>.oc-capa{margin-left:-10%;box-shadow:5px 5px 0 var(--ink)} }

/* 16/10s: final com a dupla Flô + manual e as 3 features */
.final .final-dupla{margin:0 auto 22px}
.final .final-feats{list-style:none;margin:0 auto 26px;padding:0;display:grid;gap:12px;width:fit-content;max-width:100%;text-align:left}
.final .final-feats li{display:flex;gap:11px;align-items:flex-start;font-weight:800;font-size:17px;line-height:1.35;text-wrap:pretty}
.final .final-feats li>span{min-width:0}
.final .final-feats i.ci{flex-shrink:0;width:26px;height:26px;border:var(--b);border-radius:50%;background:var(--lime);font-size:14px;margin-top:1px}
@media (max-width:767px){ .final .final-feats li{font-size:16px} }

/* 16/10t: foto grande da Flô no topo do pricing, com o manual no cantinho, e 3 features objetivas com ícones próprios */
.oc-topo{position:relative;width:100%;margin:2px auto 8px}
.oc-topo>.oc-grande{display:block;width:100%;height:auto;-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 6%,#000 94%,transparent 100%),linear-gradient(180deg,transparent 0,#000 5%,#000 100%);-webkit-mask-composite:source-in;mask-image:linear-gradient(90deg,transparent 0,#000 6%,#000 94%,transparent 100%),linear-gradient(180deg,transparent 0,#000 5%,#000 100%);mask-composite:intersect}
.oc-topo>.oc-capa-canto{position:absolute;right:2%;bottom:3%;width:19%;height:auto;border:3px solid var(--ink);border-radius:9px;box-shadow:6px 6px 0 var(--ink);transform:rotate(5deg);background:var(--paper)}
@media (min-width:900px){ .oc-topo>.oc-grande{aspect-ratio:16/9;object-fit:cover;object-position:50% 25%} }
@media (max-width:767px){ .oc-topo{margin-inline:-6px} .oc-topo>.oc-capa-canto{width:25%;right:1%;bottom:0;box-shadow:4px 4px 0 var(--ink)} }
.oc-feats{gap:14px}
.oc-feats li{align-items:center}
.oc-feats i.ic{flex-shrink:0;width:auto;height:auto;border:0;background:none;margin:0}
.oc-feats i.ic svg{width:36px;height:36px}
.oc-feats li>span{min-width:0}

/* 16/10v: foto da Flô com zoom, borda inferior fundida ao fundo e a chamada por cima da transição */
.oc-topo{overflow:hidden;border-radius:0}
.oc-topo>.oc-grande{transform:scale(1.16);transform-origin:52% 28%;-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 7%,#000 93%,transparent 100%),linear-gradient(180deg,transparent 0,#000 5%,#000 66%,transparent 99%);-webkit-mask-composite:source-in;mask-image:linear-gradient(90deg,transparent 0,#000 7%,#000 93%,transparent 100%),linear-gradient(180deg,transparent 0,#000 5%,#000 66%,transparent 99%);mask-composite:intersect}
.oc-topo>.oc-capa-canto{right:4%;bottom:14%;z-index:2}
.oc-chamada{position:relative;z-index:3;margin:-56px 0 14px;text-align:center;font:400 clamp(22px,2.7vw,34px)/1.12 var(--display);color:var(--ink);text-wrap:balance}
.oc-chamada b{font-weight:400}
.oc-chamada mark{padding:.02em .22em .08em;border:2px solid var(--ink);border-radius:10px;background:var(--lime);color:var(--ink);box-decoration-break:clone;-webkit-box-decoration-break:clone;white-space:nowrap}
@media (max-width:767px){ .oc-chamada{margin:-40px 0 10px;font-size:23px} .oc-topo>.oc-capa-canto{bottom:12%} }

/* 16/10w: "Leva de presente" com o presente ao lado do rótulo e o nome embaixo */
.oc-leva>span{gap:3px}
.oc-leva small{display:flex;align-items:center;gap:6px;font:800 13px/1.2 var(--body);color:var(--muted)}
.oc-leva small i.ic svg{width:22px;height:22px}
.oc-leva strong{font-size:16px}

/* 16/10x: âncora de preço (De R$ 74) e economia ao lado do preço */
.oc-linha-preco{display:flex;align-items:center;justify-content:center;gap:14px;flex-wrap:wrap}
.oc-linha-preco .price{margin:0}
.oc-ancora{display:grid;gap:6px;justify-items:start;text-align:left}
.oc-de{font-weight:800;font-size:14px;color:var(--muted)}
.oc-de s{font-weight:900;font-size:17px;text-decoration-thickness:2.5px;text-decoration-color:var(--pink)}
.oc-eco{display:inline-block;padding:5px 11px;border:2px solid var(--ink);border-radius:var(--r-pill);background:var(--lime);font-weight:900;font-size:13px;line-height:1.2;box-shadow:2px 2px 0 var(--ink);white-space:nowrap}
@media (max-width:420px){ .oc-linha-preco{gap:8px} .oc-linha-preco .price strong{font-size:68px} .oc-eco{font-size:12px;padding:4px 9px} }

/* 16/10y: a chamada virou o título do pricing (no lugar de "Aprenda a cultivar"); a foto termina fundida ao fundo, sem texto por cima */
.oc-topo{margin-bottom:-6px}

/* 16/10z: respiro entre os blocos, foto fundida embaixo e nas laterais, features curtas em duas colunas no computador */
.offer-card.oc3{gap:26px}
.offer-card.oc3>.title{margin-bottom:6px}
.oc-topo{margin:4px auto 0;padding-bottom:0}
.oc-topo>.oc-grande{-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 10%,#000 90%,transparent 100%),linear-gradient(180deg,transparent 0,#000 6%,#000 58%,rgba(0,0,0,.35) 80%,transparent 100%);mask-image:linear-gradient(90deg,transparent 0,#000 10%,#000 90%,transparent 100%),linear-gradient(180deg,transparent 0,#000 6%,#000 58%,rgba(0,0,0,.35) 80%,transparent 100%)}
.oc-topo>.oc-capa-canto{bottom:20%}
.oc-feats{gap:18px 28px;margin-top:6px}
.oc-feats li{font-size:17px;line-height:1.25;text-wrap:balance}
.oc-feats i.ic svg{width:38px;height:38px}
.oc-cols{gap:32px}
@media (min-width:900px){
  .oc-esq{align-content:center}
  .oc-feats{grid-template-columns:1fr 1fr}
  .oc-cols{align-items:start}
}
@media (max-width:767px){
  .offer-card.oc3{gap:20px}
  .oc-feats{gap:16px}
  .oc-feats li{font-size:16.5px}
  .oc-topo{margin-top:0}
  .oc-topo>.oc-capa-canto{bottom:16%}
}

/* 16/10zb: sem máscara na foto (o fundo já foi igualado ao do card, sem linha de corte); os potes aparecem e o painel de baixo cobre o corte da foto como se fosse a prateleira */
.oc-topo>.oc-grande{-webkit-mask-image:none!important;mask-image:none!important}
.oc-topo{margin-bottom:0}
.offer-card.oc3>.oc-cols{position:relative;z-index:3;margin-top:-52px;padding:26px 24px 24px;border:var(--b);border-radius:24px;background:var(--paper);box-shadow:5px 5px 0 var(--ink);width:100%}
.oc-topo>.oc-capa-canto{bottom:calc(18% + 20px)}
@media (min-width:900px){ .offer-card.oc3>.oc-cols{padding:30px 34px 30px;margin-top:-64px} }
@media (max-width:767px){ .offer-card.oc3>.oc-cols{margin-top:-34px;padding:20px 14px 16px;box-shadow:4px 4px 0 var(--ink)} .oc-topo>.oc-capa-canto{bottom:calc(14% + 20px)} }

/* 16/10zc: "manual + checklist grátis" sempre na mesma linha; zoom da foto ancorado embaixo para os potes aparecerem */
.offer-card.oc3>.title .oc-par{display:inline-block!important;white-space:nowrap}
.offer-card.oc3>.title .oc-par .t2{display:inline!important;margin:0}
.oc-topo>.oc-grande{transform:scale(1.1);transform-origin:50% 100%}
.offer-card.oc3>.oc-cols{margin-top:-30px}
@media (min-width:900px){ .offer-card.oc3>.oc-cols{margin-top:-36px} }
@media (max-width:767px){ .offer-card.oc3>.oc-cols{margin-top:-22px} }

/* 16/10ze: pricing mais simples: o painel deixa de ser um cartão (sem borda, sombra nem cantos) e vira uma faixa lisa de ponta a ponta, com só uma linha em cima; sobra um único cartão (o do preço) */
.offer-card.oc3{--ocx:48px;--ocy:38px;overflow:hidden}
@media (max-width:767px){ .offer-card.oc3{--ocx:14px;--ocy:22px} }
.offer-card.oc3>.oc-cols{margin-inline:calc(-1 * var(--ocx));margin-bottom:calc(-1 * var(--ocy));width:auto;padding:30px var(--ocx) var(--ocy);border:0;border-top:2.5px solid var(--ink);border-radius:0;box-shadow:none;background:var(--paper)}
@media (max-width:767px){ .offer-card.oc3>.oc-cols{padding-top:22px} }
.oc-preco{box-shadow:none}

/* 16/10zf: preço fora do cartão da foto: o cartão fica com título, foto e benefícios; o preço vira um bloco próprio, com o manual em destaque */
.offer-card.oc3>.oc-cols{padding-bottom:30px}
.oc-feats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px 18px;margin:0;padding:0}
.oc-feats li{flex-direction:column;align-items:center;gap:10px;text-align:center;font-size:16px;line-height:1.25}
.oc-feats i.ic svg{width:46px;height:46px}
.oc-feats li>span{display:block}
@media (max-width:767px){ .oc-feats{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 12px} .oc-feats li{font-size:15px} .oc-feats i.ic svg{width:42px;height:42px} }
.oc-compra{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);align-items:center;gap:30px;width:100%;max-width:1000px;margin:30px auto 0;padding:34px 38px;border:var(--b);border-radius:var(--r-card);background:var(--lime-soft);box-shadow:var(--sh-lg)}
.oc-produto{position:relative;min-height:300px;display:grid;place-items:center}
.oc-produto img{position:absolute;height:auto;border:3px solid var(--ink);border-radius:10px;background:var(--paper);box-shadow:7px 7px 0 var(--ink)}
.oc-produto .op-manual{width:62%;left:6%;top:50%;transform:translateY(-50%) rotate(-4deg);z-index:2}
.oc-produto .op-check{width:46%;right:2%;top:54%;transform:translateY(-38%) rotate(7deg);z-index:1}
.oc-produto .op-gratis{position:absolute;right:0;bottom:6%;z-index:3;padding:6px 14px;border:var(--b);border-radius:var(--r-pill);background:var(--orange);font:400 17px/1.1 var(--display);box-shadow:3px 3px 0 var(--ink);transform:rotate(-5deg);white-space:nowrap}
.oc-compra .oc-dir{max-width:none;width:100%;margin:0;gap:16px}
.oc-compra .oc-preco{border:0;background:none;padding:0;box-shadow:none;gap:12px;max-width:none}
.oc-compra .oc-valor{border-bottom:2px dashed rgba(30,36,23,.35)}
.oc-compra .oc-linha-preco{justify-content:flex-start}
.oc-compra .oc-forma,.oc-compra .oc-paga{text-align:left;justify-self:start}
.oc-compra .oc-micro{justify-content:flex-start}
@media (max-width:899px){ .oc-compra{grid-template-columns:minmax(0,1fr);gap:20px;padding:26px 18px} .oc-produto{min-height:250px;max-width:340px;margin:0 auto;width:100%} .oc-compra .oc-linha-preco{justify-content:center} .oc-compra .oc-forma,.oc-compra .oc-paga{text-align:center;justify-self:center} .oc-compra .oc-micro{justify-content:center} }
@media (max-width:767px){ .oc-compra{margin-top:22px;box-shadow:5px 5px 0 var(--ink)} }

/* 16/10zg: pricing direto no fundo, sem cartão, compacto: foto à esquerda, benefícios + preço + botão à direita */
.of2{width:100%;max-width:1080px;margin-inline:auto;display:grid;gap:20px}
.of2>.title{display:block;text-align:center;margin:0;max-width:none;font-size:clamp(21px,5.6vw,26px);line-height:1.2;text-wrap:balance}
.of2>.title span{display:inline}
.of2>.title .oc-par{display:inline-block;white-space:nowrap}
.of2>.title .t2{display:inline;margin:0}
@media (min-width:768px){ .of2>.title{font-size:clamp(28px,3vw,38px)} }
.of2-main{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:34px;align-items:center}
.of2-foto{position:relative}
.of2-img{display:block;width:100%;height:auto}
.of2-capa{position:absolute;right:2%;bottom:6%;width:23%;height:auto;border:3px solid var(--ink);border-radius:9px;box-shadow:6px 6px 0 var(--ink);transform:rotate(5deg);background:var(--paper)}
.of2-lado{display:grid;gap:18px}
.of2-feats{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.of2-feats li{display:flex;align-items:center;gap:12px;font-weight:800;font-size:16.5px;line-height:1.25}
.of2-feats i.ic svg{width:32px;height:32px}
.of2-feats li>span{min-width:0}
.of2-compra{display:grid;gap:12px;padding-top:6px}
.of2-compra .oc-dir{display:contents}
.of2-compra .oc-preco{border:0;background:none;padding:0;box-shadow:none;gap:8px;max-width:none;width:100%;justify-items:start}
.of2-compra .oc-valor{width:100%;border-bottom:2px dashed rgba(30,36,23,.3);padding-bottom:10px}
.of2-compra .oc-linha-preco{justify-content:flex-start}
.of2-compra .price{margin:0}
.of2-compra .price strong{font-size:68px}
.of2-compra .price .cur{font-size:24px;margin-top:8px}
.of2-compra .price .cents{font-size:26px;margin-top:8px}
.of2-compra .oc-paga{text-align:left;margin:0}
.of2-compra .oc-forma{margin:0;text-align:left}
.of2-compra #buy{margin:6px 0 0}
.of2-compra .oc-micro{justify-content:flex-start;margin:0}
@media (max-width:899px){
  .of2-main{grid-template-columns:minmax(0,1fr);gap:16px}
  .of2-foto{max-width:520px;margin-inline:auto;width:100%}
  .of2-feats{grid-template-columns:1fr 1fr;gap:12px 10px}
  .of2-feats li{font-size:14.5px;gap:9px}
  .of2-feats i.ic svg{width:30px;height:30px}
  .of2-compra .oc-micro{justify-content:center}
}
@media (max-width:420px){ .of2-feats li{font-size:13.5px} .of2-compra .price strong{font-size:60px} }
@media (min-width:900px){ .of2-main{grid-template-columns:minmax(0,1.18fr) minmax(0,.82fr);gap:30px} .of2-feats li{font-size:16px} }

/* 16/10zi: conteúdo centralizado, zoom na Flô com um fade bem leve embaixo, benefícios um embaixo do outro */
.of2-foto{overflow:hidden}
.of2-img{transform:scale(1.2);transform-origin:64% 100%;-webkit-mask-image:linear-gradient(180deg,#000 0,#000 90%,rgba(0,0,0,.55) 96%,transparent 100%);mask-image:linear-gradient(180deg,#000 0,#000 90%,rgba(0,0,0,.55) 96%,transparent 100%)}
.of2-capa{bottom:12%}
.of2-lado{justify-items:center;text-align:center;width:100%}
.of2-feats{grid-template-columns:1fr!important;gap:12px;width:fit-content;max-width:100%;margin-inline:auto;text-align:left}
.of2-feats li{font-size:16.5px!important}
.of2-compra{width:100%;justify-items:center}
.of2-compra .oc-preco{justify-items:center}
.of2-compra .oc-linha-preco{justify-content:center}
.of2-compra .oc-paga,.of2-compra .oc-forma{text-align:center;justify-self:center}
.of2-compra .oc-micro{justify-content:center}
.of2-compra #buy{width:100%}
@media (max-width:899px){ .of2-feats li{font-size:16px!important} }

/* 16/10zj: a planta aparece inteira (sem recorte no topo); só a base ganha o fade leve */
.of2-foto{overflow:visible}
.of2-img{transform:none}
@media (min-width:900px){ .of2-main{grid-template-columns:minmax(0,1.3fr) minmax(0,.7fr);gap:26px} }

/* prévia = gostinho (19/10): só a capa abre; as outras páginas aparecem borradas, com o tema por cima, e levam à oferta */
.page-btn.is-gosto{cursor:pointer}
.page-btn.is-gosto img{filter:blur(7px) saturate(.9);transform:scale(1.06)}
.page-btn.is-gosto::before{content:"";position:absolute;inset:0;background:rgba(255,255,248,.28);z-index:1}
.page-btn.is-gosto .zoom-hint{display:none}
.locked-cta{margin-top:18px;width:100%;max-width:100%;white-space:nowrap;padding-left:18px;padding-right:18px}
.gosto-tag{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:2;width:84%;display:flex;flex-direction:column;align-items:center;gap:4px;padding:16px 14px 14px;border:var(--b);border-radius:20px;background:#FFFDF2;box-shadow:4px 4px 0 var(--ink);text-align:center}
.gosto-tag[hidden]{display:none}
.gt-ico{width:46px;height:46px;margin-bottom:2px}
.gosto-tag small{font-size:12px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;opacity:.65}
.gosto-tag b{font-size:19px;line-height:1.15;font-weight:900}
.gosto-tag>span{font-size:14px;line-height:1.35;font-weight:600}
.gosto-tag em{margin-top:6px;font-style:normal;font-size:12px;font-weight:900;background:var(--lime,#C6FF3D);border:2px solid var(--ink);border-radius:999px;padding:4px 12px}

/* pra quem é + comparação (19/10) */
.pq-grid{list-style:none;display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:28px}
.pq-grid li{display:flex;flex-direction:column;gap:8px;padding:22px 20px;border:var(--b);border-radius:20px;background:var(--paper);box-shadow:4px 4px 0 var(--ink)}
.pq-ico{width:52px;height:52px;display:grid;place-items:center;border-radius:14px;background:var(--bg);border:2px solid var(--ink);margin-bottom:6px}
.pq-ico svg{width:34px;height:34px}
.pq-grid b{font-size:19px;line-height:1.2;font-weight:900}
.pq-grid li>span:last-child{font-size:15px;line-height:1.45;color:var(--muted)}
.cp{text-align:center}
.cp-rot{font-weight:800;color:var(--orange);margin-bottom:6px}
.cp-tab{margin:30px auto 0;max-width:980px;border:var(--b);border-radius:22px;overflow:hidden;background:var(--paper);box-shadow:4px 4px 0 var(--ink)}
.cp-tab table{width:100%;border-collapse:collapse;text-align:left;font-size:16px}
.cp-tab th,.cp-tab td{padding:16px 18px;border-top:1px solid color-mix(in srgb,var(--ink) 16%,transparent)}
.cp-tab thead th{border-top:0;font-weight:900;font-size:15px}
.cp-tab tbody th{font-weight:600}
.cp-tab td,.cp-tab thead th:not(:first-child){text-align:center;width:150px}
.cp-flora{background:color-mix(in srgb,var(--lime) 30%,var(--paper))}
.cp-tab thead .cp-flora{background:var(--lime)}
.cp-s,.cp-n{display:inline-grid;place-items:center;width:26px;height:26px;border-radius:50%}
.cp-s{background:var(--ink);color:var(--lime)}
.cp-n{background:color-mix(in srgb,var(--ink) 12%,transparent);color:color-mix(in srgb,var(--ink) 45%,transparent)}
.cp-s svg,.cp-n svg{width:16px;height:16px}
@media (max-width:900px){.pq-grid{grid-template-columns:1fr 1fr}}
@media (max-width:560px){
  .pq-grid{grid-template-columns:1fr}
  .cp-tab table{font-size:13.5px}
  .cp-tab th,.cp-tab td{padding:12px 8px}
  .cp-tab td,.cp-tab thead th:not(:first-child){width:auto}
  .cp-tab thead th{font-size:12px}
}

/* 19/10: pra quem é e comparação centralizados e mais curtos no celular */
.pq{text-align:center}
.pq .title{margin-inline:auto}
.pq-grid li{align-items:center;text-align:center}
.cp-tab{width:100%;box-sizing:border-box}
@media (max-width:560px){
  .pq-grid{grid-template-columns:1fr 1fr;gap:10px}
  .pq-grid li{padding:14px 10px;gap:4px;box-shadow:3px 3px 0 var(--ink)}
  .pq-ico{width:40px;height:40px}.pq-ico svg{width:26px;height:26px}
  .pq-grid b{font-size:15px}
  .pq-grid li>span:last-child{font-size:13px;line-height:1.35}
  .cp-tab{box-shadow:3px 3px 0 var(--ink)}
}

/* 19/10: corrige o recuo da lista e a tabela no celular */
.pq-grid{padding:0;margin-inline:0}
@media (max-width:560px){
  .cp-tab table{table-layout:fixed;font-size:14px}
  .cp-tab thead th:first-child{width:auto}
  .cp-tab td,.cp-tab thead th:not(:first-child){width:62px;padding:12px 4px}
  .cp-tab tbody th{padding:12px 10px 12px 14px;line-height:1.3}
  .cp-tab thead th{font-size:11.5px;line-height:1.2;padding:12px 4px}
  .cp-tab thead th:first-child{padding-left:14px}
  .cp-s,.cp-n{width:24px;height:24px}
}

/* 19/10: no celular, todos os títulos de seção centralizados */
@media (max-width:767px){
  main section .title{align-items:center;text-align:center;margin-inline:auto}
  main section .title span{text-align:center}
  main section .title + p, main section .sym-hint{text-align:center;margin-inline:auto;justify-content:center}
}

/* 19/10: topo enxuto (só "manual ilustrado" + garantia) e tudo centralizado no celular */
.prova-simples{display:flex;align-items:center;flex-wrap:wrap;gap:8px 14px;margin-bottom:14px}
.pv-tag{font-size:13px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}
.pv-gar{display:inline-flex;align-items:center;gap:6px;font-size:14px;font-weight:800}
.pv-gar svg{width:18px;height:18px}
@media (max-width:767px){
  .hero-copy{text-align:center}
  .prova-simples{justify-content:center}
  .hero-copy .lead{margin-inline:auto}
  .hero-actions{justify-content:center;align-items:center}
  main section{text-align:center}
  main section .sym-hint{display:flex;margin-inline:auto;width:fit-content}
  .faq details,.faq summary,.sym,.reader,.oc-card,.offer ul,.offer li,.cp-tab,.lv-list{text-align:left}
}

@media (max-width:767px){
  .prova-simples{gap:6px 12px}
  #hero-title{line-height:1.02}
  #hero-title .t2{margin-top:.18em}
}

/* 19/10: hero mais alto no celular */
@media (max-width:767px){
  .hero{padding-top:14px}
  .hero-copy{padding-top:0;margin-top:0}
  .prova-simples{margin-bottom:8px}
  #hero-title{margin-top:0}
  .hero-copy .lead{margin-top:12px}
}