/* ============================================================
   07 · PAGOS ("Métodos de pago locales")
   Anatomy unlike siblings: PIZARRA oscura (corte de capítulo en
   campo claro). Ledger de medios con puntos guía estilo cuenta:
   nombre ....... descripción. Nota de plazos destacada al pie.
   ============================================================ */

.pagos {
  padding: var(--tramo) var(--calle);
  background: var(--pizarra); color: #c5d4cb;
}
.pagos__cabe { width: var(--cancha); max-width: 1300px; margin-inline: auto; margin-bottom: clamp(2rem, 4vw, 3rem); }
.pagos__volante { color: var(--brillo-claro); margin-bottom: 1.1rem; }
.pagos__volante b { color: var(--brillo); }
.pagos__titulo { color: #fff; font-size: var(--t-titular); margin-bottom: 1.1rem; max-width: 18ch; }
.pagos__intro { color: #93a89c; font-size: var(--t-lead); max-width: 62ch; }

.pagos__ledger { width: var(--cancha); max-width: 1300px; margin-inline: auto; display: grid; }
.pagos__medio {
  display: flex; align-items: baseline; gap: 0.9rem;
  padding: 1.1rem 0; border-bottom: 1px solid rgba(255,255,255,0.1);
}
.pagos__nombre { font-family: "Gabarito", sans-serif; font-weight: 800; font-size: var(--t-sub); color: #fff; flex-shrink: 0; }
.pagos__lead { flex: 1; border-bottom: 2px dotted rgba(255,255,255,0.22); transform: translateY(-0.35em); min-width: 2rem; }
.pagos__desc { color: #93a89c; flex-shrink: 0; text-align: right; }

.pagos__cierre {
  width: var(--cancha); max-width: 1300px; margin-inline: auto;
  margin-top: clamp(2rem, 4vw, 3rem);
  display: flex; flex-wrap: wrap; gap: 1.2rem 2rem; align-items: center;
}
.pagos__nota {
  flex: 1; min-width: 16rem; color: #aebfb4; font-size: var(--t-menor);
  border-left: 3px solid var(--cesped); padding-left: 1.1rem; max-width: 64ch;
}

@media (max-width: 1024px) {
  .pagos__titulo, .pagos__intro { max-width: none; }
  .pagos__medio { flex-wrap: wrap; gap: 0.2rem 0.6rem; }
  .pagos__lead { display: none; }
  .pagos__desc { flex-basis: 100%; text-align: left; }
}