/* Arena Kids — media queries (responsividade) */
@media(prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}
@media(max-width:1080px){
  .nav__links,.nav__cta .btn{display:none}
  .nav__drop{flex-direction:column;align-items:stretch}
  .nav__sub{position:static;opacity:1;visibility:visible;transform:none;box-shadow:none;border:none;background:none;padding:0 0 0 14px;min-width:0}
  .nav__chev{display:none}
  .nav__toggle{display:grid}
  .nav__links{position:fixed;inset:78px 0 auto 0;flex-direction:column;align-items:stretch;background:var(--surface);padding:14px var(--gutter) 26px;gap:2px;border-bottom:1px solid var(--line);box-shadow:var(--sh-l);transform:translateY(-130%);transition:transform .34s;margin:0}
  .nav.open .nav__links{display:flex;transform:translateY(0)}
  .nav.open .nav__links .btn{display:inline-flex;margin-top:10px}
  .nav__links a{padding:14px 16px;font-size:1.05rem}
}
@media(max-width:900px){.hero__top{grid-template-columns:1fr;align-items:start;gap:22px}.hero__imgs{grid-template-columns:1fr}.hero__img,.hero__img:last-child{aspect-ratio:16/10}}
@media(max-width:940px){.g3,.g4{grid-template-columns:repeat(2,1fr)}}
@media(max-width:620px){.g3,.g4{grid-template-columns:1fr}}
@media(max-width:900px){.about{grid-template-columns:1fr}}
@media(max-width:760px){.about__head{grid-template-columns:1fr;gap:14px}}
@media(max-width:760px){.acc__a p{padding-left:4px}}
@media(max-width:1000px){.perks{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){.perks{grid-template-columns:1fr}}
@media(max-width:560px){.perk--dark{grid-column:span 1}}
@media(max-width:820px){.cta__head{grid-template-columns:1fr;gap:12px}}
@media(max-width:640px){.pslider{width:calc(100vw - 32px)}}
@media(max-width:560px){.nums__grid{grid-template-columns:1fr 1fr;gap:20px}.nums__i+.nums__i::before{display:none}}
@media(max-width:820px){.news{grid-template-columns:1fr}}
@media(max-width:820px){.news__form{margin-left:0}}
@media(max-width:820px){.footer__grid{grid-template-columns:1fr 1fr}}
@media(max-width:520px){.footer__grid{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.reveal{opacity:1;transform:none}}
@media(max-width:620px){.g2{grid-template-columns:1fr}}
@media(max-width:900px){.phero__grid{grid-template-columns:1fr;gap:26px}}
@media(max-width:760px){.plans{grid-template-columns:1fr}}
@media(max-width:820px){.plans--3{grid-template-columns:1fr}}
@media(max-width:820px){.gal{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){.gal{grid-template-columns:1fr}}
@media(max-width:880px){.cform{grid-template-columns:1fr}}
@media(max-width:560px){.form{grid-template-columns:1fr}}
@media(max-width:1080px){.brand__logo{height:30px}}
@media(max-width:820px){.footer .news{grid-template-columns:1fr}}
@media(max-width:820px){.footcard .footer__grid{grid-template-columns:1fr 1fr}}
@media(max-width:520px){.footcard .footer__grid{grid-template-columns:1fr}}
@media(max-width:820px){.footnews{grid-template-columns:1fr}}
@media(max-width:820px){.footinner .footer__grid{grid-template-columns:1fr 1fr}}
@media(max-width:520px){.footinner .footer__grid{grid-template-columns:1fr}}
@media(min-width:640px){.cookie{left:24px;right:auto;bottom:24px;margin:0}}
@media(max-width:560px){.mapwrap iframe{height:240px}}
@media(max-width:640px){
  /* ===== Ritmo vertical mobile — sistema coerente ===== */
  /* Secção -> secção (o maior respiro) */
  .section{padding-block:clamp(76px,17vw,104px)}
  .hero{padding-top:34px}
  .phero{padding-top:28px;padding-bottom:32px}
  .psub{padding-block:clamp(52px,13vw,80px)}
  /* Cabecalho de seccao: subtitulo -> titulo -> descricao */
  .sh{margin-bottom:40px}
  .sh h2{margin-top:14px}
  /* Blocos/cards dentro da mesma seccao */
  .grid{gap:30px}
  #servicos .grid{gap:46px}
  .scard a{margin-top:16px}
  .plans,.plans--3{gap:48px}
  .perks{gap:26px}
  .gal{gap:14px}
  /* Respiracao interna dos cards */
  .plan{padding:32px 26px}
  .perk{padding:30px 26px}
  .card{padding:30px 26px}
  .step{padding:32px 26px}
  .hours-card{padding:32px 26px}
  .bigcta{padding:48px 28px}
  .plan ul{margin:22px 0 22px}
  .scard h4{margin-top:18px}
  /* Hero de pagina: imagem -> texto, titulo -> pills -> CTA */
  .phero__grid{gap:30px}
  .phero h1{margin:14px 0 16px}
  .phero__pills{margin-top:22px}
  .phero__actions{margin-top:28px}
  /* Homepage hero */
  .hero__top{gap:26px}
  .hero__imgs{gap:16px;margin-top:30px}
  /* Sobre nos (accordion) */
  .about{gap:34px}
  .about__head{gap:16px;margin-bottom:34px}
  /* Momentos */
  .cta__head{gap:16px;margin-bottom:32px}
  /* Formulario de contacto: mapa -> texto */
  .cform{gap:38px}
  .mapwrap{margin-top:20px}
  /* Rodape */
  .footinner{padding:34px 24px;margin-top:22px}
  .footer__grid{gap:34px}
  /* Numeros: descricoes numa so linha */
  .nums__i{padding:12px 4px}
  .nums__i span{font-size:.82rem;white-space:nowrap;letter-spacing:-.01em}
  .legal h3{margin-top:26px}
}