/**
 * Franja de definición institucional — nodo 61:467.
 *
 * Banda de 128px a sangre, texto de 20px limitado a 1100px.
 */

.cvp-intro {
	display: flex;
	align-items: center;
	min-height: 128px;
	padding: var(--cvp-sp-4) 0;
}

.cvp-intro--navy {
	background: var(--cvp-navy);
	color: var(--cvp-white);
}

/* Sobre navy los puntos son amarillos, no blancos como en los CTA. */
.cvp-intro--navy.cvp-dots { --cvp-dots-color: var(--cvp-yellow); }
.cvp-intro--navy.cvp-dots::after { opacity: 0.55; }

.cvp-intro--yellow {
	background: var(--cvp-yellow);
	color: var(--cvp-black);
}

.cvp-intro--sky {
	background: var(--cvp-sky);
	color: var(--cvp-navy);
}

.cvp-intro__text {
	margin: 0;
	max-width: 1100px;
	font-family: var(--cvp-font-text);
	font-size: 1.375rem;   /* 22 — Figma del 18 de setiembre, era 20 */
	line-height: 1.4;
	color: inherit;
}

@media (max-width: 900px) {
	.cvp-intro__text {
		font-size: var(--cvp-fs-base);
	}
}