/*
Theme Name: HolyHaus Child
Theme URI: https://mintcream-ibex-630563.hostingersite.com
Description: Tema hijo de Hello Elementor para HolyHaus. Solo contiene código propio (por ejemplo, el widget del quiz); el diseño se edita con Elementor.
Author: HolyHaus
Template: hello-elementor
Version: 1.9.2
Text Domain: holyhaus-child
*/

/*
 * Ajustes que Elementor no permite hacer desde el panel (tanda 2).
 * Se activan con una clase CSS que se pone en el widget (Avanzado → Clases CSS).
 * Los colores salen de los controles de Elementor: aquí no hay ningún color fijo.
 */

/* Menú vertical con líneas entre ítems (panel del menú móvil y footer en móvil).
   El separador del Nav Menu solo existe en horizontal; la línea toma el color del texto del menú. */
.hh-menu-lineas .elementor-nav-menu--layout-vertical > .elementor-nav-menu > li + li > .elementor-item {
	border-top: 2px solid currentColor;
}

/* Header: el ítem activo va en Demi (600). El Nav Menu no tiene control de peso para el estado activo. */
.elementor .hh-menu-activo.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item.elementor-item-active {
	font-weight: 600;
}

/* Panel del menú móvil: desenfoque del fondo, como en el diseño. El Off-Canvas no tiene este control. */
.hh-panel .e-off-canvas__content {
	-webkit-backdrop-filter: blur(8.75px);
	backdrop-filter: blur(8.75px);
}

/*
 * Home (tanda 3).
 */

/* Título con más espacio entre palabras ("HOW   DO   YOU   FEEL   TODAY?" en Figma).
   Con una fuente global, Elementor no permite cambiar solo el espaciado entre palabras. */
/* Solo la usa el inicio del quiz ("HOW  DO  YOU  FEEL  TODAY?", con dos espacios en Figma,
   tanda 7). El título de la Home llevó esta clase hasta el 2026-10-07: primero con espaciado
   fijo y luego justificado, y en las dos formas el cliente lo vio mal, así que se le quitó
   la clase y va con el espaciado normal de la fuente. */
.hh-palabras-separadas.hh-espacio-doble .elementor-heading-title {
	word-spacing: 0.21em;
}

/*
 * Hover de las secciones con foto (Home y About), tal como está en las variantes de Figma (tanda 4).
 * Solo en escritorio con ratón: en tablet y móvil no hay hover.
 * Elementor no permite que el hover de una sección mueva la foto de una de sus columnas,
 * ni degradados de más de 2 colores. Solo se animan transform y opacity.
 *
 * Clases (Avanzado → Clases CSS):
 * - hh-hover: en la sección (el contenedor de fila). Activa el efecto al pasar el ratón por toda la sección.
 * - hh-zoom: en el contenedor de la foto (la foto es su fondo). Hace zoom sobre la foto.
 *   La cantidad y el punto del zoom se ajustan en Avanzado → CSS personalizado de ese contenedor:
 *   selector { --hh-zoom: 1.1; --hh-zoom-origen: 50% 50%; }
 * - hh-degradado-piedra / hh-degradado-oliva: en la sección, junto a hh-hover. Funde el fondo a un degradado.
 *   Los degradados son los de Figma (en diamante y con 5 o más colores): llevan los colores fijos porque
 *   Elementor solo hace degradados lineales o radiales de 2 colores.
 */
