/* Grupo 3 · especialista, urgencias, bolsa de horas, auditoría, vectorizar y psicólogos.
   Se carga con el campo personalizado xp_css = "g3". Solo variables --xp-*. */

/* Sección con formulario: texto a la izquierda, caja blanca con el formulario a la derecha */
.xp-g3-form .wp-block-columns { align-items: flex-start; }
.xp-g3-form__texto > :first-child { margin-top: 0; }
.xp-g3-form__texto .is-style-entradilla { margin-block-start: 1.25rem; }
.xp-g3-form__texto .is-style-nota { margin-block-start: 1rem; }
.xp-g3-form__texto .wp-block-buttons { margin-block-start: 1.5rem; }
.xp-g3-form__texto .wp-block-quote { margin-block-start: 2rem; font-size: 1.0625rem; }
.xp-g3-form__caja {
	background: var(--xp-blanco); border-radius: var(--xp-radio-g);
	padding: clamp(1.25rem, .75rem + 2.2vw, 2.75rem);
	box-shadow: var(--xp-sombra); min-width: 0;
}
@media (min-width: 782px) {
	.xp-g3-form__texto { position: sticky; top: 7rem; }
}

/* Logos vectorizados: centrados en su tarjeta */
.xp-g3-logo { display: flex; align-items: center; justify-content: center; }
.xp-g3-logo .wp-block-image { margin: 0; width: 100%; }
.xp-g3-logo img { width: 100%; height: auto; }

/* Bolsa de horas: foto apaisada con Xiomara a la derecha (recorte 4:3 sin cortarla) */
.xp-g3-foto-derecha img { object-position: 80% 50%; }

/* Urgencias: tarjeta del hero con los 3 pasos y el precio único del Rescate/urgencias */
.xp-g3-urgencia__tarjeta { box-shadow: var(--xp-sombra-g); }
.xp-g3-urgencia__tarjeta > * { margin-block: 0; }
.xp-g3-urgencia__pasos, .xp-g3-rescate__pasos { list-style: none; counter-reset: paso; padding: 0; display: grid; gap: .85rem; }
.xp-g3-urgencia__pasos { margin-block: 1.1rem 1.5rem !important; }
:is(.xp-g3-urgencia__pasos, .xp-g3-rescate__pasos) li { counter-increment: paso; position: relative; padding-left: 2.6rem; margin: 0; line-height: 1.5; }
:is(.xp-g3-urgencia__pasos, .xp-g3-rescate__pasos) li::before {
	content: counter(paso); position: absolute; left: 0; top: -.1rem;
	width: 1.85rem; height: 1.85rem; border-radius: 50%; display: grid; place-items: center;
	background: var(--xp-rosa-suave); color: var(--xp-ciruela); font: 600 .875rem/1 var(--xp-f-ui);
}
.xp-g3-urgencia__precio {
	display: flex; flex-wrap: wrap; justify-content: space-between; align-items: baseline; column-gap: 1rem;
	padding-block: .7rem; border-top: 1px solid var(--xp-linea); font-size: .9375rem;
}
.xp-g3-urgencia__precio strong { white-space: nowrap; color: var(--xp-ciruela); font-size: 1.125rem; }
.xp-g3-urgencia__nota { padding-top: .7rem; border-top: 1px solid var(--xp-linea); font-size: .875rem; }

/* Urgencias: en la barra fija de móvil, WhatsApp es el botón principal y «Llámame» el secundario */
.xp-pagina-urgencias-wordpress .xp-barra { grid-template-columns: 1.35fr 1fr; }
.xp-pagina-urgencias-wordpress .xp-barra__wa { background: var(--xp-rosa-boton); color: var(--xp-blanco); border-color: var(--xp-rosa-boton); }
.xp-pagina-urgencias-wordpress .xp-barra__wa svg { color: currentColor; }
.xp-pagina-urgencias-wordpress .xp-barra__wa:hover { background: var(--xp-rosa-tinta); border-color: var(--xp-rosa-tinta); color: var(--xp-blanco); }
.xp-pagina-urgencias-wordpress .xp-barra__cta { background: var(--xp-blanco); color: var(--xp-ciruela); border: 1.5px solid var(--xp-linea); }
.xp-pagina-urgencias-wordpress .xp-barra__cta:hover { background: var(--xp-lila); color: var(--xp-ciruela); }

/* Auditoría: tarjeta «Tu informe, en tres montones» con el asterisco */
.xp-g3-informe { position: relative; overflow: hidden; box-shadow: var(--xp-sombra); }
.xp-g3-informe::after {
	content: ""; position: absolute; pointer-events: none; width: 6.5rem; aspect-ratio: 1; right: -1.75rem; top: -1.75rem;
	background: var(--xp-ast) center / contain no-repeat;
}
.xp-g3-informe > * { position: relative; z-index: 1; margin-block: 0; }
.xp-g3-informe__lista { list-style: none; padding: 0; margin-block: 1.1rem 1rem !important; display: grid; gap: .65rem; }
.xp-g3-informe__lista li { position: relative; margin: 0; padding: .85rem 1rem .85rem 2.6rem; border-radius: var(--xp-radio); background: var(--xp-lila); line-height: 1.45; }
.xp-g3-informe__lista li::before {
	content: ""; position: absolute; left: 1rem; top: calc(.85rem + .36em); width: .8rem; height: .8rem; border-radius: 50%; background: var(--xp-rosa);
}
.xp-g3-informe__lista li:nth-child(2)::before { background: var(--xp-ciruela); }
.xp-g3-informe__lista li:nth-child(3)::before { background: var(--xp-gris-lila); }
.xp-g3-informe__lista strong { color: var(--xp-ciruela); }
@media (max-width: 781px) { .xp-g3-informe::after { width: 4.75rem; right: -1.4rem; top: -1.4rem; } }
.xp-g3-informe__pie { font-size: .875rem; }
@media (min-width: 782px) { .xp-hero__media.xp-g3-urgencia::before { width: 40%; right: -9%; top: -11%; } }
@media (max-width: 781px) {
	.xp-hero__media.xp-g3-urgencia { margin-top: 2.75rem; }
	.xp-hero__media.xp-g3-urgencia::before { width: 72px; right: -10px; top: -30px; }
}

