/*
 * Cuotas con Mercado Pago de la tienda (13-11-2026): el renglón y la ventana de la ficha, las opciones del checkout y el
 * renglón de las tarjetas de los listados. La carga tienda_head.hbs sólo en las tiendas que muestran cuotas
 * (t.cuotasCss). Usa las variables de tienda.css (--t-pri, --t-borde, --t-muted, --t-radio).
 * El CFT va destacado y la TEA más chica, como en supersistemasweb.com. La norma vigente es la Res. 4/2025 de la Secretaría de
 * Industria y Comercio (art. 2 d: con un precio financiado, el precio de contado, la cantidad y el monto de cada cuota y el CFT);
 * reemplazó a la Res. 7/2002 y sus cambios (la 51/2017 pedía el CFT 5 veces más grande).
 */

/* ---- Ficha: el renglón debajo del precio ---- */
.t-cuotas {
    display: flex; align-items: center; gap: .6rem; flex-wrap: wrap;
    margin: .15rem 0 .7rem; padding: .55rem .8rem; max-width: 30rem;
    border: 1px solid var(--t-borde); border-radius: var(--t-radio); background: #fff;
    font-size: .95rem; line-height: 1.3;
}
.t-cuotas-icono { color: var(--t-pri); font-size: 1.15rem; flex: 0 0 auto; }
.t-cuotas-texto { flex: 1 1 12rem; min-width: 0; font-weight: 600; font-variant-numeric: tabular-nums; }
.t-cuotas-resumen-cft { display: block; font-size: .78rem; font-weight: 700; color: var(--t-muted); }
.t-cuotas-con-si { border-color: #9fd3ae; background: #f1faf3; }
.t-cuotas-con-si .t-cuotas-texto, .t-cuotas-con-si .t-cuotas-icono { color: #1a7f37; }
.t-cuotas-ver {
    flex: 0 0 auto; border: 1px solid var(--t-pri); background: #fff; color: var(--t-pri);
    border-radius: 8px; padding: .3rem .7rem; font-weight: 600; font-size: .85rem; min-height: 36px;
}
.t-cuotas-ver:hover, .t-cuotas-ver:focus-visible { background: var(--t-pri); color: var(--t-pri-txt); }
@media (pointer: coarse) { .t-cuotas-ver { min-height: 44px; } }

/* ---- La tabla (ventana de la ficha y desplegable del checkout) ---- */
.t-cuotas-modal .modal-title { font-weight: 700; }
.t-cuotas-elegir { margin-bottom: .75rem; }
.t-cuotas-contado { margin: .25rem 0 .5rem; font-variant-numeric: tabular-nums; }
.t-cuotas-tabla { font-size: .92rem; }
.t-cuotas-tabla thead th { font-size: .72rem; text-transform: uppercase; letter-spacing: .03em; color: var(--t-muted); font-weight: 600; background: transparent; }
.t-cuotas-tabla td { vertical-align: middle; font-variant-numeric: tabular-nums; }
.t-cuotas-total { font-weight: 700; white-space: nowrap; }
.t-cuotas-cft { font-size: .8rem; margin-top: .1rem; }
.t-cuotas-cft b { font-size: .86rem; }
.t-cuotas-cft span { color: var(--t-muted); font-size: .72rem; }
.t-cuotas-si {
    display: inline-block; font-size: .72rem; font-weight: 700; color: #1a7f37;
    background: #e8f5ec; border: 1px solid #b7dfc3; border-radius: 999px; padding: 0 .45rem; margin-right: .25rem;
}
.t-cuotas-fila-si td { background: #f6fcf7; }
.t-cuotas-nota { font-size: .78rem; color: var(--t-muted); margin: .25rem 0 0; }

/* ---- Checkout ---- */
.t-cuotas-checkout { display: block; max-width: none; }
.t-cuotas-checkout[hidden] { display: none; }
.t-cuotas-cab { display: flex; align-items: center; gap: .45rem; font-weight: 700; margin-bottom: .5rem; }
.t-cuotas-cab .bi { color: var(--t-pri); }
.t-cuotas-opciones { gap: .4rem; }
.t-cuotas-opcion { font-variant-numeric: tabular-nums; padding: .55rem .8rem; }
.t-cuotas-opcion-si span { color: #1a7f37; font-weight: 600; }
.t-cuotas-detalle summary { cursor: pointer; color: var(--t-pri); font-weight: 600; font-size: .9rem; }

/* ---- Tarjetas de los listados ---- */
.t-card-cuotas { display: block; font-size: .76rem; font-weight: 700; color: #1a7f37; line-height: 1.25; }
.t-card-cuotas .bi { margin-right: .15rem; }

/* La comisión de Mercado Pago trasladada al cliente (13-11-2026, tiendaCuotasMp.recargoTarjeta): el precio de lista (con tarjeta) tachado
   como una promo, con el % OFF en verde (no es una oferta: es pagar de contado), y el renglón que dice con qué medios vale el precio. */
.t-oferta-contado .t-oferta-pct { background: #e7f6ec; color: #17803d; border-color: #b7e2c4; }
.t-card-contado { display: block; font-size: .74rem; color: var(--t-muted); line-height: 1.25; }
.t-ficha-contado { font-size: .86rem; font-weight: 500; color: var(--t-muted); margin-top: .2rem; line-height: 1.35; }
.t-ficha-contado strong { color: var(--t-texto, #1f2937); font-variant-numeric: tabular-nums; }
.t-resumen-tarjeta { font-size: 1rem; margin-top: -.4rem; }
.t-resumen-tarjeta strong { font-size: 1.15rem; }
.t-resumen-tarjeta span:last-child { font-weight: 700; font-variant-numeric: tabular-nums; }
.t-resumen-total.t-resumen-tarjeta { border-top: 0; padding-top: 0; }
.t-resumen-contado { font-size: .8rem; color: var(--t-muted); margin: -.6rem 0 .9rem; }
/* En el checkout se resalta el total del medio de pago elegido; el otro queda chico y gris. */
.t-resumen-apagado { opacity: .6; font-size: .95rem; }
.t-resumen-apagado strong { font-size: 1.05rem; font-weight: 600; }