html { scroll-behavior:smooth; }
:root { --home-content-width:1300px; }
.quick,.kids-register-home,.magazines-home,.music-showcase,.about,.videos-home,.donate { width:min(calc(100% - 40px),var(--home-content-width)); max-width:var(--home-content-width); margin-left:auto; margin-right:auto; box-sizing:border-box; }
.skip-link { position:fixed; top:12px; left:12px; z-index:100000; padding:12px 18px; border-radius:12px; background:#073b88; color:#fff; font-weight:800; transform:translateY(-180%); }
.skip-link:focus { transform:translateY(0); }
a:focus-visible, button:focus-visible, [tabindex]:focus-visible { outline:4px solid #ffcc00; outline-offset:4px; }
.grownups-link { min-height:48px; display:inline-flex; align-items:center; padding:10px 18px; border:2px solid #006cff; border-radius:999px; color:#073b88; background:#fff; font-weight:800; text-decoration:none; }
.section-title { grid-column:1/-1; margin:0 0 4px; text-align:center; color:#073b88; font-family:'Baloo 2',sans-serif; font-size:clamp(1.8rem,4vw,2.5rem); }
.quick { grid-template-columns:repeat(5,1fr); }
button.quick-card { width:100%; border:0; background:transparent; font-family:inherit; color:inherit; }
.quick-item:focus-within .games-dropdown, .games-dropdown.open { opacity:1; visibility:visible; pointer-events:auto; transform:translateX(-50%) translateY(0); }
#musicas,#historias,#videos,#jogos,#responsaveis,#explorar { scroll-margin-top:24px; }
.pix-toast[role="status"] { min-height:56px; }
footer nav { display:flex; justify-content:center; flex-wrap:wrap; gap:10px 22px; margin-top:14px; }
footer nav a { color:#fff; font-weight:700; }
@media (max-width:1050px) { .quick { grid-template-columns:repeat(3,1fr); } }
@media (max-width:900px) { .grownups-link { margin:auto; } }
@media (max-width:620px) { .quick,.kids-register-home,.magazines-home,.music-showcase,.about,.videos-home,.donate { width:min(calc(100% - 24px),var(--home-content-width)); } .quick { grid-template-columns:1fr 1fr; padding:16px; } .section-title { grid-column:1/-1; } .quick-card { min-height:180px; } .header nav a { min-width:76px; } }
@media (max-width:420px) { .quick { grid-template-columns:1fr; } .buttons { flex-direction:column; } }
@media (prefers-reduced-motion:reduce) {
    html { scroll-behavior:auto; }
    *,*::before,*::after { animation-duration:.01ms !important; animation-iteration-count:1 !important; transition-duration:.01ms !important; }
    .hero-img img,.donate-kid,.pix-toast span { animation:none !important; }
}
@media (prefers-contrast:more) { a,button { text-decoration-thickness:2px; } .quick-card,.panel { border:2px solid currentColor; } }