/* 
 * Sistema de tooltips personalizado para Grafiko
 * Tooltips elegantes con posicionamiento automático
 * (DESHABILITADO - Reemplazado por Tippy.js)
 */

/* Todos los estilos están deshabilitados para evitar conflictos
   con la nueva implementación basada en Tippy.js */

/* Estilos base para todos los elementos con tooltips */
[data-tooltip] {
    position: relative;
    cursor: pointer;
    z-index: 10;
}

/* Elementos del tooltip (antes y después) */
[data-tooltip]::before,
[data-tooltip]::after {
    position: absolute;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transition: all 0.3s ease;
    z-index: 1000;
}

/* El globo del tooltip - RESET COMPLETO */
[data-tooltip]::before {
    content: none !important;
    display: none !important;
}

/* Trigger del tooltip al hacer hover */
[data-tooltip]:hover::before {
    content: none !important;
    display: none !important;
}

/* Estilos ESPECÍFICOS para los botones de herramientas (sin heredar) */
.data-tools-section .tool-btn[data-tooltip]::before {
    display: none !important;
    opacity: 0 !important;
    visibility: hidden !important;
    content: none !important;
}

/* Hacer visible al hover */
.data-tools-section .tool-btn[data-tooltip]:hover::before {
    display: none !important;
    opacity: 0 !important;
    visibility: hidden !important;
    content: none !important;
}

/* Asegurar que los botones disabled también muestren tooltips */
button[disabled][data-tooltip]:hover::before {
    display: none !important;
    opacity: 0 !important;
    visibility: hidden !important;
    content: none !important;
}

/* Tooltips para botones destacados con IA */
.highlight-btn[data-tooltip]::before {
    display: none !important;
    opacity: 0 !important;
    visibility: hidden !important;
    content: none !important;
}

/* Estilos específicos para Reconstruir datos con IA */
#rebuild-data-ai[data-tooltip]::before {
    display: none !important;
    opacity: 0 !important;
    visibility: hidden !important;
    content: none !important;
}

/* Estilos específicos para Completar datos con IA */
#complete-missing-data[data-tooltip]::before {
    display: none !important;
    opacity: 0 !important;
    visibility: hidden !important;
    content: none !important;
}

/* Script para calcular posición dinámica - también deshabilitado */
body::after {
    content: "";
    display: none;
}

/* Posicionamiento dinámico basado en JavaScript */
[data-tooltip-position="right"]::before {
    display: none !important;
    opacity: 0 !important;
    visibility: hidden !important;
    content: none !important;
}

[data-tooltip-position="right"]::after {
    display: none !important;
    opacity: 0 !important;
    visibility: hidden !important;
    content: none !important;
}

[data-tooltip-position="right"]:hover::before,
[data-tooltip-position="right"]:hover::after {
    display: none !important;
    opacity: 0 !important;
    visibility: hidden !important;
    content: none !important;
}

[data-tooltip-position="left"]::before {
    display: none !important;
    opacity: 0 !important;
    visibility: hidden !important;
    content: none !important;
}

[data-tooltip-position="left"]::after {
    display: none !important;
    opacity: 0 !important;
    visibility: hidden !important;
    content: none !important;
}

[data-tooltip-position="left"]:hover::before,
[data-tooltip-position="left"]:hover::after {
    display: none !important;
    opacity: 0 !important;
    visibility: hidden !important;
    content: none !important;
}

[data-tooltip-position="top"]::before {
    display: none !important;
    opacity: 0 !important;
    visibility: hidden !important;
    content: none !important;
}

[data-tooltip-position="top"]::after {
    display: none !important;
    opacity: 0 !important;
    visibility: hidden !important;
    content: none !important;
}

[data-tooltip-position="top"]:hover::before,
[data-tooltip-position="top"]:hover::after {
    display: none !important;
    opacity: 0 !important;
    visibility: hidden !important;
    content: none !important;
}

[data-tooltip-position="bottom"]::before {
    display: none !important;
    opacity: 0 !important;
    visibility: hidden !important;
    content: none !important;
}

[data-tooltip-position="bottom"]::after {
    display: none !important;
    opacity: 0 !important;
    visibility: hidden !important;
    content: none !important;
}

[data-tooltip-position="bottom"]:hover::before,
[data-tooltip-position="bottom"]:hover::after {
    display: none !important;
    opacity: 0 !important;
    visibility: hidden !important;
    content: none !important;
}

/* Para cuando no se especifica posición, se usará el JS */
[data-tooltip]:hover::before,
[data-tooltip]:hover::after {
    display: none !important;
    opacity: 0 !important;
    visibility: hidden !important;
    content: none !important;
}

/* Ajustes para pantallas más pequeñas */
@media (max-width: 768px) {
    [data-tooltip]::before {
        display: none !important;
        opacity: 0 !important;
        visibility: hidden !important;
        content: none !important;
    }
}

/* Para pantallas muy pequeñas */
@media (max-width: 480px) {
    [data-tooltip]::before {
        display: none !important;
        opacity: 0 !important;
        visibility: hidden !important;
        content: none !important;
    }
}