/* ==========================================================================
   NEBULON — Responsive (ajustes transversales)
   El grueso del responsive vive junto a cada componente/sección (mobile-first).
   Este archivo cubre solo casos que cruzan varios archivos.
   ========================================================================== */

/* Bloquea el scroll del body cuando el menú mobile está abierto */
body.nav-open {
  overflow: hidden;
}

/* Pantallas muy grandes: evita que el hero se vea perdido */
@media (min-width: 1600px) {
  :root {
    --max-width: 1360px;
  }
}

/* Pantallas muy pequeñas (< 360px): reduce paddings extremos */
@media (max-width: 359px) {
  .container {
    padding-inline: var(--space-4);
  }
  section {
    padding-block: var(--space-7);
  }
}

/* Impresión: quita fondo oscuro y decoración para no gastar tinta */
@media print {
  body::before {
    display: none;
  }
  body {
    background: #fff;
    color: #000;
  }
  .site-header,
  .nav-mobile,
  #nebula-canvas,
  .btn {
    display: none !important;
  }
}