/* CSS Fix para botones no clickeables después de implementar menú UX-SEO */
/* Soluciona problemas similares a los encontrados en página de equipos */

/* 1. Asegurar que botones comunes sean interactivos */
button,
input[type="submit"],
input[type="button"],
a.btn,
a.button,
.button,
.btn {
    pointer-events: auto !important;
    cursor: pointer !important;
    -webkit-tap-highlight-color: rgba(64, 137, 120, 0.3) !important;
    touch-action: manipulation !important;
    position: relative !important;
    z-index: 1 !important;
}

/* 2. Prevenir desplazamientos negativos que saquen botones fuera de pantalla */
button,
input[type="submit"],
input[type="button"],
a.btn,
a.button {
    left: 0 !important;
    right: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
}

/* NOTA: No forzar transform: none en botones para no romper el menú móvil */

/* 3. Asegurar que contenedores de botones permitan interacción */
.container,
.content_html,
.main-content,
.page-content,
section,
article,
div[role="main"] {
    pointer-events: auto !important;
    overflow: visible !important;
}

/* 4. Corrección específica para problemas de superposición con menú */
@media (max-width: 768px) {
    /* Asegurar que botones tengan tamaño táctil adecuado en móviles */
    button,
    input[type="submit"],
    input[type="button"],
    a.btn,
    a.button {
        min-height: 44px !important; /* Tamaño mínimo táctil iOS */
        min-width: 44px !important;
        padding: 12px 20px !important;
    }
    
    /* Asegurar que contenido no quede detrás del menú sticky */
    .content_html {
        margin-top: 60px !important; /* Altura del menú móvil */
    }
}

/* 5. Forzar visibilidad y accesibilidad */
button:focus,
input[type="submit"]:focus,
input[type="button"]:focus,
a.btn:focus,
a.button:focus {
    outline: 2px solid #408978 !important;
    outline-offset: 2px !important;
}

/* 6. Reset para posibles overlays ocultos que bloqueen interacción */
.overlay,
.modal-backdrop,
.popup-overlay {
    pointer-events: none !important;
}

.overlay.active,
.modal-backdrop.active,
.popup-overlay.active {
    pointer-events: auto !important;
}

/* 7. Asegurar que elementos con posición fija o absoluta no bloqueen */
.fixed-element,
.absolute-element,
.sticky-element {
    pointer-events: none !important;
}

.fixed-element.interactive,
.absolute-element.interactive,
.sticky-element.interactive {
    pointer-events: auto !important;
}