@media (hover: hover) and (min-width: 1025px) {
	.e-con.hh-zoom {
		overflow: hidden;
	}
	.e-con.hh-zoom::before {
		content: "";
		position: absolute;
		inset: 0;
		width: auto;
		height: auto;
		border: 0;
		border-radius: 0;
		opacity: 1;
		mix-blend-mode: normal;
		background: inherit;
		transform: scale(1);
		transform-origin: var(--hh-zoom-origen, 50% 50%);
		transition: transform 0.5s ease-out;
	}
	.e-con.hh-hover:hover .e-con.hh-zoom::before {
		transform: scale(var(--hh-zoom, 1.1));
	}

	.e-con.hh-hover.hh-degradado-piedra::before,
	.e-con.hh-hover.hh-degradado-oliva::before {
		content: "";
		position: absolute;
		inset: 0;
		width: auto;
		height: auto;
		border: 0;
		border-radius: 0;
		mix-blend-mode: normal;
		background: var(--hh-degradado) center / 100% 100% no-repeat;
		opacity: 0;
		transition: opacity 0.5s ease-out;
		pointer-events: none;
	}
	.e-con.hh-hover.hh-degradado-piedra:hover::before,
	.e-con.hh-hover.hh-degradado-oliva:hover::before {
		opacity: 1;
	}
	.e-con.hh-hover.hh-degradado-piedra > .e-con,
	.e-con.hh-hover.hh-degradado-oliva > .e-con {
		position: relative;
	}
	/* Franjas de About (Figma: variante "Defaultslidslide 1"): Piedra → #666562 → #484848 → #666562 → Piedra */
	.hh-degradado-piedra {
		--hh-degradado: url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 1930 500' xmlns='http://www.w3.org/2000/svg' preserveAspectRatio='none'%3E%3Cg transform='matrix(-92.2 109.11 -421.15 -181.58 965 22.143)'%3E%3Crect height='39.23' width='53.253' fill='url(%23g)' id='q' shape-rendering='crispEdges'/%3E%3Cuse href='%23q' transform='scale(1 -1)'/%3E%3Cuse href='%23q' transform='scale(-1 1)'/%3E%3Cuse href='%23q' transform='scale(-1 -1)'/%3E%3C/g%3E%3Cdefs%3E%3ClinearGradient id='g' gradientUnits='userSpaceOnUse' x2='5' y2='5'%3E%3Cstop stop-color='%2384827D' offset='0'/%3E%3Cstop stop-color='%23666562' offset='0.19471'/%3E%3Cstop stop-color='%23484848' offset='0.38942'/%3E%3Cstop stop-color='%23666562' offset='0.67067'/%3E%3Cstop stop-color='%2384827D' offset='0.95192'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E");
	}
	/* HOLYSTAR de la Home (Figma: variante "Slide 2"): degradado oliva al 85 % sobre negro (así coincide con el render de Figma) */
	.hh-degradado-oliva {
		--hh-degradado: url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 1930 1080' xmlns='http://www.w3.org/2000/svg' preserveAspectRatio='none'%3E%3Crect width='1930' height='1080' fill='%23000000'/%3E%3Cg transform='matrix(332.69 -85.272 152.38 458.67 192.61 1032.2)' opacity='0.85'%3E%3Crect height='29.465' width='53.876' fill='url(%23g)' id='q' shape-rendering='crispEdges'/%3E%3Cuse href='%23q' transform='scale(1 -1)'/%3E%3Cuse href='%23q' transform='scale(-1 1)'/%3E%3Cuse href='%23q' transform='scale(-1 -1)'/%3E%3C/g%3E%3Cdefs%3E%3ClinearGradient id='g' gradientUnits='userSpaceOnUse' x2='5' y2='5'%3E%3Cstop stop-color='%23141B01' offset='0'/%3E%3Cstop stop-color='%23273503' offset='0.072428'/%3E%3Cstop stop-color='%233A4E04' offset='0.14486'/%3E%3Cstop stop-color='%234D6806' offset='0.21728'/%3E%3Cstop stop-color='%23608107' offset='0.28971'/%3E%3Cstop stop-color='%2373921A' offset='0.34166'/%3E%3Cstop stop-color='%2387A32E' offset='0.39361'/%3E%3Cstop stop-color='%23AEC655' offset='0.49751'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E");
	}
}
/*
 * Tarjeta de clase HOLYSTAR (tanda 5), tal como la variante "Hover" de "Individual Class" en Figma:
 * el fondo oliva al 70 % se convierte en un degradado en diamante (oliva al 85 %).
 * Clase hh-tarjeta-degradado en el contenedor de la tarjeta (plantilla Loop Item).
 * Las tarjetas HELL y HEAVEN no la necesitan: su hover es un color y va en Elementor (Fondo → Hover).
 * El .e-con repetido sube la especificidad por encima del fondo que pone Elementor.
 */
