/* Entrada IV: bloque «Pagar con SERO, en cualquier web» (enlaza a /pagar-con-sero/). */
.pg-portada { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 48px; align-items: center; }
.pg-portada h3 { font-family: var(--serif-display); font-weight: 500; font-size: clamp(32px, 3vw, 44px); line-height: 1.08; margin: 10px 0 16px; }
.pg-portada h3 em { font-style: italic; }
.pg-portada p { margin: 0; max-width: 34em; color: var(--ink-soft); font-size: 18.5px; }
.pg-portada .kicker { color: var(--red-ink); font-size: 12px; }
.pg-portada-acciones { margin-top: 26px !important; display: flex; flex-wrap: wrap; gap: 14px; }
.pg-portada pre { margin: 0; padding: 22px 24px; overflow-x: auto; border-radius: 14px; background: var(--night); color: var(--night-text); font-family: var(--mono); font-size: 14px; line-height: 1.65; }
.pg-portada pre code { font-family: inherit; white-space: pre; }
@media (max-width: 860px) {
  .pg-portada { grid-template-columns: 1fr; gap: 28px; }
  .pg-portada pre { font-size: 12.5px; padding: 18px 16px; }
}