/* =========================================
   RESPONSIVE — Portafolio Juanita González
   Breakpoints globales adicionales
   ========================================= */

/* ── Wide: contenedor fijo ── */
@media (min-width: 1440px) {
  .container {
    padding-left: var(--gutter-wide);
    padding-right: var(--gutter-wide);
  }

  .site-header {
    padding-left: var(--gutter-wide);
    padding-right: var(--gutter-wide);
  }

  .site-footer {
    padding-left: var(--gutter-wide);
    padding-right: var(--gutter-wide);
  }
}

/* ── Accesibilidad: reduce motion ── */
@media (prefers-reduced-motion: reduce) {
  *,
  *::before,
  *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
  }

  html {
    scroll-behavior: auto;
  }
}

/* ── Focus visible para accesibilidad de teclado ── */
:focus-visible {
  outline: 2px solid var(--color-accent);
  outline-offset: 3px;
}

/* ── Scroll lock cuando lightbox o menú están abiertos ── */
body.no-scroll {
  overflow: hidden;
}