@media (hover: hover) and (min-width: 1025px) {
	.e-con.hh-tarjeta-degradado {
		transition: background-color 0.5s ease-out;
	}
	.elementor .e-con.e-con.hh-tarjeta-degradado:hover {
		background-color: transparent;
	}
	.e-con.hh-tarjeta-degradado::before {
		content: "";
		position: absolute;
		inset: 0;
		width: auto;
		height: auto;
		border: 0;
		border-radius: inherit;
		mix-blend-mode: normal;
		background: url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 496 403' xmlns='http://www.w3.org/2000/svg' preserveAspectRatio='none'%3E%3Cg transform='matrix(85.5 -31.819 39.162 171.15 49.5 385.15)' opacity='0.85'%3E%3Crect height='29.465' width='53.876' fill='url(%23g)' id='q' shape-rendering='crispEdges'/%3E%3Cuse href='%23q' transform='scale(1 -1)'/%3E%3Cuse href='%23q' transform='scale(-1 1)'/%3E%3Cuse href='%23q' transform='scale(-1 -1)'/%3E%3C/g%3E%3Cdefs%3E%3ClinearGradient id='g' gradientUnits='userSpaceOnUse' x2='5' y2='5'%3E%3Cstop stop-color='%23141B01' offset='0'/%3E%3Cstop stop-color='%23273503' offset='0.072428'/%3E%3Cstop stop-color='%233A4E04' offset='0.14486'/%3E%3Cstop stop-color='%234D6806' offset='0.21728'/%3E%3Cstop stop-color='%23608107' offset='0.28971'/%3E%3Cstop stop-color='%2373921A' offset='0.34166'/%3E%3Cstop stop-color='%2387A32E' offset='0.39361'/%3E%3Cstop stop-color='%23AEC655' offset='0.49751'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E") center / 100% 100% no-repeat;
		opacity: 0;
		transition: opacity 0.5s ease-out;
		pointer-events: none;
	}
	.e-con.hh-tarjeta-degradado:hover::before {
		opacity: 1;
	}
	.e-con.hh-tarjeta-degradado > .e-con {
		position: relative;
	}
}
/*
 * Pestañas de Tarifas (tanda 6). Clase hh-pestanas en el widget Tabs (anidadas).
 * - Escritorio: los tres títulos miden lo mismo (un tercio cada uno, como en Figma). El widget los reparte
 *   según el largo del texto y no tiene control para igualarlos.
 * - Tablet y móvil: títulos apilados a todo el ancho encima del contenido, como en el Figma móvil.
 *   El widget solo apila convirtiéndose en acordeón (el contenido sale entre los títulos).
 * - Separadores: línea de 2 px a la izquierda de cada título salvo el primero (escritorio) y de 1 px debajo de
 *   todos (tablet y móvil), del color del texto del título (currentColor). El borde del widget no permite
 *   quitárselo solo al primero.
 */
.hh-pestanas .e-n-tabs {
	--n-tabs-title-flex-basis: 0;
}
.hh-pestanas .e-n-tab-title + .e-n-tab-title {
	border-left: 2px solid currentColor;
}
@media (max-width: 1024px) {
	.hh-pestanas .e-n-tabs {
		--n-tabs-heading-direction: column;
		--n-tabs-title-flex-basis: auto;
	}
	.hh-pestanas .e-n-tabs-heading > .e-n-tab-title {
		width: 100%;
		border-left: 0;
		border-bottom: 1px solid currentColor;
	}
}
@media (prefers-reduced-motion: reduce) {
	.e-con.hh-zoom::before,
	.e-con.hh-hover.hh-degradado-piedra::before,
	.e-con.hh-hover.hh-degradado-oliva::before,
	.e-con.hh-tarjeta-degradado,
	.e-con.hh-tarjeta-degradado::before {
		transition: none;
	}
}
/*
 * Widget "HolyHaus Quiz" (tanda 7, widgets/class-holyhaus-quiz.php + assets/quiz.js).
 * Medidas de Figma (16:3518 y siguientes; móvil 2016:1175): en escritorio con clamp() (§2.1),
 * en tablet y móvil con los px del diseño móvil. Los colores y las fuentes salen de los controles del
 * widget (globales), aquí solo van como variables (--hh-quiz-*).
 */
