/* ===========================================================
   Estilo profesional para tooltips Bootstrap
   =========================================================== */

.tooltip-inner {
    background-color: #FCF8F7 !important;
    color: #000000 !important;
    border: 1px solid #000000 !important;
    border-radius: 2px !important;
    font-size: 0.75rem !important;
    padding: 4px 8px !important;
    box-shadow: none !important;
    text-align: left !important;
}

/* Flecha estilo profesional */
.tooltip.bs-tooltip-top .tooltip-arrow::before,
.tooltip.bs-tooltip-bottom .tooltip-arrow::before,
.tooltip.bs-tooltip-left .tooltip-arrow::before,
.tooltip.bs-tooltip-right .tooltip-arrow::before {
    border-color: #000000 !important; /* Borde negro */
}

.tooltip.bs-tooltip-top .tooltip-arrow::before {
    border-top-color: #ffffff !important; /* Fondo blanco */
}

.tooltip.bs-tooltip-bottom .tooltip-arrow::before {
    border-bottom-color: #ffffff !important;
}

.tooltip.bs-tooltip-left .tooltip-arrow::before {
    border-left-color: #ffffff !important;
}

.tooltip.bs-tooltip-right .tooltip-arrow::before {
    border-right-color: #ffffff !important;
}