/* ============================================================
   REGISTRO — "Registro y verificación".
   Anatomy unlike siblings: prose is the dominant column with a
   tall full-height "credential" portrait alongside (no bordered
   panel like vivo, no numbered procedure like descarga). The
   regulated-operator angle is carried by inline emphasis only.
   ============================================================ */

.registro {
  border-top: 1px solid var(--rule);
  padding-block: var(--rhythm);
}
.registro__head { max-width: 46ch; }
.registro__head h2 { margin-top: 1rem; }

.registro__grid {
  margin-top: clamp(34px, 4vw, 60px);
  display: grid;
  grid-template-columns: 1.18fr 0.82fr;
  gap: clamp(28px, 4vw, 64px);
  align-items: stretch;
}

/* prose column — dominant */
.registro__copy { min-width: 0; display: flex; flex-direction: column; }
.registro__copy p { margin: 0; max-width: 56ch; color: var(--ink-soft); }
.registro__copy p + p { margin-top: 1.2rem; }
.registro__copy p:first-of-type {
  font-size: clamp(1.12rem, 1.7vw, 1.46rem);
  line-height: 1.5;
}
.registro__copy .ticket { margin-top: 1.9rem; align-self: flex-start; }

/* credential portrait — tall, fills the column height */
.registro__plate {
  position: relative;
  align-self: stretch;
}
.registro__plate img {
  width: 100%;
  height: 100%;
  min-height: clamp(360px, 40vw, 520px);
  object-fit: cover;
  object-position: 50% 20%;
  box-shadow: var(--shadow-plate);
}

/* ===== mobile ===== */
@media (max-width: 880px) {
  .registro__head { max-width: none; }
  .registro__grid { grid-template-columns: 1fr; gap: clamp(28px, 8vw, 44px); }
  .registro__plate { order: -1; }
  .registro__plate img { min-height: clamp(280px, 60vw, 420px); }
  .registro__copy p { max-width: none; }
}
@media (max-width: 520px) {
  .registro__copy .ticket { width: 100%; justify-content: center; }
}