/**
 * Sección Uniguajira — espaciado fluido UX 2026 para bloques Group.
 *
 * Aplicar en Grupo → Avanzado → Clases CSS adicionales.
 */

:is(
	.uniguajira-sec-post-hero,
	.uniguajira-sec-intermedia-color,
	.uniguajira-sec-intermedia-blanca,
	.ug-seccion.uniguajira-sec-post-hero,
	.ug-seccion.uniguajira-sec-intermedia-color,
	.ug-seccion.uniguajira-sec-intermedia-blanca
) {
	box-sizing: border-box;
	width: 100%;
}

/* Padding: 0 por defecto. El editor / Contenedor controlan el espaciado. */
.uniguajira-sec-post-hero,
.ug-seccion.uniguajira-sec-post-hero {
	padding: 0;
}

/* Secciones con fondo alterno / color */
.uniguajira-sec-intermedia-color,
.ug-seccion.uniguajira-sec-intermedia-color {
	padding: 0;
}

.uniguajira-sec-intermedia-color:not(.ug-seccion--custom-bg),
.ug-seccion.uniguajira-sec-intermedia-color:not(.ug-seccion--custom-bg) {
	background-color: var(--ug-primary-soft, #e8f4f6);
}

/* Secciones blancas adyacentes */
.uniguajira-sec-intermedia-blanca,
.ug-seccion.uniguajira-sec-intermedia-blanca {
	padding: 0;
}

/* Ancho máximo institucional del contenido interno */
:is(
	.uniguajira-sec-post-hero,
	.uniguajira-sec-intermedia-color,
	.uniguajira-sec-intermedia-blanca
) > .wp-block-group__inner-container,
:is(
	.uniguajira-sec-post-hero,
	.uniguajira-sec-intermedia-color,
	.uniguajira-sec-intermedia-blanca
).is-layout-constrained > :where(:not(.alignleft):not(.alignright):not(.alignfull)) {
	max-width: min(1240px, 100%);
	margin-inline: auto;
}

.uniguajira-sec-title {
	margin-top: 0;
	margin-bottom: clamp(2rem, 1.25rem + 1.25vw, 3rem);
	color: var(--ug-text, #03090f);
}

@media (prefers-reduced-motion: reduce) {
	:is(
		.uniguajira-sec-post-hero,
		.uniguajira-sec-intermedia-color,
		.uniguajira-sec-intermedia-blanca
	) {
		transition: none;
	}
}