/* Animação vetorial em CSS. As origens dos braços ficam nos ombros do SVG. */
.intro-centered .intro-grid{display:block;text-align:center}
.intro-centered .intro-heading{width:100%;max-width:1000px;margin:0 auto}
.intro-centered .intro-heading h2{font-size:clamp(2.6rem,4.6vw,4.5rem);line-height:.94;text-wrap:balance}
.intro-centered .intro-heading h2 em{font-style:normal;color:#8f4fdf}
.intro-centered .intro-heading h2 .word-aprendizado{color:#afcce5}
.intro-centered .intro-heading h2 .word-proposito{color:#ffce00}
.intro-centered .mascots-card{width:100%;max-width:880px;min-height:0;margin:40px auto 24px;padding:0 20px;background:transparent;border-radius:0;overflow:visible;box-shadow:none}
.intro-centered .mascots-card::after{content:none}
.intro-centered .animated-trio .mascots-row{margin:0;gap:34px;padding:18px 0}
.intro-centered .mascots-row figcaption{font-size:clamp(1rem,1.8vw,1.5rem);margin-top:18px}
.intro-centered .intro-copy{width:100%;max-width:820px;margin:0 auto}
.intro-centered .intro-copy p{max-width:none;margin:18px auto 0}
.intro-centered .intro-copy .text-link{margin-top:27px}
@media(max-width:760px){
 .intro-centered .mascots-card{margin:30px auto 15px;padding:0 8px}
 .intro-centered .animated-trio .mascots-row{gap:18px}
 .intro-centered .intro-heading h2{font-size:clamp(2.25rem,6.5vw,3.3rem)}
}
@media(max-width:480px){
 .intro-centered .mascots-card{padding:0 4px}
 .intro-centered .animated-trio .mascots-row{gap:12px}
 .intro-centered .mascots-row figcaption{font-size:.8rem;margin-top:10px}
 .intro-centered .intro-copy p{font-size:.96rem;line-height:1.65}
}
.animated-trio .animated-mascot{display:block;width:100%;height:auto;aspect-ratio:1/1.06;overflow:visible;filter:drop-shadow(0 9px 10px #6b599329)}
.animated-trio .mascots-row{padding:12px 8px 8px;gap:18px}
.animated-trio .mascot-body{transform-box:view-box;transform-origin:50% 94%}
.animated-trio .arm,.animated-trio .bookmark{transform-box:view-box}
.animated-trio .eyes,.animated-trio .ray{transform-box:fill-box;transform-origin:center}
@media(prefers-reduced-motion:no-preference){
 .animated-trio .mascot-amor .mascot-body{animation:kids-sway 4.8s ease-in-out infinite}
 .animated-trio .mascot-aprendizado .mascot-body{animation:kids-rock 5.6s ease-in-out -1.3s infinite}
 .animated-trio .mascot-proposito .mascot-body{animation:kids-hop 5.4s ease-in-out -.7s infinite}
 .animated-trio .wave{animation:kids-wave 4.8s ease-in-out infinite}
 .animated-trio .swing{animation:kids-swing 4.2s ease-in-out -.8s infinite}
 .animated-trio .mascot-aprendizado .wave{animation-delay:-1.8s;animation-duration:5.6s}
 .animated-trio .mascot-proposito .wave{animation-delay:-3s;animation-duration:5.2s}
 .animated-trio .eyes{animation:kids-blink 6.8s linear infinite}
 .animated-trio .mascot-aprendizado .eyes{animation-delay:-2.2s}
 .animated-trio .mascot-proposito .eyes{animation-delay:-4s}
 .animated-trio .bookmark{animation:kids-bookmark 5.6s ease-in-out -1.3s infinite}
 .animated-trio .ray{animation:kids-ray 3.6s ease-in-out infinite}
 .animated-trio.is-offscreen *{animation-play-state:paused!important}
}
@keyframes kids-sway{0%,100%{transform:rotate(-2deg) translateY(0)}50%{transform:rotate(2deg) translateY(-7px)}}
@keyframes kids-rock{0%,100%{transform:rotate(1.8deg)}50%{transform:rotate(-2.2deg) translateY(-6px)}}
@keyframes kids-hop{0%,24%,66%,100%{transform:translateY(0) rotate(0)}34%{transform:translateY(2px) scaleY(.985)}44%{transform:translateY(-12px) rotate(2deg)}56%{transform:translateY(0) scaleY(.985)}}
@keyframes kids-wave{0%,38%,100%{transform:rotate(0)}48%,66%{transform:rotate(-19deg)}57%,75%{transform:rotate(-5deg)}85%{transform:rotate(0)}}
@keyframes kids-swing{0%,100%{transform:rotate(-5deg)}50%{transform:rotate(8deg)}}
@keyframes kids-blink{0%,43%,47%,100%{transform:scaleY(1)}45%{transform:scaleY(.08)}}
@keyframes kids-bookmark{0%,100%{transform:rotate(0)}50%{transform:rotate(5deg)}}
@keyframes kids-ray{0%,100%{transform:scale(1)}50%{transform:scale(.94)}}
@media(max-width:480px){.animated-trio .mascots-row{gap:12px;padding-inline:5px}}
@media(prefers-reduced-motion:reduce){.animated-trio *{animation:none!important}}