/* Página Egresados — estilos aislados para no alterar el resto del sitio. */
.pagina-egresados {
    --egresados-azul: #002964;
    --egresados-azul-profundo: #061d3b;
    --egresados-rojo: #b5122b;
    --egresados-dorado: #cd9804;
    --egresados-tinta: #263445;
    --egresados-gris: #647184;
    --egresados-fondo: #f4f6f9;
    background: #fff;
    color: var(--egresados-tinta);
    font-family: 'Barlow', sans-serif;
}

.pagina-egresados main { overflow: hidden; }
.pagina-egresados img { max-width: 100%; }

.egresados-hero {
    min-height: clamp(420px, 56vw, 610px);
    position: relative;
    display: grid;
    place-items: center;
    isolation: isolate;
    padding: 5rem 1.5rem;
    color: #fff;
    text-align: center;
    background: var(--egresados-azul-profundo);
}
.egresados-hero__imagen,
.egresados-hero__velo { position: absolute; inset: 0; width: 100%; height: 100%; }
.egresados-hero__imagen { z-index: -2; object-fit: cover; object-position: center 38%; }
.egresados-hero__velo {
    z-index: -1;
    background: linear-gradient(90deg, rgba(2, 24, 52, .88), rgba(0, 41, 100, .70) 58%, rgba(2, 24, 52, .52));
}
.egresados-hero__contenido { width: min(100%, 850px); margin: 0 auto; }
.egresados-etiqueta,
.egresados-ceja {
    display: inline-block;
    color: var(--egresados-dorado);
    font-size: .78rem;
    font-weight: 800;
    letter-spacing: .16em;
    line-height: 1.5;
    text-transform: uppercase;
}
.egresados-etiqueta { padding: .45rem .8rem; border: 1px solid rgba(255,255,255,.45); border-radius: 2px; color: #fff; }
.egresados-hero h1 {
    margin: 1.2rem 0 .8rem;
    color: #fff;
    font-size: clamp(2.6rem, 6.4vw, 5rem);
    font-weight: 800;
    letter-spacing: -.035em;
    line-height: 1.04;
}
.egresados-hero h1 span { color: var(--egresados-dorado); }
.egresados-hero p { max-width: 650px; margin: 0 auto; color: rgba(255,255,255,.93); font-size: clamp(1.05rem, 2vw, 1.35rem); }
.egresados-hero__enlace {
    display: inline-flex; align-items: center; gap: .65rem;
    margin-top: 2rem; padding: .85rem 1.2rem;
    border: 1px solid rgba(255,255,255,.7); border-radius: 3px;
    color: #fff; font-weight: 700; text-decoration: none;
    transition: background .2s ease, color .2s ease, border-color .2s ease;
}
.egresados-hero__enlace:hover,
.egresados-hero__enlace:focus-visible { background: var(--egresados-dorado); border-color: var(--egresados-dorado); color: var(--egresados-azul-profundo); }

.egresados-cifra { padding: clamp(3.5rem, 7vw, 6rem) 1.25rem; background: var(--egresados-fondo); text-align: center; }
.egresados-cifra__contenido { max-width: 780px; margin: 0 auto; }
.egresados-cifra__numero { margin: .25rem 0 .15rem; color: var(--egresados-azul); font-size: clamp(3.8rem, 9vw, 6.4rem); font-weight: 800; letter-spacing: -.05em; line-height: 1.1; font-variant-numeric: tabular-nums; }
.egresados-cifra h2 { margin: .55rem 0 .85rem; color: var(--egresados-azul); font-size: clamp(1.4rem, 3vw, 2rem); line-height: 1.25; }
.egresados-cifra__descripcion { max-width: 690px; margin: 0 auto; color: var(--egresados-gris); font-size: 1.08rem; line-height: 1.8; }

.egresados-asociacion { padding: clamp(3.5rem, 7vw, 6rem) 1.25rem; background: #fff; }
.egresados-seccion-cabecera { max-width: 800px; margin: 0 auto 3rem; text-align: center; }
.egresados-seccion-cabecera h2 { margin: .55rem 0 .75rem; color: var(--egresados-azul); font-size: clamp(1.8rem, 4vw, 2.65rem); font-weight: 800; line-height: 1.2; }
.egresados-seccion-cabecera p { margin: 0 auto; color: var(--egresados-gris); font-size: 1.05rem; line-height: 1.7; }
.egresados-acento { display: block; width: 62px; height: 4px; margin: 1.35rem auto 0; background: var(--egresados-rojo); }
.egresados-equipo { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1.5rem; width: min(100%, 1100px); margin: 0 auto; }
.egresado-card {
    min-width: 0; overflow: hidden; display: flex; flex-direction: column;
    border: 1px solid #e6eaf0; border-radius: 5px; background: #fff;
    box-shadow: 0 7px 22px rgba(9, 36, 73, .07);
    transition: transform .22s ease, box-shadow .22s ease;
}
.egresado-card:hover { transform: translateY(-4px); box-shadow: 0 13px 28px rgba(9, 36, 73, .13); }
.egresado-card__foto { display: grid; place-items: center; min-height: 230px; padding: 1.5rem 1rem 0; background: linear-gradient(135deg, #f4f6f9, #e8edf4); }
.egresado-card__foto img { display: block; width: 170px; height: 170px; border: 5px solid #fff; border-radius: 50%; object-fit: cover; object-position: center; box-shadow: 0 5px 16px rgba(0, 26, 64, .14); }
.egresado-card__datos { flex: 1; padding: 1.35rem 1.1rem 1.5rem; text-align: center; }
.egresado-card__datos h3 { margin: 0 0 .45rem; color: var(--egresados-azul); font-size: 1.2rem; font-weight: 700; line-height: 1.35; overflow-wrap: anywhere; }
.egresado-card__datos p { margin: 0; color: var(--egresados-rojo); font-size: .9rem; font-weight: 700; letter-spacing: .035em; }

.pagina-egresados a:focus-visible { outline: 3px solid var(--egresados-dorado); outline-offset: 3px; }
@media (max-width: 900px) { .egresados-equipo { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1.2rem; } }
@media (max-width: 560px) {
    .egresados-hero { min-height: 430px; padding: 4rem 1.1rem; }
    .egresados-hero__velo { background: linear-gradient(0deg, rgba(2,24,52,.88), rgba(0,41,100,.64)); }
    .egresados-equipo { grid-template-columns: minmax(0, 1fr); max-width: 380px; }
    .egresado-card__foto { min-height: 210px; }
    .egresado-card__foto img { width: 155px; height: 155px; }
    .egresados-cifra__descripcion { font-size: 1rem; }
}
@media (prefers-reduced-motion: reduce) {
    .egresado-card, .egresados-hero__enlace { transition: none; }
    .egresado-card:hover { transform: none; }
}