/* Rescate/urgencias WordPress (especialista #rescate y precio de urgencias): texto y síntomas a la izquierda,
   tarjeta blanca del servicio a la derecha con el asterisco asomando; en móvil, apilado. */
.xp-g3-rescate__cols.wp-block-columns { column-gap: clamp(2.5rem, 1rem + 4.5vw, 5.5rem); row-gap: 3rem; }
.xp-g3-rescate__texto > :first-child { margin-top: 0; }
.xp-g3-rescate__texto > .is-style-entradilla + p { margin-block-start: 1.1rem; }
.xp-g3-rescate__texto > .is-style-nota { margin-block-start: 1.25rem; }
.xp-g3-rescate__pregunta { margin-block-start: 1.75rem; font-family: var(--xp-f-ui); font-size: .9375rem; font-weight: 600; color: var(--xp-ciruela); }
.xp-g3-rescate__sintomas.is-style-asteriscos { display: flex; flex-wrap: wrap; gap: .55rem; margin-block-start: .9rem; }
.xp-g3-rescate__sintomas.is-style-asteriscos > li {
	margin: 0; padding: .6rem 1rem .6rem 2.35rem; border-radius: 999px; background: var(--xp-blanco);
	font-size: 1rem; line-height: 1.3; color: var(--xp-ciruela); text-wrap: nowrap;
}
.xp-g3-rescate__sintomas.is-style-asteriscos > li::before { left: .95rem; top: 50%; translate: 0 -50%; width: .8rem; height: .8rem; }

.xp-g3-rescate__media { position: relative; isolation: isolate; }
.wp-block-group.xp-seccion:has(.xp-g3-rescate__media) { overflow-x: clip; }
.xp-g3-rescate__media::before {
	content: ""; position: absolute; z-index: -1; pointer-events: none;
	width: 42%; aspect-ratio: 1; right: -11%; top: -13%;
	background: var(--xp-ast) center / contain no-repeat;
}
.wp-block-group.xp-g3-rescate__tarjeta { border-color: transparent; box-shadow: var(--xp-sombra-g); }
.wp-block-group.xp-g3-rescate__tarjeta > h3 { padding-top: .35rem; }
.wp-block-group.xp-g3-rescate__tarjeta .xp-precio-tarjeta__cifra { margin-top: 1rem; }
.wp-block-group.xp-g3-rescate__tarjeta > .xp-g3-rescate__descuento { margin-top: .5rem; font-size: .9375rem; color: var(--xp-texto); }
.wp-block-group.xp-g3-rescate__tarjeta > .xp-g3-rescate__pasos { margin-top: 1.25rem; padding-top: 1.25rem; border-top: 1.5px solid var(--xp-linea); font-size: .9875rem; }
.wp-block-group.xp-g3-rescate__tarjeta > .xp-g3-rescate__respuesta {
	margin-top: 1.25rem; display: flex; gap: .6rem; align-items: flex-start;
	padding: .8rem 1rem; border-radius: var(--xp-radio-p); background: var(--xp-lila);
	font-size: .9375rem; line-height: 1.45; color: var(--xp-ciruela);
}
.xp-g3-rescate__respuesta::before {
	content: ""; width: 1.05rem; height: 1.05rem; flex: none; margin-top: .15rem; background: var(--xp-rosa-tinta);
	-webkit-mask: var(--xp-m-reloj) center / contain no-repeat; mask: var(--xp-m-reloj) center / contain no-repeat;
}
.wp-block-group.xp-g3-rescate__tarjeta > .wp-block-buttons { padding-top: 1.25rem; gap: .6rem; }
.wp-block-group.xp-g3-rescate .xp-g3-rescate__resenas { margin-top: clamp(3rem, 2rem + 3vw, 4.5rem); }
.xp-g3-rescate h2 .xp-pincelada { white-space: nowrap; }
@media (max-width: 781px) {
	.xp-g3-rescate__sintomas.is-style-asteriscos > li { font-size: .9375rem; padding-block: .5rem; }
	.wp-block-group.xp-g3-rescate__tarjeta { padding-inline: 1.25rem; }
	.xp-g3-rescate__tarjeta .wp-block-button__link { padding-inline: .5rem; }
	.xp-g3-rescate__media::before { width: 76px; right: -8px; top: -34px; }
	.xp-g3-rescate__media { margin-top: .75rem; }
}