/* Fix para headers duplicados - Solo mostrar header apropiado según viewport */

/* En desktop: ocultar header mobile */
@media (min-width: 1025px) {
    .site-header.mobile-type {
        display: none !important;
    }
}

/* En mobile: ocultar header desktop normal */
@media (max-width: 1024px) {
    .site-header:not(.mobile-type) {
        display: none !important;
    }
}

/* Asegurar que solo un header sea visible */
.site-header.mobile-type + .site-header:not(.mobile-type),
.site-header:not(.mobile-type) + .site-header.mobile-type {
    display: none !important;
}