/*
 * "Nuestra cultura": foto a la izquierda y texto a la derecha.
 *
 *   Contenedor        → about-section about-section--tight culture   (ancla #cultura)
 *     Imagen          → culture__photo
 *     Contenedor      → culture__copy
 *       Texto corto   → eyebrow eyebrow--plain
 *       Título        → culture__title
 *       Texto         → culture__text   (varios párrafos)
 */

.culture {
	--row-gap: clamp(20px, 3vw, 40px);
	--column-gap: clamp(20px, 3vw, 40px);

	display: grid;
	grid-template-columns: minmax(0, 1fr);
	align-items: stretch;
}

.culture__photo {
	position: relative;
	min-height: 240px;
	margin: 0;
	overflow: hidden;
	border-radius: var(--radius-lg);
}
/* La foto llena su caja; se recorta el <img> interno (excepción documentada). */
.culture__photo img {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center 35%;
}

.culture__copy {
	--row-gap: 16px;

	display: flex;
	flex-direction: column;
	justify-content: center;
}

.culture__title .elementor-heading-title {
	font-family: var(--font-display);
	font-size: clamp(28px, 3.2vw, 44px);
	font-weight: 800;
	letter-spacing: -.04em;
	line-height: 1.04;
	color: var(--color-ink);
}

.culture__text { color: var(--color-muted); font-size: 17px; }
.culture__text p { margin: 0 0 16px; }
.culture__text p:last-child { margin-bottom: 0; }

@media (min-width: 1025px) {
	.culture { grid-template-columns: minmax(0, 5fr) minmax(0, 6fr); }
	.culture__photo { min-height: 340px; }
	.culture__copy { padding: clamp(26px, 3vw, 44px) clamp(26px, 3vw, 44px) clamp(26px, 3vw, 44px) clamp(8px, 1.5vw, 20px); }
}