/* Portada (grupo «inicio»): ajustes propios del grupo 1. */

/* Sello de reseñas del hero: la nota (4,9 con 5 estrellas amarillas) en grande y, debajo, «+32 reseñas en Google» en pequeño. */
.home .xp-hero__sello {
	display: inline-grid;
	grid-template-columns: auto auto;
	align-items: center;
	column-gap: .7rem;
	row-gap: .15rem;
}
.home .xp-hero__sello::before { grid-row: 1 / span 2; }
.home .xp-hero__sello strong { white-space: nowrap; }
.home .xp-hero__sello small { grid-column: 2; font-size: .8125rem; font-weight: 500; color: var(--xp-texto); white-space: nowrap; }

/* Cifras: franja bajo la cabecera, sin tarjetas. Rehecha el 8 nov 2026 a petición de Xiomara («queda pobre y medio
   descuadrada»): tres columnas iguales separadas por una línea fina, cada una con la cifra grande arriba y la frase debajo,
   todas alineadas por arriba. Sin líneas horizontales (lo pidió Xiomara). En el móvil, una fila por cifra (número a la
   izquierda con ancho fijo, frase al lado). */
.home .wp-block-group.xp-hero { padding-bottom: clamp(2rem, 1.5rem + 2vw, 3rem); }
.home .xp-hero + .wp-block-group.xp-seccion--compacta { padding-block: 0 clamp(2.25rem, 1.5rem + 2vw, 3rem); }
.home .xp-hero + .xp-seccion--compacta .wp-block-group.xp-rejilla {
	grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 0;
	padding-block: .5rem;
}
.home .xp-hero + .xp-seccion--compacta .wp-block-group.xp-cifra {
	flex-direction: column; align-items: flex-start; gap: .55rem;
	padding: 0 clamp(1rem, .5rem + 2vw, 2.5rem); background: none; box-shadow: none; border-radius: 0;
}
.home .xp-hero + .xp-seccion--compacta .wp-block-group.xp-cifra:first-child { padding-left: 0; }
.home .xp-hero + .xp-seccion--compacta .wp-block-group.xp-cifra + .xp-cifra { border-left: 1px solid var(--xp-linea); }
.home .xp-hero + .xp-seccion--compacta .xp-cifra__valor { font-size: clamp(2.25rem, 1.55rem + 1.9vw, 3rem); white-space: nowrap; }
.home .xp-hero + .xp-seccion--compacta .xp-cifra__texto { font-size: .9375rem; line-height: 1.45; }
@media (max-width: 781px) {
	.home .xp-hero + .xp-seccion--compacta .wp-block-group.xp-rejilla { grid-template-columns: 1fr; padding-block: 0; }
	.home .xp-hero + .xp-seccion--compacta .wp-block-group.xp-cifra { flex-direction: row; align-items: center; gap: 1rem; padding: .7rem 0; }
	.home .xp-hero + .xp-seccion--compacta .wp-block-group.xp-cifra + .xp-cifra { border-left: 0; }
	.home .xp-hero + .xp-seccion--compacta .xp-cifra__valor { flex: 0 0 6.75rem; font-size: 2.25rem; }
}

/* Tarjetas de servicio: aire mínimo entre el texto y la línea del precio cuando la tarjeta es la más alta de la fila. */
.home .wp-block-group.xp-tarjeta-servicio > .xp-precio { margin-top: auto; }
.home .wp-block-group.xp-tarjeta-servicio > p:not(.xp-precio):not(.xp-tarjeta-servicio__situacion):has(+ .xp-precio) { margin-bottom: 1rem; }

/* «Antes de contratar» (#por-que-conmigo, sección .xp-por-que): las 5 cosas que me exijo, cada una con su prueba
   (una reseña literal o un dato comprobable) al pie de la tarjeta, alineada con la de al lado. */
.home .xp-por-que .xp-rejilla > .wp-block-group { display: flex; flex-direction: column; }
.home .xp-por-que .xp-rejilla > .wp-block-group > :is(.wp-block-quote, .xp-prueba, .wp-block-buttons) { margin-top: auto; margin-bottom: 0; }
.home .xp-por-que .xp-rejilla > .wp-block-group > p:has(+ :is(.wp-block-quote, .xp-prueba, .wp-block-buttons)) { margin-bottom: 1.5rem; }
.home .xp-por-que .xp-rejilla :is(.wp-block-quote, .xp-prueba) { font-size: 1.0625rem; line-height: 1.5; }
.home .xp-por-que .xp-prueba { border-left: 3px solid var(--xp-rosa); padding: .25rem 0 .25rem 1.25rem; color: var(--xp-ciruela); }