/*
 * Maná Kids — Responsividade (responsive.css)
 * Mobile-first (320px → 1200px). Ajustes progressivos + acessibilidade de movimento.
 */

/* Telas muito pequenas (320–360px): reduz folgas */
@media (max-width: 360px) {
  body { font-size: 1rem; }
  .container { padding-inline: 1rem; }
  .btn { padding: 0.8rem 1.3rem; }
  .navbar .logo { font-size: 1.2rem; }
}

/* Tablet (>= 600px) */
@media (min-width: 600px) {
  .hero-ctas { gap: 1rem; }
  .cookie-acoes .btn { flex: 0 1 auto; }
}

/* Desktop pequeno (>= 900px) */
@media (min-width: 900px) {
  .hero { padding-block: 5rem; }
  .hero p.lead { font-size: 1.35rem; }
}

/* Desktop (>= 1200px) */
@media (min-width: 1200px) {
  .container { padding-inline: 0; }
}

/* Navbar: empilha o menu em telas estreitas */
@media (max-width: 520px) {
  .navbar { flex-wrap: wrap; }
  .navbar nav { width: 100%; justify-content: space-between; }
}

/* Respeita a preferência de redução de movimento (acessibilidade) */
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after {
    animation-duration: 0.001ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.001ms !important;
    scroll-behavior: auto !important;
  }
}