/* Métodos de pago */

.pagina-hero {
  padding: var(--e8) 0 var(--e7);
  background:
    linear-gradient(100deg, rgba(244,239,230,.95) 0 56%, rgba(21,34,56,.86) 56% 100%),
    url("/assets/img/pay-bg.webp") right center / cover no-repeat;
}
.pagina-hero h1 { margin-bottom: var(--e4); }
.pagina-hero .lead { max-width: 64ch; }
.miga { font-size: .9rem; color: var(--apagado); margin-bottom: var(--e4); }
.miga a { color: var(--acento); font-weight: 700; text-decoration: none; }

.dos {
  display: grid;
  grid-template-columns: 1.05fr .95fr;
  gap: var(--e7);
  align-items: center;
}
.numeros {
  list-style: none;
  counter-reset: n;
}
.numeros li {
  counter-increment: n;
  display: grid;
  grid-template-columns: 48px 1fr;
  gap: var(--e4);
  margin-top: var(--e5);
}
.numeros li::before {
  content: counter(n, decimal-leading-zero);
  font-family: var(--promo);
  font-weight: 800;
  font-size: 1.5rem;
  color: var(--acento);
  line-height: 1;
}

@media (max-width: 860px) {
  .dos { grid-template-columns: 1fr; }
}