/**
 * browser-compatibility.css
 * Correcciones de estilo para asegurar consistencia entre navegadores
 */

/* Correcciones para IE y Edge Legacy */
.legacy-browser .modal {
    transform: none !important;
}

.legacy-browser .modal.show {
    opacity: 1 !important;
}

/* Mejoras de usabilidad para dispositivos táctiles */
.touch-device .fc-event {
    padding-top: 8px !important;
    padding-bottom: 8px !important;
}

.touch-device button,
.touch-device .btn,
.touch-device .modal .close {
    min-height: 38px !important;
    min-width: 38px !important;
}

.touch-device .modal-footer button {
    margin: 5px !important;
}

/* Corregir problemas específicos de Safari */
@supports (-webkit-touch-callout: none) {
    /* Solo Safari */
    .fc .fc-scroller {
        overflow-y: auto !important;
        -webkit-overflow-scrolling: touch !important;
    }
    
    .modal {
        -webkit-transform: translate3d(0, 0, 0) !important;
    }
}

/* Corrección para Firefox */
@-moz-document url-prefix() {
    .fc-view-container {
        height: auto !important;
    }
    
    .modal-backdrop {
        background-color: rgba(0, 0, 0, 0.5) !important;
    }
}

/* Asegurar que las animaciones sean suaves en todos los navegadores */
.modal,
.modal-backdrop,
.fc-event,
button {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

/* Correciones para pantallas de diferentes densidades */
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
    .fc-event {
        border-width: 0.5px !important;
    }
    
    .modal-content {
        border-width: 0.5px !important;
    }
}

/* Prevenir que los iconos se vean borrosos en pantallas de alta densidad */
.fa, 
.fas,
.far,
.fab {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

/* Optimización de rendimiento para todos los navegadores */
.fc,
.modal,
.calendar-container {
    will-change: transform, opacity;
}