/*
 * Ajustes por sección que se activan con una clase en el widget (ver inc/secciones.php).
 * Hoy los usa /inicio-2/; sirven en cualquier página que reutilice esas secciones.
 */

/* ---------- Hero con video de Vimeo (ea-vimeo-<ID>) ---------- */
.ea-hero-video {
	position: relative;
	aspect-ratio: 16 / 9;
	overflow: hidden;
	background:
		radial-gradient(55% 55% at 50% 50%, rgba(112, 27, 250, 0.35) 0%, rgba(112, 27, 250, 0) 70%),
		#120b22 url(../img/escalautos-isotipo-blanco.svg) center / 110px auto no-repeat;
}
.ea-hero-video-frame {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	border: 0;
}
/* El botón de sonido va EN EL CENTRO del video (2026-09-28; antes, una píldora en la esquina de abajo a la
 * derecha que casi nadie veía). Mientras el video está en silencio, el botón ocupa todo el marco: un clic en
 * cualquier parte del video activa el sonido. Con el sonido puesto se recoge a una píldora chica abajo, al
 * centro, para no tapar lo que se está viendo. */
.ea-hero-sonido {
	position: absolute;
	inset: 0;
	z-index: 2;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 14px;
	padding: 0;
	border: 0;
	background: radial-gradient(closest-side, rgba(13, 10, 20, 0.42) 0%, rgba(13, 10, 20, 0) 72%);
	color: #fff;
	font-family: var(--ea-font-text);
	font-size: 15px;
	font-weight: 600;
	line-height: 1;
	cursor: pointer;
	opacity: 0;
	transition: opacity 0.4s;
}
/* Aparece cuando el video ya está andando: antes, en el marco está el isotipo de espera. */
.ea-hero-video.is-playing .ea-hero-sonido {
	opacity: 1;
}
.ea-hero-sonido-icono {
	position: relative;
	display: grid;
	place-items: center;
	width: 84px;
	height: 84px;
	border-radius: 50%;
	border: 1px solid rgba(255, 255, 255, 0.4);
	background: rgba(13, 10, 20, 0.58);
	-webkit-backdrop-filter: blur(10px);
	backdrop-filter: blur(10px);
	font-size: 26px;
	transition: background-color 0.25s, border-color 0.25s, transform 0.25s;
}
/* La onda: un aro del color de la página que se abre y se apaga. Es la única señal de «aquí hay sonido». */
.ea-hero-sonido-icono::after {
	content: "";
	position: absolute;
	inset: -1px;
	border-radius: 50%;
	border: 1.5px solid var(--ea-primary);
	animation: ea-onda-sonido 2.4s ease-out infinite;
}
@keyframes ea-onda-sonido {
	0% { transform: scale(1); opacity: 0.85; }
	100% { transform: scale(1.55); opacity: 0; }
}
.ea-hero-sonido-texto {
	padding: 9px 16px;
	border-radius: 999px;
	background: rgba(13, 10, 20, 0.58);
	-webkit-backdrop-filter: blur(10px);
	backdrop-filter: blur(10px);
}
.ea-hero-sonido:hover .ea-hero-sonido-icono,
.ea-hero-sonido:focus-visible .ea-hero-sonido-icono {
	background: var(--ea-primary);
	border-color: var(--ea-primary);
	transform: scale(1.05);
}
.ea-hero-sonido:focus-visible {
	outline: 2px solid #fff;
	outline-offset: -6px;
}
/* Con sonido: píldora chica, abajo y al centro. */
.ea-hero-sonido[aria-pressed="true"] {
	inset: auto auto 18px 50%;
	transform: translateX(-50%);
	flex-direction: row;
	gap: 8px;
	padding: 6px 16px 6px 6px;
	border: 1px solid rgba(255, 255, 255, 0.28);
	border-radius: 999px;
	background: rgba(13, 10, 20, 0.62);
	-webkit-backdrop-filter: blur(10px);
	backdrop-filter: blur(10px);
	font-size: 13px;
}
.ea-hero-video.is-playing .ea-hero-sonido[aria-pressed="true"] {
	opacity: 0.85;
}
.ea-hero-video.is-playing .ea-hero-sonido[aria-pressed="true"]:hover,
.ea-hero-video.is-playing .ea-hero-sonido[aria-pressed="true"]:focus-visible {
	opacity: 1;
}
.ea-hero-sonido[aria-pressed="true"] .ea-hero-sonido-icono {
	width: 32px;
	height: 32px;
	border: 0;
	background: var(--ea-primary);
	-webkit-backdrop-filter: none;
	backdrop-filter: none;
	font-size: 13px;
	transform: none;
}
.ea-hero-sonido[aria-pressed="true"] .ea-hero-sonido-icono::after {
	display: none;
}
.ea-hero-sonido[aria-pressed="true"] .ea-hero-sonido-texto {
	padding: 0;
	background: none;
	-webkit-backdrop-filter: none;
	backdrop-filter: none;
}
@media (max-width: 767px) {
	/* En celular el video mide ~350 px: el botón se achica para no taparle la cara a quien habla. */
	.ea-hero-sonido {
		gap: 8px;
		font-size: 12px;
	}
	.ea-hero-sonido-icono {
		width: 50px;
		height: 50px;
		font-size: 16px;
	}
	.ea-hero-sonido-texto {
		padding: 6px 12px;
	}
	.ea-hero-sonido[aria-pressed="true"] {
		bottom: 10px;
		font-size: 12px;
	}
}
@media (prefers-reduced-motion: reduce) {
	.ea-hero-sonido-icono::after {
		animation: none;
		opacity: 0.6;
	}
}

/* ---------- Franja de aliados (ea-aliados): mismo alto visual que los logos de la demo ---------- */
.ea-aliados .sk-partner-3-logo .logo-single img {
	height: 40px;
	width: auto;
	max-width: 150px;
	object-fit: contain;
}
@media (max-width: 767px) {
	.ea-aliados .sk-partner-3-logo .logo-single img {
		height: 32px;
		max-width: 120px;
	}
}

/* ---------- Diferenciadores (ea-diferenciadores): sin las 3 cajas grandes del bento ---------- */
.ea-diferenciadores .sk-features-3-wrap {
	display: none;
}
.ea-diferenciadores .sk-features-3-card .item-icon-elm i {
	font-size: 22px;
	color: #fff;
}

