@import url("fonts.css");
:root{
  --amarelo:#FAF494; --mila:#FFD21F; --mila-escuro:#E0A800;
  --azul-claro:#99D9FD; --nino:#2F6FE0; --azul:#0452DA;
  --coral:#FA5C59; --teco:#E8261F; --vinho:#8E1B22;
  --lilas:#E9D7F2; --lilas-forte:#B57FD0; --rosa:#F46FB3; --verde:#3DBE6B; --laranja:#FF9A2E;
  --creme:#FFFBEC; --tinta:#1D2558; --tinta-suave:#4A5180;
  --raio:28px; --sombra:0 10px 0 rgba(29,37,88,.12);
  --fonte-titulo:"Baloo 2","Fredoka",system-ui,sans-serif; --fonte:"Fredoka","Baloo 2",system-ui,sans-serif;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:var(--fonte);font-weight:500;color:var(--tinta);background:var(--creme);font-size:18px;line-height:1.55;overflow-x:hidden}
img{max-width:100%;height:auto;display:block}
a{color:inherit}
h1,h2,h3{font-family:var(--fonte-titulo);line-height:1.1;margin:0 0 .4em;font-weight:800}
.wrap{width:min(1160px,92vw);margin:0 auto}
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}

/* ---------- Navegação ---------- */
.nav{position:sticky;top:0;z-index:50;background:rgba(255,251,236,.92);backdrop-filter:blur(8px);border-bottom:4px solid transparent;border-image:linear-gradient(90deg,var(--mila) 0 33.3%,var(--nino) 0 66.6%,var(--teco) 0) 1}
.nav .wrap{display:flex;align-items:center;gap:16px;padding:10px 0}
.marca{display:flex;align-items:center;gap:10px;text-decoration:none}
.marca img{width:52px;height:52px;border-radius:50%;border:3px solid #fff;box-shadow:0 0 0 3px var(--azul)}
.marca span{font-family:var(--fonte-titulo);font-weight:800;font-size:1.45rem;letter-spacing:.3px}
.marca b{color:var(--mila-escuro)} .marca i{font-style:normal;color:var(--nino)} .marca em{font-style:normal;color:var(--teco)}
.menu{margin-left:auto;display:flex;gap:6px;align-items:center;list-style:none;padding:0;margin-top:0;margin-bottom:0}
.menu a{text-decoration:none;font-weight:600;padding:8px 14px;border-radius:999px;transition:.2s}
.menu a:hover{background:var(--lilas)}
.menu .menu-jogos{background:var(--verde);color:#fff;box-shadow:0 4px 0 #23924d}
.menu .menu-jogos:hover{background:#34ad60}
.menu .menu-app{background:var(--azul);color:#fff;box-shadow:0 4px 0 #02348c}
.menu .menu-app:hover{filter:brightness(1.08)}
.ver-mais{display:flex;flex-wrap:wrap;gap:16px;justify-content:center}
.menu-btn{display:none;margin-left:auto;background:var(--azul);border:0;border-radius:16px;width:52px;height:48px;cursor:pointer;box-shadow:0 4px 0 #02348c;padding:12px 13px;flex-direction:column;justify-content:space-between}
.menu-btn span{display:block;height:5px;border-radius:5px;background:#fff}

/* ---------- Botões ---------- */
.btn{--c:var(--teco);--s:#a8140f;display:inline-flex;align-items:center;gap:10px;font-family:var(--fonte-titulo);font-weight:800;font-size:1.2rem;text-decoration:none;color:#fff;background:var(--c);padding:14px 26px;border-radius:999px;box-shadow:0 6px 0 var(--s);transition:transform .15s,box-shadow .15s;border:0;cursor:pointer}
.btn:hover{transform:translateY(-3px);box-shadow:0 9px 0 var(--s)}
.btn:active{transform:translateY(3px);box-shadow:0 3px 0 var(--s)}
.btn-grande{font-size:1.45rem;padding:18px 34px}
.btn-azul{--c:var(--azul);--s:#02348c}
.btn-amarelo{--c:var(--mila);--s:var(--mila-escuro);color:var(--tinta)}
.btn-verde{--c:var(--verde);--s:#23924d}
.btn-branco{--c:#fff;--s:rgba(29,37,88,.2);color:var(--tinta)}
.yt-ico{width:34px;height:28px;flex:none}
.ic{width:1.25em;height:1.25em;vertical-align:-.28em;flex:none;color:#E8261F;overflow:visible}
.btn .ic{width:1.5em;height:1.5em}
.ic-titulo{width:1.1em;height:1.1em;vertical-align:-.15em}
.nota-deco{width:46px;height:46px}
.pontinhos{display:inline-flex;gap:5px;vertical-align:middle;margin-left:4px}.pontinhos i{width:14px;height:14px;border-radius:50%;background:var(--c);border:2px solid #fff}
.feito{display:inline-flex;align-items:center;gap:4px}.feito .ic{width:20px;height:20px}
.email{display:inline-flex;align-items:center;gap:8px;text-decoration:none}.email:hover{text-decoration:underline}
img.personagem,.monstro img,.mini-jogo img,.card-jogo .arte img,.sobre-trio img{object-fit:contain}

/* ---------- Hero ---------- */
.hero{position:relative;padding:34px 0 90px;background:
  linear-gradient(90deg,var(--amarelo) 0 33.34%,var(--azul-claro) 0 66.67%,var(--coral) 0);overflow:hidden}
.hero::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 20% 30%,rgba(255,255,255,.55) 0 2px,transparent 3px) 0 0/46px 46px;opacity:.7;pointer-events:none}
.hero .wrap{position:relative;display:grid;grid-template-columns:1.2fr .8fr;gap:36px;align-items:center}
.hero-banner{position:relative;border-radius:36px;overflow:hidden;border:8px solid #fff;box-shadow:0 18px 0 rgba(29,37,88,.15),0 30px 60px rgba(29,37,88,.2);transform:rotate(-1.5deg);background:#fff}
.hero-banner img{width:100%;aspect-ratio:1024/577;object-fit:cover}
.hero-texto{background:#fff;border-radius:36px;padding:34px 34px 30px;box-shadow:var(--sombra);transform:rotate(1deg);border:4px solid var(--tinta)}
.selo{display:inline-block;background:var(--lilas);color:var(--tinta);font-weight:600;padding:6px 16px;border-radius:999px;font-size:.95rem;margin-bottom:12px}
.hero h1{font-size:clamp(2.3rem,4.6vw,3.6rem);color:var(--tinta)}
.hero h1 .c1{color:var(--mila-escuro)} .hero h1 .c2{color:var(--nino)} .hero h1 .c3{color:var(--teco)}
.tagline{font-family:var(--fonte-titulo);font-size:1.35rem;font-weight:700;color:var(--azul);margin:0 0 10px}
.hero p{margin:0 0 22px;color:var(--tinta-suave)}
.hero-acoes{display:flex;flex-wrap:wrap;gap:14px}
.onda{position:absolute;left:0;right:0;bottom:-1px;width:100%;height:80px;display:block}

/* decorações */
.deco{position:absolute;pointer-events:none}
.nuvem{width:150px;height:56px;background:#fff;border-radius:60px;opacity:.95}
.nuvem::before,.nuvem::after{content:"";position:absolute;background:#fff;border-radius:50%}
.nuvem::before{width:70px;height:70px;left:22px;top:-34px}
.nuvem::after{width:52px;height:52px;left:78px;top:-22px}
.flutua{animation:flutua 6s ease-in-out infinite}
@keyframes flutua{50%{transform:translateY(-14px)}}
.estrela{width:42px;height:42px}
.gira{animation:gira 9s linear infinite}
@keyframes gira{to{transform:rotate(360deg)}}

/* ---------- Seções ---------- */
section{position:relative}
.secao{padding:80px 0}
.titulo-secao{text-align:center;margin-bottom:40px}
.titulo-secao h2{font-size:clamp(2rem,4vw,3rem)}
.titulo-secao p{max-width:640px;margin:0 auto;color:var(--tinta-suave)}
.risco{display:inline-block;position:relative}
.risco::after{content:"";position:absolute;left:-4%;right:-4%;bottom:.02em;height:.32em;background:var(--mila);z-index:-1;border-radius:20px;transform:rotate(-1deg)}

.intro{background:transparent;position:relative;padding:10px 0 20px;margin-top:-56px;z-index:2}
.intro .wrap{display:grid;grid-template-columns:1.35fr .65fr;gap:44px;align-items:center}
.intro-moldura{position:relative;padding:14px;border-radius:40px;background:conic-gradient(from 200deg,var(--mila),var(--laranja),var(--teco),var(--rosa),var(--lilas-forte),var(--nino),var(--azul-claro),var(--verde),var(--mila));box-shadow:0 14px 0 rgba(29,37,88,.14),0 30px 50px rgba(29,37,88,.18);transform:rotate(-.8deg)}
.intro-moldura::before{content:"";position:absolute;inset:6px;border-radius:34px;border:4px dashed rgba(255,255,255,.75);pointer-events:none}
.intro-player{aspect-ratio:16/9;border-radius:28px;border:6px solid #fff;transform:rotate(.8deg)}
.intro-player .play{width:104px;height:104px;margin:-52px 0 0 -52px;border-width:7px;animation:pulsa 1.8s ease-in-out infinite}
.intro-player .play::after{border-left-width:34px;border-top-width:21px;border-bottom-width:21px;margin-left:9px}
@keyframes pulsa{50%{box-shadow:0 0 0 14px rgba(232,38,31,.25),0 6px 18px rgba(0,0,0,.3)}}
.intro-etiqueta{position:absolute;z-index:3;top:-20px;left:30px;background:var(--tinta);color:#fff;font-family:var(--fonte-titulo);font-weight:800;padding:6px 18px;border-radius:999px;transform:rotate(-3deg);box-shadow:0 5px 0 rgba(0,0,0,.2)}
.intro-texto h2{font-size:clamp(1.9rem,3.4vw,2.6rem)}
.intro-texto p{color:var(--tinta-suave);margin:0 0 20px}

/* monstrinhos */
.monstrinhos{background:var(--creme)}
.cards-monstros{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}
.monstro{--bg:var(--amarelo);--forte:var(--mila);--borda:var(--mila-escuro);background:var(--bg);border-radius:36px;padding:22px 22px 26px;text-align:center;border:5px solid var(--borda);box-shadow:0 12px 0 var(--borda);transition:transform .25s}
.monstro:hover{transform:translateY(-6px) rotate(-1deg)}
.monstro:nth-child(2):hover{transform:translateY(-6px) rotate(1deg)}
.monstro .foto{height:290px;padding-top:8px;display:flex;align-items:flex-end;justify-content:center;background:radial-gradient(circle at 50% 70%,rgba(255,255,255,.75) 0 42%,transparent 43%);margin-bottom:10px}
.monstro .foto picture{display:contents}
.monstro .foto img{max-height:100%;max-width:100%;width:auto;height:auto;filter:drop-shadow(0 10px 8px rgba(0,0,0,.18));transition:transform .3s}
.monstro:hover .foto img{transform:scale(1.06) rotate(-3deg)}
.monstro h3{font-size:2.3rem;margin:0;color:var(--tinta)}
.monstro .cor{display:inline-flex;align-items:center;gap:6px;background:#fff;border-radius:999px;padding:3px 14px;font-weight:600;font-size:.95rem;margin:4px 0 10px}
.monstro p{margin:0;color:var(--tinta)}
.monstro.nino{--bg:var(--azul-claro);--borda:var(--nino)}
.monstro.teco{--bg:#FFB3AE;--borda:var(--teco)}

/* vídeos */
.videos{background:linear-gradient(180deg,var(--lilas),#F4ECFA)}
.abas{display:flex;justify-content:center;gap:12px;margin-bottom:28px;flex-wrap:wrap}
.aba .ic{width:1.3em;height:1.3em}
.aba{display:inline-flex;align-items:center;gap:8px;font-family:var(--fonte-titulo);font-weight:800;font-size:1.1rem;border:4px solid var(--tinta);background:#fff;color:var(--tinta);padding:8px 22px;border-radius:999px;cursor:pointer}
.aba[aria-selected="true"]{background:var(--tinta);color:#fff}
.grade-videos{display:grid;grid-template-columns:repeat(2,1fr);gap:26px}
.grade-shorts{display:grid;grid-template-columns:repeat(5,1fr);gap:18px}
.video{background:#fff;border-radius:26px;padding:12px;box-shadow:var(--sombra);border:4px solid #fff;transition:transform .2s,border-color .2s}
.video:hover{transform:translateY(-4px);border-color:var(--c,var(--nino))}
.video:nth-child(3n+1){--c:var(--mila)} .video:nth-child(3n+2){--c:var(--nino)} .video:nth-child(3n){--c:var(--teco)}
.player{position:relative;border-radius:18px;overflow:hidden;aspect-ratio:16/9;background:#000;cursor:pointer}
.grade-shorts .player{aspect-ratio:9/16}
.player img{width:100%;height:100%;object-fit:cover;transition:transform .3s}
.player:hover img{transform:scale(1.04)}
.player iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.play{position:absolute;left:50%;top:50%;width:76px;height:76px;margin:-38px 0 0 -38px;border-radius:50%;background:var(--teco);border:5px solid #fff;display:grid;place-items:center;box-shadow:0 6px 18px rgba(0,0,0,.3);transition:transform .2s}
.play::after{content:"";border-left:24px solid #fff;border-top:15px solid transparent;border-bottom:15px solid transparent;margin-left:6px}
.player:hover .play{transform:scale(1.12)}
.grade-shorts .play{width:58px;height:58px;margin:-29px 0 0 -29px}
.grade-shorts .play::after{border-left-width:18px;border-top-width:11px;border-bottom-width:11px}
.video h3{font-family:var(--fonte);font-weight:600;font-size:1.05rem;margin:12px 6px 4px;line-height:1.3}
.grade-shorts .video h3{font-size:.92rem}
.video time{display:block;margin:0 6px 4px;color:var(--tinta-suave);font-size:.88rem}
.ver-mais{text-align:center;margin-top:36px}
[hidden]{display:none!important}

/* sobre */
.sobre .wrap{display:grid;grid-template-columns:.9fr 1.1fr;gap:50px;align-items:center}
.sobre-trio{position:relative;justify-self:center;width:min(440px,86vw);aspect-ratio:1/0.95}
.sobre-trio .aro{position:absolute;left:6%;right:6%;top:0;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle at 50% 40%,#fff 0 30%,var(--lilas) 70%);border:10px solid #fff;box-shadow:0 0 0 8px var(--mila),0 0 0 16px var(--nino),0 0 0 24px var(--teco),0 30px 50px rgba(0,0,0,.18)}
.sobre-trio img{position:absolute;bottom:0;height:auto;filter:drop-shadow(0 12px 10px rgba(0,0,0,.22))}
.sobre-trio .t-nino{width:40%;left:30%;bottom:8%;z-index:1}
.sobre-trio .t-mila{width:34%;left:0;z-index:2;animation:pula 3s ease-in-out infinite}
.sobre-trio .t-teco{width:42%;right:-2%;z-index:2;animation:pula 3s 1.5s ease-in-out infinite}
.sobre h2{font-size:clamp(2rem,4vw,2.8rem)}
.aprende{display:flex;flex-wrap:wrap;gap:10px;padding:0;list-style:none;margin:20px 0 0}
.aprende li{display:inline-flex;align-items:center;gap:8px;background:#fff;border:3px solid var(--c);border-radius:999px;padding:6px 16px;font-weight:600;box-shadow:0 4px 0 var(--c)}
.aprende li:nth-child(4n+1){--c:var(--mila)} .aprende li:nth-child(4n+2){--c:var(--nino)} .aprende li:nth-child(4n+3){--c:var(--teco)} .aprende li:nth-child(4n){--c:var(--verde)}

/* jogos teaser */
.teaser{background:var(--azul);color:#fff;overflow:hidden}
.teaser .titulo-secao p{color:#DDE7FF}
.mini-jogos{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-bottom:36px}
.estrelas-total{display:inline-flex;align-items:center;gap:8px;background:#fff;border:4px solid var(--tinta);border-radius:999px;padding:6px 18px;font-family:var(--fonte-titulo);font-weight:800;font-size:1.3rem;margin-top:16px}.estrelas-total .ic{width:32px;height:32px}
.mini-jogo{background:var(--c);color:var(--tinta);border-radius:28px;padding:20px 16px;text-align:center;text-decoration:none;box-shadow:0 8px 0 rgba(0,0,0,.25);transition:transform .2s}
.mini-jogo:hover{transform:translateY(-6px) rotate(-1.5deg)}
.mini-jogo .arte-mini{display:flex;align-items:center;justify-content:center;height:150px;padding:4px;margin-bottom:8px}
.mini-jogo .arte-mini img{max-height:100%;max-width:100%;width:auto;height:auto;filter:drop-shadow(0 6px 6px rgba(0,0,0,.2));transition:transform .25s}
.mini-jogo:hover .arte-mini img{transform:scale(1.07) rotate(-3deg)}
.mini-jogo.mais-jogos .arte-mini .ic{width:110px;height:110px}
.mini-jogo strong{font-family:var(--fonte-titulo);font-size:1.25rem;display:block}

/* pais */
.pais{background:#fff}
.pais-grade{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.dica{background:var(--creme);border-radius:28px;padding:28px;border:3px dashed var(--c,var(--nino))}
.dica:nth-child(1){--c:var(--mila-escuro)} .dica:nth-child(2){--c:var(--nino)} .dica:nth-child(3){--c:var(--teco)}
.dica .ico{width:72px;height:72px;border-radius:22px;display:grid;place-items:center;background:#fff;border:3px solid var(--c);margin-bottom:14px}
.dica .ico .ic{width:46px;height:46px}
.dica .ico-rostos{display:flex;width:auto;padding:0 8px;gap:0}
.dica .ico-rostos img{width:50px;height:50px;margin-left:-12px}.dica .ico-rostos img:first-child{margin-left:0}
.dica h3{font-size:1.5rem}
.dica p,.dica ul{margin:0;color:var(--tinta-suave)}
.dica ul{padding-left:20px}
.aviso-pais{margin-top:30px;background:var(--lilas);border-radius:24px;padding:20px 26px;display:flex;gap:16px;align-items:center;justify-content:space-between;flex-wrap:wrap}
.aviso-pais p{margin:0;max-width:720px}
.aviso-pais .ic{width:30px;height:30px}

/* rodapé */
.rodape{background:var(--tinta);color:#E4E7FF;padding:70px 0 30px;position:relative}
.rodape .wrap{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:36px}
.rodape h3{color:#fff;font-size:1.3rem}
.rodape a{color:#fff}
.rodape ul{list-style:none;padding:0;margin:0}
.rodape li{margin:6px 0}
.sociais{display:flex;gap:12px;flex-wrap:wrap}
.social{width:54px;height:54px;border-radius:18px;display:grid;place-items:center;background:var(--c);transition:transform .2s;text-decoration:none}
.social:hover{transform:translateY(-4px) rotate(-6deg)}
.social svg{width:28px;height:28px;fill:#fff}
.creditos{grid-column:1/-1;border-top:2px solid rgba(255,255,255,.15);padding-top:20px;font-size:.9rem;color:#B7BCE6;display:flex;justify-content:space-between;flex-wrap:wrap;gap:10px}
.lapis{position:absolute;top:-22px;left:0;right:0;height:44px;display:flex;justify-content:center;gap:4px;overflow:hidden}

/* ---------- Hub de jogos ---------- */
.hub-hero{background:linear-gradient(90deg,var(--amarelo) 0 33.34%,var(--azul-claro) 0 66.67%,var(--coral) 0);padding:40px 0 100px;position:relative;overflow:hidden;text-align:center}
.hub-hero h1 .ic{width:1em;height:1em;vertical-align:-.12em}
.hub-hero h1{font-size:clamp(2.6rem,6vw,4.4rem);background:#fff;display:inline-block;padding:8px 34px;border-radius:30px;border:5px solid var(--tinta);box-shadow:0 10px 0 var(--tinta);transform:rotate(-1.5deg)}
.hub-hero .trio{display:flex;justify-content:center;align-items:flex-end;gap:10px;margin-top:20px;height:220px}
.hub-hero .trio img{height:100%;width:auto;object-fit:contain;filter:drop-shadow(0 10px 10px rgba(0,0,0,.2))}
.hub-hero .trio img:nth-child(1){height:82%;animation:pula 2.4s ease-in-out infinite}
.hub-hero .trio img:nth-child(2){animation:pula 2.4s .3s ease-in-out infinite}
.hub-hero .trio img:nth-child(3){height:86%;animation:pula 2.4s .6s ease-in-out infinite}
@keyframes pula{50%{transform:translateY(-12px)}}
.grade-jogos{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;max-width:1040px;margin:0 auto}
.card-jogo{--c:var(--mila);--s:var(--mila-escuro);position:relative;display:flex;flex-direction:column;align-items:center;text-align:center;background:var(--c);border-radius:34px;padding:22px 18px 22px;text-decoration:none;color:var(--tinta);border:5px solid #fff;box-shadow:0 10px 0 var(--s),0 20px 30px rgba(0,0,0,.12);transition:transform .2s;min-height:300px;overflow:hidden}
.card-jogo:hover,.card-jogo:focus-visible{transform:translateY(-8px) rotate(-1.5deg);outline:none}
.card-jogo:nth-child(even):hover{transform:translateY(-8px) rotate(1.5deg)}
.card-jogo .arte{height:180px;width:100%;display:flex;align-items:center;justify-content:center;position:relative;padding:4px}
.card-jogo .arte img{max-height:100%;max-width:100%;width:auto;height:auto;filter:drop-shadow(0 8px 6px rgba(0,0,0,.2));transition:transform .25s}
.card-jogo:hover .arte img{transform:scale(1.06) rotate(-2deg)}
.card-jogo .arte.grupo{gap:0}.card-jogo .arte.grupo img{max-width:38%;margin:0 -4%}
.card-jogo .arte.grupo img:nth-child(2){max-height:85%;z-index:1}
.card-jogo .emoji{font-size:4.4rem;line-height:1}
.card-jogo .emoji-canto{position:absolute;right:4px;top:0;font-size:2.6rem;background:#fff;border-radius:50%;width:66px;height:66px;display:grid;place-items:center;box-shadow:0 4px 0 rgba(0,0,0,.15)}
.card-jogo h2{font-size:1.55rem;margin:12px 0 4px}
.card-jogo p{margin:0;font-size:.98rem}
.card-jogo .jogar{margin-top:auto;padding-top:14px}
.card-jogo .jogar span{display:inline-grid;place-items:center;width:64px;height:64px;border-radius:50%;background:#fff;box-shadow:0 5px 0 rgba(0,0,0,.18)}
.card-jogo .jogar .ic{width:44px;height:44px}
.card-jogo.azul{--c:var(--azul-claro);--s:var(--nino)}
.card-jogo.vermelho{--c:#FFB3AE;--s:var(--teco)}
.card-jogo.lilas{--c:var(--lilas);--s:var(--lilas-forte)}
.card-jogo.verde{--c:#BDEFC9;--s:var(--verde)}
.card-jogo.laranja{--c:#FFD8A8;--s:var(--laranja)}
.card-jogo.rosa{--c:#FFD0E7;--s:var(--rosa)}

/* ---------- Responsivo ---------- */
@media (max-width:1000px){
  .grade-jogos,.mini-jogos{grid-template-columns:repeat(2,1fr)}
  .grade-shorts{grid-template-columns:repeat(3,1fr)}
}
@media (max-width:860px){
  .menu-btn{display:block}
  .menu{position:absolute;top:100%;left:0;right:0;flex-direction:column;background:var(--creme);padding:14px;gap:4px;display:none;box-shadow:0 14px 20px rgba(0,0,0,.1)}
  .menu.aberto{display:flex}
  .menu a{display:block;text-align:center;font-size:1.15rem}
  .hero .wrap,.sobre .wrap,.intro .wrap{grid-template-columns:1fr}
  .intro{margin-top:-40px}.intro .wrap{gap:26px}.intro-texto{text-align:center}.intro-moldura{padding:10px;border-radius:30px}.intro-player{border-radius:22px;border-width:4px}.intro-player .play{width:80px;height:80px;margin:-40px 0 0 -40px}
  .hero{padding:22px 0 80px}
  .hero-banner{transform:rotate(-1deg)}
  .hero-texto{transform:none;padding:26px 22px}
  .cards-monstros,.pais-grade{grid-template-columns:1fr}
  .monstro .foto{height:230px}
  .grade-videos{grid-template-columns:1fr}
  .rodape .wrap{grid-template-columns:1fr}
  .secao{padding:60px 0}
}
@media (max-width:520px){
  body{font-size:17px}
  .grade-shorts{grid-template-columns:repeat(2,1fr)}
  .grade-jogos{grid-template-columns:1fr 1fr;gap:16px}
  .card-jogo{min-height:0;padding:16px 10px;border-radius:26px}
  .card-jogo .arte{height:130px}
  .mini-jogo .arte-mini{height:110px}
  .card-jogo h2{font-size:1.2rem}
  .card-jogo p{display:none}
  .card-jogo .jogar span{width:50px;height:50px}.card-jogo .jogar .ic{width:34px;height:34px}
  .marca span{font-size:1.2rem}
  .hub-hero .trio{height:150px}
  .mini-jogos{gap:12px}.mini-jogo{padding:14px 8px}.mini-jogo strong{font-size:1.02rem}
  .btn-grande{font-size:1.2rem;padding:16px 24px}
}
@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}