/* ==========================================================================
   Rayo Web · Hero copy — título + lead homogéneos en landings
   ========================================================================== */

/* Título grande: interlineado compacto entre líneas del propio título */
.rw-re-hero__title,
.rw-sp-hero__title,
.rw-dw-hero__title,
.rw-ia-hero__title,
.rw-sr-hero__title,
.wpl-hero__title,
.ai-landing .ai-hero__title,
.ai-hero h2.ai-hero__title,
.ux-hero__title {
	line-height: 1.02;
	margin-bottom: 0;
}

/* Home: display enorme, un poco más aire entre líneas pero compacto */
.rw-modern-hero__title {
	line-height: 0.92;
	margin-bottom: 0;
}

/* Separación clara título → párrafo */
.rw-re-hero__lead,
.rw-sp-hero__lead,
.rw-dw-hero__lead,
.rw-ia-hero__lead,
.rw-sr-hero__lead,
.wpl-hero__lead,
.ai-landing .ai-hero__lead,
.ux-hero__lead,
.rw-modern-hero > p {
	padding-top: 24px;
	margin-top: 0;
	line-height: 1.6;
}

/* Encabezados de sección (kicker + h2 + p) */
.rw-re-head h2,
.rw-sp-head h2,
.rw-dw-head h2,
.rw-ia-head h2,
.rw-sr-head h2 {
	line-height: 1.02;
	margin-bottom: 0;
}

.rw-re-head p,
.rw-sp-head p,
.rw-dw-head p,
.rw-ia-head p,
.rw-sr-head p {
	padding-top: 20px;
	margin-top: 0;
	line-height: 1.6;
}

@media (max-width: 720px) {
	.rw-re-hero__lead,
	.rw-sp-hero__lead,
	.rw-dw-hero__lead,
	.rw-ia-hero__lead,
	.rw-sr-hero__lead,
	.wpl-hero__lead,
	.ai-landing .ai-hero__lead,
	.ux-hero__lead,
	.rw-modern-hero > p {
		padding-top: 18px;
	}

	.rw-re-head p,
	.rw-sp-head p,
	.rw-dw-head p,
	.rw-ia-head p,
	.rw-sr-head p {
		padding-top: 16px;
	}
}