/* ---------- Logos y emblemas clicables (ea-marcas-enlaces, ea-autoverso) ---------- */
.ea-logo-enlace {
	display: block;
	width: 100%;
	height: 100%;
	border-radius: 50%;
	transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.ea-logo-enlace:hover,
.ea-logo-enlace:focus-visible {
	transform: scale(1.15);
	box-shadow: 0 0 0 3px rgba(255, 255, 255, 0.9), 0 0 32px rgba(112, 27, 250, 0.9);
	outline: none;
}
.sk-apps-4-logo:has(.ea-logo-enlace:hover),
.sk-apps-4-logo:has(.ea-logo-enlace:hover) .single-logo img {
	animation-play-state: paused;
}
@media (min-width: 1200px) {
	/* El tema gira todo el círculo; cada emblema gira al revés a la misma velocidad y así
	   siempre se ve derecho, en el orden de la lista. */
	.ea-arco .sk-apps-4-logo .single-logo img {
		animation: wa-rotated-minus 30s linear infinite;
	}
}

/* ---------- Arco de marcas en oscuro (ea-arco) ---------- */
.ea-arco .sk-apps-4-sec-title .sk-sec-title-4 {
	color: #fff;
}
.ea-arco .sk-subtitle-4 {
	background: rgba(112, 27, 250, 0.16);
	border-color: rgba(112, 27, 250, 0.55);
	box-shadow: none;
}
.ea-arco .sk-subtitle-4-text {
	color: #fff;
	-webkit-text-fill-color: #fff;
	background: none;
}
.ea-arco .sk-apps-4-content .disc {
	color: rgba(255, 255, 255, 0.72);
}
.ea-arco .sk-apps-4-content::after {
	background: radial-gradient(50% 50% at 50% 50%, rgba(112, 27, 250, 0.9) 0%, rgba(112, 27, 250, 0.25) 60%, rgba(112, 27, 250, 0) 100%);
	opacity: 0.35;
}
.ea-arco .sk-apps-4-content::before {
	background: linear-gradient(180deg, rgba(13, 10, 20, 0) 0%, rgba(13, 10, 20, 0.7) 53.44%, #0d0a14 100%);
}
.ea-arco .sk-apps-4-wrap::before,
.ea-arco .sk-apps-4-wrap::after {
	background: linear-gradient(94deg, rgba(112, 27, 250, 0.22) 0%, rgba(112, 27, 250, 0.12) 40%, rgba(170, 110, 255, 0.22) 100%);
	pointer-events: none;
}
/* Transición con la sección siguiente: el tema recorta el arco en seco al final de la sección.
   Arco, emblemas y halo se desvanecen hacia abajo sobre el mismo fondo (#0d0a14). */
@media (min-width: 1200px) {
	/* Solo en escritorio: en celular los emblemas van en cuadrícula y deben verse todos. */
	.ea-arco .sk-apps-4-logo-wrap {
		-webkit-mask-image: linear-gradient(to bottom, #000 45%, transparent 92%);
		mask-image: linear-gradient(to bottom, #000 45%, transparent 92%);
	}
	.ea-arco .sk-apps-4-shape-2 img {
		-webkit-mask-image: linear-gradient(to bottom, #000 35%, transparent 80%);
		mask-image: linear-gradient(to bottom, #000 35%, transparent 80%);
	}
	.ea-arco .sk-apps-4-content::after {
		-webkit-mask-image: linear-gradient(to bottom, #000 0%, transparent 50%);
		mask-image: linear-gradient(to bottom, #000 0%, transparent 50%);
	}
}
/* ea-arco-oscuro.png lleva 24px de margen para que el brillo no se corte: se sube lo mismo. */
.ea-arco .sk-apps-4-shape-2 {
	top: -35px;
}
/* El bloque de texto es un rectángulo que tapa parte del arco: que no robe el mouse. */
.ea-arco .sk-apps-4-content-posi {
	pointer-events: none;
}
.ea-arco .sk-apps-4-content a {
	pointer-events: auto;
}

/* ---------- Bienvenido al Autoverso (ea-autoverso) ---------- */
.ea-autoverso .sk-apps-3-area.pt-190 {
	padding-top: 60px;
}
/* Los haces de luz de la demo arrancan justo en el borde superior: entran con degradado. */
.ea-autoverso .sk-apps-3-bg-shape-1 img,
.ea-autoverso .sk-apps-3-bg-shape-2 img {
	-webkit-mask-image: linear-gradient(to bottom, transparent 0%, #000 35%);
	mask-image: linear-gradient(to bottom, transparent 0%, #000 35%);
	opacity: 0.7;
}
/* Aire abajo para que la sección siguiente (que sube 70px) no tape el ícono inferior. */
.ea-autoverso .sk-apps-3-area {
	padding-bottom: 150px;
}
@media (min-width: 1200px) {
	/* La demo usa 2000px de recorrido; con 1500 la animación se completa sin tanto vacío. */
	.ea-autoverso .sk-apps-3-height {
		height: 1500px;
	}
	.ea-autoverso .sk-apps-3-pin {
		padding: 40px 0;
	}
}
@media (min-width: 1200px) and (max-height: 1000px) {
	/* En pantallas de 900px de alto el círculo completo (con íconos) no cabe: se escala. */
	.ea-autoverso .sk-apps-3-logo-x-title {
		transform: scale(0.82);
		transform-origin: 50% 0;
	}
}
.ea-autoverso .sk-apps-3-video::after {
	background: radial-gradient(50% 50% at 50% 50%, #701bfa 0%, rgba(13, 10, 20, 0) 80%);
	opacity: 0.55;
}
.ea-autoverso .sk-apps-3-video-elm {
	display: flex;
	align-items: center;
	justify-content: center;
	background: radial-gradient(circle at 35% 30%, #9a5cff 0%, #701bfa 45%, #3a0c96 100%);
	box-shadow: inset 0 0 24px rgba(255, 255, 255, 0.55), 0 0 60px rgba(112, 27, 250, 0.55);
}
.ea-autoverso .sk-apps-3-video-elm img.ea-autoverso-centro {
	position: static;
	width: 48%;
	height: auto;
	object-fit: contain;
}

/* ---------- Servicios en tarjetas apiladas (ea-servicios-apilados) ---------- */
.ea-servicios-apilados .sk-features-5-area {
	background-color: #120c1f;
	border-top: 1px solid rgba(112, 27, 250, 0.35);
}
.ea-servicios-apilados .sk-sec-title-5 {
	color: #fff;
}
.ea-servicios-apilados .sk-features-5-sec-title .sec-disc {
	color: rgba(255, 255, 255, 0.72);
}
.ea-servicios-apilados .sk-features-5-card,
.ea-servicios-apilados .sk-features-5-card:is(.has-v2, .has-v3, .has-v4) {
	background: linear-gradient(135deg, #1e1535 0%, #150f26 100%);
	border: 1px solid rgba(112, 27, 250, 0.32);
	box-shadow: 0 -16px 40px rgba(0, 0, 0, 0.45);
}
.ea-servicios-apilados .sk-features-5-card .item-img {
	aspect-ratio: 5 / 4;
	background: radial-gradient(70% 70% at 50% 35%, rgba(112, 27, 250, 0.55) 0%, rgba(112, 27, 250, 0.12) 70%), #1a1030;
}
.ea-servicios-apilados .sk-features-5-card .item-img img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center 12%;
}
.ea-servicios-apilados .sk-features-5-card .number {
	color: rgba(165, 123, 255, 0.55);
}
.ea-servicios-apilados .sk-features-5-card .title a,
.ea-servicios-apilados .sk-features-5-card .title a:hover {
	color: #fff;
}
.ea-servicios-apilados .sk-features-5-card .disc {
	color: rgba(255, 255, 255, 0.75);
	opacity: 1;
}
.ea-servicios-apilados .sk-features-5-card .item-list li {
	color: rgba(255, 255, 255, 0.88);
}
.ea-servicios-apilados .sk-features-5-card .item-list li svg * {
	stroke: #a57bff;
}
/* En el celular, carrusel (Estiven, 2026-10-30): las 7 tarjetas una debajo de otra medían ~5.700 px. Se ve una y se
   asoma la siguiente; el apilado de escritorio (sticky) no cambia. Mismo patrón que los autos (.ea-inicio-grid). */
@media (max-width: 767px) {
	.ea-servicios-apilados .sk-features-5-area {
		padding-top: 80px;
		padding-bottom: 60px;
	}
	.ea-servicios-apilados .sk-features-5-wrap:has(> .sk-features-5-card) {
		flex-direction: row;
		flex-wrap: nowrap;
		align-items: stretch;
		gap: 14px;
		margin: 0 -12px;
		padding: 4px 12px 10px;
		overflow-x: auto;
		scroll-snap-type: x mandatory;
		scroll-padding: 0 12px;
		scrollbar-width: none;
		overscroll-behavior-x: contain;
	}
	.ea-servicios-apilados .sk-features-5-wrap:has(> .sk-features-5-card)::-webkit-scrollbar {
		display: none;
	}
	.ea-servicios-apilados .sk-features-5-wrap > .sk-features-5-card {
		position: static;
		flex: 0 0 86%;
		min-width: 0;
		margin: 0 !important;
		scroll-snap-align: start;
		box-shadow: none;
	}
}
.ea-tarjeta-btn {
	display: inline-flex;
	align-items: center;
	gap: 10px;
	margin-top: 30px;
	padding: 14px 26px;
	border-radius: 999px;
	background: var(--ea-primary);
	color: #fff;
	font-family: var(--ea-font-text);
	font-size: 15px;
	font-weight: 600;
	line-height: 1;
	transition: background-color 0.25s, transform 0.25s, box-shadow 0.25s;
}
.ea-tarjeta-btn:hover,
.ea-tarjeta-btn:focus-visible {
	color: #fff;
	background: #8a45ff;
	transform: translateY(-2px);
	box-shadow: 0 10px 30px rgba(112, 27, 250, 0.45);
}
.ea-tarjeta-btn i {
	font-size: 13px;
	transition: transform 0.25s;
}
.ea-tarjeta-btn:hover i {
	transform: translateX(3px);
}
/* ---------- El marco de cada servicio, en su color (2026-09-28) ----------
 * La clase `ea-serv--<color>` la pone inc/secciones.php según la página a la que enlaza la tarjeta.
 * Los colores son los del kit (brand book, sección 02) y los mismos del mega menú.
 */
.ea-serv--morado  { --s: #701bfa; --s-claro: #c9b3ff; --s-noche: #0d0a14; --s-tinta: #fff; }
.ea-serv--azul    { --s: #0099f6; --s-claro: #9bdcff; --s-noche: #021119; --s-tinta: #fff; --s-boton: #0077c2; } /* botón: blanco sobre #0099f6 da 3:1; sobre #0077c2, 4,8:1 */
.ea-serv--verde   { --s: #00e688; --s-claro: #a6f7d3; --s-noche: #02170e; --s-tinta: #02170e; }
.ea-serv--naranja { --s: #f19238; --s-claro: #ffd3a3; --s-noche: #1e0f02; --s-tinta: #1c1003; }

.ea-servicios-apilados .sk-features-5-card.ea-serv {
	border-color: color-mix(in srgb, var(--s) 38%, transparent);
}
.ea-servicios-apilados .ea-serv .number {
	color: color-mix(in srgb, var(--s-claro) 60%, transparent);
}
.ea-servicios-apilados .ea-serv .item-list li svg * {
	stroke: var(--s-claro);
}
.ea-serv .ea-tarjeta-btn {
	background: var(--s-boton, var(--s));
	color: var(--s-tinta);
}
.ea-serv .ea-tarjeta-btn:hover,
.ea-serv .ea-tarjeta-btn:focus-visible {
	background: color-mix(in srgb, var(--s-boton, var(--s)) 82%, #fff);
	color: var(--s-tinta);
	box-shadow: 0 10px 30px color-mix(in srgb, var(--s) 40%, transparent);
}
.ea-serv--azul .ea-tarjeta-btn:hover,
.ea-serv--azul .ea-tarjeta-btn:focus-visible {
	background: #006aad; /* el aclarado general bajaría el contraste del blanco */
}

/* El panel: el degradé del servicio y la rejilla, que se desvanece hacia la esquina de abajo. */
.ea-servicios-apilados .sk-features-5-card .item-img.ea-marco {
	position: relative;
	overflow: hidden;
	background: linear-gradient(165deg, var(--s) 0%, color-mix(in srgb, var(--s) 55%, #000) 48%, var(--s-noche) 100%);
}
.ea-marco::before {
	content: "";
	position: absolute;
	inset: 0;
	background-image:
		linear-gradient(rgba(255, 255, 255, 0.07) 1px, transparent 1px),
		linear-gradient(90deg, rgba(255, 255, 255, 0.07) 1px, transparent 1px);
	background-size: 34px 34px;
	-webkit-mask-image: linear-gradient(160deg, #000 0%, transparent 75%);
	mask-image: linear-gradient(160deg, #000 0%, transparent 75%);
}
/* La ventana se sale por la derecha y por abajo: sólo se le ve la esquina de arriba a la izquierda. */
.ea-marco__ventana {
	position: absolute;
	left: 96px;
	top: 84px;
	right: -1px;
	bottom: -1px;
	overflow: hidden;
	border: 1px solid rgba(255, 255, 255, 0.22);
	border-radius: 24px 0 0 0;
	background: rgba(8, 6, 14, 0.55);
}
.ea-servicios-apilados .sk-features-5-card .ea-marco__ventana img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
}
/* Una persona recortada va parada en el piso de la ventana y se le ve la cabeza completa. */
.ea-servicios-apilados .sk-features-5-card .ea-marco__ventana--recorte img {
	object-fit: contain;
	object-position: center bottom;
	padding-top: 14px;
}
/* Sin foto: la moneda del servicio, grande y tenue. */
.ea-marco__ventana--vacia {
	display: grid;
	place-items: center;
	background: repeating-linear-gradient(135deg, rgba(255, 255, 255, 0.03) 0 14px, transparent 14px 28px), rgba(8, 6, 14, 0.55);
}
.ea-servicios-apilados .sk-features-5-card .ea-marco__ventana--vacia img.ea-marco__fantasma {
	width: 44%;
	height: auto;
	object-fit: contain;
	opacity: 0.4;
}
.ea-servicios-apilados .sk-features-5-card .item-img img.ea-marco__moneda {
	position: absolute;
	z-index: 2;
	left: 34px;
	top: 26px;
	width: 124px;
	height: 124px;
	object-fit: contain;
	filter: drop-shadow(0 14px 24px rgba(0, 0, 0, 0.45));
}
@media (max-width: 767px) {
	.ea-marco__ventana {
		left: 52px;
		top: 46px;
		border-radius: 18px 0 0 0;
	}
	.ea-servicios-apilados .sk-features-5-card .item-img img.ea-marco__moneda {
		left: 16px;
		top: 12px;
		width: 76px;
		height: 76px;
	}
}
@media (min-width: 1200px) {
	/* 7 tarjetas: cada una se detiene 20px más abajo que la anterior para que se vea la pila. */
	.ea-servicios-apilados .sk-features-5-card:nth-child(1) { top: 100px; }
	.ea-servicios-apilados .sk-features-5-card:nth-child(2) { top: 120px; }
	.ea-servicios-apilados .sk-features-5-card:nth-child(3) { top: 140px; }
	.ea-servicios-apilados .sk-features-5-card:nth-child(4) { top: 160px; }
	.ea-servicios-apilados .sk-features-5-card:nth-child(5) { top: 180px; }
	.ea-servicios-apilados .sk-features-5-card:nth-child(6) { top: 200px; }
	.ea-servicios-apilados .sk-features-5-card:nth-child(7) { top: 220px; }
}
.ea-servicios-apilados .sk-subtitle-5 {
	color: #fff;
	border-color: rgba(112, 27, 250, 0.55);
	background: rgba(112, 27, 250, 0.12);
}

/* ---------- Programa de puntos (ea-puntos) ---------- */
@media (max-width: 991px) {
	:is(.ea-puntos, .ea-planes) .sk-process-1-favicon {
		margin: 10px auto 40px;
	}
	/* El número grande de la tarjeta queda en una esquina: el título no se le monta encima. */
	:is(.ea-puntos, .ea-planes) .sk-process-1-item-single .title {
		max-width: calc(100% - 56px);
	}
	:is(.ea-puntos, .ea-planes) .sk-process-1-item:first-child .sk-process-1-item-single .title {
		margin-left: auto;
	}
}

/* ---------- Reseñas (ea-resenas): tarjetas en tono de marca y sin corte en celular ---------- */
.ea-resenas .sk-testimonial-6-card {
	background: linear-gradient(90deg, #1d1531 0%, #100b1b 100%);
}
.ea-resenas .sk-testimonial-6-card-border {
	border-color: rgba(112, 27, 250, 0.28);
}
.ea-resenas .sk-testimonial-6-wrap::after {
	background: linear-gradient(90deg, #110c1c 0%, rgba(17, 12, 28, 0) 100%);
}
.ea-resenas .sk-testimonial-6-wrap::before {
	background: linear-gradient(-90deg, #110c1c 0%, rgba(17, 12, 28, 0) 100%);
}
@media (max-width: 767px) {
	.ea-resenas .sk-testimonial-6-area {
		background-color: #110c1c;
	}
	.ea-resenas .sk-testimonial-6-card-border {
		max-width: 78vw;
	}
	.ea-resenas .sk-testimonial-6-wrap::after,
	.ea-resenas .sk-testimonial-6-wrap::before {
		width: 36px;
	}
}

/* Segunda fila: lo que dicen los medios (inc/secciones.php › escalautos_prensa_tarjetas). Logo, medio, titular y
   «Leer nota» en la misma tarjeta de las reseñas. Los logos son blancos: en claro se oscurecen (claro-ajustes). */
.ea-resenas .ea-resenas-fila {
	margin: 34px 0 14px;
	color: var(--ea-texto-2);
	font: 600 13px/1.2 var(--ea-font-display);
	letter-spacing: 0.08em;
	text-align: center;
	text-transform: uppercase;
}
.ea-resenas .ea-prensa {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 10px;
	min-height: 100%;
}
.ea-resenas .ea-prensa-logo {
	display: flex;
	align-items: center;
	height: 30px;
}
.ea-resenas .ea-prensa-logo img {
	width: auto;
	max-width: 150px;
	height: 26px;
	object-fit: contain;
	opacity: 0.9;
}
.ea-resenas .ea-prensa-medio {
	margin: 0;
	color: var(--ea-texto-3);
	font-size: 13px;
	font-weight: 600;
}
.ea-resenas .ea-prensa-titular {
	margin: 0;
	white-space: normal;
}
.ea-resenas .ea-prensa-leer {
	margin-top: auto;
	color: var(--ea-acento-texto);
	font-size: 14px;
	font-weight: 600;
	text-decoration: underline;
	text-underline-offset: 3px;
}

/* ---------- CTA de asesoría (ea-cta-asesoria): diseño original de la demo H01 ---------- */
/* La imagen del panel se exporta al doble para pantallas retina; se muestra al tamaño de la demo. */
.ea-cta-asesoria .sk-cta-1-img img {
	width: 666px;
	max-width: 100%;
	height: auto;
}
.ea-cta-asesoria .ea-consent--cta {
	margin-top: 14px;
	font-size: 13px;
	line-height: 1.5;
	color: rgba(255, 255, 255, 0.72);
}
.ea-cta-asesoria .ea-consent--cta a {
	color: #fff;
	text-decoration: underline;
}
.ea-cta-asesoria .ea-consent--cta .wpcf7-list-item {
	margin: 0;
}
.ea-cta-asesoria .ea-consent--cta input[type="checkbox"] {
	accent-color: var(--ea-primary);
	margin-right: 6px;
	vertical-align: -2px;
}
@media (max-width: 991px) {
	/* En celular la foto/panel va debajo del texto y no lo tapa. */
	.ea-cta-asesoria .sk-cta-1-img {
		position: relative;
		width: 100%;
		margin: 30px 0 0 auto;
	}
}

/* Nombre del servicio bajo cada moneda 3D del Autoverso */
.ea-autoverso .sk-apps-3-logo .ea-logo-enlace {
	position: relative;
}
.ea-autoverso .ea-logo-nombre {
	position: absolute;
	top: 100%;
	left: 50%;
	transform: translateX(-50%);
	margin-top: 8px;
	font-family: var(--ea-font-display);
	font-size: 11px;
	font-weight: 600;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	white-space: nowrap;
	color: rgba(255, 255, 255, 0.85);
	pointer-events: none;
}
/* Celular: las monedas en círculo alrededor de la esfera, girando despacio (Estiven, 2026-10-30; antes, una grilla
   de 4 filas y la esfera sola debajo). assets/js/autoverso-circulo.js pone .is-circulo, --n y --i; sin él, la grilla.
   El ángulo lo lleva el JS en --giro (gira solo y con el dedo, a los dos lados); las monedas giran al revés para
   quedar derechas. Al tocar una, un globo con su nombre junto a ella (.ea-av-tip). */
@media (max-width: 767px) {
	.ea-autoverso .sk-apps-3-area {
		padding-top: 90px;
		padding-bottom: 70px;
		/* El anillo gira y su caja, en diagonal, mide más que la pantalla: sin esto el iPhone dejaba correr la
		   página de lado (425–441 px de ancho, 2026-10-30). «clip» no crea una caja con scroll; «hidden» por si acaso. */
		overflow-x: hidden;
		overflow-x: clip;
	}
	.ea-autoverso.is-circulo .sk-apps-3-logo-x-title {
		--r: min(136px, calc(50vw - 60px)); /* radio del anillo: 136 px a 390, 120 a 360 */
		--m: 56px;                          /* moneda */
		position: relative;
		display: grid;
		grid-template-areas: "titulo" "anillo";
		justify-items: center;
		touch-action: pan-y; /* el gesto de lado gira el anillo; el vertical sigue bajando la página */
	}
	.ea-autoverso.is-circulo .sk-apps-3-sec-title-wrap {
		grid-area: titulo;
		margin-bottom: 28px;
	}
	/* Las monedas van dentro de .sk-apps-3-logo-wrap: ése y la esfera comparten la celda. */
	.ea-autoverso.is-circulo .sk-apps-3-logo-wrap,
	.ea-autoverso.is-circulo .sk-apps-3-video-wrap {
		grid-area: anillo;
	}
	.ea-autoverso.is-circulo .sk-apps-3-logo-wrap {
		position: relative;
		z-index: 1;
		align-self: center;
	}
	.ea-autoverso.is-circulo .sk-apps-3-logo {
		position: relative;
		z-index: 1;
		display: block;
		width: calc(var(--r) * 2 + var(--m));
		height: calc(var(--r) * 2 + var(--m));
		margin: 0;
		pointer-events: none;
		rotate: var(--giro, 0deg);
	}
	.ea-autoverso.is-circulo .sk-apps-3-logo .single-logo {
		position: absolute;
		top: 50%;
		left: 50%;
		width: var(--m);
		height: var(--m);
		margin: calc(var(--m) / -2) 0 0 calc(var(--m) / -2);
		transform: rotate(calc(360deg / var(--n) * var(--i) - 90deg)) translate(var(--r)) rotate(calc(90deg - 360deg / var(--n) * var(--i)));
		pointer-events: auto;
		transition: opacity 0.2s;
	}
	.ea-autoverso.is-circulo .sk-apps-3-logo .ea-logo-enlace {
		display: block;
		rotate: calc(var(--giro, 0deg) * -1);
		-webkit-user-drag: none;
	}
	.ea-autoverso.is-circulo .sk-apps-3-logo .ea-logo-enlace img {
		-webkit-user-drag: none;
		user-select: none;
	}
	.ea-autoverso.is-circulo .sk-apps-3-logo .ea-logo-enlace img {
		width: 100%;
		transition: transform 0.2s;
	}
	.ea-autoverso.is-circulo .ea-logo-nombre {
		display: none;
	}
	.ea-autoverso.is-circulo.is-elegida .single-logo:not(.is-elegida) {
		opacity: 0.4;
	}
	.ea-autoverso.is-circulo .single-logo.is-elegida img {
		transform: scale(1.2);
	}
	.ea-autoverso.is-circulo .sk-apps-3-video-wrap {
		position: relative;
		z-index: 2;
		align-self: center;
		pointer-events: none;
	}
	.ea-autoverso.is-circulo .sk-apps-3-video {
		padding: 10px;
	}
	.ea-autoverso.is-circulo .sk-apps-3-video-elm {
		position: relative;
		width: calc(var(--r) * 1.1);
		height: calc(var(--r) * 1.1);
		pointer-events: auto;
	}
	.ea-autoverso.is-circulo .ea-av-tip {
		position: absolute;
		z-index: 5;
		display: flex;
		flex-direction: column;
		align-items: center;
		gap: 4px;
		max-width: 220px;
		padding: 10px 14px;
		border: 1px solid var(--ea-acento-borde);
		border-radius: 14px;
		background: var(--ea-fondo);
		box-shadow: 0 12px 30px -12px rgba(0, 0, 0, 0.55);
		text-align: center;
		white-space: nowrap;
		translate: -50% calc(-100% - 12px);
		animation: ea-av-tip 0.18s ease-out;
	}
	.ea-autoverso.is-circulo .ea-av-tip.is-abajo {
		translate: -50% 12px;
	}
	.ea-autoverso.is-circulo .ea-av-tip[hidden] {
		display: none;
	}
	/* La flecha apunta a la moneda aunque el globo se corra para no salirse de la pantalla (--flecha). */
	.ea-autoverso.is-circulo .ea-av-tip::after {
		content: "";
		position: absolute;
		top: 100%;
		left: calc(50% + var(--flecha, 0px));
		width: 12px;
		height: 12px;
		margin: -6px 0 0 -6px;
		border: solid var(--ea-acento-borde);
		border-width: 0 1px 1px 0;
		background: var(--ea-fondo);
		rotate: 45deg;
	}
	.ea-autoverso.is-circulo .ea-av-tip.is-abajo::after {
		top: 0;
		border-width: 1px 0 0 1px;
	}
	.ea-autoverso.is-circulo .ea-av-tip b {
		color: var(--ea-texto);
		font: 600 13px/1.25 var(--ea-font-display);
		letter-spacing: 0.04em;
		text-transform: uppercase;
	}
	.ea-autoverso.is-circulo .ea-av-tip a {
		color: var(--ea-acento-texto);
		font: 600 13px/1.2 var(--ea-font-text);
		text-decoration: underline;
		text-underline-offset: 3px;
	}
	.ea-autoverso .ea-av-pista {
		display: none;
	}
	.ea-autoverso.is-circulo .ea-av-pista {
		display: block;
		margin: 18px 0 0;
		color: var(--ea-texto-3);
		font-size: 14px;
		text-align: center;
	}
}
@keyframes ea-av-tip {
	from { opacity: 0; }
}
@media (prefers-reduced-motion: reduce) {
	.ea-autoverso.is-circulo .ea-av-tip {
		animation: none;
	}
}
@media (max-width: 1199px) {
	.ea-autoverso .sk-apps-3-logo .single-logo {
		height: auto;
	}
	.ea-autoverso .sk-apps-3-logo .ea-logo-enlace {
		height: auto;
	}
	.ea-autoverso .sk-apps-3-logo .ea-logo-enlace img {
		display: block;
		aspect-ratio: 1;
		height: auto;
	}
	.ea-autoverso .ea-logo-nombre {
		position: static;
		display: block;
		transform: none;
		margin-top: 6px;
		text-align: center;
		font-size: 10px;
		/*
		 * En dos renglones si no cabe (2026-10-19): «SERVICIO TÉCNICO» medía 141 px en una
		 * columna de 112 y, en un celular de 390, ensanchaba la portada a 407 — el teléfono la
		 * mostraba un 4 % más chica.
		 */
		white-space: normal;
		text-wrap: balance;
		line-height: 1.3;
	}
}

@media (max-width: 767px) {
	/* Hero (portada y páginas de servicio): la plantilla deja 200 px arriba, pensados para la cabecera de escritorio;
	   en el celular la cabecera mide 48 y quedaban ~140 px vacíos antes de «Bienvenido al Autoverso» (2026-10-30). */
	html body .sk-hero-5-area {
		padding-top: 110px;
	}
	/* «¿Hablamos de tu próximo auto?» centrado como las demás secciones; la autorización sigue a la izquierda. */
	.ea-cta-asesoria .sk-cta-1-content {
		text-align: center;
	}
	.ea-cta-asesoria .ea-consent--cta {
		text-align: left;
	}
}

/* CTA de asesoría en celular: el botón baja debajo del campo para que el texto se lea completo. */
@media (max-width: 575px) {
	.ea-cta-asesoria .sk-cta-1-form-input {
		padding-right: 24px;
	}
	.ea-cta-asesoria .sk-cta-1-form-btn {
		position: static;
		width: 100%;
		margin-top: 10px;
		text-align: center;
	}
}

/* ======================================================================
   Vender y páginas de servicio
   ====================================================================== */

/* 3 pasos (ea-pasos): mismo fondo de la página, sin el borde redondeado que marcaba un corte. */
.ea-pasos .sk-process-5-area {
	background-color: transparent;
	border-radius: 0;
}

/* Formulario (ea-formulario): fondo de marca en vez del gris neutro de la demo. */
.ea-formulario .sk-contact-6-area {
	background: transparent;
	border-radius: 0;
}
.ea-formulario .sk-contact-6-info-single .icon img {
	width: 48px;
	height: 48px;
	object-fit: contain;
}

/* Dolores (ea-dolores): íconos SVG en línea y píldora legible. */
.ea-dolores .sk-features-4-card .item-icon-elm svg {
	width: 32px;
	height: 32px;
	color: #fff;
}
.ea-dolores .sk-subtitle-4 {
	background: rgba(112, 27, 250, 0.16);
	border-color: rgba(112, 27, 250, 0.55);
	box-shadow: none;
}
.ea-dolores .sk-subtitle-4-text {
	color: #fff;
	-webkit-text-fill-color: #fff;
	background: none;
}

/* Beneficios (ea-beneficios-venta): íconos a 34px (el aire va en el bloque de ritmo, al final). */

.ea-beneficios-venta .sk-benefits-1-card .icon-elm img {
	width: 34px;
	height: 34px;
}

/* Celular: dolores y beneficios pasan a carrusel deslizable (una tarjeta y el borde de la siguiente). */
@media (max-width: 767px) {
	.ea-dolores .sk-features-4-wrap,
	.ea-beneficios-venta .sk-benefits-1-wrap {
		display: flex;
		max-width: 100%; /* sin esto el carrusel se salía 3 px de la pantalla */
		gap: 14px;
		overflow-x: auto;
		scroll-snap-type: x mandatory;
		-webkit-overflow-scrolling: touch;
		scrollbar-width: none;
		padding-bottom: 6px;
		margin-right: -15px;
		padding-right: 15px;
	}
	.ea-dolores .sk-features-4-wrap::-webkit-scrollbar,
	.ea-beneficios-venta .sk-benefits-1-wrap::-webkit-scrollbar {
		display: none;
	}
	.ea-dolores .sk-features-4-card,
	.ea-beneficios-venta .sk-benefits-1-card {
		flex: 0 0 82%;
		scroll-snap-align: start;
	}
	.ea-beneficios-venta .sk-benefits-1-card {
		border: 1px solid rgba(255, 255, 255, 0.1);
		border-radius: 20px;
	}
	.ea-dolores .sk-features-4-wrap::after,
	.ea-beneficios-venta .sk-benefits-1-wrap::after {
		content: "";
		flex: 0 0 1px;
	}
}

/* Comparativa (ea-tabla): en celular se desliza de lado con la primera columna fija. */
@media (max-width: 767px) {
	.ea-tabla .sk-price-compare-table {
		overflow-x: auto;
		-webkit-overflow-scrolling: touch;
	}
	.ea-tabla .sk-price-compare-table .pricing-table__table {
		min-width: 640px;
	}
	.ea-tabla .sk-price-compare-table .pricing-table__table :is(th, td):first-child {
		position: sticky;
		left: 0;
		z-index: 2;
		background: #17111f;
		min-width: 130px;
	}
	.ea-tabla .sk-price-compare-table::before {
		content: "Desliza para comparar →";
		display: block;
		margin-bottom: 10px;
		font-size: 12px;
		color: rgba(255, 255, 255, 0.6);
	}
}

/* ======================================================================
   Ritmo entre secciones y fondo único
   Todas las secciones usan el fondo de la página (#0d0a14) y dejan el mismo aire
   arriba y abajo: 90px en escritorio, 56px en celular (≈180 / 112 px entre bloques).
   ====================================================================== */
:root {
	--ea-sec: 90px;
	--ea-fondo: #0d0a14;
}
@media (max-width: 767px) {
	:root {
		--ea-sec: 56px;
	}
}

/* Hero con video: conserva su fondo morado original (decisión del usuario, 2026-09-11); solo
   los últimos 160px se funden con el tono de la página para que no quede franja con la sección siguiente. */
html body [class*="ea-vimeo-"] .sk-hero-5-area::after {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	height: 160px;
	background: linear-gradient(to bottom, rgba(13, 10, 20, 0) 0%, var(--ea-fondo) 100%);
	pointer-events: none;
	z-index: 0;
}
html body [class*="ea-vimeo-"] .sk-hero-5-wrap {
	padding-bottom: var(--ea-sec);
}

/* 3 pasos: el anillo decorativo va encima del título, por eso 20px extra arriba. */
html body .ea-pasos .sk-process-5-area {
	padding-top: calc(var(--ea-sec) + 20px);
	padding-bottom: var(--ea-sec);
}
html body .ea-pasos :is(.sk-process-5-bg-shape-1, .sk-process-5-bg-shape-2) img {
	-webkit-mask-image: linear-gradient(to bottom, transparent 0%, #000 45%);
	mask-image: linear-gradient(to bottom, transparent 0%, #000 45%);
	opacity: 0.6;
}

html body .ea-formulario .sk-contact-6-area,
html body .ea-beneficios-venta .sk-benefits-1-area,
html body .ea-tabla .sk-price-compare-area,
html body .ea-faq .sk-faqs-6-area {
	padding-top: var(--ea-sec);
	padding-bottom: var(--ea-sec);
}

/* Dolores: el panel de la demo pasa a ancho completo y se funde con la página arriba y abajo. */
html body .ea-dolores .sk-features-4-area {
	margin-left: 0;
	margin-right: 0;
	border-radius: 0;
	background-color: var(--ea-fondo);
	padding-top: calc(var(--ea-sec) + 30px);
	padding-bottom: calc(var(--ea-sec) + 30px);
}
html body .ea-dolores .sk-features-4-area::before,
html body .ea-dolores .sk-features-4-area::after {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	height: 220px;
	z-index: 0;
	pointer-events: none;
}
html body .ea-dolores .sk-features-4-area::before {
	top: 0;
	background: linear-gradient(to bottom, var(--ea-fondo) 0%, rgba(13, 10, 20, 0) 100%);
}
html body .ea-dolores .sk-features-4-area::after {
	bottom: 0;
	background: linear-gradient(to top, var(--ea-fondo) 0%, rgba(13, 10, 20, 0) 100%);
}
html body .ea-dolores .sk-features-4-area > .container {
	position: relative;
	z-index: 1;
}

/* Reseñas: sin el solapamiento de -86px de la demo; la línea ondulada queda como separador. */
html body .ea-resenas .sk-testimonial-6-area {
	margin-top: 0;
	padding-top: calc(var(--ea-sec) + 30px);
	padding-bottom: var(--ea-sec);
}

/* Tabla comparativa: la demo trae overflow-x: scroll, que dibuja una barra (blanca en Mac con
   barras visibles) aunque no haya nada que desplazar. Solo se desplaza si hace falta. */
html body .sk-price-compare-table {
	overflow-x: auto;
	scrollbar-width: thin;
	scrollbar-color: rgba(112, 27, 250, 0.5) transparent;
}
html body .sk-price-compare-table::-webkit-scrollbar {
	height: 6px;
	background: transparent;
}
html body .sk-price-compare-table::-webkit-scrollbar-thumb {
	background: rgba(112, 27, 250, 0.5);
	border-radius: 6px;
}
/* Tableta (768–1199 px): con 28 px de relleno por lado la tabla quedaba 12 px más ancha que su caja (se perdía la
   esquina redondeada derecha) y las celdas se partían en 4–5 líneas. Menos relleno y texto un punto más chico. */
@media (min-width: 768px) and (max-width: 1199px) {
	html body .sk-price-compare-table .pricing-table__table :is(th, td) {
		padding: 18px 14px;
		font-size: 15px;
	}
}
html body .ea-cta-asesoria .sk-cta-1-area {
	padding-top: var(--ea-sec);
}

/* 3 pasos: el arco (imagen) y el disco que gira (recortado en seco al 60 %) terminaban en línea
   recta detrás de las tarjetas. Se desvanecen hacia abajo y pasan del azul de la demo al morado. */
html body .ea-pasos .sk-process-5-bg-circle-1 img {
	-webkit-mask-image: linear-gradient(to bottom, #000 25%, transparent 70%);
	mask-image: linear-gradient(to bottom, #000 25%, transparent 70%);
	filter: hue-rotate(22deg);
}
html body .ea-pasos .sk-process-5-bg-circle-2 {
	-webkit-mask-image: linear-gradient(to bottom, #000 20%, transparent 55%);
	mask-image: linear-gradient(to bottom, #000 20%, transparent 55%);
	filter: hue-rotate(22deg);
}
/* En las páginas de servicio las imágenes ya vienen giradas a su color (tono.php): sin el giro extra. */
html body.ea-tono .ea-pasos .sk-process-5-bg-circle-1 img,
html body.ea-tono .ea-pasos .sk-process-5-bg-circle-2 {
	filter: none;
}

/* Crédito: encabezado + simulador forman un solo bloque con el mismo ritmo que el resto. */
html body .ea-encabezado-simulador {
	padding-top: calc(var(--ea-sec) - 10px);
}
html body #simulador.e-con {
	--padding-bottom: 0px;
	padding-bottom: var(--ea-sec);
}
html body #simulador.e-con > .e-con-inner {
	padding-bottom: 0;
}
html body .ea-planes .sk-process-1-area {
	padding-top: var(--ea-sec);
	padding-bottom: var(--ea-sec);
}

/* Spa: paquetes (tx_pricing_section style_5) con el mismo ritmo y fondo de página. */
html body .ea-paquetes .sk-price-6-area {
	padding-top: var(--ea-sec);
	padding-bottom: var(--ea-sec);
	margin-top: 0;
	background-color: transparent;
}

/* ======================================================================
   Nosotros
   ====================================================================== */

/* Instalaciones: fotos horizontales (600×300) en vez del retrato del vocero. */
html body .ea-instalaciones .sk-features-5-card .item-img {
	aspect-ratio: 16 / 10;
}
html body .ea-instalaciones .sk-features-5-card .item-img img {
	object-position: center;
}

/* Equipo: encabezado y cuadrícula de 3 × 2 con el mismo ritmo de la página. */
html body .ea-equipo-encabezado {
	padding-top: var(--ea-sec);
}
html body .ea-equipo {
	padding-bottom: var(--ea-sec);
}
html body .ea-equipo > .e-con-inner {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 24px;
	max-width: 1100px;
}
html body .ea-equipo > .e-con-inner > .e-con {
	width: auto;
	--width: auto;
}
@media (max-width: 991px) {
	html body .ea-equipo > .e-con-inner {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 14px;
	}
}
/* Tarjeta de equipo en oscuro (la demo es clara). */
html body .ea-equipo .sk-team-1-member {
	background-color: rgba(255, 255, 255, 0.04);
	border: 1px solid rgba(112, 27, 250, 0.25);
}
html body .ea-equipo .sk-team-1-member .content-wrap {
	background: #16101f;
}
html body .ea-equipo .sk-team-1-member .name,
html body .ea-equipo .sk-team-1-member .name a {
	color: #fff;
}
html body .ea-equipo .sk-team-1-member .bio {
	color: rgba(255, 255, 255, 0.7);
}
/* Tarjetas del equipo del mismo alto en cada fila (en celular «Talento humano» ocupa 2 líneas y la
   tarjeta de Luisa quedaba más alta): cada nivel se estira hasta el alto de la fila de la cuadrícula. */
html body .ea-equipo > .e-con-inner > .e-con > .elementor-widget-tx_team,
html body .ea-equipo .elementor-widget-tx_team > .elementor-widget-container,
html body .ea-equipo .sk-team-1-member,
html body .ea-equipo .sk-team-1-member .content-border {
	display: flex;
	flex: 1 1 auto;
	flex-direction: column;
}
html body .ea-equipo .sk-team-1-member .img-elm {
	flex: none;
}
html body .ea-equipo .sk-team-1-member .content-wrap {
	flex: 1 1 auto;
	justify-content: center;
}

/* En los medios: mismo ritmo. */
html body .ea-medios .tx-section {
	padding-top: var(--ea-sec);
	padding-bottom: var(--ea-sec);
}
/* Nosotros · ajustes de ritmo */
html body .ea-diferenciadores .sk-features-3-area {
	padding-top: var(--ea-sec);
}
html body .ea-instalaciones .sk-features-5-area {
	margin-top: 0;
	padding-top: var(--ea-sec);
	padding-bottom: var(--ea-sec);
}
html body .ea-equipo-encabezado {
	--padding-bottom: 0px;
	padding-bottom: 50px;
}
/* Tableta vertical (768–991 px): título y texto+botón uno debajo del otro, centrados. En 70/30 la columna del
   texto quedaba de ~220 px y el botón «Hablar con un asesor» se partía en dos líneas. */
@media (min-width: 768px) and (max-width: 991px) {
	html body .ea-equipo-encabezado > .e-con-inner {
		--flex-wrap: wrap;
		flex-wrap: wrap;
		row-gap: 24px;
	}
	html body .ea-equipo-encabezado > .e-con-inner > .e-con {
		--width: 100%;
		width: 100%;
		flex: 0 0 100%;
		align-items: center;
		text-align: center;
	}
	html body .ea-equipo-encabezado > .e-con-inner > .e-con > .elementor-widget {
		max-width: 560px;
		margin-left: auto;
		margin-right: auto;
	}
}
html body .ea-equipo-encabezado > .e-con-inner,
html body .ea-equipo > .e-con-inner {
	padding-top: 0;
	padding-bottom: 0;
}
html body .ea-equipo {
	--padding-top: 0px;
	padding-top: 0;
}
html body #esencia .sk-features-3-area {
	padding-bottom: 60px;
}
/* Instalaciones en celular: carrusel deslizable, como dolores y beneficios. */
@media (max-width: 767px) {
	html body .ea-instalaciones .sk-features-5-wrap .sk-features-5-wrap {
		flex-direction: row;
		overflow-x: auto;
		scroll-snap-type: x mandatory;
		-webkit-overflow-scrolling: touch;
		scrollbar-width: none;
		gap: 14px;
		margin-right: -15px;
		padding-right: 15px;
	}
	html body .ea-instalaciones .sk-features-5-wrap .sk-features-5-wrap::-webkit-scrollbar {
		display: none;
	}
	html body .ea-instalaciones .sk-features-5-card {
		flex: 0 0 86%;
		scroll-snap-align: start;
		position: relative;
		top: auto;
	}
}

/* ======================================================================
   Nosotros · componentes de la demo «Nosotros (About)» en oscuro
   ====================================================================== */
:root {
	--ea-tarjeta: #16101f;
	--ea-borde: rgba(112, 27, 250, 0.25);
	--ea-texto-2: rgba(255, 255, 255, 0.72);
}

/* Etiquetas y títulos del estilo 7 (equipo, reseñas y preguntas) */
:is(.ea-equipo-nos05, .ea-resenas-7, .ea-faq-8) .sk-subtitle-7 {
	color: #fff;
	border-color: rgba(255, 255, 255, 0.18);
}
:is(.ea-equipo-nos05, .ea-resenas-7, .ea-faq-8) .sk-subtitle-7::before,
:is(.ea-equipo-nos05, .ea-resenas-7, .ea-faq-8) .sk-subtitle-7::after {
	background: linear-gradient(90deg, rgba(165, 123, 255, 0) 0%, #a57bff 50%, rgba(165, 123, 255, 0) 100%);
}
:is(.ea-equipo-nos05, .ea-resenas-7, .ea-faq-8) .sk-sec-title-7 {
	color: #fff;
}
:is(.ea-resenas-7, .ea-faq-8) :is(.sec-disc, .tx-description) {
	color: var(--ea-texto-2);
}

/* Manifiesto (NOS-01): título claro y fotos dentro de las píldoras */
html body .ea-manifiesto .sk-breadcrumb-title {
	color: #fff;
}
html body .ea-manifiesto .sk-breadcrumb-disc {
	color: var(--ea-texto-2);
}
html body .ea-manifiesto .sk-breadcrumb-title .title-icon {
	width: 150px;
	height: 64px;
	padding: 0;
	overflow: hidden;
	vertical-align: middle;
	border: 2px solid rgba(165, 123, 255, 0.6);
}
html body .ea-manifiesto .sk-breadcrumb-title .title-icon img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
@media (max-width: 767px) {
	html body .ea-manifiesto .sk-breadcrumb-title .title-icon {
		width: 90px;
		height: 40px;
	}
}

/* Misión y cifras (NOS-03) */
html body .ea-mision .sk-choose-8-wrap {
	background-color: rgba(255, 255, 255, 0.03);
	border: 1px solid var(--ea-borde);
}
html body .ea-mision .sk-choose-8-mission .content-wrap {
	background-color: var(--ea-tarjeta);
}
html body .ea-mision .sk-choose-8-mission .content-wrap .title {
	color: #fff;
}
html body .ea-mision .sk-choose-8-mission .content-wrap .title img {
	filter: brightness(0) invert(1);
}
html body .ea-mision .sk-choose-8-mission .content-wrap .disc {
	color: var(--ea-texto-2);
}
html body .ea-mision .sk-choose-8-card {
	background-color: var(--ea-tarjeta);
	border: 1px solid rgba(255, 255, 255, 0.06);
}
html body .ea-mision .sk-choose-8-card :is(.number-elm, .subtitle) {
	color: #fff;
}
html body .ea-mision .sk-choose-8-card .disc {
	color: var(--ea-texto-2);
}
html body .ea-mision .sk-choose-8-card:is(.has-dark-bg) {
	background-color: #221a36;
}
html body .ea-mision .sk-choose-8-card:is(.has-clr-bg) {
	background: linear-gradient(180deg, #8a45fb 0%, #5a0fd6 100%);
}
html body .ea-mision .sk-choose-8-card:is(.has-clr-bg) .disc {
	color: rgba(255, 255, 255, 0.85);
}
html body .ea-mision .sk-choose-8-area {
	padding-top: var(--ea-sec);
	padding-bottom: var(--ea-sec);
}

/* Galería del Autoverso (NOS-02) */
html body .ea-encabezado-seccion {
	padding-top: var(--ea-sec);
}

/* Equipo con NOS-05: texto de la derecha como párrafo normal */
html body .ea-equipo-nos05 .elementor-heading-title {
	color: var(--ea-texto-2) !important;
	text-transform: none;
	font-family: var(--ea-font-text);
	letter-spacing: 0;
}

/* Logos de medios (NOS-04): tamaño uniforme y bordes que se funden con la página */
html body .ea-medios-logos .sk-partner-5-title {
	color: #fff;
}
html body .ea-medios-logos .sk-partner-5-title span {
	color: #a57bff;
	border-color: #a57bff;
}
html body .ea-medios-logos .sk-partner-5-wrap::after {
	background: linear-gradient(90deg, var(--ea-fondo) 0%, rgba(13, 10, 20, 0) 100%);
}
html body .ea-medios-logos .sk-partner-5-wrap::before {
	background: linear-gradient(-90deg, var(--ea-fondo) 0%, rgba(13, 10, 20, 0) 100%);
}
html body .ea-medios-logos .sk-partner-5-logo .single-logo img {
	height: 38px;
	width: auto;
	max-width: none;
	opacity: 0.85;
	transition: opacity 0.25s;
}
html body .ea-medios-logos .sk-partner-5-logo .single-logo a:hover img {
	opacity: 1;
}
html body .ea-medios-logos .sk-partner-8-area {
	padding-top: var(--ea-sec);
	padding-bottom: var(--ea-sec);
}

/* Reseñas (FUN-09, testimonios 7) */
html body .ea-resenas-7 .sk-testimonial-7-wrap {
	background-color: rgba(255, 255, 255, 0.03);
	border: 1px solid var(--ea-borde);
}
html body .ea-resenas-7 .sk-testimonial-7-card {
	background-color: var(--ea-tarjeta);
	border-color: rgba(255, 255, 255, 0.07);
}
html body .ea-resenas-7 .sk-testimonial-7-card :is(.title, .author-title, .name) {
	color: #fff;
}
html body .ea-resenas-7 .sk-testimonial-7-card :is(.comment, .author-bio, .designation, .title span) {
	color: var(--ea-texto-2);
}
html body .ea-resenas-7 .sk-testimonial-7-card .rating {
	background-color: rgba(255, 255, 255, 0.08);
	color: #fff;
}
html body .ea-resenas-7 .sk-testimonial-7-card:is(.has-bg-dark) {
	background: linear-gradient(160deg, #5a0fd6 0%, #3a0c96 100%);
}
html body .ea-resenas-7 .sk-testimonial-7-card:is(.has-bg-dark) :is(.comment, .author-bio) {
	color: rgba(255, 255, 255, 0.88);
}
html body .ea-resenas-7 .shape-1 img {
	filter: brightness(0) invert(1);
	opacity: 0.5;
}
html body .ea-resenas-7 .sk-testimonial-7-bottom .disc,
html body .ea-resenas-7 .sk-testimonial-7-bottom-rating .rating-star {
	color: var(--ea-texto-2);
}
html body .ea-resenas-7 .sk-testimonial-7-bottom-rating .icon-elm {
	background-color: transparent;
	border-color: rgba(255, 255, 255, 0.2);
}
html body .ea-resenas-7 .sk-testimonial-7-area {
	padding-top: var(--ea-sec);
	padding-bottom: var(--ea-sec);
}

/* Preguntas frecuentes (NOS-09, faq 8) */
html body .ea-faq-8 .sk-faqs-5-content {
	background: var(--ea-tarjeta);
	border-color: var(--ea-borde);
}
html body .ea-faq-8 .sk-faqs-5-content .title {
	color: #fff;
}
html body .ea-faq-8 .sk-faqs-5-content .disc {
	color: var(--ea-texto-2);
}
html body .ea-faq-8 .sk-faqs-5-accordion {
	background-color: rgba(255, 255, 255, 0.03);
	border: 1px solid var(--ea-borde);
}
html body .ea-faq-8 .sk-faqs-5-accordion .sk-accordion-1-item {
	border-color: rgba(255, 255, 255, 0.08);
}
html body .ea-faq-8 .sk-faqs-5-accordion .sk-accordion-1-item .item-title {
	color: #fff;
}
html body .ea-faq-8 .sk-faqs-5-accordion .sk-accordion-1-item .item-title .icon {
	background-color: rgba(255, 255, 255, 0.08);
	color: #fff;
}
html body .ea-faq-8 .sk-faqs-5-accordion .sk-accordion-1-item .item-disc {
	color: var(--ea-texto-2);
}
html body .ea-faq-8 .sk-faqs-8-area {
	padding-top: var(--ea-sec);
	padding-bottom: var(--ea-sec);
}
html body :is(.ea-faq-8, .ea-resenas-7, .ea-equipo-nos05) .tx-title {
	color: #fff;
}
html body .ea-manifiesto {
	padding-top: var(--ea-sec);
}

/* ======================================================================
   Contacto
   ====================================================================== */

/* Hero H04-01: la moneda de WhatsApp al tamaño del robot de la demo y su halo en morado */
/* La moneda va como ícono (~160px), no como imagen protagonista; halo e ilustración a escala. */
html body .ea-hero-contacto .sk-hero-4-img img {
	width: 160px;
	height: auto;
}
html body .ea-hero-contacto .sk-hero-4-img-shadow {
	width: 180px;
	height: 180px;
	border-width: 16px;
	filter: blur(46px);
	background: rgba(112, 27, 250, 0.35);
	border-color: rgba(169, 66, 255, 0.35);
}
html body .ea-hero-contacto .sk-hero-4-img-wrap .bg-illus-1 img {
	width: 300px;
	opacity: 0.6;
}
html body .ea-hero-contacto .sk-hero-4-img-wrap {
	padding-top: 40px;
	margin-bottom: 40px;
}
@media (max-width: 767px) {
	html body .ea-hero-contacto .sk-hero-4-img img {
		width: 120px;
	}
	html body .ea-hero-contacto .sk-hero-4-img-wrap .bg-illus-1 img {
		width: 220px;
	}
}
html body .ea-hero-contacto .sk-hero-4-content {
	margin-bottom: var(--ea-sec);
}

/* Canales (CTO-02): tarjeta con muesca en oscuro */
html body .ea-canales {
	padding-top: var(--ea-sec);
	padding-bottom: var(--ea-sec);
}
html body .ea-canales .sk-contact-9-card .bg-clr path {
	fill: var(--ea-tarjeta);
}
html body .ea-canales .sk-contact-9-card .content-wrap {
	background-color: #1e1633;
}
html body .ea-canales .sk-contact-9-card .icon {
	background-color: #2a2045;
	outline-color: var(--ea-fondo);
}
html body .ea-canales .sk-contact-9-card .icon svg {
	width: 36px;
	height: 36px;
}
html body .ea-canales .sk-contact-9-card .icon svg * {
	fill: #fff;
}
html body .ea-canales .sk-contact-9-card .title,
html body .ea-canales .sk-contact-9-card .link-elm,
html body .ea-canales .sk-contact-9-card .link-elm a {
	color: #fff;
}
html body .ea-canales .sk-contact-9-card .disc {
	color: var(--ea-texto-2);
	opacity: 1;
}

/* Formulario (CTO-03) */
html body .ea-contacto-form {
	padding-bottom: var(--ea-sec);
}
html body .ea-contacto-form > .e-con-inner > .e-con:last-child {
	border: 1px solid var(--ea-borde);
	border-radius: 24px;
}
html body .ea-contacto-form .sk-subtitle-7 {
	color: #fff;
	border-color: rgba(255, 255, 255, 0.18);
}
html body .ea-contacto-form .sk-sec-title-7 {
	color: #fff;
}
html body .ea-contacto-form .sec-disc {
	color: var(--ea-texto-2);
}
html body .ea-contacto-form img {
	border-radius: 24px;
}

/* Sedes: encabezado, mapa oscuro y tarjetas */
html body .ea-sedes-encabezado {
	padding-top: var(--ea-sec);
}
html body .ea-sedes-fila {
	padding-bottom: var(--ea-sec);
	align-items: stretch;
}
html body .ea-sedes-fila > .e-con-inner > .e-con:first-child,
html body .ea-mapa,
html body .ea-mapa .elementor-widget-container,
html body .ea-mapa .elementor-custom-embed {
	height: 100%;
}
html body .ea-mapa iframe {
	width: 100%;
	height: 100%;
	min-height: 420px;
	border: 0;
	border-radius: 24px;
	filter: invert(0.92) hue-rotate(200deg) saturate(0.55) brightness(0.9) contrast(0.95);
}
html body .ea-sedes {
	display: flex;
	flex-direction: column;
	gap: 14px;
}
html body .ea-sede {
	display: flex;
	gap: 16px;
	align-items: flex-start;
	padding: 20px 22px;
	border-radius: 20px;
	background: var(--ea-tarjeta);
	border: 1px solid var(--ea-borde);
}
html body .ea-sede-icono {
	flex: 0 0 48px;
	height: 48px;
	border-radius: 14px;
	background: rgba(112, 27, 250, 0.2);
	display: flex;
	align-items: center;
	justify-content: center;
}
html body .ea-sede-icono img {
	width: 24px;
	height: 24px;
}
html body .ea-sede h3 {
	margin: 0 0 4px;
	font-family: var(--ea-font-text);
	font-size: 18px;
	font-weight: 600;
	color: #fff;
	text-transform: none;
}
html body .ea-sede p {
	margin: 0 0 2px;
	font-size: 14px;
	line-height: 1.5;
	color: var(--ea-texto-2);
}
html body .ea-sede .ea-sede-nota {
	color: rgba(255, 255, 255, 0.5);
}
html body .ea-sede a {
	display: inline-block;
	margin-top: 8px;
	font-size: 14px;
	font-weight: 600;
	color: #a57bff;
}
html body .ea-sede-horario {
	margin: 6px 0 0;
	font-size: 13px;
	color: rgba(255, 255, 255, 0.55);
}

/* Cierre (H07-09): la reseña en tarjeta oscura */
html body .ea-cierre-contacto {
	padding-bottom: var(--ea-sec);
}
html body .ea-cierre-contacto .sk-price-7-author {
	background-color: var(--ea-tarjeta);
	border: 1px solid var(--ea-borde);
}
html body .ea-cierre-contacto .sk-price-7-author :is(.title, .author-name) {
	color: #fff;
}
html body .ea-cierre-contacto .sk-price-7-author :is(.disc, .author-bio) {
	color: var(--ea-texto-2);
}

html body .ea-contacto-form .sk-contact-6-form {
	border: 0;
	background: transparent;
	padding: 0;
}
html body .ea-hero-contacto .sk-hero-4-rainbow {
	opacity: 0.55;
}
@media (max-width: 767px) {
	/* En celular la plantilla cambia la muesca por un fondo blanco. */
	html body .ea-canales .sk-contact-9-card .bg-clr {
		background-color: var(--ea-tarjeta);
	}
}
/* Hero de Contacto: fundido al pie (quita el corte recto y los extremos blancos del arco). */
html body .ea-hero-contacto .sk-hero-4-area::after {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	height: 260px;
	background: linear-gradient(to bottom, rgba(13, 10, 20, 0) 0%, var(--ea-fondo) 100%);
	pointer-events: none;
	z-index: 1;
}

/* ======================================================================
   Preguntas frecuentes
   ====================================================================== */

/* Hero H02-01 en oscuro: título claro y palabra rotativa en un recuadro morado */
html body .ea-hero-faq .sk-hero-2-title,
html body .ea-hero-faq .sk-hero-2-title .main-text {
	color: #fff;
}
html body .ea-hero-faq .sk-hero-2-title-writing {
	background: rgba(112, 27, 250, 0.18);
	border-color: rgba(165, 123, 255, 0.55);
}
html body .ea-hero-faq .sk-hero-2-title-writing .box-shape {
	border-color: rgba(165, 123, 255, 0.7);
}
html body .ea-hero-faq .sk-hero-2-title-writing .cd-words-wrapper b {
	background: linear-gradient(90deg, #ffffff 0%, #c9a8ff 100%);
	-webkit-background-clip: text;
	background-clip: text;
	-webkit-text-fill-color: transparent;
}
html body .ea-hero-faq .sk-hero-2-disc {
	color: var(--ea-texto-2);
}
html body .ea-hero-faq .sk-hero-2-review {
	background: rgba(255, 255, 255, 0.06);
	border: 1px solid rgba(255, 255, 255, 0.1);
}
html body .ea-hero-faq .sk-hero-2-review .ratting {
	color: #fff;
}
html body .ea-hero-faq .sk-hero-2-review .rating-text {
	color: var(--ea-texto-2);
}
html body .ea-hero-faq .sk-hero-2-review .author-img-single {
	background: transparent;
}
html body .ea-hero-faq .sk-pr-btn-3 {
	color: #fff;
}
html body .ea-hero-faq .sk-pr-btn-3:is(.has-border) {
	border-color: rgba(255, 255, 255, 0.25);
}
html body .ea-hero-faq .sk-pr-btn-3:hover,
html body .ea-hero-faq .sk-pr-btn-3:is(.has-border):hover {
	background: var(--ea-primary);
	border-color: var(--ea-primary);
	color: #fff;
}
html body .ea-hero-faq .sk-pr-btn-3:is(.has-border) .icon,
html body .ea-hero-faq .sk-pr-btn-3:hover i {
	color: #fff;
}
html body .ea-hero-faq .sk-hero-2-area {
	padding-bottom: var(--ea-sec);
}

/* Pestañas (FAQ-02) y acordeón de cada pestaña (faq 9) en oscuro */
html body .ea-faq-pestanas .sk-portfolio-5-tabs-btn {
	background-color: rgba(255, 255, 255, 0.04);
	border-color: var(--ea-borde);
}
html body .ea-faq-pestanas .sk-portfolio-5-tabs-btn .nav-link {
	background-color: #1b1430;
	color: #fff;
}
html body .ea-faq-pestanas .sk-portfolio-5-tabs-btn .nav-link:is(.active) {
	background: linear-gradient(90deg, #8a45fb 0%, #5a0fd6 100%);
}
html body .ea-faq-pestanas .sk-portfolio-5-tabs-btn .nav-link .icon {
	background-color: rgba(255, 255, 255, 0.1);
	color: #fff;
}
html body .ea-faq-pestanas .sk-portfolio-5-tabs-btn .nav-link .icon::after {
	background: transparent;
}
html body .ea-faq-pestanas .sk-portfolio-5-tabs-btn .nav-link .icon svg {
	width: 18px;
	height: 18px;
	color: #fff;
	position: relative;
	z-index: 1;
}
html body .ea-faq-pestanas .sk-faqs-5-accordion {
	background-color: rgba(255, 255, 255, 0.03);
	border: 1px solid var(--ea-borde);
}
html body .ea-faq-pestanas .sk-faqs-5-accordion .sk-accordion-1-item {
	border-color: rgba(255, 255, 255, 0.08);
}
html body .ea-faq-pestanas .sk-faqs-5-accordion .sk-accordion-1-item .item-title {
	color: #fff;
}
html body .ea-faq-pestanas .sk-faqs-5-accordion .sk-accordion-1-item .item-title .icon {
	background-color: rgba(255, 255, 255, 0.08);
	color: #fff;
}
html body .ea-faq-pestanas .sk-faqs-5-accordion .sk-accordion-1-item .item-disc {
	color: var(--ea-texto-2);
}
html body .ea-faq-pestanas .sk-faqs-9-area {
	padding-bottom: var(--ea-sec);
}
html body .ea-faq-encabezado {
	padding-top: 20px;
}
html body .ea-cierre-faq {
	padding-bottom: var(--ea-sec);
}
html body .ea-hero-faq .sk-hero-2-img {
	display: none;
}
html body .ea-faq-pestanas .sk-portfolio-5-tabs-btn .nav-link .icon svg path {
	fill: #fff;
}
@media (min-width: 1200px) {
	/* Las 7 pestañas en una sola fila */
	html body .ea-faq-pestanas .sk-portfolio-5-tabs-btn {
		display: inline-flex;
		flex-wrap: nowrap;
		justify-content: center;
		gap: 6px;
		padding: 8px;
	}
	html body .ea-faq-pestanas .sk-portfolio-5-tabs-btn .nav-link {
		padding: 6px 16px 6px 6px;
		font-size: 15px;
		gap: 8px;
		white-space: nowrap;
	}
}

/* ======================================================================
   Legales (privacidad, términos, cookies, devoluciones)
   H01-01 hero compacto · píldoras · Lo esencial · documento con índice fijo
   · H02-10 preguntas · H07-07 cierre
   ====================================================================== */

/* Hero: sin tablero ni brillos inferiores de la demo */
html body .ea-hero-legal .sk-hero-1-area {
	padding-top: 190px;
	padding-bottom: 56px;
}
html body .ea-hero-legal .sk-hero-1-content {
	margin-bottom: 0;
	max-width: 760px;
}
html body .ea-hero-legal .sk-hero-1-bottom {
	display: none;
}
html body .ea-hero-legal .sk-hero-1-content .hero-disc {
	color: var(--ea-texto-2);
}
@media (max-width: 767px) {
	html body .ea-hero-legal .sk-hero-1-area {
		padding-top: 140px;
		padding-bottom: 32px;
	}
	html body .ea-hero-legal .sk-hero-1-content .btn-wrap {
		justify-content: center;
	}
}

/* Píldoras entre documentos */
.ea-legal-nav {
	display: flex;
	justify-content: center;
	gap: 6px;
	width: max-content;
	max-width: 100%;
	margin: 0 auto;
	padding: 6px;
	background: rgba(255, 255, 255, 0.04);
	border: 1px solid rgba(255, 255, 255, 0.08);
	border-radius: 999px;
	overflow-x: auto;
	scrollbar-width: none;
}
.ea-legal-nav::-webkit-scrollbar {
	display: none;
}
.ea-legal-nav a {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	padding: 10px 20px 10px 14px;
	border-radius: 999px;
	color: var(--ea-texto-2);
	font-size: 15px;
	line-height: 1;
	white-space: nowrap;
	text-decoration: none;
	transition: background-color 0.25s, color 0.25s;
}
.ea-legal-nav a img {
	width: 18px;
	height: 18px;
	opacity: 0.7;
}
.ea-legal-nav a:hover {
	color: #fff;
	background: rgba(255, 255, 255, 0.06);
}
.ea-legal-nav a.is-actual {
	color: #fff;
	background: #701bfa;
	box-shadow: 0 6px 20px rgba(112, 27, 250, 0.35);
}
.ea-legal-nav a.is-actual img {
	opacity: 1;
}
@media (max-width: 767px) {
	.ea-legal-nav {
		justify-content: flex-start;
	}
	.ea-legal-nav a {
		padding: 9px 14px 9px 10px;
		font-size: 14px;
	}
}

/* Lo esencial */
.ea-legal-kicker {
	margin: 0 0 18px;
	color: #a57bff;
	font-size: 13px;
	font-weight: 500;
	letter-spacing: 0.12em;
	text-transform: uppercase;
}
.ea-legal-cards {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 20px;
}
.ea-legal-cards article {
	padding: 28px;
	background: var(--ea-tarjeta);
	border: 1px solid var(--ea-borde);
	border-radius: 20px;
}
.ea-legal-card-icono {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 52px;
	height: 52px;
	margin-bottom: 20px;
	border-radius: 14px;
	background: linear-gradient(135deg, #8e54ea 0%, #701bfa 100%);
	box-shadow: 0 8px 24px rgba(112, 27, 250, 0.35);
}
.ea-legal-card-icono img {
	width: 26px;
	height: 26px;
}
html body .ea-legal-cards h3 {
	margin: 0 0 10px;
	color: #fff;
	font-size: 20px;
	line-height: 1.3;
}
.ea-legal-cards p {
	margin: 0;
	color: var(--ea-texto-2);
	font-size: 16px;
	line-height: 1.6;
}
@media (max-width: 991px) {
	.ea-legal-cards {
		grid-template-columns: 1fr;
		gap: 14px;
	}
	.ea-legal-cards article {
		display: grid;
		grid-template-columns: 52px 1fr;
		column-gap: 16px;
		padding: 20px;
	}
	.ea-legal-card-icono {
		grid-row: span 2;
		margin-bottom: 0;
	}
}

/* Documento: índice fijo + texto */
.ea-legal-doc {
	display: grid;
	grid-template-columns: 280px minmax(0, 1fr);
	gap: 64px;
	align-items: start;
}
.ea-legal-indice {
	position: sticky;
	top: 110px;
}
.ea-legal-indice details {
	padding: 22px 14px 14px;
	background: var(--ea-tarjeta);
	border: 1px solid rgba(255, 255, 255, 0.08);
	border-radius: 18px;
}
.ea-legal-indice summary {
	list-style: none;
	padding: 0 10px 12px;
	color: #a57bff;
	font-size: 13px;
	font-weight: 500;
	letter-spacing: 0.12em;
	text-transform: uppercase;
	cursor: default;
}
.ea-legal-indice summary::-webkit-details-marker {
	display: none;
}
.ea-legal-indice ol {
	margin: 0;
	padding: 0;
	list-style: none;
}
.ea-legal-indice a {
	display: flex;
	gap: 10px;
	padding: 8px 10px;
	border-left: 2px solid transparent;
	border-radius: 0 8px 8px 0;
	color: var(--ea-texto-2);
	font-size: 14px;
	line-height: 1.4;
	text-decoration: none;
	transition: color 0.2s, background-color 0.2s, border-color 0.2s;
}
.ea-legal-indice a span {
	flex: none;
	color: rgba(255, 255, 255, 0.55); /* 0,35 daba 3,2:1 sobre la tarjeta */
	font-variant-numeric: tabular-nums;
}
.ea-legal-indice a:hover {
	color: #fff;
}
.ea-legal-indice a.is-activo {
	color: #fff;
	background: rgba(112, 27, 250, 0.14);
	border-left-color: #701bfa;
}
.ea-legal-indice a.is-activo span {
	color: #a57bff;
}

.ea-legal-texto {
	max-width: 780px;
	color: var(--ea-texto-2);
	font-size: 17px;
	line-height: 1.75;
}
.ea-legal-texto section {
	scroll-margin-top: 110px;
}
.ea-legal-texto section + section {
	margin-top: 44px;
	padding-top: 44px;
	border-top: 1px solid rgba(255, 255, 255, 0.08);
}
html body .ea-legal-doc .ea-legal-texto h2 {
	display: flex;
	align-items: center;
	gap: 14px;
	margin: 0 0 18px;
	color: #fff;
	font-size: 24px;
	line-height: 1.3;
}
.ea-legal-texto h2 span {
	flex: none;
	padding: 3px 9px;
	border: 1px solid var(--ea-borde);
	border-radius: 8px;
	color: #a57bff;
	font-size: 14px;
	line-height: 1.4;
}
.ea-legal-texto p {
	margin: 0 0 16px;
}
.ea-legal-texto strong,
.ea-legal-texto b {
	color: #fff;
	font-weight: 500;
}
.ea-legal-texto a {
	color: #b794ff;
	font-weight: 500;
	text-decoration: none;
}
.ea-legal-texto a:hover {
	color: #fff;
}
.ea-legal-texto ul,
.ea-legal-texto ol {
	margin: 0 0 16px;
	padding-left: 0;
	list-style: none;
}
.ea-legal-texto li {
	position: relative;
	margin-bottom: 10px;
	padding-left: 28px;
}
.ea-legal-texto ul > li::before {
	content: "";
	position: absolute;
	top: 0.72em;
	left: 6px;
	width: 7px;
	height: 7px;
	border-radius: 50%;
	background: #701bfa;
	box-shadow: 0 0 0 3px rgba(112, 27, 250, 0.2);
}
.ea-legal-texto ol {
	counter-reset: ea-legal;
}
.ea-legal-texto ol > li {
	counter-increment: ea-legal;
}
.ea-legal-texto ol > li::before {
	content: counter(ea-legal);
	position: absolute;
	top: 0.3em;
	left: 0;
	width: 20px;
	height: 20px;
	border-radius: 6px;
	background: rgba(112, 27, 250, 0.2);
	color: #c7a8ff;
	font-size: 12px;
	line-height: 20px;
	text-align: center;
}
.ea-legal-aviso {
	margin-bottom: 40px;
	padding: 14px 18px;
	background: rgba(255, 196, 0, 0.07);
	border: 1px solid rgba(255, 196, 0, 0.3);
	border-radius: 12px;
	color: #f5dd98;
	font-size: 15px;
	line-height: 1.6;
}
.ea-legal-aviso strong {
	color: #ffe39a;
}
mark.ea-pc {
	padding: 1px 6px;
	border-radius: 4px;
	background: rgba(255, 196, 0, 0.14);
	color: #ffd666;
	font-size: 0.88em;
	white-space: nowrap;
}
.ea-plazos {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 14px;
	margin: 8px 0 20px;
}
.ea-plazos > div {
	padding: 20px;
	background: var(--ea-tarjeta);
	border: 1px solid var(--ea-borde);
	border-radius: 14px;
}
.ea-plazos strong {
	display: block;
	margin-bottom: 6px;
	font-size: 18px;
}
.ea-plazos span {
	display: block;
	font-size: 15px;
	line-height: 1.6;
}
.ea-tabla-legal {
	margin: 8px 0 20px;
	overflow-x: auto;
	border: 1px solid rgba(255, 255, 255, 0.08);
	border-radius: 14px;
}
.ea-tabla-legal table {
	width: 100%;
	min-width: 620px;
	margin: 0;
	border-collapse: collapse;
	font-size: 15px;
	line-height: 1.5;
}
.ea-tabla-legal th,
.ea-tabla-legal td {
	padding: 14px 16px;
	border: 0;
	border-bottom: 1px solid rgba(255, 255, 255, 0.08);
	text-align: left;
	vertical-align: top;
}
.ea-tabla-legal th {
	background: rgba(112, 27, 250, 0.16);
	color: #fff;
	font-weight: 500;
}
.ea-tabla-legal tr:last-child td {
	border-bottom: 0;
}
.ea-legal-texto ul.ea-navegadores {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
}
.ea-legal-texto ul.ea-navegadores li {
	margin: 0;
	padding: 0;
}
.ea-legal-texto ul.ea-navegadores li::before {
	display: none;
}
.ea-legal-texto ul.ea-navegadores a {
	display: inline-block;
	padding: 8px 16px;
	border: 1px solid var(--ea-borde);
	border-radius: 999px;
	color: #fff;
	font-size: 15px;
	text-decoration: none;
}
.ea-legal-texto ul.ea-navegadores a:hover {
	background: rgba(112, 27, 250, 0.2);
}
.ea-legal-version {
	margin-top: 48px !important;
	color: rgba(255, 255, 255, 0.45);
	font-size: 14px;
}
@media (max-width: 991px) {
	.ea-legal-doc {
		grid-template-columns: minmax(0, 1fr);
		gap: 28px;
	}
	.ea-legal-indice {
		position: static;
	}
	.ea-legal-indice details {
		padding: 16px 12px 8px;
	}
	.ea-legal-indice summary {
		display: flex;
		justify-content: space-between;
		padding-bottom: 8px;
		cursor: pointer;
	}
	.ea-legal-indice summary::after {
		content: "+";
		font-size: 18px;
		line-height: 1;
	}
	.ea-legal-indice details[open] summary::after {
		content: "−";
	}
	.ea-legal-texto {
		font-size: 16px;
	}
	html body .ea-legal-doc .ea-legal-texto h2 {
		font-size: 19px;
	}
	.ea-plazos {
		grid-template-columns: 1fr;
	}
}

/* Preguntas rápidas (H02-10) en oscuro */
html body .ea-faq-legal .sk-faqs-2-area {
	padding-top: var(--ea-sec);
	padding-bottom: var(--ea-sec);
	border-top: 1px solid rgba(255, 255, 255, 0.06);
}
html body .ea-faq-legal .sk-faqs-2-left {
	justify-content: flex-start;
	gap: 36px;
}
html body .ea-faq-legal .sk-faqs-2-sec-title {
	position: static;
	padding-bottom: 0;
}
html body .ea-faq-legal .sk-subtitle-2 {
	background: rgba(112, 27, 250, 0.16);
	border: 1px solid var(--ea-borde);
	box-shadow: none;
}
html body .ea-faq-legal .sk-subtitle-2-text {
	background: none;
	-webkit-text-fill-color: #c7a8ff;
	color: #c7a8ff;
}
html body .ea-faq-legal .sk-sec-title-2 {
	color: #fff;
}
html body .ea-faq-legal .sk-faqs-2-sec-title .sec-disc,
html body .ea-faq-legal .sk-faqs-2-author-text {
	color: var(--ea-texto-2);
}
html body .ea-faq-legal .sk-faqs-2-author-text b {
	color: #fff;
}
html body .ea-faq-legal .sk-faqs-2-author-img .single-img {
	border-color: #16101f;
	box-shadow: none;
}
html body .ea-faq-legal .sk-faqs-2-right {
	background: rgba(255, 255, 255, 0.03);
	border: 1px solid var(--ea-borde);
}
html body .ea-faq-legal .sk-faqs-2-right .sk-accordion-1-item {
	background: var(--ea-tarjeta);
	border: 1px solid rgba(255, 255, 255, 0.06);
	box-shadow: none;
}
html body .ea-faq-legal .sk-faqs-2-right .sk-accordion-1-item .item-title,
html body .ea-faq-legal .sk-faqs-2-right .sk-accordion-1-item .item-title:hover {
	color: #fff;
}
html body .ea-faq-legal .sk-faqs-2-right .sk-accordion-1-item .item-title .icon-2 {
	background: rgba(255, 255, 255, 0.12);
	box-shadow: none;
}
html body .ea-faq-legal .sk-faqs-2-right .sk-accordion-1-item .item-disc {
	background: rgba(255, 255, 255, 0.04);
	color: var(--ea-texto-2);
}
/* La letra, como las preguntas del resto del sitio (Estiven, 2026-11-02: a 20 px, apretadas y con el grosor que
   cambiaba al abrir parecían de otra fuente): pregunta 17 px w500 abierta o cerrada, respuesta 16 px. */
html body .ea-faq-legal .sk-faqs-2-right .sk-accordion-1-item .item-title,
html body .ea-faq-legal .sk-faqs-2-right .sk-accordion-1-item .item-title:not(.collapsed) {
	font-size: 17px;
	font-weight: 500;
	line-height: 1.4;
	letter-spacing: normal;
}
/* El punto no se encoge con las preguntas de dos o tres líneas (en celular se aplastaba y movía el texto). */
html body .ea-faq-legal .sk-faqs-2-right .sk-accordion-1-item .item-title .icon-2 {
	flex: 0 0 14px;
}
html body .ea-faq-legal .sk-faqs-2-right .sk-accordion-1-item .item-disc {
	font-size: 16px;
	line-height: 1.5;
	letter-spacing: -0.02em;
}

/* Cierre (H07-07): franja-tarjeta discreta */
html body .e-con.ea-cierre-legal {
	padding-bottom: var(--ea-sec);
}
html body .e-con.ea-cierre-legal > .e-con-inner {
	padding: 40px 48px;
	background: var(--ea-tarjeta);
	border: 1px solid var(--ea-borde);
	border-radius: 24px;
}
html body .ea-cierre-legal .sk-sec-title-7 {
	color: #fff;
	text-align: left;
}
html body .ea-cierre-legal .tx-heading-section,
html body .ea-cierre-legal .lb-services-8-sec-title {
	text-align: left;
}
html body .ea-cierre-legal .sk-subtitle-7 {
	color: #fff;
	border-color: rgba(255, 255, 255, 0.18);
}
html body .ea-cierre-legal .sk-subtitle-7::before,
html body .ea-cierre-legal .sk-subtitle-7::after {
	background: linear-gradient(90deg, rgba(165, 123, 255, 0) 0%, #a57bff 50%, rgba(165, 123, 255, 0) 100%);
}
html body .ea-cierre-legal .elementor-heading-title {
	margin-bottom: 20px;
	color: var(--ea-texto-2);
	font-size: 16px;
	line-height: 1.6;
	text-transform: none;
}
@media (max-width: 767px) {
	html body .e-con.ea-cierre-legal > .e-con-inner {
		flex-direction: column;
		align-items: flex-start;
		gap: 20px;
		padding: 28px 22px;
	}
}

/* ======================================================================
   Blog (/blog/): BLG-01 encabezado · BLG-02 destacada · BLG-03 pestañas · H02-11 cierre
   ====================================================================== */

/* Encabezado editorial: libre del header fijo y centrado */
html body .ea-blog-encabezado .tx-heading-section {
	padding-top: 190px;
	text-align: center;
}
html body .ea-blog-encabezado .tx-description,
html body .ea-blog-encabezado .sec-disc {
	max-width: 620px;
	margin-left: auto;
	margin-right: auto;
	color: var(--ea-texto-2);
}
html body .ea-blog-encabezado .tx-title {
	color: #fff;
}
@media (max-width: 767px) {
	html body .ea-blog-encabezado .tx-heading-section {
		padding-top: 130px;
	}
}

/* Tarjetas de entradas en oscuro (destacada y cuadrícula) */
html body :is(.ea-blog-destacada, .ea-blog-grid) :is(.sk-blog-8-big-card, .sk-blog-5-item.has-v3 .content-wrap) {
	background-color: var(--ea-tarjeta);
	border: 1px solid var(--ea-borde);
}
html body .ea-blog-destacada .sk-blog-8-big-card {
	margin-top: 40px;
	box-shadow: 0 30px 80px rgba(112, 27, 250, 0.12);
}
html body :is(.ea-blog-destacada, .ea-blog-grid) .title a,
html body :is(.ea-blog-destacada, .ea-blog-grid) .item-author-name,
html body :is(.ea-blog-destacada, .ea-blog-grid) .blog-btn {
	color: #fff;
}
html body :is(.ea-blog-destacada, .ea-blog-grid) .title a:hover {
	color: #c7a8ff;
}
html body :is(.ea-blog-destacada, .ea-blog-grid) :is(.disc, .blog-meta li, .blog-meta a, .blog-date) {
	color: var(--ea-texto-2);
}
html body :is(.ea-blog-destacada, .ea-blog-grid) .blog-meta li:not(:first-child)::after {
	background-color: rgba(255, 255, 255, 0.35);
}
html body :is(.ea-blog-destacada, .ea-blog-grid) .blog-tags li {
	border-color: var(--ea-borde);
	background: rgba(112, 27, 250, 0.12);
}
html body :is(.ea-blog-destacada, .ea-blog-grid) .blog-tags li a {
	color: #c7a8ff;
}
html body .ea-blog-destacada .blog-btn::after {
	background: #a57bff;
}
html body .ea-blog-grid .sk-blog-5-item .blog-btn {
	border-color: rgba(255, 255, 255, 0.16);
}
html body .ea-blog-grid .sk-blog-5-item .blog-btn::after {
	display: none;
}
html body .ea-blog-grid .sk-blog-5-item .blog-btn:hover {
	background: #701bfa;
	border-color: #701bfa;
}
html body .ea-blog-grid .sk-blog-5-item .item-img {
	height: 300px;
	border: 1px solid rgba(255, 255, 255, 0.06);
}
@media (max-width: 991px) {
	html body .ea-blog-destacada .sk-blog-8-big-card .item-img {
		height: 260px;
	}
}

/* Pestañas por categoría */
html body .ea-blog-pestanas .sk-blog-8-area {
	padding-top: 0;
	padding-bottom: var(--ea-sec);
}
html body .ea-blog-pestanas .sk-blog-8-tabs-btn {
	margin-top: var(--ea-sec);
}
html body .ea-blog-pestanas .sk-portfolio-5-tabs-btn {
	background: rgba(255, 255, 255, 0.04);
	border: 1px solid rgba(255, 255, 255, 0.08);
	box-shadow: none;
}
html body .ea-blog-pestanas .sk-portfolio-5-tabs-btn .nav-link {
	color: var(--ea-texto-2);
	background: transparent;
	box-shadow: none;
}
html body .ea-blog-pestanas .sk-portfolio-5-tabs-btn .nav-link.active,
html body .ea-blog-pestanas .sk-portfolio-5-tabs-btn .nav-link:hover {
	color: #fff;
}
html body .ea-blog-pestanas .sk-portfolio-5-tabs-btn .nav-link.active {
	background: rgba(112, 27, 250, 0.2);
}
html body .ea-blog-pestanas .sk-portfolio-5-tabs-btn .nav-link .icon {
	background: rgba(255, 255, 255, 0.08);
}
html body .ea-blog-pestanas .sk-portfolio-5-tabs-btn .nav-link .icon svg {
	width: 16px;
	height: 16px;
}
html body .ea-blog-pestanas .sk-portfolio-5-tabs-btn .nav-link .icon svg path {
	fill: #fff;
}
@media (max-width: 1199px) {
	/* En pantallas medianas y celular las pestañas se deslizan de lado */
	html body .ea-blog-pestanas .sk-portfolio-5-tabs-btn {
		flex-wrap: nowrap;
		justify-content: flex-start;
		overflow-x: auto;
		scrollbar-width: none;
	}
	html body .ea-blog-pestanas .sk-portfolio-5-tabs-btn .nav-link {
		white-space: nowrap;
		flex: none;
	}
}

/* Cierre (H02-11): tarjeta morada sin el marco blanco de la demo */
html body .ea-cierre-blog .sk-cta-2-area {
	padding-bottom: var(--ea-sec);
}
html body .ea-cierre-blog .sk-cta-2-wrap {
	background: radial-gradient(60% 80% at 50% 0%, #8e54ea 0%, #5a12cc 60%, #3b0a8a 100%);
	border: 1px solid rgba(165, 123, 255, 0.45);
	box-shadow: 0 30px 80px rgba(112, 27, 250, 0.25);
}
html body .ea-cierre-blog .sk-cta-2-wrap::after {
	opacity: 0.25;
}
html body .ea-cierre-blog .tx-title {
	color: #fff;
}
html body .ea-cierre-blog .tx-description,
html body .ea-cierre-blog .sec-disc {
	color: rgba(255, 255, 255, 0.82);
}
html body .ea-cierre-blog .cta-btn {
	background: #fff;
	border-color: #fff;
	box-shadow: 0 10px 24px rgba(13, 10, 20, 0.35);
	color: #3b0a8a;
}
html body .ea-cierre-blog .cta-btn :is(i, svg) {
	color: #25d366;
	fill: #25d366;
}

/* ======================================================================
   Entrada individual (single.php del tema) y barra lateral
   ====================================================================== */
.ea-post-hero {
	padding: 160px 0 8px;
	background: radial-gradient(60% 50% at 50% 0%, rgba(112, 27, 250, 0.28) 0%, rgba(13, 10, 20, 0) 100%);
}
.ea-post-hero .container {
	max-width: 1320px;
}
.ea-post-migas {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	margin-bottom: 18px;
	font-size: 14px;
	color: rgba(255, 255, 255, 0.4);
}
.ea-post-migas a {
	color: #c7a8ff;
	text-decoration: none;
}
.ea-post-migas a:hover {
	color: #fff;
}
html body .ea-post-hero .ea-post-titulo {
	max-width: 860px;
	margin: 0 0 16px;
	color: #fff;
	font-size: 32px;
	line-height: 1.22;
}
.ea-post-resumen {
	max-width: 760px;
	margin: 0 0 22px;
	color: var(--ea-texto-2);
	font-size: 18px;
	line-height: 1.6;
}
.ea-post-meta {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 8px 22px;
	margin: 0 0 36px;
	padding: 0;
	list-style: none;
	color: var(--ea-texto-2);
	font-size: 15px;
}
.ea-post-meta li {
	position: relative;
}
.ea-post-meta li + li::before {
	content: "";
	position: absolute;
	top: 50%;
	left: -13px;
	width: 4px;
	height: 4px;
	border-radius: 50%;
	background: rgba(255, 255, 255, 0.35);
}
.ea-post-autor {
	display: inline-flex;
	align-items: center;
	gap: 10px;
	color: #fff;
}
.ea-post-autor img {
	width: 32px;
	height: 32px;
	border-radius: 50%;
}
.ea-post-portada {
	margin: 0 0 56px;
	padding: 10px;
	background: var(--ea-tarjeta);
	border: 1px solid var(--ea-borde);
	border-radius: 28px;
}
.ea-post-portada img {
	display: block;
	width: 100%;
	max-height: 560px;
	object-fit: cover;
	border-radius: 20px;
}
@media (max-width: 767px) {
	.ea-post-hero {
		padding-top: 120px;
	}
	html body .ea-post-hero .ea-post-titulo {
		font-size: 25px;
	}
	.ea-post-resumen {
		font-size: 17px;
	}
	.ea-post-portada {
		margin-bottom: 36px;
		padding: 6px;
		border-radius: 18px;
	}
	.ea-post-portada img {
		border-radius: 14px;
	}
}

/* Cuerpo del artículo */
html body .bs-blog-details-area {
	padding-bottom: var(--ea-sec);
}
html body .sk-blog-details-meta {
	display: none; /* la categoría y la fecha ya van en la cabecera */
}
html body .sk-blog-details-wrap-left {
	color: var(--ea-texto-2);
	font-size: 17px;
	line-height: 1.75;
}
html body .sk-blog-details-wrap-left p {
	margin-bottom: 18px;
	color: var(--ea-texto-2);
	font-size: 17px;
	line-height: 1.75;
}
html body .bs-blog-details-area .sk-blog-details-wrap-left h2 {
	margin: 40px 0 14px;
	color: #fff;
	font-size: 21px;
	line-height: 1.35;
	scroll-margin-top: 110px;
}
html body .sk-blog-details-wrap-left :is(strong, b, em) {
	color: #fff;
}
html body .sk-blog-details-wrap-left p a,
html body .sk-blog-details-wrap-left li a {
	color: #b794ff;
	font-weight: 500;
	text-decoration: none;
}
html body .sk-blog-details-wrap-left p a:hover,
html body .sk-blog-details-wrap-left li a:hover {
	color: #fff;
}
html body .sk-blog-details-wrap-left :is(ul, ol) {
	margin: 0 0 20px;
	padding-left: 0;
	list-style: none;
	counter-reset: ea-post;
}
html body .sk-blog-details-wrap-left ol[start="5"] {
	counter-reset: ea-post 4;
}
html body .sk-blog-details-wrap-left ol[start="10"] {
	counter-reset: ea-post 9;
}
html body .sk-blog-details-wrap-left li {
	position: relative;
	margin-bottom: 12px;
	padding-left: 34px;
	color: var(--ea-texto-2);
}
html body .sk-blog-details-wrap-left ul > li::before {
	content: "";
	position: absolute;
	top: 0.72em;
	left: 8px;
	width: 7px;
	height: 7px;
	border-radius: 50%;
	background: #701bfa;
	box-shadow: 0 0 0 3px rgba(112, 27, 250, 0.2);
}
html body .sk-blog-details-wrap-left ol > li {
	counter-increment: ea-post;
}
html body .sk-blog-details-wrap-left ol > li::before {
	content: counter(ea-post);
	position: absolute;
	top: 0.2em;
	left: 0;
	width: 24px;
	height: 24px;
	border-radius: 7px;
	background: rgba(112, 27, 250, 0.22);
	color: #c7a8ff;
	font-size: 13px;
	line-height: 24px;
	text-align: center;
}
html body .sk-blog-details-wrap-left blockquote {
	margin: 32px 0;
	padding: 24px 28px;
	background: rgba(112, 27, 250, 0.12);
	border: 1px solid var(--ea-borde);
	border-left: 4px solid #701bfa;
	border-radius: 14px;
	color: #e9e2f7;
	font-size: 17px;
	font-weight: 400;
	line-height: 1.65;
	text-align: left;
}
html body .sk-blog-details-wrap-left .ea-tabla-legal {
	margin: 12px 0 24px;
	overflow-x: auto;
	border: 1px solid rgba(255, 255, 255, 0.08);
	border-radius: 14px;
}
html body .sk-blog-details-wrap-left .ea-tabla-legal table {
	width: 100%;
	min-width: 480px;
	margin: 0;
	border-collapse: collapse;
	font-size: 15px;
}
html body .sk-blog-details-wrap-left .ea-tabla-legal :is(th, td) {
	padding: 13px 16px;
	border: 0;
	border-bottom: 1px solid rgba(255, 255, 255, 0.08);
	text-align: left;
}
html body .sk-blog-details-wrap-left .ea-tabla-legal th {
	background: rgba(112, 27, 250, 0.16);
	color: #fff;
	font-weight: 500;
}
html body .sk-blog-details-wrap-left .ea-tabla-legal tr:last-child td {
	border-bottom: 0;
}

/* Caja de cierre del artículo */
.ea-post-cta {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 24px;
	margin-top: 48px;
	padding: 28px 32px;
	background: linear-gradient(120deg, rgba(112, 27, 250, 0.22) 0%, rgba(22, 16, 31, 1) 70%);
	border: 1px solid var(--ea-borde);
	border-radius: 20px;
}
html body .ea-post-cta p {
	margin: 0;
	font-size: 16px;
}
html body .ea-post-cta .ea-post-cta-titulo {
	margin-bottom: 6px;
	color: #fff;
	font-size: 20px;
	font-weight: 500;
}
.ea-post-cta-boton {
	flex: none;
	padding: 14px 22px;
	border-radius: 12px;
	background: #701bfa;
	color: #fff;
	font-weight: 500;
	text-decoration: none;
	white-space: nowrap;
	transition: background-color 0.2s;
}
.ea-post-cta-boton:hover {
	background: #8e54ea;
	color: #fff;
}
@media (max-width: 767px) {
	.ea-post-cta {
		flex-direction: column;
		align-items: flex-start;
		padding: 22px;
	}
}

/* Compartir */
html body .sk-blog-details-tags-x-share::before,
html body .sk-blog-details-tags-x-share::after {
	background: rgba(255, 255, 255, 0.08);
}
html body .sk-blog-details-share .title {
	font-size: 0;
}
html body .sk-blog-details-share .title::before {
	content: "Compartir";
	color: #fff;
	font-size: 16px;
}
html body .sk-blog-details-share .link {
	border-color: rgba(255, 255, 255, 0.16);
	color: #fff;
}
html body .sk-blog-details-share .link svg {
	width: 18px;
	height: 18px;
	fill: #fff;
}
html body .sk-blog-details-share .link svg path {
	fill: #fff;
}

/* Barra lateral */
html body .sk-sidebar .sk-sidebar-widget {
	background: var(--ea-tarjeta);
	border-color: rgba(255, 255, 255, 0.08);
}
html body .sk-sidebar .sk-sidebar-widget:has(.sk-sidebar-widget-author) {
	background: transparent;
}
html body .sk-sidebar .sk-sidebar-widget-title {
	color: #fff;
}
html body .sk-sidebar .sk-sidebar-widget-title::after {
	background-color: #701bfa;
}
html body .sk-sidebar-widget-author .author-img {
	outline-color: #0d0a14;
	background: #0d0a14;
}
html body .sk-sidebar-widget-author .bg-clr {
	background-color: var(--ea-tarjeta);
	border: 1px solid rgba(255, 255, 255, 0.08);
}
html body .sk-sidebar-widget-author .bg-clr::before,
html body .sk-sidebar-widget-author .bg-clr::after {
	box-shadow: 19px 0 0 0 #0d0a14;
}
html body .sk-sidebar-widget-author .content-wrap {
	background: rgba(255, 255, 255, 0.04);
}
html body .sk-sidebar-widget-author :is(.name a, .name) {
	color: #fff;
}
html body .sk-sidebar-widget-author .bio {
	color: var(--ea-texto-2);
}
html body .sk-sidebar-widget-author .social-link::after {
	background: rgba(255, 255, 255, 0.1);
}
html body .sk-sidebar-widget-author .social-link .link {
	border-color: rgba(255, 255, 255, 0.16);
	background: #16101f;
	color: #fff;
}
html body .sk-sidebar-widget-search-form .form-input {
	background-color: rgba(255, 255, 255, 0.06);
	color: #fff;
}
html body .sk-sidebar .sk-sidebar-widget ul li a {
	color: var(--ea-texto-2);
}
html body .sk-sidebar .sk-sidebar-widget ul li a:hover {
	color: #fff;
}
html body .sk-sidebar .sk-sidebar-widget ul li a::after {
	background: #701bfa;
}
html body .sk-sidebar .sk-sidebar-widget ul li:not(:last-child) a::before,
html body .sk-sidebar-recent-post-single:not(:last-child)::before {
	background: rgba(255, 255, 255, 0.08);
}
html body .sk-sidebar-recent-post-single :is(.title, .title a) {
	color: #fff;
}
html body .sk-sidebar-recent-post-single :is(.date, .item-date, p) {
	color: var(--ea-texto-2);
}
html body .sk-sidebar .tx-sidebarWrapper,
html body .tx-sidebarWrapper.sk-sidebar {
	position: sticky;
	top: 110px;
}
@media (max-width: 991px) {
	html body .tx-sidebarWrapper.sk-sidebar {
		position: static;
	}
}
html body .tx-sidebarWrapper.sk-sidebar {
	background-color: transparent;
	padding: 0;
}


/* Pestañas del blog en celular: se deslizan dentro de su caja sin ensanchar la página */
html body .ea-blog-pestanas .sk-blog-8-tabs-btn {
	max-width: 100%;
	overflow: hidden;
}
html body .ea-blog-pestanas .sk-portfolio-5-tabs-btn {
	max-width: 100%;
}
html body .ea-blog-pestanas .sk-portfolio-5-tabs-btn::-webkit-scrollbar {
	display: none;
}

/* ======================================================================
   Listados del blog (archive.php del tema hijo: categorías, autor, búsqueda)
   ====================================================================== */
.ea-archivo-hero {
	padding-bottom: 8px;
}
.ea-archivo-cats {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	margin: 8px 0 48px;
}
.ea-archivo-cats a {
	padding: 9px 18px;
	border: 1px solid rgba(255, 255, 255, 0.12);
	border-radius: 999px;
	color: var(--ea-texto-2);
	font-size: 15px;
	text-decoration: none;
	transition: background-color 0.2s, color 0.2s;
}
.ea-archivo-cats a:hover {
	color: #fff;
	background: rgba(255, 255, 255, 0.06);
}
.ea-archivo-cats a.is-actual {
	color: #fff;
	background: #701bfa;
	border-color: #701bfa;
}
.ea-archivo {
	padding-bottom: var(--ea-sec);
}
.ea-archivo-grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 24px;
}
.ea-archivo-card {
	display: flex;
	flex-direction: column;
	overflow: hidden;
	background: var(--ea-tarjeta);
	border: 1px solid var(--ea-borde);
	border-radius: 22px;
	transition: transform 0.25s, border-color 0.25s;
}
.ea-archivo-card:hover {
	transform: translateY(-4px);
	border-color: rgba(165, 123, 255, 0.6);
}
.ea-archivo-img {
	display: block;
	aspect-ratio: 3 / 2;
	overflow: hidden;
	background: #fff;
}
.ea-archivo-img img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.ea-archivo-cuerpo {
	display: flex;
	flex: 1;
	flex-direction: column;
	gap: 10px;
	padding: 22px;
}
.ea-archivo-meta {
	margin: 0;
	color: rgba(255, 255, 255, 0.5);
	font-size: 14px;
}
html body .ea-archivo-grid .ea-archivo-card .ea-archivo-titulo {
	margin: 0;
	font-size: 20px;
	line-height: 1.35;
	text-transform: none;
	font-family: inherit;
	font-weight: 500;
}
html body .ea-archivo-titulo a {
	color: #fff;
	text-decoration: none;
}
html body .ea-archivo-titulo a:hover {
	color: #c7a8ff;
}
.ea-archivo-resumen {
	margin: 0;
	color: var(--ea-texto-2);
	font-size: 15px;
	line-height: 1.6;
}
.ea-archivo-cat {
	align-self: flex-start;
	margin-top: auto;
	padding: 4px 12px;
	border: 1px solid var(--ea-borde);
	border-radius: 999px;
	background: rgba(112, 27, 250, 0.12);
	color: #c7a8ff;
	font-size: 13px;
}
.ea-archivo .nav-links {
	display: flex;
	justify-content: center;
	gap: 8px;
	margin-top: 48px;
}
.ea-archivo .nav-links .page-numbers {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 44px;
	height: 44px;
	border: 1px solid rgba(255, 255, 255, 0.12);
	border-radius: 12px;
	color: #fff;
	text-decoration: none;
}
.ea-archivo .nav-links .page-numbers.current {
	background: #701bfa;
	border-color: #701bfa;
}
.ea-archivo-vacio {
	padding: 40px 0;
	color: var(--ea-texto-2);
}
.ea-archivo-vacio a {
	color: #c7a8ff;
}
@media (max-width: 991px) {
	.ea-archivo-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}
@media (max-width: 767px) {
	.ea-archivo-grid {
		grid-template-columns: minmax(0, 1fr);
	}
	.ea-archivo-cats {
		flex-wrap: nowrap;
		overflow-x: auto;
		scrollbar-width: none;
		margin-bottom: 32px;
	}
	.ea-archivo-cats a {
		flex: none;
	}
}
/* Título completo en la tarjeta destacada (la demo lo corta a 2 líneas) */
html body .ea-blog-destacada .sk-blog-8-big-card .title {
	display: block;
	max-height: none;
	overflow: visible;
	-webkit-line-clamp: unset;
}
@media (max-width: 767px) {
	.ea-post-meta {
		gap: 6px 16px;
	}
	.ea-post-meta li + li::before {
		display: none;
	}
}
/* Notas de prensa: la portada es el logo del medio, va pequeña */
.ea-post-portada.is-logo {
	max-width: 360px;
}
.ea-post-portada img {
	height: auto;
}
html body .tz-sidebar-widget .category-widget li a {
	border-bottom-color: rgba(255, 255, 255, 0.08);
}

/* ---------- Entrada, versión 2: portada en la columna del texto y barra lateral compacta ---------- */
html body .bs-blog-details-area {
	padding-top: 12px;
}
html body .sk-blog-details-wrap-left .ea-post-portada {
	max-width: none;
	margin: 0 0 36px;
}
html body .sk-blog-details-wrap-left .ea-post-portada.is-logo {
	max-width: 320px;
}
html body .sk-blog-details-tags-x-share {
	display: none; /* reemplazado por .ea-compartir */
}
@media (max-width: 767px) {
	html body .bs-blog-details-area .sk-blog-details-wrap-left h2 {
		font-size: 18px;
	}
}

/* Compartir */
.ea-compartir {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 10px;
	margin-top: 28px;
	padding: 18px 0;
	border-top: 1px solid rgba(255, 255, 255, 0.08);
	border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}
.ea-compartir > span {
	margin-right: 6px;
	color: #fff;
	font-size: 15px;
	font-weight: 500;
}
html body .ea-compartir a,
.ea-compartir-copiar {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	min-width: 40px;
	height: 40px;
	padding: 0 12px;
	border: 1px solid rgba(255, 255, 255, 0.14);
	border-radius: 999px;
	background: transparent;
	color: #fff;
	font-size: 15px;
	text-decoration: none;
	cursor: pointer;
	transition: background-color 0.2s, border-color 0.2s;
}
html body .ea-compartir a:hover,
.ea-compartir-copiar:hover {
	background: #701bfa;
	border-color: #701bfa;
	color: #fff;
}
.ea-compartir-copiar span {
	font-size: 14px;
}

/* Sigue leyendo */
.ea-relacionadas {
	margin-top: 44px;
}
html body .ea-relacionadas .ea-relacionadas-titulo {
	margin: 0 0 18px;
	color: #fff;
	font-size: 18px;
	font-weight: 500;
}
.ea-relacionadas .ea-archivo-grid {
	gap: 16px;
}
.ea-relacionadas .ea-archivo-cuerpo {
	gap: 6px;
	padding: 16px;
}
html body .ea-relacionadas .ea-archivo-grid .ea-archivo-card .ea-archivo-titulo {
	font-size: 16px;
}
@media (max-width: 991px) {
	.ea-relacionadas .ea-archivo-grid {
		grid-template-columns: minmax(0, 1fr);
	}
}

/* Barra lateral compacta y fija */
html body .sk-sidebar .sk-sidebar-widget.widget_custom_html,
html body .sk-sidebar .sk-sidebar-widget:has(.ea-lateral) {
	padding: 22px;
	background: var(--ea-tarjeta);
	border: 1px solid var(--ea-borde);
	border-radius: 20px;
}
.ea-lateral {
	display: flex;
	flex-direction: column;
	gap: 20px;
}
.ea-lateral-autor {
	display: grid;
	grid-template-columns: 56px 1fr;
	align-items: center;
	gap: 14px;
	padding-bottom: 18px;
	border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}
.ea-lateral-autor img {
	width: 56px;
	height: 56px;
	border-radius: 50%;
}
html body .ea-lateral .ea-lateral-nombre {
	margin: 0 0 2px;
	color: #fff;
	font-size: 16px;
	font-weight: 500;
}
html body .ea-lateral .ea-lateral-bio {
	margin: 0;
	color: var(--ea-texto-2);
	font-size: 14px;
	line-height: 1.45;
}
.ea-lateral-redes {
	display: flex;
	grid-column: 1 / -1;
	gap: 8px;
}
html body .ea-lateral-redes a {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 36px;
	height: 36px;
	border: 1px solid rgba(255, 255, 255, 0.14);
	border-radius: 50%;
	color: #fff;
	font-size: 15px;
	text-decoration: none;
}
html body .ea-lateral-redes a:hover {
	background: #701bfa;
	border-color: #701bfa;
}
html body .ea-lateral .ea-toc-titulo {
	margin: 0 0 10px;
	color: #a57bff;
	font-size: 12px;
	font-weight: 500;
	letter-spacing: 0.12em;
	text-transform: uppercase;
}
.ea-toc ol {
	margin: 0;
	padding: 0;
	list-style: none;
}
html body .sk-sidebar .ea-toc a {
	display: block;
	padding: 7px 10px;
	border-left: 2px solid transparent;
	border-radius: 0 8px 8px 0;
	color: var(--ea-texto-2);
	font-size: 14px;
	line-height: 1.4;
	text-decoration: none;
	transition: color 0.2s, background-color 0.2s;
}
html body .sk-sidebar .ea-toc a::before,
html body .sk-sidebar .ea-toc a::after {
	display: none;
}
html body .sk-sidebar .ea-toc a:hover {
	color: #fff;
}
html body .sk-sidebar .ea-toc a.is-activo {
	color: #fff;
	background: rgba(112, 27, 250, 0.14);
	border-left-color: #701bfa;
}
html body .ea-lateral-wa {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 10px;
	padding: 13px 16px;
	border-radius: 12px;
	background: #701bfa;
	color: #fff;
	font-weight: 500;
	text-decoration: none;
	transition: background-color 0.2s;
}
html body .ea-lateral-wa:hover {
	background: #8e54ea;
	color: #fff;
}
@media (max-width: 991px) {
	/* En celular la barra lateral va al final: sin índice (ya se leyó el artículo) */
	.ea-lateral .ea-toc {
		display: none;
	}
}

/* ---------- Pestañas del blog: una sola fila y compactas ---------- */
html body .ea-blog-pestanas .sk-blog-8-tabs-btn {
	display: flex;
	justify-content: center;
}
html body .ea-blog-pestanas .sk-portfolio-5-tabs-btn {
	display: inline-flex;
	flex-wrap: nowrap;
	gap: 4px;
	width: max-content;
	max-width: 100%;
	padding: 6px;
	overflow-x: auto;
	scrollbar-width: none;
}
html body .ea-blog-pestanas .sk-portfolio-5-tabs-btn .nav-link {
	flex: none;
	gap: 8px;
	padding: 6px 18px 6px 6px;
	font-size: 15px;
	white-space: nowrap;
}
html body .ea-blog-pestanas .sk-portfolio-5-tabs-btn .nav-link .icon {
	width: 32px;
	height: 32px;
}

/* ---------- Sin subrayado animado al pasar el mouse (títulos de tarjetas) ---------- */
html body :is([class*="-card"], .sk-blog-5-item) .title a {
	background-image: none;
}
html body .ea-blog-destacada .blog-btn {
	color: #c7a8ff;
}
html body .ea-blog-destacada .blog-btn::after {
	display: none;
}
html body :is(.ea-archivo-titulo, .ea-post-migas, .ea-archivo-cats) a,
html body :is(.ea-archivo-titulo, .ea-post-migas, .ea-archivo-cats) a:hover {
	text-decoration: none;
}

/* Resplandor del CTA «¿Hablamos?» sin video (fase 2 de carga; inc/secciones.php cambia el <video> por
   .ea-glow): una capa de degradado grande que se desplaza despacio dentro de la máscara del tema. Solo se
   anima transform (lo hace la tarjeta gráfica, sin repintar). Se usa --marca (morados de Escalautos, elegido
   por el usuario); la base imita los colores del video de la demo. */
.ea-glow { position: absolute; inset: 0; display: block; overflow: hidden; }
.ea-glow::before {
	content: "";
	position: absolute;
	left: -50%;
	top: -50%;
	width: 200%;
	height: 200%; /* solo se desplaza (sin girar): el doble alcanza para que el borde nunca entre */
	background: linear-gradient(115deg, #000 0%, #0b1a8c 9%, #1c78b8 16%, #000 26%, #8a3a06 36%, #b39200 44%, #000 55%, #3b4fb0 65%, #0b0f5c 73%, #5e0a10 83%, #000 92%, #0b1a8c 100%);
	opacity: 0.9;
	animation: ea-glow 22s ease-in-out infinite alternate;
}
.ea-glow--marca::before {
	background: linear-gradient(115deg, #000 0%, #3a0ca3 10%, #701bfa 19%, #000 29%, #5a189a 40%, #9d4edd 48%, #000 58%, #2a0a5e 68%, #701bfa 78%, #b04cff 84%, #000 93%, #3a0ca3 100%);
}
@keyframes ea-glow {
	0% { transform: translate(0, 0); }
	50% { transform: translate(18%, -16%); }
	100% { transform: translate(-18%, 16%); }
}
@media (prefers-reduced-motion: reduce) {
	.ea-glow::before { animation: none; }
}

/* ---------- Uniones suaves entre secciones (2026-09-14) ----------
   Estas secciones traen fondo propio y terminaban (o empezaban) en seco contra el fondo de la página. Su fondo
   pasa a una capa ::before con una máscara que lo desvanece a transparente en la unión: se ve el fondo de la
   página (rejilla y resplandores) sin corte, y el contenido no se toca. */

/* Servicios del Autoverso (tarjetas apiladas) → Programa de fidelización: el morado se apaga abajo. */
html body .ea-servicios-apilados .sk-features-5-area {
	position: relative;
	isolation: isolate;
	background: transparent;
}
html body .ea-servicios-apilados .sk-features-5-area::before {
	content: "";
	position: absolute;
	inset: 0;
	z-index: -1;
	border-radius: inherit;
	pointer-events: none;
	background-color: #120c1f;
	background-image:
		radial-gradient(640px 520px at 8% 18%, rgba(112, 27, 250, 0.2), rgba(112, 27, 250, 0) 70%),
		radial-gradient(700px 560px at 94% 55%, rgba(86, 64, 235, 0.14), rgba(86, 64, 235, 0) 70%),
		radial-gradient(640px 500px at 20% 92%, rgba(170, 40, 210, 0.1), rgba(170, 40, 210, 0) 70%),
		linear-gradient(180deg, rgba(18, 12, 31, 0.55), rgba(18, 12, 31, 0.8)),
		url("../img/fondos/rejilla.webp");
	background-size: 100% 1400px, 100% 1400px, 100% 1400px, 100% 100%, 514px 514px;
	background-position: 0 0, 0 0, 0 0, 0 0, center 0;
	background-repeat: repeat-y, repeat-y, repeat-y, no-repeat, repeat;
	-webkit-mask-image: linear-gradient(to bottom, #000 calc(100% - 320px), transparent 100%);
	mask-image: linear-gradient(to bottom, #000 calc(100% - 320px), transparent 100%);
}

/* Preguntas frecuentes → Hablemos (portada; en las demás páginas este bloque ya va sin panel, .ea-formulario):
   el panel oscuro aparece de a poco arriba, sin el borde redondeado que marcaba el corte. */
html body .sk-contact-6-area:not(.ea-formulario .sk-contact-6-area) {
	position: relative;
	isolation: isolate;
	background: transparent;
	border-radius: 0;
}
html body .sk-contact-6-area:not(.ea-formulario .sk-contact-6-area)::before {
	content: "";
	position: absolute;
	inset: 0;
	z-index: -1;
	pointer-events: none;
	background: linear-gradient(193.36deg, #0f0e0c 9.6%, rgba(15, 14, 12, 0) 90.4%);
	-webkit-mask-image: linear-gradient(to bottom, transparent 0, #000 260px);
	mask-image: linear-gradient(to bottom, transparent 0, #000 260px);
}

/* Beneficios (sk-benefits-1) en 4 columnas: las luces verticales animadas del tema van a 438 px de cada borde
   (su demo es de 3 columnas) y aquí cruzaban el texto de la 2.ª y 3.ª tarjeta. Van sobre las divisiones reales:
   entre la 1.ª y 2.ª columna (25 %) y entre la 3.ª y 4.ª (75 %). El tema solo las muestra desde 1400 px. */
html body .sk-benefits-1-wrap .ani-line-3,
html body .sk-benefits-1-wrap .ani-line-4 {
	left: calc(25% - 1.5px);
}
html body .sk-benefits-1-wrap .ani-line-5,
html body .sk-benefits-1-wrap .ani-line-6 {
	right: calc(25% - 1.5px);
}

/* El botón a /escalamigos/ en el bloque de puntos de la portada (inc/escalamigos.php). */
.ea-puntos-cta {
	margin-top: 26px;
}
.ea-puntos .sk-service-3-sec-title .ea-puntos-cta,
.ea-puntos .text-center .ea-puntos-cta {
	display: flex;
	justify-content: center;
}

/* ---------- Contacto en el celular (sk-contact-6: «¿Tienes dudas?», «Solicita tu crédito», «Recibe una oferta»…) ----------
   2026-10-30: el título iba a la izquierda bajo una píldora centrada, y las tarjetas de WhatsApp y Correo medían
   ~200 px cada una. Encabezado centrado como el resto de la página; tarjetas en una fila (ícono a la izquierda).
   En la portada, el fundido de arriba (260 px) dejaba un hueco oscuro antes de «Hablemos». */
@media (max-width: 767px) {
	html body .sk-contact-6-sec-title {
		margin-bottom: 32px !important;
		text-align: center;
	}
	html body .sk-contact-6-info-single {
		display: grid;
		grid-template-columns: 52px minmax(0, 1fr);
		align-items: center;
		column-gap: 16px;
		padding: 16px 20px !important;
		text-align: left;
	}
	html body .sk-contact-6-info-single .icon {
		grid-row: 1 / span 4;
		display: grid;
		place-items: center;
		width: 52px;
		height: 52px;
		margin: 0 !important;
	}
	html body .sk-contact-6-info-single .icon img {
		width: 34px;
		height: auto;
	}
	html body .sk-contact-6-info-single .title {
		margin: 0 !important;
		font-size: 18px;
	}
	html body .sk-contact-6-info-single p {
		margin: 0 !important;
	}
	html body .sk-contact-6-area:not(.ea-formulario .sk-contact-6-area) {
		padding-top: 80px !important;
	}
	html body .sk-contact-6-area:not(.ea-formulario .sk-contact-6-area)::before {
		-webkit-mask-image: linear-gradient(to bottom, transparent 0, #000 120px);
		mask-image: linear-gradient(to bottom, transparent 0, #000 120px);
	}
}

/* ---------- Pasos (sk-process-1: puntos de Escalamigos en la portada y planes de crédito) en el celular ----------
   2026-10-30, Estiven no quería el diseño en celular: tarjetas con un número gigante de fondo, el texto alineado a
   la derecha y un logo de 200 px en medio (la sección medía ~2.100 px). Ahora, una línea de tiempo: círculos 1·2·3·4
   unidos por una línea (como los pasos de las ventanas de separar y agendar), título y texto al lado. Con tokens. */
@media (max-width: 767px) {
	:is(.ea-puntos, .ea-planes) .sk-process-1-area {
		padding-top: 80px !important;
		padding-bottom: 70px !important;
	}
	:is(.ea-puntos, .ea-planes) .sk-process-1-wrap {
		display: block;
		max-width: 440px;
		margin: 0 auto;
	}
	:is(.ea-puntos, .ea-planes) .sk-process-1-item {
		display: block;
		margin: 0 !important;
	}
	:is(.ea-puntos, .ea-planes) .sk-process-1-favicon,
	:is(.ea-puntos, .ea-planes) .sk-process-1-line-svg {
		display: none !important;
	}
	:is(.ea-puntos, .ea-planes) .sk-process-1-item .sk-process-1-item-single {
		position: relative;
		display: grid;
		grid-template-columns: 44px minmax(0, 1fr);
		column-gap: 16px;
		max-width: none;
		margin: 0 !important;
		padding: 0 0 28px !important;
		border: 0;
		border-radius: 0;
		background: none;
		text-align: left;
	}
	/* La línea que une un círculo con el siguiente; el último paso no la lleva. */
	:is(.ea-puntos, .ea-planes) .sk-process-1-item .sk-process-1-item-single::before {
		content: "";
		position: absolute;
		top: 48px;
		bottom: 4px;
		left: 21px;
		width: 2px;
		border-radius: 1px;
		background: var(--ea-acento-borde);
	}
	:is(.ea-puntos, .ea-planes) .sk-process-1-item:last-of-type .sk-process-1-item-single:last-child {
		padding-bottom: 0 !important;
	}
	:is(.ea-puntos, .ea-planes) .sk-process-1-item:last-of-type .sk-process-1-item-single:last-child::before {
		display: none;
	}
	:is(.ea-puntos, .ea-planes) .sk-process-1-item .sk-process-1-item-single .number {
		position: static;
		z-index: auto;
		grid-row: 1 / span 2;
		display: grid;
		place-items: center;
		width: 44px;
		height: 44px;
		margin: 0;
		border-radius: 50%;
		background: var(--ea-acento);
		-webkit-background-clip: border-box;
		background-clip: border-box;
		color: var(--ea-sobre-acento);
		-webkit-text-fill-color: var(--ea-sobre-acento);
		font: 600 18px/1 var(--ea-font-text);
	}
	:is(.ea-puntos, .ea-planes) .sk-process-1-item .sk-process-1-item-single .title {
		max-width: none;
		margin: 9px 0 6px !important;
		font-size: 19px;
		text-align: left;
	}
	:is(.ea-puntos, .ea-planes) .sk-process-1-item .sk-process-1-item-single .disc {
		margin: 0;
		color: var(--ea-texto-2);
		text-align: left;
	}
}