/* ============================================================
   04 · ESTUDIOS
   Anatomy unlike siblings: TRÍO de fichas de ancho DESIGUAL y
   escalonadas en altura (prendidas a mano a distinta cota), con
   los nombres de estudio en oro. La lámina va descolgada a la
   derecha, no centrada. Ni rejilla simétrica ni lista numerada.
   ============================================================ */

.estudios {
  padding: var(--seccion-y) var(--canal);
  background: var(--papel-claro);
  border-top: 1px solid var(--filete);
}
.estudios__cabe { max-width: 60ch; margin-bottom: clamp(2.6rem, 4vw, 4.4rem); display: grid; gap: 1.1rem; }
.estudios__titulo { font-size: var(--t-titulo); }
.estudios__intro { font-size: var(--t-lead); color: var(--tinta-media); }

.estudios__trio {
  display: grid;
  grid-template-columns: 1.28fr 0.82fr 1fr;
  gap: clamp(1.5rem, 3vw, 3.4rem);
  align-items: start;
}
.estudios__ficha { border-top: 2px solid var(--oro-hondo); padding-top: 1.3rem; }
.estudios__ficha:nth-child(2) { margin-top: clamp(0rem, 3.5vw, 3.4rem); }  /* escalón */
.estudios__ficha:nth-child(3) { margin-top: clamp(0rem, 1.4vw, 1.5rem); }
.estudios__idx {
  font-family: "Public Sans", sans-serif; font-size: var(--t-folio);
  font-weight: 700; letter-spacing: 0.28em; text-transform: uppercase; color: var(--tinta-tenue);
}
.estudios__nombre {
  font-family: "Cormorant Garamond", serif; font-size: var(--t-sub); font-weight: 700;
  margin: 0.6rem 0 0.9rem; line-height: 1;
  background: var(--oro-grad); -webkit-background-clip: text; background-clip: text;
  -webkit-text-fill-color: transparent; color: transparent;
}
.estudios__txt { color: var(--tinta-media); }

.estudios__lamina { width: 72%; margin: clamp(2.6rem, 4vw, 4rem) 0 0 auto; }  /* empujada a la derecha */
.estudios__lamina .plancha, .estudios__lamina img { aspect-ratio: 16 / 6; }

.estudios__pie { margin-top: clamp(2rem, 3vw, 3rem); display: flex; flex-wrap: wrap; gap: 1.4rem 2.4rem; align-items: center; }
.estudios__cierre { color: var(--tinta-media); max-width: 62ch; }
.estudios__acciones { display: flex; flex-wrap: wrap; gap: 1.1rem 1.5rem; align-items: center; margin-left: auto; }

@media (max-width: 1024px) {
  .estudios__trio { grid-template-columns: 1fr; gap: 0; }
  .estudios__ficha { margin-top: 0 !important; padding: 1.8rem 0; border-top: 1px solid var(--filete); }
  .estudios__ficha:first-child { border-top: 2px solid var(--oro-hondo); }
  .estudios__lamina { width: 100%; margin-left: 0; }
  .estudios__lamina .plancha, .estudios__lamina img { aspect-ratio: 16 / 9; }
  .estudios__pie { flex-direction: column; align-items: stretch; }
  .estudios__cierre { max-width: none; }
  .estudios__acciones { margin-left: 0; flex-direction: column; align-items: stretch; }
  .estudios__acciones .rubrica { justify-content: center; }
}