/* Semáforo de Valoraciones */
.rating-red {
    color: #ff4d4d !important;
    /* Rojo vibrante */
}

.rating-yellow {
    color: #ffd700 !important;
    /* Amarillo oro */
}

.rating-green {
    color: #2ecc71 !important;
    /* Verde esmeralda */
}

.rating-new {
    color: #a0a0a0 !important;
    /* Gris neutro para nuevos */
    font-weight: 700;
}

/* Unificación de Badges con su color semántico */
.rating-badge.rating-red {
    background: rgba(255, 77, 77, 0.15);
    color: #ff4d4d !important;
    border-color: rgba(255, 77, 77, 0.3);
}

.rating-badge.rating-yellow {
    background: rgba(255, 215, 0, 0.15);
    color: #ffd700 !important;
    border-color: rgba(255, 215, 0, 0.3);
}

.rating-badge.rating-green {
    background: rgba(46, 204, 113, 0.15);
    color: #2ecc71 !important;
    border-color: rgba(46, 204, 113, 0.3);
}

.rating-badge.rating-new {
    background: rgba(160, 160, 160, 0.15);
    color: #a0a0a0 !important;
    border-color: rgba(160, 160, 160, 0.3);
}

/* Aplicar a las estrellas interactivas también si tienen la clase */
.star.rating-red,
.star-driver.rating-red,
.star-client.rating-red {
    color: #ff4d4d !important;
}

.star.rating-yellow,
.star-driver.rating-yellow,
.star-client.rating-yellow {
    color: #ffd700 !important;
}

.star.rating-green,
.star-driver.rating-green,
.star-client.rating-green {
    color: #2ecc71 !important;
}