/* Estilos críticos para garantizar la visibilidad de elementos clave */
.logo,
.main-navigation li,
.hero-text-block,
.hero-controls {
    opacity: 1 !important; /* Forzar visibilidad */
}

/* HEADER FIJO - Máxima especificidad */
.site-header,
.catalog-page .site-header,
header.site-header {
    position: fixed !important; /* Forzar position fixed */
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    z-index: 1000 !important; /* Asegurar que esté encima de todo */
    background-color: transparent !important; /* Forzar transparencia siempre */
    transform: none !important; /* Evitar cualquier transformación */
}

.site-header.scrolled {
    background-color: transparent !important; /* Mantener transparencia incluso al hacer scroll */
    box-shadow: none !important; /* Quitar sombra */
    backdrop-filter: none !important; /* Quitar blur */
    -webkit-backdrop-filter: none !important;
    transform: none !important; /* Evitar cualquier transformación */
}

.main-navigation a {
    color: #f8fafc !important;
    text-shadow: 0 2px 8px rgba(0, 0, 0, 0.9) !important; /* Sombra más intensa para mayor contraste sobre video */
    font-weight: 600 !important; /* Hacer el texto más bold para mejor legibilidad */
}

.logo {
    color: #f8fafc !important;
    text-shadow: 0 2px 8px rgba(0, 0, 0, 0.9) !important; /* Sombra más intensa para el logo también */
}

.hero-content-overlay {
    z-index: 5 !important; /* Asegurar que esté por encima del overlay pero debajo del header */
}