/* === AJUSTES ADICIONALES PARA SCORE-LABEL === */
.score-label {
    font-size: 36px !important;
    font-weight: 800 !important;
    margin-top: 20px !important;
    letter-spacing: 1px !important;
}

/* Colores según nivel de riesgo */
.score-label.riesgo-alto {
    color: #EF4444 !important;
    text-shadow: 0 0 20px rgba(239, 68, 68, 0.5) !important;
}

.score-label.riesgo-medio {
    color: #F59E0B !important;
    text-shadow: 0 0 20px rgba(245, 158, 11, 0.5) !important;
}

.score-label.riesgo-bajo {
    color: #06B6D4 !important;
    text-shadow: 0 0 20px rgba(6, 182, 212, 0.5) !important;
}

/* Borde turquesa para el semáforo */
.semaphore {
    border: 3px solid rgba(6, 182, 212, 0.6) !important;
    box-shadow: 0 0 30px rgba(6, 182, 212, 0.4) !important;
}

/* Asegurar que el número de porcentaje tenga el color correcto */
.score-number {
    font-size: 72px !important;
    font-weight: 800 !important;
}