/* ─── Página "Quiénes somos" — slideshow de José Andrés Méndez Barrios ────
   Varias fotos de distintas etapas de su vida se van alternando en el mismo
   marco (ver assets/js/jose-andres-slideshow.js); el pie de foto (nombre y
   años de vida) es siempre el mismo, sin importar qué foto esté visible.
   ────────────────────────────────────────────────────────────────────── */

.fj-jose-slideshow {
    margin: 8px 0 32px;
    text-align: center;
}

.fj-jose-slideshow__frame {
    position: relative;
    width: 260px;
    aspect-ratio: 2 / 3;
    margin: 0 auto;
    border-radius: 16px;
    overflow: hidden;
    box-shadow: 0 24px 60px rgba(8, 2, 95, 0.15);
}

.fj-jose-slideshow__img {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    opacity: 0;
    transition: opacity 1s ease;
}

.fj-jose-slideshow__img.is-active {
    opacity: 1;
}

/* Foto de grupo: José Andrés queda hasta la derecha del encuadre original
   (4:3), así que centrar el recorte a un marco vertical (2:3) lo dejaba
   fuera — paneo hacia la derecha para que se vea. */
.fj-jose-slideshow__img--amigos {
    object-position: 90% center;
}

.fj-jose-slideshow figcaption {
    margin-top: 16px;
    font-size: 0.95rem;
    color: #1A1860;
    line-height: 1.5;
}

.fj-jose-slideshow figcaption strong {
    font-weight: 700;
}