/* Páginas de conteúdo públicas (guias). Mesmos tokens da página de vendas: papel quente, verde e terracota. */
:root{
  --onchor-cream:#FBF7F1; --onchor-cream-alt:#F3ECE1; --onchor-primary:#D8956D; --onchor-primary-dk:#C18059;
  --onchor-deep-green:#2D5F4F; --onchor-green-dk:#1E4237; --onchor-ink:#211E1A; --onchor-line:#E4DAC9;
  --onchor-muted:#5C554C; --onchor-faint:#6F675C;
  --bs-body-bg:var(--onchor-cream); --bs-body-color:var(--onchor-ink); --bs-body-font-family:'Inter',system-ui,sans-serif;
}
html{ scroll-padding-top:88px; }
html.lenis, html.lenis body{ height:auto; }
.lenis.lenis-smooth{ scroll-behavior:auto !important; }
.lenis.lenis-stopped{ overflow:hidden; }
body{ background:var(--onchor-cream); color:var(--onchor-ink); font-size:1.02rem; line-height:1.7; }
a{ color:var(--onchor-deep-green); text-underline-offset:3px; }
.pular-conteudo{ position:absolute; left:-999px; top:8px; z-index:2000; background:var(--onchor-deep-green); color:#fff; padding:.6rem 1rem; border-radius:10px; font-weight:700; }
.pular-conteudo:focus{ left:12px; color:#fff; }

.btn-onchor-primary{ background:var(--onchor-primary); border:1px solid var(--onchor-primary); color:#1F3D33; font-weight:700; font-family:'Sora',sans-serif; padding:.8rem 1.6rem; border-radius:12px; transition:background .15s ease; }
.btn-onchor-primary:hover{ background:var(--onchor-primary-dk); border-color:var(--onchor-primary-dk); color:var(--onchor-deep-green); }
.btn-onchor-ghost{ border:1px solid var(--onchor-ink); color:var(--onchor-ink); font-weight:600; font-family:'Sora',sans-serif; border-radius:12px; padding:.75rem 1.5rem; background:transparent; transition:background .15s ease, color .15s ease; }
.btn-onchor-ghost:hover{ background:var(--onchor-ink); color:var(--onchor-cream); }

.onchor-nav{ background:rgba(251,247,241,.9); backdrop-filter:blur(10px); -webkit-backdrop-filter:blur(10px); border-bottom:1px solid var(--onchor-line); }
.onchor-logo{ font-family:'Sora',sans-serif; font-weight:800; font-size:1.3rem; color:var(--onchor-deep-green); text-decoration:none; letter-spacing:-0.02em; }
.onchor-logo .onchor-accent{ color:var(--onchor-primary); }
.onchor-logo img{ display:block; height:48px; width:auto; }
footer .onchor-logo img{ height:52px; }
.nav-anchor{ color:var(--onchor-muted); text-decoration:none; font-size:.92rem; font-weight:500; padding:.65rem .15rem; }
.nav-anchor:hover{ color:var(--onchor-ink); }

.eyebrow{ font-family:'IBM Plex Mono',monospace; font-size:.7rem; letter-spacing:.16em; text-transform:uppercase; color:var(--onchor-deep-green); font-weight:500; display:inline-flex; align-items:center; gap:.6rem; }
.eyebrow::before{ content:''; width:22px; height:1px; background:var(--onchor-primary); }

.guia{ max-width:760px; margin:0 auto; padding:4.5rem 16px 3rem; }
.guia h1{ font-family:'Sora',sans-serif; font-weight:800; font-size:clamp(1.9rem,4.4vw,2.9rem); line-height:1.12; letter-spacing:-0.025em; color:var(--onchor-ink); margin:.8rem 0 1.1rem; }
.guia .lead{ font-size:1.14rem; color:var(--onchor-muted); line-height:1.65; margin-bottom:2rem; }
.guia h2{ font-family:'Sora',sans-serif; font-weight:700; font-size:1.45rem; letter-spacing:-0.015em; color:var(--onchor-ink); margin:2.6rem 0 .8rem; line-height:1.25; }
.guia h3{ font-family:'Sora',sans-serif; font-weight:700; font-size:1.08rem; color:var(--onchor-ink); margin:1.6rem 0 .4rem; }
.guia p{ color:#2E2A25; margin-bottom:1rem; }
.guia ul, .guia ol{ padding-left:1.25rem; margin-bottom:1.2rem; }
.guia li{ margin-bottom:.4rem; color:#2E2A25; }
.guia .data{ font-family:'IBM Plex Mono',monospace; font-size:.72rem; letter-spacing:.08em; text-transform:uppercase; color:var(--onchor-faint); }
.migalhas{ font-size:.82rem; color:var(--onchor-faint); margin-bottom:.4rem; }
.migalhas a{ color:var(--onchor-faint); }

.destaque{ background:#fff; border:1px solid var(--onchor-line); border-radius:16px; padding:1.1rem 1.3rem; margin:1.6rem 0; }
.destaque b{ font-family:'Sora',sans-serif; }
.destaque.verde{ background:var(--onchor-deep-green); border-color:var(--onchor-deep-green); }
.destaque.verde, .destaque.verde p, .destaque.verde li, .destaque.verde b, .destaque.verde a{ color:#F6F1E8; }
.destaque.verde a{ font-weight:700; }

.guia table{ width:100%; border-collapse:collapse; font-size:.92rem; margin:1.4rem 0 1.8rem; background:#fff; border:1px solid var(--onchor-line); border-radius:14px; overflow:hidden; display:block; overflow-x:auto; }
.guia th, .guia td{ padding:.7rem .9rem; border-bottom:1px solid var(--onchor-cream-alt); text-align:left; vertical-align:top; }
.guia th{ background:var(--onchor-cream-alt); font-family:'Sora',sans-serif; font-size:.82rem; }
.guia tr:last-child td{ border-bottom:0; }

.faq-guia details{ background:#fff; border:1px solid var(--onchor-line); border-radius:14px; padding:0 1.1rem; margin-bottom:.7rem; }
.faq-guia summary{ cursor:pointer; min-height:48px; display:flex; align-items:center; font-family:'Sora',sans-serif; font-weight:700; font-size:.97rem; list-style:none; }
.faq-guia summary::-webkit-details-marker{ display:none; }
.faq-guia summary::after{ content:'+'; margin-left:auto; font-size:1.3rem; color:var(--onchor-deep-green); }
.faq-guia details[open] summary::after{ content:'–'; }
.faq-guia details p{ margin:0 0 1rem; }

.cta-guia{ background:linear-gradient(135deg,var(--onchor-deep-green) 0%,var(--onchor-green-dk) 100%); border-radius:24px; padding:2.6rem 1.6rem; text-align:center; color:#fff; margin:3rem 0 1rem; }
.cta-guia h2{ color:#fff !important; margin:0 0 .6rem; font-size:1.6rem; }
.cta-guia p{ color:#E3DDD1; max-width:480px; margin:0 auto 1.4rem; }

.mais-guias{ border-top:1px solid var(--onchor-line); margin-top:2.6rem; padding-top:1.4rem; }
.mais-guias a{ display:block; padding:.55rem 0; font-weight:600; }

footer.rodape{ background:var(--onchor-ink); color:#B9B2A6; padding:2.6rem 0 1.4rem; margin-top:3rem; }
footer.rodape a{ color:#EDE7DC; text-decoration:none; display:inline-block; padding:.7rem 0; }
footer.rodape a:hover{ color:var(--onchor-primary); }
footer.rodape .onchor-logo{ color:#EDE7DC; }

@media (prefers-reduced-motion: reduce){ html{ scroll-behavior:auto; } }

@media (max-width:767px){ .onchor-nav .btn-sm{ min-height:44px; } }

.so-largo{ display:none; }
@media (min-width:380px){ .so-largo{ display:inline-flex; } }
@media (max-width:575px){ .onchor-nav .onchor-logo img{ height:42px; } .onchor-logo{ font-size:1.15rem; } .onchor-nav .btn-sm{ padding:.4rem .8rem; font-size:.84rem; } }