/* ============================================================
   REQUISITOS — "Requisitos técnicos y rendimiento".
   Anatomy unlike siblings: a "ficha técnica" — the three
   requirements as a 3-up spec row (each capped by a short ember
   rule), then running notes. Distinct from the pagos rails and
   the descarga procedure (no numerals, no panel).
   ============================================================ */

.requisitos {
  border-top: 1px solid var(--rule);
  padding-block: var(--rhythm);
}
.requisitos__head { max-width: 50ch; }
.requisitos__head h2 { margin-top: 1rem; }
.requisitos__head .standfirst { margin-top: 1rem; }

/* spec row — three columns, each capped by an ember rule */
.specs {
  margin-top: clamp(30px, 3.8vw, 52px);
  list-style: none;
  margin-bottom: 0;
  padding: 0;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: clamp(1.4rem, 3vw, 2.6rem);
}
.spec {
  padding-top: 1rem;
  border-top: 2px solid var(--ember-line);
  color: var(--ink-soft);
  font-size: clamp(0.98rem, 1.3vw, 1.12rem);
  line-height: 1.5;
}

/* running notes */
.requisitos__notes {
  margin-top: clamp(28px, 3.5vw, 48px);
  max-width: 66ch;
}
.requisitos__notes p { margin: 0; color: var(--ink-soft); }
.requisitos__notes p + p { margin-top: 1.1rem; }

.requisitos .ticket { margin-top: 1.8rem; }

/* ===== mobile ===== */
@media (max-width: 880px) {
  .requisitos__head,
  .requisitos__notes { max-width: none; }
  .specs { grid-template-columns: 1fr; gap: 0; }
  .spec { padding: 1rem 0; }
  .spec + .spec { border-top-width: 1px; }
}
@media (max-width: 520px) {
  .requisitos .ticket { width: 100%; justify-content: center; }
}