.hh-quiz {
	position: relative;
}
.hh-quiz__paso {
	display: grid;
	grid-template-columns: 49.7917% 1fr;
	min-height: 100vh;
}
.hh-quiz__paso[hidden] {
	display: none;
}
.hh-quiz__foto {
	position: relative;
	overflow: hidden;
}
.hh-quiz__foto img {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	max-width: none;
	object-fit: cover;
	object-position: center center;
}
.hh-quiz__panel {
	display: flex;
	align-items: center;
	padding: clamp(40px, 5.2083vw, 100px) clamp(40px, 5.2083vw, 100px) clamp(40px, 5.2083vw, 100px) clamp(40px, 4.6875vw, 90px);
}
.hh-quiz__contenido {
	display: flex;
	flex-direction: column;
	width: clamp(400px, 40.0521vw, 769px);
	max-width: 100%;
}
.hh-quiz__progreso {
	display: flex;
	align-items: center;
	justify-content: space-between;
	width: clamp(320px, 31.25vw, 600px);
	max-width: 100%;
	margin-bottom: clamp(50px, 5.2083vw, 100px);
}
.hh-quiz .hh-quiz__contador {
	margin: 0;
}
.hh-quiz__barra {
	display: flex;
	gap: clamp(6px, 0.625vw, 12px);
}
.hh-quiz__segmento {
	display: block;
	width: clamp(45px, 4.4271vw, 85px);
	height: 6px;
	background-color: var(--hh-quiz-pendiente, #000);
}
.hh-quiz__segmento.is-hecho {
	background-color: var(--hh-quiz-hecho, #dcff5a);
}
.hh-quiz__cuerpo,
.hh-quiz__opciones {
	display: flex;
	flex-direction: column;
	gap: clamp(20px, 1.6667vw, 32px);
}
.hh-quiz .hh-quiz__pregunta {
	margin: 0;
	outline: none;
}
.hh-quiz .hh-quiz__opcion {
	display: flex;
	align-items: center;
	gap: clamp(16px, 1.5625vw, 30px);
	width: 100%;
	margin: 0;
	padding: clamp(12px, 1.1458vw, 22px) clamp(16px, 1.5625vw, 30px);
	border: 0;
	border-radius: 40px;
	background-color: var(--hh-quiz-opcion, rgba(255, 255, 255, 0.4));
	text-align: left;
	text-transform: none; /* el estilo de botón del Kit (Site Settings) va en mayúsculas */
	white-space: normal;
	cursor: pointer;
	transition: background-color 0.3s ease-out;
}
.hh-quiz .hh-quiz__opcion:focus,
.hh-quiz .hh-quiz__opcion:hover {
	background-color: var(--hh-quiz-opcion, rgba(255, 255, 255, 0.4));
	color: inherit;
}
.hh-quiz .hh-quiz__opcion:focus-visible,
.hh-quiz .hh-quiz__siguiente:focus-visible {
	outline: 2px solid currentColor;
	outline-offset: 3px;
}
.hh-quiz__circulo {
	flex: none;
	width: clamp(16px, 1.1979vw, 23px);
	height: clamp(16px, 1.1979vw, 23px);
	border: 1.5px solid currentColor;
	border-radius: 50%;
	transition: background-color 0.3s ease-out;
}
.hh-quiz__opcion[aria-pressed="true"] .hh-quiz__circulo {
	background-color: var(--hh-quiz-marcada, #dcff5a);
}
/* SIGUIENTE: invisible hasta elegir una opción (en Figma, opacidad 0 en la variante sin elegir). */
.hh-quiz .hh-quiz__siguiente {
	display: inline-flex;
	align-items: center;
	gap: 10px;
	align-self: flex-end;
	margin-top: clamp(50px, 5.2083vw, 100px);
	padding: clamp(10px, 0.7292vw, 14px) clamp(24px, 2.0833vw, 40px);
	border: 0;
	border-radius: 50px;
	line-height: 1;
	cursor: pointer;
	opacity: 0;
	visibility: hidden;
	transition: opacity 0.3s ease-out, visibility 0.3s, background-color 0.3s ease-out, color 0.3s ease-out;
}
.hh-quiz__paso.is-elegida .hh-quiz__siguiente {
	opacity: 1;
	visibility: visible;
}
.hh-quiz__siguiente svg {
	width: 1em;
	height: 1em;
	fill: currentColor;
}
@media (hover: hover) and (min-width: 1025px) {
	.hh-quiz .hh-quiz__opcion:hover {
		background-color: var(--hh-quiz-opcion-hover, rgba(255, 255, 255, 0.6));
	}
}
/* Cambio de pregunta: la actual se funde hacia arriba y la nueva entra desde abajo (la primera no espera). */
.hh-quiz__paso.is-activo:not([data-paso="0"]) .hh-quiz__contenido {
	animation: hh-quiz-entrada 0.45s ease-out both;
}
.hh-quiz__paso.is-activo:not([data-paso="0"]) .hh-quiz__foto img {
	animation: hh-quiz-foto 0.45s ease-out both;
}
.hh-quiz__paso.is-saliendo .hh-quiz__contenido {
	animation: hh-quiz-salida 0.25s ease-in both;
}
.hh-quiz__paso.is-saliendo .hh-quiz__foto img {
	animation: hh-quiz-foto-salida 0.25s ease-in both;
}
@keyframes hh-quiz-entrada {
	from { opacity: 0; transform: translateY(24px); }
	to { opacity: 1; transform: none; }
}
@keyframes hh-quiz-salida {
	to { opacity: 0; transform: translateY(-12px); }
}
@keyframes hh-quiz-foto {
	from { opacity: 0; }
	to { opacity: 1; }
}
@keyframes hh-quiz-foto-salida {
	to { opacity: 0; }
}
@media (max-width: 1024px) {
	.hh-quiz__paso {
		grid-template-columns: 1fr;
		grid-template-rows: 240px auto;
	}
	.hh-quiz__foto img {
		object-position: center 10%;
	}
	.hh-quiz__panel {
		align-items: flex-start;
		justify-content: center;
		padding: 20px 0;
	}
	.hh-quiz__contenido {
		width: calc(100% - 97px);
		max-width: 600px;
	}
	.hh-quiz__progreso {
		justify-content: flex-start;
		gap: 20px;
		width: auto;
		margin-bottom: 40px;
	}
	.hh-quiz .hh-quiz__contador {
		flex: none;
		width: 60px;
	}
	.hh-quiz__barra {
		gap: 12px;
	}
	.hh-quiz__segmento {
		width: 42px;
	}
	.hh-quiz__cuerpo,
	.hh-quiz__opciones {
		gap: 32px;
	}
	.hh-quiz .hh-quiz__opcion {
		gap: 30px;
		padding: 22px 30px;
	}
	.hh-quiz__circulo {
		width: 23px;
		height: 23px;
	}
	.hh-quiz .hh-quiz__siguiente {
		margin-top: 40px;
		padding: 14px 40px;
	}
}
@media (prefers-reduced-motion: reduce) {
	.hh-quiz .hh-quiz__opcion,
	.hh-quiz__circulo,
	.hh-quiz .hh-quiz__siguiente {
		transition: none;
	}
	.hh-quiz__paso .hh-quiz__contenido,
	.hh-quiz__paso .hh-quiz__foto img {
		animation: none !important;
	}
}


/* ---------------------------------------------------------------------------
 * Módulos de Mindbody (widget "HolyHaus Mindbody", tanda 8).
 * Mindbody sirve su contenido en un iframe que se mide solo: aquí solo se le da
 * el ancho y un alto de reserva mientras carga (el alto se controla desde Elementor).
 * El aspecto de dentro del módulo lo pone Mindbody (ver docs/mindbody.md §7).
 * ------------------------------------------------------------------------- */
.hh-mindbody {
	width: 100%;
}

.hh-mindbody .mindbody-widget,
.hh-mindbody iframe {
	width: 100%;
	display: block;
	border: 0;
}

/* Un enlace no reserva alto: se comporta como un texto más. */
.hh-mindbody--enlace {
	min-height: 0;
}

/* Aviso que solo se ve dentro del editor de Elementor. */
.hh-mindbody--aviso {
	min-height: 0;
	padding: 20px;
	border: 1px dashed currentColor;
	border-radius: 20px;
	text-align: center;
	opacity: .7;
}


/* Línea de enlaces legales del footer (tanda 9). El Nav Menu horizontal no salta de línea
   y en móvil los tres títulos no caben en una sola. */
.hh-legal-menu .elementor-nav-menu--layout-horizontal .elementor-nav-menu {
	flex-wrap: wrap;
	row-gap: 6px;
}
/* El primer enlace queda a plomo con el © de arriba: el Nav Menu da el mismo
   padding lateral a todos los ítems y al primero le sobra por la izquierda. */
.hh-legal-menu .elementor-nav-menu--layout-horizontal .elementor-nav-menu > li:first-child > a {
	padding-left: 0;
}
@media (max-width: 1024px) {
	.hh-legal-menu .elementor-nav-menu--layout-horizontal .elementor-nav-menu {
		justify-content: center;
	}
	.hh-legal-menu .elementor-nav-menu--layout-horizontal .elementor-nav-menu > li:first-child > a {
		padding-left: var(--e-nav-menu-horizontal-menu-item-padding, 0);
	}
}


/* Páginas legales (tanda 9). Son textos largos para leer, no secciones de diseño:
   los títulos del Kit son demasiado grandes aquí y las tablas necesitan líneas visibles.
   No lleva colores fijos: todo sale del color de texto que ponga Elementor. */
.hh-legal {
	max-width: 1100px;
}
.hh-legal h2 {
	font-size: clamp(22px, 1.6667vw, 32px);
	margin: 1.6em 0 .5em;
	color: inherit;
}
.hh-legal ul,
.hh-legal ol {
	padding-left: 1.2em;
	margin-bottom: 1em;
}
.hh-legal li {
	margin-bottom: .35em;
}
.hh-legal a {
	color: inherit;
	text-decoration: underline;
}
.hh-legal table {
	width: 100%;
	border-collapse: collapse;
	margin: 1em 0 1.5em;
	font-size: .9em;
}
.hh-legal th,
.hh-legal td {
	border: 1px solid currentColor;
	padding: .5em .7em;
	text-align: left;
	vertical-align: top;
}
.hh-legal th {
	font-weight: 600;
}
.hh-legal code {
	font-family: monospace;
	font-size: .95em;
}
@media (max-width: 767px) {
	.hh-legal table,
	.hh-legal thead,
	.hh-legal tbody,
	.hh-legal tr,
	.hh-legal th,
	.hh-legal td {
		display: block;
		width: 100%;
	}
	.hh-legal thead {
		display: none;
	}
	.hh-legal tr {
		border: 1px solid currentColor;
		margin-bottom: .8em;
	}
	.hh-legal td {
		border: 0;
		border-bottom: 1px solid currentColor;
	}
	.hh-legal tr td:last-child {
		border-bottom: 0;
	}
}


/* Aviso que ocupa el sitio del módulo de Mindbody mientras no hay consentimiento (tanda 9).
   Lleva fondo propio porque va encima de fotos y de los tres colores de panel: heredando
   el color del contenedor no se leía (reportado el 2026-10-06). Forest y Lima fijos. */
.hh-mindbody__aviso {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 20px;
	min-height: inherit;
	padding: 40px 20px;
	text-align: center;
	background: rgba(9, 51, 10, .88);
	color: #FFFFFF;
	border: 1px solid rgba(220, 255, 90, .45);
	border-radius: 20px;
}
.hh-mindbody__aviso p {
	margin: 0;
	max-width: 46ch;
}
.hh-mindbody__boton {
	font: inherit;
	cursor: pointer;
	padding: 12px 28px;
	border: 2px solid #DCFF5A;
	border-radius: 40px;
	background: transparent;
	color: #DCFF5A;
	transition: background-color .3s ease-out, color .3s ease-out;
}
@media (hover: hover) and (min-width: 1025px) {
	.hh-mindbody__boton:hover {
		background: #DCFF5A;
		color: #09330A;
	}
}
@media (prefers-reduced-motion: reduce) {
	.hh-mindbody__boton {
		transition: none;
	}
}


/* ---------------------------------------------------------------------------
 * Accesibilidad: respetar "reducir movimiento" (tanda 9).
 * Quien lo tenga activado en su sistema no ve animaciones de entrada ni
 * transiciones. Lleva !important porque hay que ganarle a los estilos en línea
 * que Elementor genera para cada animación, y `.elementor-invisible` hay que
 * revertirlo o el contenido se quedaría oculto para siempre.
 * ------------------------------------------------------------------------- */
@media (prefers-reduced-motion: reduce) {
	.elementor-invisible {
		visibility: visible !important;
	}

	.animated,
	.elementor-animated {
		animation: none !important;
	}

	*,
	*::before,
	*::after {
		animation-duration: .001ms !important;
		animation-iteration-count: 1 !important;
		transition-duration: .001ms !important;
		scroll-behavior: auto !important;
	}
}