/* FORZADO DE ESTILOS PARA LOS DESLIZADORES DEL CERTIFICADO */

/* 1. Forzar color blanco puro para los números debajo de la barra (0, 25, 50, 75, 100) */
.rc-slider-mark-text, .dash-slider-mark-text, div[class*="slider-mark-text"], .rc-slider-mark-text-active {
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
    text-shadow: 0px 1px 3px rgba(0,0,0,1) !important;
    font-weight: 700 !important;
    font-size: 13px !important;
    opacity: 1 !important;
}

/* 2. Forzar diseño de la caja blanca flotante a la derecha de la barra (texto negro, fondo blanco) */
.rc-slider-tooltip-inner, .rc-tooltip-inner, .dash-tooltip-inner, input[type="number"], .dash-input {
    background-color: #ffffff !important;
    color: #000000 !important;
    -webkit-text-fill-color: #000000 !important;
    border: 1px solid #cccccc !important;
    box-shadow: 0 2px 5px rgba(0,0,0,0.3) !important;
    font-weight: 900 !important;
    font-size: 14px !important;
    text-shadow: none !important;
    opacity: 1 !important;
    visibility: visible !important;
}

/* 3. Asegurar que el contenedor del tooltip no sea opaco por error */
.rc-slider-tooltip, .rc-tooltip, .dash-tooltip {
    opacity: 1 !important;
    visibility: visible !important;
    background-color: transparent !important;
    border: none !important;
    box-shadow: none !important;
}