/* ============================================================
   pages/index.css — Dynamic Studio
   Estilos exclusivos de index.html
   ============================================================ */

/* html/body con altura total (necesario para el snap container) */
html, body {
  height: 100%;
}

body {
  overflow: hidden;
}

/* Contenedor principal con snap */
#snap-container {
  height: 100vh;
  overflow-y: scroll;
  scroll-snap-type: y mandatory;
  scroll-behavior: smooth;
  overflow-x: hidden;
}

/* Cada sección ocupa exactamente la pantalla */
#snap-container > section {
  scroll-snap-align: start;
  scroll-snap-stop: always;
  height: 100vh;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

/* Nav override: en index la nav es un overlay sobre el canvas */
.site-nav {
  background: linear-gradient(180deg, rgba(8,8,8,0.7) 0%, transparent 100%);
  pointer-events: none;
}

.site-nav a {
  pointer-events: all;
}