/*
    LANDING PAGE — Estilos específicos
    
    Importá style.css ANTES de este archivo en el HTML (ya está hecho).
    style.css te da:
      - Variables CSS (--bg-color, --primary-color, --text-gold, etc.)
      - .glass-panel (glassmorphism)
      - Tipografía (Cinzel para títulos, Inter para texto)
      - Estilos base de botones e inputs
    
    Acá van los estilos específicos de la landing page.
    
    Tips:
      - Usá las variables de style.css: color: var(--text-gold);
      - Usá .glass-panel en tus contenedores para el efecto glassmorphism
      - Usá flexbox para layouts de una dimensión (header, nav, columnas)
      - Usá grid para layouts de dos dimensiones (grillas de cards/features)
      - Agregá @media queries al final para responsive (mobile)
*/

/* ─── Header / Navegación ─── */
.landing-header {
    /* TODO: Tu estilo va acá */
}

.nav-buttons {
    display: flex;
    gap: 1rem;
}

.btn-nav {
    /* TODO: Estilizar botones de navegación */
}

.btn-primary-nav {
    /* TODO: Estilo diferenciado para el botón "Jugar" */
}

/* ─── Contenido principal ─── */
.landing-main {
    /* TODO: Layout principal */
}

/* ─── Footer ─── */
.landing-footer {
    /* TODO: Footer con versión */
}

/* ─── Responsive: Mobile ─── */
@media (max-width: 768px) {
    /* TODO: Adaptaciones para pantallas chicas */
}