/* Estilos personalizados */
body { 
    font-family: 'Inter', sans-serif; 
    background-color: #FFFBF5; 
    color: #4A4A4A; 
}

h1, h2, h3, .font-craft { 
    font-family: 'Kalam', cursive; 
}

/* --- Estilos de la página de INICIO --- */
.video-container { 
    position: absolute; 
    top: 0; 
    left: 0; 
    width: 100%; 
    height: 100vh; 
    overflow: hidden; 
    z-index: -1; 
    background-color: #000; 
}

#bgVideo { 
    width: 100%; 
    height: 100%; 
    object-fit: contain; 
}

.video-overlay { 
    position: absolute; 
    top: 0; 
    left: 0; 
    width: 100%; 
    height: 100%; 
    background-color: rgba(0, 0, 0, 0.5); 
}

/* --- Estilos del MENÚ de navegación --- */
.dropdown-content { 
    display: none; 
    position: absolute; 
    background-color: #f1f1f1; 
    min-width: 160px; 
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); 
    z-index: 1; 
}

.dropdown:hover .dropdown-content { 
    display: block; 
}

.smooth-transition { 
    transition: all 0.3s ease-in-out; 
}