/* Personalización de Tailwind para usar la fuente Inter */
html {
    scroll-behavior: smooth; /* Para un desplazamiento suave entre secciones */
}
body {
    font-family: 'Inter', sans-serif;
    /* Tailwind CSS aplica automáticamente el text-gray-800 si lo defines en el body del HTML */
}

/* Colores personalizados (puedes ajustarlos a tu branding) */
:root {
    --color-primary: #3498db; /* Azul Nexum */
    --color-secondary: #2c3e50; /* Azul Oscuro */
    --color-accent: #e74c3c; /* Rojo de acento (si lo usas) */
    --color-text-light: #ecf0f1; /* Gris claro para texto */
    --color-bg-dark: #202b38; /* Fondo oscuro */
}

/* Clases de utilidad personalizadas basadas en variables CSS */
.text-primary { color: var(--color-primary); }
.bg-primary { background-color: var(--color-primary); }
.hover\:bg-primary-dark:hover { background-color: #2980b9; } /* Un tono más oscuro del primario */
.border-primary { border-color: var(--color-primary); }
.text-secondary { color: var(--color-secondary); }
.bg-secondary { background-color: var(--color-secondary); }
.bg-bg-dark { background-color: var(--color-bg-dark); }

/* Estilos para el overlay del héroe */
.hero .overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.8)); /* Oscurece la imagen/video */
}

/* Estilos para el menú responsive (ocultar/mostrar) */
.nav-list.hidden {
    display: none;
}

/* Media query para pantallas pequeñas (menos de 768px, que es el breakpoint 'md' de Tailwind) */
@media (max-width: 767px) {
    .nav-list {
        flex-direction: column;
        width: 100%;
        text-align: center;
        position: absolute;
        top: 64px; /* Altura del header, ajusta si es necesario */
        left: 0;
        background-color: theme('colors.white');
        box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
        z-index: 10;
        padding-bottom: 1rem;
    }
    .nav-list li {
        margin: 0.5rem 0;
    }
}