/* ==========================================================================
   Becas Carlos Salas — página "Las becas" y página de cada nota de prensa.
   Portada, secciones, fichas y filas de datos vienen de main.css.
   ========================================================================== */

/* En memoria -------------------------------------------------------------- */
.lb-memoria__grid { display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); gap: var(--col-gap); align-items: start; }
.lb-memoria__ficha { display: flex; flex-direction: column; gap: 20px; }
.lb-memoria__retrato { aspect-ratio: 4 / 5; border-radius: 20px; overflow: hidden; background: #e9eef4; }
.lb-memoria__retrato img { width: 100%; height: 100%; object-fit: cover; object-position: 50% 30%; }
.lb-memoria__nombre { display: flex; flex-direction: column; gap: 4px; }
.lb-memoria__nombre strong { font-size: 20px; line-height: 1.25; letter-spacing: -.02em; }
.lb-memoria__nombre span { font-size: 16px; color: rgba(37, 22, 5, .7); }
.lb-memoria__texto { display: flex; flex-direction: column; gap: 28px; }
.lb-memoria__titulo { font-size: clamp(32px, 3.2vw, 50px); line-height: 1.02; font-weight: 700; letter-spacing: -.03em; }
.lb-memoria__parrafos { display: flex; flex-direction: column; gap: 28px; }
.lb-memoria__parrafos p { font-size: 17px; line-height: 1.6; color: rgba(37, 22, 5, .78); text-wrap: pretty; }
/* El primer párrafo va destacado, como en la maqueta. */
.lb-memoria__parrafos p:first-child { font-size: clamp(19px, 1.7vw, 23px); line-height: 1.45; color: var(--texto); }

/* Quién las impulsa ------------------------------------------------------- */
.lb-impulsan .ficha--logo .patrono img { width: auto; height: 100%; }
.lb-impulsan .ficha__logo { height: var(--logo-franja, auto); display: flex; align-items: flex-end; }
.lb-impulsan .ficha__logo .patrono { align-self: flex-end; }

/* Sala de prensa ---------------------------------------------------------- */
.lb-notas { display: flex; flex-direction: column; }
.lb-nota {
	display: grid; grid-template-columns: minmax(0, 2fr) minmax(0, 9fr) auto; gap: clamp(16px, 3vw, 40px);
	align-items: center; padding: 26px 0; border-top: 1px solid rgba(0, 75, 146, .18);
	color: var(--texto); text-decoration: none;
}
a.lb-nota:hover { color: var(--azul); }
.lb-nota__fecha { font-size: 15px; font-weight: 700; color: var(--azul); }
.lb-nota__titulo { font-size: 19px; line-height: 1.35; font-weight: 700; letter-spacing: -.01em; }
.lb-nota svg { flex: none; }

/* Página de una nota de prensa ------------------------------------------- */
.nota__portada .portada__inner { padding-bottom: clamp(48px, 6vw, 88px); }
.nota__cab { display: flex; flex-direction: column; gap: 20px; max-width: 1000px; }
.nota__titulo { font-size: clamp(34px, 4.2vw, 64px); line-height: 1.02; }
.nota__fecha { font-size: 16px; color: rgba(255, 255, 255, .7); }
.nota__cuerpo > * { max-width: 860px; }
.nota__foto { margin: 0; border-radius: 28px; overflow: hidden; }
.nota__foto img { width: 100%; height: auto; }
.nota__pie { display: flex; flex-wrap: wrap; gap: 24px; padding-top: 8px; border-top: 1px solid rgba(0, 75, 146, .18); }

/* Anclas: que el título no quede debajo de la cápsula. */
#memoria, #impulsan, #prensa { scroll-margin-top: 80px; }

/* Móvil ------------------------------------------------------------------- */
@media (max-width: 760px) {
	.lb-memoria__grid { grid-template-columns: minmax(0, 1fr); gap: 36px; }
	.lb-nota { grid-template-columns: minmax(0, 1fr) auto; gap: 6px 16px; padding: 20px 0; }
	.lb-nota__fecha { grid-column: 1 / -1; }
	.nota__foto { border-radius: 20px; }
}