/* ==========================================================================
   Páginas internas — Rejilla de equipo (page-team).
   Mismo lenguaje que la sección de equipo de la home, con clases propias para
   no acoplarse a `.home-team`. Tarjeta = foto B/N cálida + filete dorado.
   ========================================================================== */

.page-team {
	padding: var(--space-9) 0;
	background: var(--color-cream);
}

@media (min-width: 960px) {
	.page-team {
		padding: var(--space-10) 0;
	}
}

.page-team__head {
	display: grid;
	grid-template-columns: 1fr;
	gap: var(--space-6);
	align-items: end;
	margin-bottom: var(--space-7);
}

@media (min-width: 720px) {
	.page-team__head {
		grid-template-columns: 1.4fr 1fr;
		gap: var(--space-7);
	}
}

.page-team__eyebrow {
	margin-bottom: 18px;
}

.page-team__title {
	font-family: var(--font-serif);
	font-weight: 400;
	font-size: clamp(30px, 3.4vw, 44px);
	color: var(--color-navy);
	max-width: 18ch;
	margin: 0;
	letter-spacing: var(--ls-heading);
	line-height: 1.15;
}

.page-team__title em {
	font-style: italic;
	color: var(--color-gold);
	font-weight: 400;
}

.page-team__intro {
	color: var(--color-text-muted);
	font-size: var(--fz-body);
	line-height: var(--lh-long);
}

.page-team__intro p {
	color: inherit;
	margin: 0;
}

.page-team__grid {
	display: grid;
	grid-template-columns: 1fr;
	gap: var(--space-5);
}

@media (min-width: 540px) {
	.page-team__grid {
		grid-template-columns: 1fr 1fr;
	}
}

@media (min-width: 960px) {
	.page-team__grid {
		grid-template-columns: repeat(3, 1fr);
	}
}

.page-team__member {
	background: #ffffff;
	border: 1px solid var(--color-line);
	transition: box-shadow var(--transition-mid);
}

.page-team__member:hover {
	box-shadow: var(--shadow-card-hover);
}

.page-team__photo {
	aspect-ratio: 1 / 1;
	background: linear-gradient(160deg, #d6c9b0 0%, #b8a98e 60%, #6b6453 100%);
	position: relative;
	filter: sepia(0.18) contrast(1.05);
	overflow: hidden;
}

.page-team__photo--b { background: linear-gradient(160deg, #c8bba0 0%, #9a8c70 60%, #524a3a 100%); }
.page-team__photo--c { background: linear-gradient(160deg, #cfc2a8 0%, #a89779 60%, #5e5440 100%); }
.page-team__photo--d { background: linear-gradient(160deg, #d2c4a8 0%, #ad9d80 60%, #5a5240 100%); }

.page-team__photo-img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	filter: grayscale(0.85) sepia(0.18) contrast(1.05);
}

.page-team__body {
	padding: 22px 22px 26px;
	border-top: 2px solid var(--color-gold);
}

.page-team__name {
	font-family: var(--font-serif);
	font-size: 20px;
	font-weight: 500;
	color: var(--color-navy);
	letter-spacing: 0;
}

.page-team__role {
	font-size: 13px;
	color: var(--color-text-muted);
	letter-spacing: 0.04em;
	margin-top: 4px;
}

.page-team__bio {
	margin-top: var(--space-3);
	font-size: 13px;
	line-height: var(--lh-long);
	color: var(--color-graphite-soft);
}

/* --------------------------------------------------------------------------
   Variante sin fotos (2026-08-24).
   Mientras no haya retratos del equipo, la tarjeta va solo con texto: se
   elimina el hueco de la imagen y el filete dorado sube al borde superior de
   la tarjeta, que es donde estaba dando la separación. Al cargar la primera
   foto en ACF, el modificador desaparece y vuelve el formato con imagen.
   -------------------------------------------------------------------------- */

.page-team--no-photos .page-team__member {
	border-top: 2px solid var(--color-gold);
	display: flex;
	flex-direction: column;
	justify-content: center;
	min-height: 164px;
}

.page-team--no-photos .page-team__body {
	border-top: 0;
	padding: 28px 24px 30px;
}

.page-team--no-photos .page-team__name {
	font-size: 21px;
	line-height: 1.25;
}

.page-team--no-photos .page-team__role {
	margin-top: 10px;
	line-height: 1.5;
}