/**
 * Estilos del Badge de Descuento
 * Package: Badge_Descuento
 */

/* Base del badge — (0,2,0) gana sobre .onsale simple del tema */
.onsale.badge-descuento {
    color: #000000;
    font-weight: bold;
    border-radius: 50px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1;
    display: inline-block;
}

/* Variantes de color — (0,3,0) gana sobre cualquier selector de una o dos clases del tema */
.onsale.badge-descuento.badge-descuento--amarillo {
    background-color: #ffe601; /* 1% – 25% */
}

.onsale.badge-descuento.badge-descuento--naranjo {
    background-color: #ff7700; /* 26% – 50% */
}

.onsale.badge-descuento.badge-descuento--rojo {
    background-color: #ce0101; /* 51% o más */
    color: #ffffff;            /* Rojo oscuro: mejor legibilidad con texto blanco */
}