/* ====================================================================
 * La linea del descuento del comprador.
 *
 * Aparece en las CUATRO pantallas que muestran precio —catalogo, ficha,
 * carrito y checkout— asi que vive en un componente propio y no repetida en
 * cuatro hojas de pagina, donde en tres meses habria cuatro tamanos distintos.
 *
 * Va chica y DEBAJO del precio, nunca en su lugar: el numero grande ya lo usan
 * las promociones y los cupones para mostrar otra cosa.
 * ==================================================================== */

.precio-cliente {
    display: flex;
    align-items: baseline;
    gap: .4rem;
    margin-top: .25rem;
    font-size: .8125rem;
    line-height: 1.3;
}

.precio-cliente__etiqueta {
    color: #6b6b6b;
}

/* El importe en verde: es el unico numero de la pantalla que el comprador
   realmente va a pagar, y tiene que separarse del precio de vidriera. */
.precio-cliente__monto {
    font-weight: 700;
    color: #1a7f37;
}

/* En el carrito y el checkout el renglon respira mas. */
.precio-cliente--normal {
    font-size: .9375rem;
}