/* Programa de afiliados (§11.2, D-87; Álvaro, 22/10/2026). Se carga después de ayuda.css y contacto.css: reutiliza la
   cabecera, el acordeón y el formulario; aquí solo las tarjetas, las condiciones y los pasos. */
.afi-heroe .con-heroe-texto { max-width: 760px; }
.afi-sec { padding: 40px 0; }
.afi-tarjeta { padding: 24px; display: grid; gap: 8px; align-content: start; }
.afi-tarjeta h3 { margin: 0; font-size: 18px; line-height: 1.25; }
.afi-condiciones { list-style: none; padding: 0; margin: 0; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; }
.afi-condiciones li { padding: 22px 24px; display: grid; gap: 6px; align-content: start; }
.afi-condiciones strong { font-size: clamp(1.75rem, 1.4rem + 1.2vw, 2.25rem); line-height: 1.1; letter-spacing: -0.02em; color: var(--color-brand); }
.afi-nota { margin-top: 16px; }
.afi-pasos { list-style: none; padding: 0; margin: 0; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 24px; }
.afi-pasos li { display: grid; grid-template-columns: auto 1fr; gap: 14px; align-items: start; }
.afi-pasos h3 { margin: 0 0 6px; }
.afi-form-wrap { max-width: 680px; }
@media (max-width: 860px) {
  .afi-condiciones, .afi-pasos { grid-template-columns: minmax(0, 1fr); }
}