/* One calm reading system across the existing home modules. */
html { scroll-padding-top: 24px; }
body { padding-bottom: max(90px, env(safe-area-inset-bottom)); }
.hero { max-width: 1000px; margin: 0 auto; padding: 48px 24px 24px; }
.hero-logo { width: 88px; height: 88px; }
#comecar, #asf-home-search, .asf-journey-directory { max-width: 1120px; margin-left:auto!important; margin-right:auto!important; box-sizing:border-box; }
#comecar { padding: 20px; }
.asf-journey-directory { padding: 20px; color:#163341; }
.asf-journey-directory > h2 { font-size:clamp(24px,3vw,32px); line-height:1.25; margin:12px 0; }
.asf-journey-directory > p { line-height:1.7; max-width:70ch; color:#435b67; }
.asf-journey-topic { border:1px solid #c9dde3; background:#fff; border-radius:18px; margin:14px 0; overflow:clip; }
.asf-journey-topic > summary { padding:22px; font-size:19px; line-height:1.4; font-weight:700; cursor:pointer; min-height:56px; }
.asf-journey-topic[open] > summary { border-bottom:1px solid #d7e6eb; background:#edf8fa; }
.asf-journey-topic .asfv2-band { margin:0!important; border-radius:0; padding:16px 0!important; }
.asf-topic-repeated-title, .asf-directory-nav, .asf-legacy-footer { display:none!important; }
#historia-banner { background:#075b70!important; margin:24px auto!important; max-width:1080px; }
#parcerias-destaque, #para-marcas { max-width:1080px; margin:24px auto!important; }
footer[role="contentinfo"] { position:relative; margin-bottom:0; }
footer button { color:#fff; border:1px solid #8BE3F7; background:transparent; border-radius:8px; padding:10px 12px; cursor:pointer; font:inherit; }
a:focus-visible, button:focus-visible, summary:focus-visible { outline:3px solid #cc7400; outline-offset:4px; }
#cookie-consent-banner { bottom:80px!important; max-height:65vh; overflow:auto; box-sizing:border-box; }
@media(max-width:600px) {
 .hero { padding:32px 20px 20px; }
 #comecar { padding:12px; }
 .asf-journey-directory { padding:12px; }
 .asf-journey-topic > summary { padding:18px 14px; font-size:17px; }
 #historia-banner, #parcerias-destaque, #para-marcas { margin:20px 12px!important; }
 #cookie-consent-banner { flex-wrap:wrap; padding:16px!important; }
 #cookie-consent-banner > div { min-width:0; }
 #cookie-consent-banner button { min-height:44px; }
 .cards-grid { grid-template-columns:minmax(0,1fr)!important; }
}
@media(prefers-reduced-motion:reduce) { html {scroll-behavior:auto!important;} }
