/*
 * Grupo «conversión» (presupuesto, contacto y páginas de gracias). Grupo 5.
 * Rótulos dentro de los formularios (campos HTML con <p class="xp-form-paso">) y la tarjeta que los envuelve.
 */
.xp-form-tarjeta .gform_wrapper { margin: 0; }
.xp-form-paso {
	margin: 1.5rem 0 .25rem; font-family: var(--xp-f-ui); font-size: .8125rem; font-weight: 600;
	letter-spacing: .1em; text-transform: uppercase; color: var(--xp-rosa-tinta);
}
.gform_fields > .gfield:first-child .xp-form-paso { margin-top: 0; }
/* La tarjeta del formulario del presupuesto ocupa el ancho de lectura y respira en móvil */
@media (max-width: 599px) {
	.xp-form-tarjeta.is-style-tarjeta { padding-inline: 1.1rem; }
}
/* Aire entre los pasos y las reseñas del presupuesto */
body.xp-pagina-presupuesto-web-wordpress .xp-pasos + * { margin-top: clamp(2.5rem, 2rem + 2vw, 4rem); }

/* Hero compacto en móvil: el retrato (8918, de medio cuerpo con los brazos cruzados) se acerca un poco a la cara
   en el avatar redondo de 84 px. El aro rosa pasa de la imagen a la figura, que recorta en círculo. */
@media (max-width: 781px) {
	.xp-hero__media--compacta .xp-hero__foto {
		border: 4px solid var(--xp-rosa); border-radius: 50%; overflow: hidden; clip-path: circle(50%);
	}
	.xp-hero__media--compacta .xp-hero__foto img {
		border: 0; border-radius: 0; object-position: 50% 0; transform: scale(1.45) translate(5%, 12%);
	}
}

/* Horario de atención (/contacto/): franja azul niebla bajo los tres canales, con el reloj de las tarjetas, el horario en
   grande a la izquierda y lo que puedes esperar a la derecha. En móvil, una debajo de la otra. */
.xp-seccion .xp-rejilla + .xp-horario { margin-block-start: var(--xp-hueco); }
.xp-seccion .xp-horario + .xp-llamada { margin-block-start: var(--xp-hueco); }
.wp-block-group.xp-horario {
	display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 6fr); align-items: center;
	gap: clamp(1.25rem, .8rem + 2.4vw, 3.5rem);
}
.wp-block-group.xp-horario > * { margin: 0; }
.xp-horario__hora { position: relative; padding-left: calc(3rem + clamp(1rem, .8rem + 1vw, 1.5rem)); }
.xp-horario__hora > * { margin: 0; }
.xp-horario__hora::before {
	content: ""; position: absolute; left: 0; top: .15rem; width: 3rem; height: 3rem; border-radius: 50%;
	background: var(--xp-blanco);
}
.xp-horario__hora::after {
	content: ""; position: absolute; left: .75rem; top: .9rem; width: 1.5rem; height: 1.5rem; background: var(--xp-rosa-tinta);
	-webkit-mask: var(--xp-m-reloj) center / contain no-repeat; mask: var(--xp-m-reloj) center / contain no-repeat;
}
.xp-horario__hora > * + * { margin-top: .5rem; }
.xp-horario__cifra {
	font-family: var(--xp-f-texto); font-weight: 700; font-size: clamp(1.6rem, 1.15rem + 1.7vw, 2.4rem);
	line-height: 1.15; letter-spacing: -.01em; color: var(--xp-ciruela); text-wrap: balance;
}
.xp-horario__texto > * + * { margin-top: .75rem; }
@media (max-width: 781px) {
	.wp-block-group.xp-horario { grid-template-columns: minmax(0, 1fr); }
}
.xp-horario__texto > p:first-child { font-size: clamp(1.0625rem, 1rem + .3vw, 1.1875rem); line-height: 1.5; }