/* ============================================================
   11 · RESPONSABLE
   Anatomy unlike siblings: cierre de capítulo TRANQUILO — retrato
   vertical a la izquierda, texto aireado a la derecha, sin filetes
   ni ornamento. Baja del todo las revoluciones antes del final.
   (Distinto del par del bloque 06: allí lámina apaisada a la
   derecha; aquí retrato a la izquierda.)
   ============================================================ */

.responsable {
  padding: var(--seccion-y) var(--canal);
  background: var(--papel-claro);
  border-top: 1px solid var(--filete);
}
.responsable__par {
  display: grid; grid-template-columns: 0.78fr 1.22fr;
  gap: clamp(2rem, 4.5vw, 5.5rem); align-items: center;
}
.responsable__media .plancha, .responsable__media img { aspect-ratio: 3 / 3.6; }

.responsable__titulo { font-size: var(--t-titulo); margin: 0.9rem 0 1.5rem; max-width: 15ch; }
.responsable__p { color: var(--tinta-media); max-width: 58ch; margin-bottom: 1.3rem; }
.responsable__p--lead { color: var(--tinta); font-size: var(--t-lead); }
.responsable__cta { margin-top: 1.4rem; }

@media (max-width: 1024px) {
  .responsable__par { grid-template-columns: 1fr; gap: 2.2rem; }
  .responsable__media .plancha, .responsable__media img { aspect-ratio: 16 / 11; }
  .responsable__titulo, .responsable__p { max-width: none; }
  .responsable__cta { display: flex; }
}