/* /pay-per-call-answering-service/ · página de necesidad (precio). Lo compartido (cabecera, listas
   con check, llamada de ejemplo con su CTA, ajustes, reglas del método, tablas, precio, preguntas,
   banda de cierre) está en plantillas.css con prefijo «pag-»; aquí solo lo propio: las dos partes
   de la factura. Solo tokens de tokens.css. */

/* ---------- Las dos partes de la factura: concepto, cifra grande y texto ---------- */
.pago-factura { list-style: none; padding: 0; margin: 0; display: grid; grid-template-columns: minmax(0, 1fr); gap: var(--sp-16); }
.prosa > .pago-factura { margin-top: var(--sp-24); }
.prosa > .pago-factura + * { margin-top: var(--sp-24); }
.pago-factura__parte { padding: var(--sp-24); background: var(--arg-surface-card); border: 1px solid var(--arg-border); border-radius: var(--radius-md); }
.pago-factura__concepto { font-size: var(--fs-18); line-height: 1.4; }
.pago-factura__cifra { margin-top: var(--sp-8); font-family: var(--arg-font-display); font-size: var(--fs-41); font-weight: 700; line-height: 1.1; color: var(--arg-ink); }
.pago-factura__texto { margin-top: var(--sp-12); color: var(--arg-text-weak); font-size: var(--fs-18); line-height: 1.55; }
@media (min-width: 768px) {
	.pago-factura { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--sp-24); }
}