/* Ilustrações infantis originais em SVG, sem alterar cabeçalho e rodapé. */
.hero,.promo-banner{background-color:#621b75;background-image:url('/illustrations/play-pattern.svg'),radial-gradient(ellipse at 90% 45%,#87459b,transparent 65%),linear-gradient(110deg,#621b75,#4a0e7e);background-size:cover,cover,cover;background-position:center;overflow:hidden;isolation:isolate;border-radius:22px;border:1px solid #ffffff25;box-shadow:0 14px 34px #621b751c}
.hero::after,.promo-banner::after{display:none}
.hero-copy{width:61%;padding:42px;z-index:2}
.hero h1{font-size:clamp(32px,3.3vw,48px);line-height:1.18}
.hero h1 span,.promo-banner h1 span{color:#ffb263}
.hero .pill,.promo-banner .pill{background:#ffffff15;border:1px solid #ffffff22;backdrop-filter:blur(8px);color:#fff;font-size:9px;letter-spacing:1px}
.hero p,.promo-banner p{color:#f3e2f8;line-height:1.8}
.hero-art{position:absolute;inset:0 0 0 auto;width:44%;height:100%;background:none;transform:none;opacity:1;pointer-events:none}
.hero-art img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 12px 16px #2b083220)}
.promo-banner{position:relative;min-height:350px;padding:36px 42px}
.promo-banner>.promo-copy{max-width:62%;position:relative;z-index:2}
.promo-banner h1{font-size:clamp(31px,3vw,43px);line-height:1.19;letter-spacing:-1.4px;margin:22px 0 16px}
.promo-banner p{max-width:440px;font-size:12px}
.promo-banner>.promo-play-art{position:absolute;right:0;top:0;bottom:0;width:44%;pointer-events:none;z-index:1}
.promo-play-art img{width:100%;height:100%;object-fit:contain}
.play-label{display:inline-flex;align-items:center;gap:7px;font-size:10px;font-weight:600;color:#fff0dc;background:#ffffff0d;border:1px solid #ffffff1f;border-radius:30px;padding:8px 12px;margin-top:17px}
.play-label svg{width:14px;height:14px}
.bottom-banner{position:relative;overflow:hidden;isolation:isolate;background:#f4eaf8 url('/illustrations/play-pattern.svg') center/cover;min-height:190px;padding:32px 36px;border:1px solid #e6d2ed;border-radius:18px}
.bottom-banner::before{content:'';position:absolute;width:300px;height:240px;right:145px;bottom:-65px;background:url('/illustrations/play-world.svg') center/contain no-repeat;opacity:.18;transform:rotate(-8deg);z-index:-1}
.bottom-banner .eyebrow{color:#8a5c9a}.bottom-banner h2{line-height:1.4;font-size:25px;color:#4a155d}.bottom-banner .button{flex-shrink:0;position:relative;z-index:2}
.side-note,.filter-tip{background-color:#f5edf8;background-image:url('/illustrations/play-pattern.svg');background-size:auto 280px;border:1px solid #e9dcec}
@media(max-width:1150px){.hero-copy{padding:34px;width:63%}.hero-art{right:-18px;width:43%;transform:none}.promo-banner{padding:32px}.promo-banner>.promo-copy{max-width:62%}.promo-banner>.promo-play-art{right:-12px;width:43%}.promo-banner h1{font-size:35px}}
@media(max-width:820px){.hero-copy{width:65%}.hero-art{width:42%;right:-20px}.promo-banner{min-height:325px;padding:28px}.promo-banner>.promo-copy{max-width:66%}.promo-banner>.promo-play-art{width:42%;right:-22px}.promo-banner h1{font-size:32px}.hero h1{font-size:35px}.hero-proof{font-size:9px}}
@media(max-width:560px){.hero{min-height:440px}.hero-copy{width:100%;padding:28px 25px}.hero h1{font-size:33px;max-width:330px}.hero-copy>p{max-width:260px;font-size:12px}.hero-art{width:215px;height:215px;top:auto;bottom:-15px;right:-42px;opacity:.3;transform:none}.hero-proof{max-width:225px;line-height:1.7;margin-top:23px}.hero-secondary{display:block;margin:16px 0 0;font-size:11px}.promo-banner{padding:26px 24px;min-height:360px}.promo-banner>.promo-copy{max-width:100%}.promo-banner h1{font-size:32px;letter-spacing:-1.2px;max-width:330px;margin:20px 0 14px}.promo-banner p{max-width:230px;font-size:11px}.promo-banner>.promo-play-art{width:215px;height:215px;top:auto;bottom:-20px;right:-45px;opacity:.28}.play-label{font-size:9px;max-width:210px;margin-top:16px}.bottom-banner{padding:25px;min-height:220px}.bottom-banner h2{max-width:285px;font-size:22px}.bottom-banner::before{right:-65px;bottom:-30px;opacity:.2;width:240px;height:220px}.bottom-banner .button{margin-top:4px}}
