/* ========================================
   TOOLTIPS - CONFIGURACIÓN MEJORADA
   Deshabilita tooltips automáticos molestos de jQuery UI
   Solo muestra tooltips cuando son realmente necesarios
   ======================================== */

/* DESHABILITAR completamente los tooltips automáticos de jQuery UI */
.ui-tooltip {
    display: none !important;
}

/* NO activar tooltips en elementos AFUPS editables */
.afups-editable[title],
.afups-editing[title],
[data-field][title]:not([data-toggle="tooltip"]) {
    pointer-events: auto !important;
}

/* Ocultar tooltips en elementos AFUPS */
.afups-editable ~ .tooltip,
.afups-editing ~ .tooltip,
[data-field] ~ .tooltip:not([data-toggle="tooltip"] ~ .tooltip) {
    display: none !important;
}

/* Solo permitir tooltips de Bootstrap con data-toggle="tooltip" */
.tooltip {
    display: block !important;
    z-index: 9999 !important;
    opacity: 0.95;
}

.tooltip-inner {
    max-width: 300px;
    padding: 8px 12px;
    background-color: #333;
    color: #fff;
    border-radius: 4px;
    font-size: 13px;
    line-height: 1.4;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3), 0 2px 4px rgba(0, 0, 0, 0.2);
}

.tooltip.top .tooltip-arrow {
    border-top-color: #333;
}

.tooltip.bottom .tooltip-arrow {
    border-bottom-color: #333;
}

.tooltip.left .tooltip-arrow {
    border-left-color: #333;
}

.tooltip.right .tooltip-arrow {
    border-right-color: #333;
}

/* Prevenir conflictos con modales */
.modal .tooltip {
    z-index: 10500 !important;
}

/* Variantes de color para tooltips de Bootstrap */
.tooltip.tooltip-success .tooltip-inner {
    background-color: #4CAF50;
}

.tooltip.tooltip-warning .tooltip-inner {
    background-color: #FF9800;
}

.tooltip.tooltip-error .tooltip-inner,
.tooltip.tooltip-danger .tooltip-inner {
    background-color: #F44336;
}

.tooltip.tooltip-info .tooltip-inner {
    background-color: #2196F3;
}

/* Asegurar que los inputs no queden ocultos */
input[title],
select[title],
textarea[title] {
    z-index: 1;
    position: relative;
}