/* ==========================================================================
   HEC Shop — "Industrial Premium" Card Design
   JetEngine listing 6758 · IDs exactos de widgets Elementor
   Paleta: Rojo #D90429 · Slate #1e293b · Cyan #0ea5e9 · Amber #f59e0b
   ========================================================================== */

/* ── Ocultar campo de búsqueda y botón apply del filtro JetSmartFilters ── */
.jet-search-filter__input,
.jet-search-filter__submit,
.apply-filters__button {
	display: none !important;
}

/* ── Variables ─────────────────────────────────────────────────────────── */
:root {
	--ip-red:       #D90429;
	--ip-red-dk:    #9f0a1f;
	--ip-slate:     #1e293b;
	--ip-slate-dk:  #0f172a;
	--ip-cyan:      #0ea5e9;
	--ip-cyan-dk:   #0284c7;
	--ip-purple:    #7c3aed;
	--ip-amber:     #f59e0b;
	--ip-green:     #16a34a;
	--ip-border:    #e2e8f0;
	--ip-bg:        #f8fafc;
	--ip-shadow-sm: 0 2px 12px rgba(0,0,0,.06);
	--ip-shadow-hv: 0 20px 56px rgba(217,4,41,.18), 0 8px 22px rgba(0,0,0,.09);
	--ip-shadow-btn:0 6px 22px rgba(217,4,41,.38);
}

/* ==========================================================================
   1. GRID WRAPPER — espaciado entre cards
   ========================================================================== */
.jet-listing-grid .jet-listing-grid__items {
	gap: unset;
}

/* ── Grid tienda 6758: forzar 3 columnas directamente en los items ────────── */
/*
   JetEngine reimpoone --columns:4 via inline CSS o reglas específicas que ganan
   la cascada. Solución: saltear la variable y fijar flex/max-width directamente
   en los items con mayor especificidad + !important.
   Items de JetEngine: flex: 0 0 calc(100%/var(--columns)) → 4 cols = 25% c/u.
   Con 3 de 4 en pantalla = 75% del ancho → los 25% restantes quedan vacíos.
   Fijamos 33.3333% para que 3 items = 100% del contenedor.
*/
/* jet-listing-grid--6758 está en el MISMO elemento que jet-listing-grid__items */
.jet-listing-grid__items.jet-listing-grid--6758 > .jet-listing-grid__item {
	flex:      0 0 33.3333% !important;
	max-width: 33.3333%     !important;
}

@media (max-width: 767px) {
	.jet-listing-grid__items.jet-listing-grid--6758 > .jet-listing-grid__item {
		flex:      0 0 100% !important;
		max-width: 100%     !important;
	}
}

/* ==========================================================================
   2. CARD — base y hover
   ========================================================================== */
.jet-listing-grid__item {
	background: #fff !important;
	border-radius: 14px !important;
	overflow: hidden !important;
	border: 1.5px solid var(--ip-border) !important;
	box-shadow: var(--ip-shadow-sm) !important;
	position: relative !important;
	transition:
		transform .32s cubic-bezier(.34,1.2,.64,1),
		box-shadow .32s ease,
		border-color .25s ease !important;
	animation: ip-card-in .4s ease both;
}

.jet-listing-grid__item:hover {
	transform: translateY(-8px) !important;
	box-shadow: var(--ip-shadow-hv) !important;
	border-color: var(--ip-red) !important;
}

/* Barra roja inferior que se despliega en hover */
.jet-listing-grid__item::after {
	content: '';
	position: absolute;
	bottom: 0; left: 0; right: 0;
	height: 3px;
	background: linear-gradient(90deg, var(--ip-red) 0%, #ff4757 50%, var(--ip-red) 100%);
	background-size: 200% auto;
	transform: scaleX(0);
	transform-origin: left;
	transition: transform .38s cubic-bezier(.4,0,.2,1);
	border-radius: 0 0 14px 14px;
	z-index: 2;
}
.jet-listing-grid__item:hover::after {
	transform: scaleX(1);
}

/* Stagger de entrada */
.jet-listing-grid__item:nth-child(1) { animation-delay: .04s; }
.jet-listing-grid__item:nth-child(2) { animation-delay: .1s;  }
.jet-listing-grid__item:nth-child(3) { animation-delay: .16s; }
.jet-listing-grid__item:nth-child(4) { animation-delay: .22s; }
.jet-listing-grid__item:nth-child(5) { animation-delay: .28s; }
.jet-listing-grid__item:nth-child(6) { animation-delay: .34s; }
.jet-listing-grid__item:nth-child(7) { animation-delay: .40s; }
.jet-listing-grid__item:nth-child(8) { animation-delay: .46s; }

@keyframes ip-card-in {
	from { opacity: 0; transform: translateY(20px) scale(.97); }
	to   { opacity: 1; transform: translateY(0)   scale(1);   }
}

/* ==========================================================================
   3. IMAGEN — ID b9627c6
   Zoom + overlay gradiente que emerge desde abajo en hover
   ========================================================================== */
.elementor-element-b9627c6 {
	overflow: hidden !important;
	position: relative !important;
	display: block !important;
}

.elementor-element-b9627c6 img {
	width: 100% !important;
	aspect-ratio: 1 / 1 !important;
	object-fit: cover !important;
	display: block !important;
	transition: transform .5s cubic-bezier(.4,0,.2,1), filter .4s ease !important;
}

/* Overlay oscuro que sube desde abajo */
.elementor-element-b9627c6::before {
	content: '' !important;
	position: absolute !important;
	inset: 0 !important;
	background: linear-gradient(
		to top,
		rgba(15,23,42,.72) 0%,
		rgba(15,23,42,.28) 40%,
		transparent 70%
	) !important;
	opacity: 0 !important;
	transition: opacity .38s ease !important;
	z-index: 1 !important;
	pointer-events: none !important;
}

.jet-listing-grid__item:hover .elementor-element-b9627c6 img {
	transform: scale(1.08) !important;
	filter: brightness(.92) !important;
}
.jet-listing-grid__item:hover .elementor-element-b9627c6::before {
	opacity: 1 !important;
}

/* ==========================================================================
   4. PRECIO — ID d581636 (get_price_html, posición fondo del card)
   ========================================================================== */
.elementor-element-d581636 .jet-listing-dynamic-field__value,
.elementor-element-d581636 .jet-listing-dynamic-field__inline-wrap,
.elementor-element-d581636 .dynamic-field__value {
	font-weight: 700 !important;
	text-align: center !important;
}

/* Precio normal (sin oferta) */
.elementor-element-d581636 .woocommerce-Price-amount {
	color: var(--ip-amber) !important;
	font-weight: 800 !important;
	font-size: 15px !important;
}

/* Precio regular tachado (cuando hay oferta) */
.elementor-element-d581636 del {
	display: block !important;
	text-decoration: line-through !important;
}
.elementor-element-d581636 del .woocommerce-Price-amount {
	color: #94a3b8 !important;
	font-weight: 400 !important;
	font-size: 12px !important;
}

/* Precio de oferta en verde */
.elementor-element-d581636 ins {
	display: block !important;
	text-decoration: none !important;
}
.elementor-element-d581636 ins .woocommerce-Price-amount {
	color: var(--ip-green) !important;
	font-size: 16px !important;
	font-weight: 800 !important;
}

/* ==========================================================================
   5. BOTÓN AGREGAR AL CARRITO — ID 4318fc2
   Dark slate → rojo con efecto shine sweep
   ========================================================================== */
.elementor-element-4318fc2 .add_to_cart_button,
.elementor-element-4318fc2 a.button,
.elementor-element-4318fc2 .woocommerce a {
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	gap: 8px !important;
	width: 100% !important;
	padding: 11px 18px !important;
	background: linear-gradient(135deg, var(--ip-slate) 0%, var(--ip-slate-dk) 100%) !important;
	color: #fff !important;
	border: none !important;
	border-radius: 8px !important;
	font-size: 13px !important;
	font-weight: 700 !important;
	letter-spacing: .5px !important;
	text-transform: uppercase !important;
	cursor: pointer !important;
	text-decoration: none !important;
	transition: background .28s ease, transform .18s ease, box-shadow .28s ease !important;
	box-shadow: 0 2px 8px rgba(15,23,42,.22) !important;
	position: relative !important;
	overflow: hidden !important;
}

/* Shine sweep en el botón al hover del card */
.elementor-element-4318fc2 .add_to_cart_button::before,
.elementor-element-4318fc2 a.button::before {
	content: '' !important;
	position: absolute !important;
	inset: 0 !important;
	background: linear-gradient(
		120deg,
		transparent 20%,
		rgba(255,255,255,.25) 50%,
		transparent 80%
	) !important;
	transform: translateX(-120%) !important;
	transition: transform .55s ease !important;
}

.jet-listing-grid__item:hover .elementor-element-4318fc2 .add_to_cart_button::before,
.jet-listing-grid__item:hover .elementor-element-4318fc2 a.button::before {
	transform: translateX(120%) !important;
}

.elementor-element-4318fc2 .add_to_cart_button:hover,
.elementor-element-4318fc2 a.button:hover {
	background: linear-gradient(135deg, var(--ip-red) 0%, var(--ip-red-dk) 100%) !important;
	color: #fff !important;
	transform: translateY(-2px) !important;
	box-shadow: var(--ip-shadow-btn) !important;
	text-decoration: none !important;
}

/* Estado añadido */
.elementor-element-4318fc2 .added {
	background: linear-gradient(135deg, var(--ip-green), #15803d) !important;
	box-shadow: 0 4px 14px rgba(22,163,74,.35) !important;
}

/* Estado cargando */
.elementor-element-4318fc2 .loading {
	opacity: .65 !important;
	cursor: wait !important;
}

/* ==========================================================================
   6. CÓDIGO DE FÁBRICA — ID 54b3bb7
   ========================================================================== */
.elementor-element-54b3bb7 .jet-listing-dynamic-field__value,
.elementor-element-54b3bb7 .jet-listing-dynamic-field__inline-wrap {
	font-size: 11px !important;
	font-weight: 500 !important;
	color: #94a3b8 !important;
	letter-spacing: .3px !important;
	text-align: center !important;
}

/* ==========================================================================
   7. OCULTAR: Marca (54cdd58), Aplicación (c6b26ab), HOR (f4593e6)
   ========================================================================== */
.elementor-element-54cdd58,
.elementor-element-c6b26ab,
.elementor-element-f4593e6 {
	display: none !important;
}

/* ==========================================================================
   9. QUANTITY — INPUT + BOTONES +/-
   El widget add-to-cart (4318fc2) incluye el form con quantity
   ========================================================================== */

/* Widget wrapper centrado */
.elementor-element-4318fc2,
.elementor-element-4318fc2 .elementor-widget-container {
	display: flex !important;
	justify-content: center !important;
	align-items: center !important;
}

/* Form: ancho automático, centrado horizontalmente */
.elementor-element-4318fc2 form.cart,
.elementor-element-4318fc2 .cart {
	display: inline-flex !important;
	align-items: center !important;
	gap: 8px !important;
	width: auto !important;
	margin: 0 auto !important;
}

.elementor-element-4318fc2 form.cart .single_add_to_cart_button,
.elementor-element-4318fc2 form.cart .button {
	flex: none !important;
	width: auto !important;
	min-width: 100px !important;
	color: #fff !important;
}

.single_add_to_cart_button.button.alt {
	font-weight: 400 !important;
}

/* ══════════════════════════════════════════════
   QUANTITY — "Spinner Derecho"
   Número izq · Botones ▴▾ apilados a la derecha
   ══════════════════════════════════════════════ */

/* Contenedor principal */
.hec-quantity {
	display: inline-flex !important;
	align-items: stretch !important;
	flex-shrink: 0 !important;
	border: 0.5px solid var(--ip-slate) !important;
	border-radius: 8px !important;
	overflow: hidden !important;
	height: 42px !important;
	background: #fff !important;
	transition: border-color .2s, box-shadow .2s !important;
}

.hec-quantity:focus-within {
	border-color: var(--ip-red) !important;
	box-shadow: 0 0 0 2px rgba(217,4,41,.1) !important;
}

/* Input: número a la izquierda */
.hec-quantity input.qty,
.hec-quantity input[type="number"] {
	width: 44px !important;
	border: none !important;
	outline: none !important;
	background: transparent !important;
	text-align: center !important;
	font-size: 15px !important;
	font-weight: 700 !important;
	color: var(--ip-slate) !important;
	padding: 0 4px !important;
	-moz-appearance: textfield !important;
	border-radius: 0 !important;
	box-shadow: none !important;
	height: 100% !important;
}

/* Quitar flechas nativas */
.hec-quantity input.qty::-webkit-outer-spin-button,
.hec-quantity input.qty::-webkit-inner-spin-button,
.hec-quantity input[type="number"]::-webkit-outer-spin-button,
.hec-quantity input[type="number"]::-webkit-inner-spin-button {
	-webkit-appearance: none !important;
	margin: 0 !important;
}

/* Bloque de controles — los 2 botones juntos a la derecha */
.hec-qty-controls {
	display: flex !important;
	flex-direction: column !important;
	border-left: 1.5px solid var(--ip-slate) !important;
	width: 24px !important;
	flex-shrink: 0 !important;
}

/* Botón individual */
.hec-qty-btn {
	flex: 1 !important;
	width: 100% !important;
	border: none !important;
	background: #f8fafc !important;
	color: var(--ip-slate) !important;
	font-size: 8px !important;
	line-height: 1 !important;
	cursor: pointer !important;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	padding: 0 !important;
	transition: background .15s, color .15s !important;
	user-select: none !important;
}

.hec-qty-btn:hover {
	background: var(--ip-red) !important;
	color: #fff !important;
}

/* Separador entre + y − */
.hec-qty-plus {
	border-bottom: 1px solid var(--ip-slate) !important;
}

/* ==========================================================================
   9. BADGE OFERTA
   ========================================================================== */
.jet-listing-grid__item .onsale {
	background: linear-gradient(135deg, var(--ip-red), #ff4757) !important;
	color: #fff !important;
	border-radius: 6px !important;
	font-size: 9.5px !important;
	font-weight: 800 !important;
	letter-spacing: .8px !important;
	text-transform: uppercase !important;
	padding: 4px 10px !important;
	min-height: 0 !important;
	min-width: 0 !important;
	box-shadow: 0 3px 10px rgba(217,4,41,.45) !important;
	animation: ip-badge-pop .45s cubic-bezier(.34,1.56,.64,1) both;
}

@keyframes ip-badge-pop {
	from { transform: scale(.5) rotate(-8deg); opacity: 0; }
	to   { transform: scale(1)  rotate(0deg);  opacity: 1; }
}

/* ==========================================================================
   10. OCULTAR CAMPOS DE CÓDIGO — OEM (54b3bb7), HOR (f4593e6)
       y CODIGO DE FABRICA si aparece en otra vista
   ========================================================================== */
.elementor-element-54b3bb7,   /* CODIGO OEM   */
.elementor-element-f4593e6 {  /* CODIGO HOR   */
	display: none !important;
}

/* ==========================================================================
   11. NOMBRE DE PRODUCTO — widget hec_product_title
   ========================================================================== */
.elementor-element-hec_product_title .jet-listing-dynamic-field__value,
.elementor-element-hec_product_title .dynamic-field__value,
.elementor-element-hec_product_title a {
	display: -webkit-box !important;
	-webkit-line-clamp: 2 !important;
	-webkit-box-orient: vertical !important;
	overflow: hidden !important;
	font-size: 13px !important;
	font-weight: 600 !important;
	color: var(--ip-slate) !important;
	line-height: 1.4 !important;
	text-align: center !important;
	text-decoration: none !important;
	transition: color .18s !important;
}

.jet-listing-grid__item:hover .elementor-element-hec_product_title a {
	color: var(--ip-red) !important;
}

/* ==========================================================================
   12. FALLBACK — loop estándar WooCommerce (otras páginas)
   ========================================================================== */
.woocommerce ul.products li.product {
	border-radius: 14px !important;
	overflow: hidden !important;
	border: 1.5px solid var(--ip-border) !important;
	box-shadow: var(--ip-shadow-sm) !important;
	transition: transform .32s cubic-bezier(.34,1.2,.64,1), box-shadow .32s, border-color .25s !important;
	background: #fff !important;
}
.woocommerce ul.products li.product:hover {
	transform: translateY(-8px) !important;
	box-shadow: var(--ip-shadow-hv) !important;
	border-color: var(--ip-red) !important;
}
.woocommerce ul.products li.product img {
	transition: transform .5s cubic-bezier(.4,0,.2,1) !important;
	aspect-ratio: 1 / 1 !important;
	object-fit: cover !important;
}
.woocommerce ul.products li.product:hover img {
	transform: scale(1.08) !important;
}
.woocommerce ul.products li.product .button {
	background: linear-gradient(135deg, var(--ip-slate), var(--ip-slate-dk)) !important;
	color: #fff !important;
	border-radius: 8px !important;
	font-weight: 700 !important;
	text-transform: uppercase !important;
	letter-spacing: .5px !important;
	transition: background .28s, transform .18s !important;
}
.woocommerce ul.products li.product .button:hover {
	background: linear-gradient(135deg, var(--ip-red), var(--ip-red-dk)) !important;
	transform: translateY(-1px) !important;
}

/* ==========================================================================
   HOME PAGE — Swiper, Benefit Cards & Section Enhancements v2
   Fixes: sin overflow:hidden en contenedores de imagen
   ========================================================================== */

/* ── 1. SWIPER NAVIGATION ARROWS ───────────────────────────────────────── */
.elementor-swiper-button-prev,
.elementor-swiper-button-next {
	width: 48px !important;
	height: 48px !important;
	background: rgba(255,255,255,.18) !important;
	backdrop-filter: blur(12px) !important;
	-webkit-backdrop-filter: blur(12px) !important;
	border: 1.5px solid rgba(255,255,255,.4) !important;
	border-radius: 50% !important;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	box-shadow: 0 4px 20px rgba(0,0,0,.22) !important;
	transition: background .22s, border-color .22s, transform .22s, box-shadow .22s !important;
}
.elementor-swiper-button-prev:hover,
.elementor-swiper-button-next:hover {
	background: var(--ip-red) !important;
	border-color: var(--ip-red) !important;
	transform: scale(1.12) !important;
	box-shadow: 0 8px 24px rgba(217,4,41,.5) !important;
}
.elementor-swiper-button-prev i,
.elementor-swiper-button-next i { color: #fff !important; font-size: 16px !important; }

/* ── 2. SWIPER PAGINATION — píldoras animadas ───────────────────────────── */
.swiper-pagination-bullet {
	width: 8px !important; height: 8px !important;
	background: rgba(255,255,255,.5) !important;
	opacity: 1 !important;
	border-radius: 4px !important;
	transition: width .35s ease, background .35s ease, box-shadow .35s ease !important;
}
.swiper-pagination-bullet-active {
	width: 30px !important;
	background: var(--ip-red) !important;
	box-shadow: 0 2px 10px rgba(217,4,41,.55) !important;
}

/* ── 3. BENEFIT CARDS — sección 9a4671c ────────────────────────────────── */
/* Card: aplica solo a columnas que NO son la columna de imagen (cd7a6af) */
.elementor-element-9a4671c .elementor-column:not(.elementor-element-cd7a6af) .elementor-widget-wrap.elementor-element-populated {
	background: #fff !important;
	border-radius: 22px !important;
	border-top: 4px solid var(--ip-red) !important;
	box-shadow: 0 6px 28px rgba(15,23,42,.08) !important;
	padding: 36px 22px 28px !important;
	text-align: center !important;
	transition: transform .32s cubic-bezier(.34,1.2,.64,1), box-shadow .32s ease !important;
	position: relative !important;
}
.elementor-element-9a4671c .elementor-column:not(.elementor-element-cd7a6af) .elementor-widget-wrap.elementor-element-populated:hover {
	transform: translateY(-10px) !important;
	box-shadow:
		0 24px 56px rgba(15,23,42,.13),
		0 0 0 1px rgba(217,4,41,.12) !important;
}

/* Glow sutil en el borde top al hover */
.elementor-element-9a4671c .elementor-column:not(.elementor-element-cd7a6af) .elementor-widget-wrap.elementor-element-populated:hover {
	border-top-color: var(--ip-amber) !important;
}

/* Columna cd7a6af — imagen del mecánico: background heredado y visible */
.elementor-element-9a4671c .elementor-element.elementor-element-cd7a6af > .elementor-widget-wrap.elementor-element-populated {
	background-color:    transparent !important;
	background-image:    inherit !important;   /* hereda url() del elemento columna */
	background-size:     cover !important;
	background-repeat:   no-repeat !important;
	background-position: center center !important;
	border:              none !important;
	box-shadow:          none !important;
	border-radius:       0 !important;
	padding:             0 !important;
	min-height:          280px;               /* garantiza área visible en desktop */
}

/* Excluir la columna imagen del stagger animation (no es una benefit card) */
.elementor-element-9a4671c .elementor-element.elementor-element-cd7a6af > .elementor-widget-wrap {
	animation: none !important;
	opacity:   1 !important;
	transform: none !important;
}

/* Mobile: contener la figura completa sin recortar, centrada */
@media (max-width: 767px) {
	.elementor-element-9a4671c .elementor-element.elementor-element-cd7a6af > .elementor-widget-wrap.elementor-element-populated {
		background-size:     contain !important;   /* muestra el mecánico completo, sin crop */
		background-position: center bottom !important; /* anclar abajo para alinear los pies */
		min-height:          320px !important;
		padding-bottom:      0 !important;
	}
}

@media (max-width: 480px) {
	.elementor-element-9a4671c .elementor-element.elementor-element-cd7a6af > .elementor-widget-wrap.elementor-element-populated {
		min-height: 260px !important;
	}
}

/* ── 4. ÍCONOS — círculo degradado detrás de cada imagen ───────────────── */
.elementor-element-8e19378 .elementor-widget-container,
.elementor-element-0425239 .elementor-widget-container,
.elementor-element-90c4505 .elementor-widget-container,
.elementor-element-2dfde82 .elementor-widget-container {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	width: 96px !important;
	height: 96px !important;
	border-radius: 50% !important;
	background: linear-gradient(145deg, #fff5f5 0%, #ffeaea 100%) !important;
	border: 2px solid rgba(217,4,41,.12) !important;
	box-shadow:
		0 10px 30px rgba(217,4,41,.14),
		0 2px 8px rgba(217,4,41,.08) !important;
	margin: 0 auto 18px !important;
	transition: transform .32s cubic-bezier(.34,1.4,.64,1), box-shadow .32s ease !important;
}
.elementor-element-9a4671c .elementor-column:hover .elementor-element-8e19378 .elementor-widget-container,
.elementor-element-9a4671c .elementor-column:hover .elementor-element-0425239 .elementor-widget-container,
.elementor-element-9a4671c .elementor-column:hover .elementor-element-90c4505 .elementor-widget-container,
.elementor-element-9a4671c .elementor-column:hover .elementor-element-2dfde82 .elementor-widget-container {
	transform: scale(1.1) rotate(-4deg) !important;
	box-shadow:
		0 16px 40px rgba(217,4,41,.22),
		0 4px 12px rgba(217,4,41,.12) !important;
	background: linear-gradient(145deg, var(--ip-red) 0%, var(--ip-amber) 100%) !important;
	border-color: transparent !important;
}

/* Imagen: tamaño fijo y visible al 100% */
.elementor-element-8e19378 img,
.elementor-element-0425239 img,
.elementor-element-90c4505 img,
.elementor-element-2dfde82 img {
	width: 52px !important;
	height: 52px !important;
	object-fit: contain !important;
	transition: filter .32s ease !important;
}
/* Al hover el ícono se vuelve blanco (sobre fondo rojo) */
.elementor-element-9a4671c .elementor-column:hover .elementor-element-8e19378 img,
.elementor-element-9a4671c .elementor-column:hover .elementor-element-0425239 img,
.elementor-element-9a4671c .elementor-column:hover .elementor-element-90c4505 img,
.elementor-element-9a4671c .elementor-column:hover .elementor-element-2dfde82 img {
	filter: brightness(0) invert(1) !important;
}

/* ── 5. HEADINGS de beneficios ──────────────────────────────────────────── */
.elementor-element-9e46977 .elementor-heading-title,
.elementor-element-f2703fc .elementor-heading-title,
.elementor-element-8b66d80 .elementor-heading-title,
.elementor-element-37cb162 .elementor-heading-title {
	font-size: 17px !important;
	font-weight: 800 !important;
	color: var(--ip-slate) !important;
	letter-spacing: -.3px !important;
	transition: color .22s !important;
}
.elementor-element-9a4671c .elementor-column:hover .elementor-element-9e46977 .elementor-heading-title,
.elementor-element-9a4671c .elementor-column:hover .elementor-element-f2703fc .elementor-heading-title,
.elementor-element-9a4671c .elementor-column:hover .elementor-element-8b66d80 .elementor-heading-title,
.elementor-element-9a4671c .elementor-column:hover .elementor-element-37cb162 .elementor-heading-title {
	color: var(--ip-red) !important;
}

/* ── 6. TEXTO de beneficios ─────────────────────────────────────────────── */
.elementor-element-0c49a96 .elementor-text-editor,
.elementor-element-e242a74 .elementor-text-editor,
.elementor-element-acccd29 .elementor-text-editor,
.elementor-element-2222bbc .elementor-text-editor {
	color: #64748b !important;
	font-size: 13.5px !important;
	line-height: 1.6 !important;
}

/* ── 7. HEADING "¿POR QUÉ?" (18aada7) — acento rojo-ámbar ──────────────── */
.elementor-element-18aada7 .elementor-heading-title {
	position: relative !important;
	display: inline-block !important;
}
.elementor-element-18aada7 .elementor-heading-title::after {
	content: '' !important;
	position: absolute !important;
	bottom: -10px; left: 50%; transform: translateX(-50%) !important;
	width: 64px; height: 4px !important;
	background: linear-gradient(90deg, var(--ip-red), var(--ip-amber)) !important;
	border-radius: 2px !important;
}

/* ── 8. PARTNERS carousel (5d1ed23) — logos con hover a color ──────────── */
.elementor-element-5d1ed23 .swiper-slide img {
	filter: grayscale(50%) !important;
	opacity: .75 !important;
	transition: filter .3s ease, opacity .3s ease, transform .3s ease !important;
}
.elementor-element-5d1ed23 .swiper-slide:hover img {
	filter: grayscale(0%) !important;
	opacity: 1 !important;
	transform: scale(1.06) !important;
}

/* ── 9. STAGGER de entrada para benefit cards ───────────────────────────── */
@keyframes ip-benefit-in {
	from { opacity: 0; transform: translateY(28px) scale(.96); }
	to   { opacity: 1; transform: translateY(0)   scale(1);   }
}
.elementor-element-9a4671c .elementor-column:nth-child(1) .elementor-widget-wrap { animation: ip-benefit-in .5s .06s ease both; }
.elementor-element-9a4671c .elementor-column:nth-child(2) .elementor-widget-wrap { animation: ip-benefit-in .5s .16s ease both; }
.elementor-element-9a4671c .elementor-column:nth-child(3) .elementor-widget-wrap { animation: ip-benefit-in .5s .26s ease both; }
.elementor-element-9a4671c .elementor-column:nth-child(4) .elementor-widget-wrap { animation: ip-benefit-in .5s .36s ease both; }

/* ==========================================================================
   HERO SLIDER v4 — Maximum Cinematic Impact
   Solo transform + opacity: GPU puro, cero reflow, cero paint.
   Secciones: 7d999ed (524px) · 21cee79 (398px)

   Mapa de pseudo-elements:
   [slides-wrapper] ::before → 4 brackets esquina (técnica background-image)
                    ::after  → barra rojo-ámbar base animada
   [elementor-slide]::before → scanlines + gradiente lateral + vignette (3-en-1)
                    ::after  → shimmer gold (solo slide activo)
   ========================================================================== */

/* ══════════════════════════════════════════════════════
   A. WRAPPER — entrada + sombra profunda + franja roja top
   ══════════════════════════════════════════════════════ */
.elementor-element-7d999ed .elementor-slides-wrapper,
.elementor-element-21cee79 .elementor-slides-wrapper {
	position: relative;
	box-shadow:
		inset 0 6px 0 0 var(--ip-red),       /* franja roja sólida arriba */
		0 0 0 1px rgba(217,4,41,.35),          /* halo rojo exterior */
		0 24px 72px rgba(0,0,0,.38),           /* sombra profunda inferior */
		0 6px 20px rgba(0,0,0,.22);
	animation: hec-wrapper-enter .9s .05s cubic-bezier(.22,1,.36,1) both;
}
@keyframes hec-wrapper-enter {
	from { opacity: 0; transform: translateY(16px) scale(.99); }
	to   { opacity: 1; transform: translateY(0)    scale(1);   }
}

/* ══════════════════════════════════════════════════════
   B. 4 BRACKETS DE ESQUINA — rojo TL/BR, ámbar TR/BL
   Técnica: 8 background-image posicionados como L en cada esquina.
   Sin HTML extra, sin JS, 1 solo pseudo-element, 100% GPU.
   ══════════════════════════════════════════════════════ */
.elementor-element-7d999ed .elementor-slides-wrapper::before,
.elementor-element-21cee79 .elementor-slides-wrapper::before {
	content: '';
	position: absolute;
	inset: 0;
	background-image:
		/* TL horizontal */  linear-gradient(var(--ip-red),   var(--ip-red)),
		/* TL vertical   */  linear-gradient(var(--ip-red),   var(--ip-red)),
		/* TR horizontal */  linear-gradient(var(--ip-amber), var(--ip-amber)),
		/* TR vertical   */  linear-gradient(var(--ip-amber), var(--ip-amber)),
		/* BL horizontal */  linear-gradient(var(--ip-amber), var(--ip-amber)),
		/* BL vertical   */  linear-gradient(var(--ip-amber), var(--ip-amber)),
		/* BR horizontal */  linear-gradient(var(--ip-red),   var(--ip-red)),
		/* BR vertical   */  linear-gradient(var(--ip-red),   var(--ip-red));
	background-size:
		56px 3px, 3px 56px,   /* TL */
		56px 3px, 3px 56px,   /* TR */
		56px 3px, 3px 56px,   /* BL */
		56px 3px, 3px 56px;   /* BR */
	background-position:
		left 22px top 28px,   left 22px top 28px,   /* TL (abajo de franja roja) */
		right 22px top 28px,  right 22px top 28px,  /* TR */
		left 22px bottom 22px, left 22px bottom 22px, /* BL */
		right 22px bottom 22px, right 22px bottom 22px; /* BR */
	background-repeat: no-repeat;
	z-index: 19;
	pointer-events: none;
	animation: hec-brackets-in 1.2s .55s cubic-bezier(.22,1,.36,1) both;
}
@keyframes hec-brackets-in {
	from { opacity: 0; transform: scale(1.06); }
	to   { opacity: .9; transform: scale(1); }
}

/* ══════════════════════════════════════════════════════
   C. BARRA BASE — rojo-ámbar animada + glow hacia arriba
   ══════════════════════════════════════════════════════ */
.elementor-element-7d999ed .elementor-slides-wrapper::after,
.elementor-element-21cee79 .elementor-slides-wrapper::after {
	content: '';
	position: absolute;
	bottom: 0; left: 0; right: 0;
	height: 6px;
	background: linear-gradient(90deg,
		var(--ip-red-dk) 0%,
		var(--ip-red)    20%,
		var(--ip-amber)  50%,
		var(--ip-red)    80%,
		var(--ip-red-dk) 100%
	);
	background-size: 200% 100%;
	box-shadow: 0 -8px 24px rgba(217,4,41,.45);  /* glow hacia arriba */
	animation: hec-bar-shift 4.5s linear infinite;
	z-index: 20;
	pointer-events: none;
}
@keyframes hec-bar-shift {
	0%   { background-position: 0%   0%; }
	100% { background-position: 200% 0%; }
}

/* ══════════════════════════════════════════════════════
   D. KEN BURNS — zoom progresivo en slide activo
   ══════════════════════════════════════════════════════ */
.elementor-slide-bg {
	transition: transform 9s cubic-bezier(.25,.46,.45,.94);
	will-change: transform;
}
.swiper-slide-active .elementor-slide-bg { transform: scale(1.09); }

/* ══════════════════════════════════════════════════════
   E. OVERLAY SLIDE — letterbox top+bottom cinematográfico
   ══════════════════════════════════════════════════════ */
.elementor-element-7d999ed .elementor-slide-overlay,
.elementor-element-21cee79 .elementor-slide-overlay {
	background: linear-gradient(
		to bottom,
		rgba(4,6,18,.72) 0%,
		transparent       28%,
		transparent       68%,
		rgba(4,6,18,.58) 100%
	) !important;
}

/* ══════════════════════════════════════════════════════
   F. SLIDE ::before — 3 efectos en 1 capa (máxima eficiencia)
      1. Scan lines: textura premium tipo pantalla
      2. Gradiente lateral: dirección visual
      3. Vignette radial: foco al centro
   ══════════════════════════════════════════════════════ */
.elementor-element-7d999ed .elementor-slide::before,
.elementor-element-21cee79 .elementor-slide::before {
	content: '';
	position: absolute;
	inset: 0;
	background:
		repeating-linear-gradient(
			to bottom,
			transparent 0 3px,
			rgba(0,0,0,.048) 3px 4px
		),
		linear-gradient(108deg, rgba(6,10,22,.52) 0%, transparent 42%),
		radial-gradient(ellipse 82% 88% at 54% 52%, transparent 22%, rgba(0,0,0,.62) 100%);
	z-index: 2;
	pointer-events: none;
}

/* ══════════════════════════════════════════════════════
   G. SHIMMER GOLD — luz cálida diagonal en slide activo
   Tono ámbar (warm light) en vez de blanco frío.
   ══════════════════════════════════════════════════════ */
.elementor-element-7d999ed .swiper-slide-active.elementor-slide::after,
.elementor-element-21cee79 .swiper-slide-active.elementor-slide::after {
	content: '';
	position: absolute;
	inset: 0;
	background: linear-gradient(
		108deg,
		transparent              15%,
		rgba(255,220,100,.04)    38%,
		rgba(255,220,100,.17)    50%,
		rgba(255,220,100,.04)    62%,
		transparent              85%
	);
	transform: translateX(-140%) skewX(-16deg);
	animation: hec-shimmer 11s 1.4s ease-in-out infinite;
	z-index: 8;
	pointer-events: none;
	will-change: transform, opacity;
}
@keyframes hec-shimmer {
	0%, 38%   { transform: translateX(-140%) skewX(-16deg); opacity: 0; }
	5%        { opacity: 1; }
	33%       { transform: translateX(140%)  skewX(-16deg); opacity: 1; }
	38%, 100% { transform: translateX(140%)  skewX(-16deg); opacity: 0; }
}

/* ══════════════════════════════════════════════════════
   H. SLIDE ACTIVATION — reveal con scale + fade
   Slide inactivo: reducido + oscuro.
   Slide activo: tamaño real + luminoso.
   ══════════════════════════════════════════════════════ */
.elementor-element-7d999ed .elementor-slide,
.elementor-element-21cee79 .elementor-slide {
	opacity: .35;
	transform: scale(.985);
	transition:
		opacity .85s cubic-bezier(.4,0,.2,1),
		transform .85s cubic-bezier(.34,1.1,.64,1);
}
.elementor-element-7d999ed .swiper-slide-active.elementor-slide,
.elementor-element-21cee79 .swiper-slide-active.elementor-slide {
	opacity: 1;
	transform: scale(1);
}

/* ══════════════════════════════════════════════════════
   I. PAGINACIÓN & FLECHAS
   ══════════════════════════════════════════════════════ */
.elementor-element-7d999ed .swiper-pagination,
.elementor-element-21cee79 .swiper-pagination {
	bottom: 22px !important;
	z-index: 21 !important;
}
.elementor-element-7d999ed .elementor-swiper-button-prev,
.elementor-element-21cee79 .elementor-swiper-button-prev { left: 24px !important; }
.elementor-element-7d999ed .elementor-swiper-button-next,
.elementor-element-21cee79 .elementor-swiper-button-next { right: 24px !important; }

/* ══════════════════════════════════════════════════════
   J. ACCESIBILIDAD — prefers-reduced-motion
   ══════════════════════════════════════════════════════ */
@media (prefers-reduced-motion: reduce) {
	.elementor-element-7d999ed .elementor-slides-wrapper,
	.elementor-element-21cee79 .elementor-slides-wrapper          { animation: none !important; }
	.elementor-slide-bg                                            { transition: none !important; will-change: auto !important; }
	.swiper-slide-active .elementor-slide-bg                       { transform: none !important; }
	.elementor-element-7d999ed .elementor-slides-wrapper::before,
	.elementor-element-21cee79 .elementor-slides-wrapper::before   { animation: none !important; }
	.elementor-element-7d999ed .elementor-slides-wrapper::after,
	.elementor-element-21cee79 .elementor-slides-wrapper::after    { animation: none !important; }
	.elementor-element-7d999ed .swiper-slide-active.elementor-slide::after,
	.elementor-element-21cee79 .swiper-slide-active.elementor-slide::after { display: none !important; }
	.elementor-element-7d999ed .elementor-slide,
	.elementor-element-21cee79 .elementor-slide { opacity: 1 !important; transform: none !important; transition: none !important; }
}

/* ══════════════════════════════════════════════════════
   K. MOBILE ≤767px — cero costo real
   Off: ken burns, shimmer, scanlines, vignette, brackets, sombra.
   On:  franja roja top, barra base (estática), letterbox, fade.
   ══════════════════════════════════════════════════════ */
@media (max-width: 767px) {
	.elementor-element-7d999ed .elementor-slides-wrapper,
	.elementor-element-21cee79 .elementor-slides-wrapper {
		animation: none !important;
		box-shadow: inset 0 4px 0 0 var(--ip-red) !important;
	}
	.elementor-slide-bg                                { transition: none !important; will-change: auto !important; }
	.swiper-slide-active .elementor-slide-bg           { transform: none !important; }
	.elementor-element-7d999ed .elementor-slide::before,
	.elementor-element-21cee79 .elementor-slide::before { display: none !important; }
	.elementor-element-7d999ed .swiper-slide-active.elementor-slide::after,
	.elementor-element-21cee79 .swiper-slide-active.elementor-slide::after { display: none !important; }
	.elementor-element-7d999ed .elementor-slides-wrapper::before,
	.elementor-element-21cee79 .elementor-slides-wrapper::before   { display: none !important; }
	.elementor-element-7d999ed .elementor-slides-wrapper::after,
	.elementor-element-21cee79 .elementor-slides-wrapper::after    { height: 4px !important; animation: none !important; box-shadow: none !important; }
	.elementor-element-7d999ed .elementor-slide,
	.elementor-element-21cee79 .elementor-slide { opacity: .72; transform: none !important; transition: opacity .5s ease; }
	.elementor-element-7d999ed .swiper-slide-active.elementor-slide,
	.elementor-element-21cee79 .swiper-slide-active.elementor-slide { opacity: 1; }
}

/* ==========================================================================
   RESPONSIVE — Mobile adjustments
   ========================================================================== */

/* ── Tablet (max 1024px) ── */
@media (max-width: 1024px) {

	/* Benefit cards: padding más ajustado */
	.elementor-element-9a4671c .elementor-column .elementor-widget-wrap.elementor-element-populated {
		padding: 28px 16px 22px !important;
	}

	/* Swiper arrows: un poco más pequeños */
	.elementor-swiper-button-prev,
	.elementor-swiper-button-next {
		width: 40px !important;
		height: 40px !important;
	}
}

/* ── Mobile (max 767px) ── */
@media (max-width: 767px) {

	/* ── Logo: quitar drop-shadow pesado, dejar solo contorno fino ── */
	.hec-logo__img,
	.hec-logo img,
	.hec-logo .custom-logo {
		filter:
			drop-shadow(0 1px 0 rgba(217,4,41,.4))
			drop-shadow(0 -1px 0 rgba(217,4,41,.4))
			drop-shadow(1px 0 0 rgba(217,4,41,.4))
			drop-shadow(-1px 0 0 rgba(217,4,41,.4))
			drop-shadow(0 2px 5px rgba(15,23,42,.14)) !important;
	}

	/* ── Cards de producto: 1 columna full-width ── */
	.jet-listing-grid__item {
		border-radius: 10px !important;
	}

	/* ── Benefit cards: layout vertical apilado ── */
	.elementor-element-9a4671c .elementor-column .elementor-widget-wrap.elementor-element-populated {
		padding: 24px 16px 20px !important;
		border-radius: 16px !important;
		margin-bottom: 4px !important;
	}

	/* Ícono más pequeño en mobile */
	.elementor-element-8e19378 .elementor-widget-container,
	.elementor-element-0425239 .elementor-widget-container,
	.elementor-element-90c4505 .elementor-widget-container,
	.elementor-element-2dfde82 .elementor-widget-container {
		width: 76px !important;
		height: 76px !important;
		margin-bottom: 12px !important;
	}
	.elementor-element-8e19378 img,
	.elementor-element-0425239 img,
	.elementor-element-90c4505 img,
	.elementor-element-2dfde82 img {
		width: 40px !important;
		height: 40px !important;
	}

	/* Headings de beneficios: tamaño reducido */
	.elementor-element-9e46977 .elementor-heading-title,
	.elementor-element-f2703fc .elementor-heading-title,
	.elementor-element-8b66d80 .elementor-heading-title,
	.elementor-element-37cb162 .elementor-heading-title {
		font-size: 15px !important;
	}

	/* Stagger: sin delay en mobile para respuesta inmediata */
	.elementor-element-9a4671c .elementor-column:nth-child(1) .elementor-widget-wrap,
	.elementor-element-9a4671c .elementor-column:nth-child(2) .elementor-widget-wrap,
	.elementor-element-9a4671c .elementor-column:nth-child(3) .elementor-widget-wrap,
	.elementor-element-9a4671c .elementor-column:nth-child(4) .elementor-widget-wrap {
		animation-delay: 0s !important;
	}

	/* Swiper bullets: más pequeños */
	.swiper-pagination-bullet { width: 6px !important; height: 6px !important; }
	.swiper-pagination-bullet-active { width: 20px !important; }

	/* Swiper arrows: ocultos en mobile (se navega con swipe) */
	.elementor-swiper-button-prev,
	.elementor-swiper-button-next { display: none !important; }

	/* hec-quantity: altura reducida */
	.hec-quantity { height: 38px !important; }

	/* WooCommerce loop: 2 columnas en tablet/mobile intermedio */
	.woocommerce ul.products {
		grid-template-columns: repeat(2, 1fr) !important;
	}
}

/* ── Móvil pequeño (max 480px) ── */
@media (max-width: 480px) {

	/* WooCommerce loop: 1 columna en mobile pequeño */
	.woocommerce ul.products {
		grid-template-columns: 1fr !important;
	}

	/* Benefit card hover: sin lift en pantallas táctiles pequeñas */
	.elementor-element-9a4671c .elementor-column .elementor-widget-wrap.elementor-element-populated:hover {
		transform: none !important;
	}

	/* Heading "¿Por qué?": acento centrado */
	.elementor-element-18aada7 .elementor-heading-title::after {
		width: 48px !important;
	}

	/* srd-prod-card: sin lift en touch */
	.srd-prod-card:hover {
		transform: none !important;
	}
}

/* ── 8. MOBILE ≤ 767px — fluidez táctil primero ─────────────────────────── */
@media (max-width: 767px) {
	/* Flechas ocultas en touch — se navega con swipe */
	.e-swiper-container .elementor-swiper-button-prev,
	.e-swiper-container .elementor-swiper-button-next { display: none !important; }
	/* Bullets más compactos */
	.e-swiper-container .swiper-pagination-bullet        { width: 6px  !important; height: 6px !important; }
	.e-swiper-container .swiper-pagination-bullet-active { width: 18px !important; }
}

/* ==========================================================================
   HOME — #prod  JetEngine Listing Grid 6758 en modo carousel (Slick.js)
   3 columnas · autoplay 5 s · infinito

   Mejoras: gaps fluidos · drag cursor · flechas glassmorphism reveal ·
   barra progreso rojo-ámbar · edge fade · chips sin prefijo · stagger entrada.
   Scope: #prod — no afecta grids de tienda ni otras páginas.
   ========================================================================== */

/* ── 1. WRAPPER — contexto + franja roja superior + barra de progreso ────── */
#prod .jet-listing-grid__slider {
	position: relative !important;
	padding-top: 2px; /* para que la sombra top de cards quede visible */
}

/* Edge fade izquierdo — sugiere contenido anterior */
#prod .jet-listing-grid__slider::before {
	content: '';
	position: absolute;
	top: 0; left: 0; bottom: 0;
	width: 52px;
	background: linear-gradient(to right, rgba(255,255,255,.94) 0%, transparent 100%);
	z-index: 5;
	pointer-events: none;
}

/* Barra de progreso autoplay rojo→ámbar (5 s = mismo que autoplaySpeed) */
#prod .jet-listing-grid__slider::after {
	content: '';
	position: absolute;
	bottom: 0; left: 0;
	height: 3px;
	width: 100%;
	background: linear-gradient(90deg, var(--ip-red) 0%, var(--ip-amber) 100%);
	box-shadow: 0 -2px 6px rgba(217,4,41,.4);
	transform-origin: left center;
	transform: scaleX(0);
	animation: hec-prod-bar 5s linear infinite;
	z-index: 6;
	pointer-events: none;
	border-radius: 0 2px 2px 0;
}
@keyframes hec-prod-bar {
	0%   { transform: scaleX(0); opacity: .88; }
	88%  { transform: scaleX(1); opacity: .88; }
	100% { transform: scaleX(1); opacity: 0;   }
}

/* ── 2. DRAG CURSOR ─────────────────────────────────────────────────────── */
#prod .slick-list {
	cursor: grab !important;
	margin: 0 -8px !important; /* compensa el padding de los slides */
}
#prod .slick-list.dragging {
	cursor: grabbing !important;
}

/* ── 3. GAP ENTRE CARDS — padding en cada slide ─────────────────────────── */
/* 4 columnas: cards más angostos → gutters finos (8px) */
#prod .jet-listing-grid__item.slick-slide {
	padding: 6px 8px 14px !important;
}

/* ── 4. FLECHAS — glassmorphism · revelación al hover del widget ─────────── */
#prod .jet-listing-grid__slider-icon {
	width:           48px !important;
	height:          48px !important;
	border-radius:   50% !important;
	background:      rgba(255,255,255,.95) !important;
	backdrop-filter: blur(14px) saturate(1.5) !important;
	-webkit-backdrop-filter: blur(14px) saturate(1.5) !important;
	border:      1.5px solid rgba(217,4,41,.2) !important;
	box-shadow:
		0 4px 18px rgba(0,0,0,.1),
		inset 0 1px 0 rgba(255,255,255,.9) !important;
	display:         flex !important;
	align-items:     center !important;
	justify-content: center !important;
	cursor:          pointer !important;
	z-index:         10 !important;
	opacity:         0 !important;
	transition:
		opacity      .3s  ease,
		background   .22s ease,
		border-color .22s ease,
		box-shadow   .22s ease !important;
}

/* Aparecen cuando se hace hover sobre el widget completo */
.elementor-element-d88175e:hover .jet-listing-grid__slider-icon {
	opacity: 1 !important;
}

/* Hover sobre la flecha → rojo */
#prod .jet-listing-grid__slider-icon:hover {
	background:   var(--ip-red) !important;
	border-color: var(--ip-red) !important;
	box-shadow:
		0 8px 28px rgba(217,4,41,.45),
		inset 0 1px 0 rgba(255,255,255,.22) !important;
}

/* SVG — color slate en estado normal, blanco en hover */
#prod .jet-listing-grid__slider-icon svg {
	width:    14px !important;
	height:   auto !important;
	display:  block !important;
	overflow: visible !important;
}
#prod .jet-listing-grid__slider-icon svg path {
	fill:       var(--ip-slate) !important;
	transition: fill .2s ease !important;
}
#prod .jet-listing-grid__slider-icon:hover svg path {
	fill: #fff !important;
}

/* ── 5. CHIPS SIN PREFIJO — ocultar "Marca :" y "Aplicacion :" ─────────── */
#prod .jet-listing-dynamic-terms__prefix {
	display: none !important;
}

/* Delimitador entre términos: más sutil */
#prod .jet-listing-dynamic-terms__delimiter {
	color:      rgba(100,116,139,.38) !important;
	font-size:  10px !important;
	margin:     0 2px !important;
}

/* ── 6. CARD — lift ligeramente mayor en contexto carousel ──────────────── */
#prod .jet-listing-grid__item:hover {
	transform: translateY(-10px) !important;
}

/* ── 7. REDUCED MOTION ──────────────────────────────────────────────────── */
@media (prefers-reduced-motion: reduce) {
	#prod .slick-list                     { cursor: default !important; }
	#prod .jet-listing-grid__slider::after { animation: none !important; opacity: 0 !important; }
	.elementor-element-d88175e .jet-listing-grid__slider-icon { opacity: 1 !important; }
}

/* ── 8. MOBILE ≤ 767px ──────────────────────────────────────────────────── */
@media (max-width: 767px) {
	#prod .jet-listing-grid__slider-icon  { display: none !important; }
	#prod .jet-listing-grid__slider::before,
	#prod .jet-listing-grid__slider::after { display: none !important; }
	#prod .jet-listing-grid__item.slick-slide { padding: 4px 5px 10px !important; }
	#prod .slick-list { margin: 0 -5px !important; }
}

/* ==========================================================================
   HOME — bdt-mercury-slider  UX Premium v1
   Split-screen dual-Swiper sincronizado: imagen izq. · contenido der.

   Mapa de pseudo-elements:
   .bdt-mercury-slider::after      → línea roja inferior (separador mobile)
   .bdt-image-slider::before       → barra rojo-ámbar animada (fondo)
   .bdt-image-slider::after        → brackets de esquina + no afecta img
   .bdt-img-wrap::before           → scanlines sutil (textura premium)
   .bdt-img-wrap::after            → vignette + gradiente cinético
   .bdt-content-slider::before     → acento superior decorativo
   .bdt-title::after               → subrayado rojo-ámbar que se expande

   GPU-only: transform + opacity + filter — cero reflows.
   ========================================================================== */

/* ── 1. WRAPPER GLOBAL — profundidad + franja roja top ───────────────────── */
.bdt-mercury-slider {
	border-radius: 20px !important;
	overflow: hidden !important;
	box-shadow:
		0 2px 0 0 var(--ip-red),
		0 18px 64px rgba(15,23,42,.13),
		0 4px 16px rgba(15,23,42,.07) !important;
	position: relative !important;
}

/* ── 2. KEN BURNS — zoom progresivo en slide activo ─────────────────────── */
.bdt-mercury-slider .bdt-image-slider .bdt-img {
	transition: transform 9s cubic-bezier(.25,.46,.45,.94) !important;
	will-change: transform;
	transform: scale(1) !important;
}
.bdt-mercury-slider .bdt-image-slider .swiper-slide-active .bdt-img {
	transform: scale(1.1) !important;
}

/* ── 3. IMAGE WRAPPER — contexto para capas ────────────────────────────── */
.bdt-mercury-slider .bdt-image-slider .bdt-img-wrap {
	position: relative !important;
	overflow: hidden !important;
}

/* Scanlines — textura premium sutil */
.bdt-mercury-slider .bdt-image-slider .bdt-img-wrap::before {
	content: '';
	position: absolute;
	inset: 0;
	background: repeating-linear-gradient(
		to bottom,
		transparent 0 3px,
		rgba(0,0,0,.038) 3px 4px
	);
	z-index: 2;
	pointer-events: none;
}

/* Vignette cinematográfica + gradiente desde abajo */
.bdt-mercury-slider .bdt-image-slider .bdt-img-wrap::after {
	content: '';
	position: absolute;
	inset: 0;
	background:
		linear-gradient(
			to top,
			rgba(10,15,32,.84) 0%,
			rgba(10,15,32,.28) 42%,
			transparent 68%
		),
		radial-gradient(
			ellipse 78% 80% at 50% 50%,
			transparent 26%,
			rgba(0,0,0,.42) 100%
		);
	z-index: 3;
	pointer-events: none;
	opacity: 0;
	transition: opacity .55s ease;
}
/* El overlay aparece cuando el slide está activo */
.bdt-mercury-slider .bdt-image-slider .swiper-slide-active .bdt-img-wrap::after {
	opacity: 1;
}

/* ── 4. BARRA ANIMADA — rojo→ámbar en la base de la imagen ─────────────── */
.bdt-mercury-slider .bdt-image-slider {
	position: relative !important;
}
.bdt-mercury-slider .bdt-image-slider::before {
	content: '';
	position: absolute;
	bottom: 0; left: 0; right: 0;
	height: 4px;
	background: linear-gradient(90deg,
		var(--ip-red-dk) 0%,
		var(--ip-red)    22%,
		var(--ip-amber)  50%,
		var(--ip-red)    78%,
		var(--ip-red-dk) 100%
	);
	background-size: 200% 100%;
	animation: hec-mercury-bar 4s linear infinite;
	z-index: 15;
	pointer-events: none;
}
@keyframes hec-mercury-bar {
	0%   { background-position: 0%   100%; }
	100% { background-position: 200% 100%; }
}

/* ── 5. BRACKETS DE ESQUINA — rojo TL/BR, ámbar TR/BL ──────────────────── */
.bdt-mercury-slider .bdt-image-slider::after {
	content: '';
	position: absolute;
	inset: 0;
	z-index: 16;
	pointer-events: none;
	background-image:
		linear-gradient(var(--ip-red),   var(--ip-red)),
		linear-gradient(var(--ip-red),   var(--ip-red)),
		linear-gradient(var(--ip-amber), var(--ip-amber)),
		linear-gradient(var(--ip-amber), var(--ip-amber)),
		linear-gradient(var(--ip-amber), var(--ip-amber)),
		linear-gradient(var(--ip-amber), var(--ip-amber)),
		linear-gradient(var(--ip-red),   var(--ip-red)),
		linear-gradient(var(--ip-red),   var(--ip-red));
	background-size:
		40px 3px, 3px 40px,
		40px 3px, 3px 40px,
		40px 3px, 3px 40px,
		40px 3px, 3px 40px;
	background-position:
		left 14px top 14px,    left 14px top 14px,
		right 14px top 14px,   right 14px top 14px,
		left 14px bottom 20px, left 14px bottom 20px,
		right 14px bottom 20px, right 14px bottom 20px;
	background-repeat: no-repeat;
	opacity: .78;
	animation: hec-mercury-brackets .9s .3s cubic-bezier(.22,1,.36,1) both;
}
@keyframes hec-mercury-brackets {
	from { opacity: 0; transform: scale(1.05); }
	to   { opacity: .78; transform: scale(1); }
}

/* ── 6. FLECHAS NAVEGACIÓN — glassmorphism + reveal on hover ────────────── */
.bdt-mercury-slider .bdt-navigation-wrap .bdt-button-prev,
.bdt-mercury-slider .bdt-navigation-wrap .bdt-button-next {
	width:         52px !important;
	height:        52px !important;
	line-height:   52px !important;
	border-radius: 50% !important;
	background:    rgba(255,255,255,.12) !important;
	backdrop-filter: blur(14px) saturate(1.5) !important;
	-webkit-backdrop-filter: blur(14px) saturate(1.5) !important;
	border:        1.5px solid rgba(255,255,255,.32) !important;
	color:         #fff !important;
	font-size:     16px !important;
	z-index:       20  !important;
	box-shadow:
		0 4px 20px rgba(0,0,0,.28),
		inset 0 1px 0 rgba(255,255,255,.18) !important;
	opacity:        0           !important;
	transform:      scale(.76)  !important;
	transition:
		opacity      .3s  ease,
		transform    .38s cubic-bezier(.34,1.3,.64,1),
		background   .22s ease,
		border-color .22s ease,
		box-shadow   .22s ease !important;
}
.bdt-mercury-slider:hover .bdt-button-prev,
.bdt-mercury-slider:hover .bdt-button-next {
	opacity:   1        !important;
	transform: scale(1) !important;
}
.bdt-mercury-slider .bdt-button-prev:hover,
.bdt-mercury-slider .bdt-button-next:hover {
	background:   var(--ip-red) !important;
	border-color: var(--ip-red) !important;
	transform:    scale(1.12)   !important;
	box-shadow:
		0 8px 28px rgba(217,4,41,.48),
		inset 0 1px 0 rgba(255,255,255,.22) !important;
}

/* ── 7. PANEL CONTENIDO — base limpia con acento izquierdo ──────────────── */
.bdt-mercury-slider .bdt-content-slider {
	background: #fff !important;
	position:   relative !important;
}

/* Borde izquierdo rojo (solo desktop — crea separación visual entre paneles) */
@media (min-width: 768px) {
	.bdt-mercury-slider .bdt-content-slider {
		border-left: 4px solid var(--ip-red) !important;
	}
}

/* Línea decorativa top del panel de contenido */
.bdt-mercury-slider .bdt-content-slider::before {
	content: '';
	position: absolute;
	top: 0; left: 32px; right: 32px;
	height: 1px;
	background: linear-gradient(90deg, transparent 0%, rgba(217,4,41,.35) 50%, transparent 100%);
	pointer-events: none;
}

/* ── 8. CATEGORÍA — chips premium rojo gradient ────────────────────────── */
.bdt-mercury-slider .bdt-content-slider .bdt-category a {
	display:          inline-flex !important;
	align-items:      center !important;
	background:       linear-gradient(135deg, var(--ip-red) 0%, #ff4757 100%) !important;
	color:            #fff !important;
	border-radius:    20px !important;
	font-size:        10.5px !important;
	font-weight:      700 !important;
	letter-spacing:   .5px !important;
	text-transform:   uppercase !important;
	padding:          5px 13px !important;
	box-shadow:       0 3px 10px rgba(217,4,41,.35) !important;
	text-decoration:  none !important;
	border:           none !important;
	transition:
		transform   .22s cubic-bezier(.34,1.2,.64,1),
		box-shadow  .22s ease !important;
}
.bdt-mercury-slider .bdt-content-slider .bdt-category a:hover {
	transform:    translateY(-2px) !important;
	box-shadow:   0 6px 16px rgba(217,4,41,.48) !important;
	color:        #fff !important;
	background:   linear-gradient(135deg, var(--ip-red-dk) 0%, var(--ip-red) 100%) !important;
}

/* ── 9. TÍTULO — fuerte, slate → rojo en hover + subrayado animado ───────── */
.bdt-mercury-slider .bdt-content-slider .bdt-title {
	font-family:     'Montserrat', sans-serif !important;
	line-height:     1.26 !important;
	letter-spacing:  -.3px !important;
	margin-bottom:   0 !important;
}
.bdt-mercury-slider .bdt-content-slider .bdt-title a {
	color:       var(--ip-slate) !important;
	font-weight: 800 !important;
	transition:  color .22s ease !important;
	text-decoration: none !important;
}
.bdt-mercury-slider .bdt-content-slider .bdt-title a:hover {
	color: var(--ip-red) !important;
}

/* Subrayado rojo-ámbar que se expande cuando el slide está activo */
.bdt-mercury-slider .bdt-content-slider .bdt-title::after {
	content: '';
	display: block;
	height: 3px;
	width: 0;
	background: linear-gradient(90deg, var(--ip-red) 0%, var(--ip-amber) 100%);
	border-radius: 2px;
	margin-top: 12px;
	transition: width .55s cubic-bezier(.34,1.2,.64,1);
}
.bdt-mercury-slider .bdt-content-slider .swiper-slide-active .bdt-title::after {
	width: 64px;
}

/* ── 10. DESCRIPCIÓN — legibilidad mejorada ────────────────────────────── */
.bdt-mercury-slider .bdt-content-slider .bdt-desc {
	color:       #64748b !important;
	line-height: 1.68 !important;
	font-size:   14px !important;
}
.bdt-mercury-slider .bdt-content-slider .bdt-desc p { margin: 0 !important; }

/* ── 11. META — author + date con colores premium ─────────────────────── */
.bdt-mercury-slider .bdt-content-slider .bdt-meta {
	color:     #94a3b8 !important;
	font-size: 12.5px  !important;
}
.bdt-mercury-slider .bdt-content-slider .bdt-author a {
	color:           var(--ip-red) !important;
	font-weight:     600 !important;
	text-decoration: none !important;
	transition:      opacity .18s !important;
	margin-left:     4px !important;
}
.bdt-mercury-slider .bdt-content-slider .bdt-author a:hover {
	opacity: .8 !important;
}
.bdt-mercury-slider .bdt-content-slider .bdt-separator {
	color: rgba(148,163,184,.45) !important;
	margin: 0 10px !important;
}

/* ── 12. REVEAL ESCALONADO — contenido anima en stagger al activarse ────── */
/* Slides no activos: contenido desvanecido */
.bdt-mercury-slider .bdt-content-slider .swiper-slide:not(.swiper-slide-active) .bdt-content {
	opacity:    .35;
	transition: opacity .4s ease;
}
.bdt-mercury-slider .bdt-content-slider .swiper-slide-active .bdt-content {
	opacity:    1;
	transition: opacity .4s ease;
}

/* Categoría: primer elemento en entrar */
.bdt-mercury-slider .bdt-content-slider .swiper-slide-active .bdt-category {
	animation: hec-mercury-up .44s .04s cubic-bezier(.25,.46,.45,.94) both;
}
/* Título */
.bdt-mercury-slider .bdt-content-slider .swiper-slide-active .bdt-title {
	animation: hec-mercury-up .48s .13s cubic-bezier(.25,.46,.45,.94) both;
}
/* Descripción */
.bdt-mercury-slider .bdt-content-slider .swiper-slide-active .bdt-desc {
	animation: hec-mercury-up .48s .22s cubic-bezier(.25,.46,.45,.94) both;
}
/* Meta */
.bdt-mercury-slider .bdt-content-slider .swiper-slide-active .bdt-meta {
	animation: hec-mercury-up .44s .30s cubic-bezier(.25,.46,.45,.94) both;
}

@keyframes hec-mercury-up {
	from { opacity: 0; transform: translateY(20px); }
	to   { opacity: 1; transform: translateY(0);    }
}

/* ── 13. REDUCED MOTION — apaga todo lo cinético ─────────────────────── */
@media (prefers-reduced-motion: reduce) {
	.bdt-mercury-slider .bdt-image-slider .bdt-img               { transition: none !important; }
	.bdt-mercury-slider .bdt-image-slider .swiper-slide-active .bdt-img { transform: none !important; }
	.bdt-mercury-slider .bdt-image-slider::before                 { animation: none !important; }
	.bdt-mercury-slider .bdt-image-slider::after                  { animation: none !important; }
	.bdt-mercury-slider .bdt-image-slider .bdt-img-wrap::after    { opacity: 1 !important; transition: none !important; }
	.bdt-mercury-slider .bdt-content-slider .swiper-slide-active .bdt-category,
	.bdt-mercury-slider .bdt-content-slider .swiper-slide-active .bdt-title,
	.bdt-mercury-slider .bdt-content-slider .swiper-slide-active .bdt-desc,
	.bdt-mercury-slider .bdt-content-slider .swiper-slide-active .bdt-meta    { animation: none !important; opacity: 1 !important; transform: none !important; }
	.bdt-mercury-slider .bdt-content-slider .bdt-title::after,
	.bdt-mercury-slider .bdt-content-slider .swiper-slide-active .bdt-title::after { transition: none !important; width: 64px; }
	.bdt-mercury-slider .bdt-navigation-wrap .bdt-button-prev,
	.bdt-mercury-slider .bdt-navigation-wrap .bdt-button-next     { opacity: 1 !important; transform: scale(1) !important; }
}

/* ── 14. MOBILE ≤ 767px — performance táctil primero ─────────────────── */
@media (max-width: 767px) {
	.bdt-mercury-slider { border-radius: 12px !important; }

	/* Ken Burns: off en mobile */
	.bdt-mercury-slider .bdt-image-slider .swiper-slide-active .bdt-img { transform: none !important; }
	/* Barra animada: estática */
	.bdt-mercury-slider .bdt-image-slider::before                          { animation: none !important; }
	/* Brackets: off */
	.bdt-mercury-slider .bdt-image-slider::after                           { display: none !important; }
	/* Scanlines: off */
	.bdt-mercury-slider .bdt-image-slider .bdt-img-wrap::before            { display: none !important; }
	/* Flechas: off (swipe nativo) */
	.bdt-mercury-slider .bdt-navigation-wrap                               { display: none !important; }
	/* Borde izquierdo: off en mobile (stack vertical) */
	.bdt-mercury-slider .bdt-content-slider                                { border-left: none !important; border-top: 4px solid var(--ip-red) !important; }
	/* Reveal: delays reducidos en mobile */
	.bdt-mercury-slider .bdt-content-slider .swiper-slide-active .bdt-category { animation-delay: 0s;    }
	.bdt-mercury-slider .bdt-content-slider .swiper-slide-active .bdt-title    { animation-delay: .06s; }
	.bdt-mercury-slider .bdt-content-slider .swiper-slide-active .bdt-desc     { animation-delay: .12s; }
	.bdt-mercury-slider .bdt-content-slider .swiper-slide-active .bdt-meta     { animation-delay: .18s; }
}

/* ==========================================================================
   SLIDER MÓVIL — Hero Cinematográfico + Video YouTube
   Sección:  #slider-desktpo23
   Widgets:  .elementor-element-7d999ed  /  .elementor-element-21cee79
   Overlay:  #hec-yt-overlay  /  #hec-yt-player  /  #hec-yt-badge
   ========================================================================== */

/* ── A. VISIBILIDAD FORZADA ────────────────────────────────────────────────
   Elementor oculta secciones/columnas/widgets en mobile via:
     • .elementor-hidden-phone / .elementor-hidden-mobile  → display:none !important
   Este bloque lo anula con mayor especificidad (ID + clase) para que las
   imágenes del slider sean SIEMPRE visibles en mobile.
   ──────────────────────────────────────────────────────────────────────── */

/* Sección raíz — nunca oculta */
#slider-desktpo23,
#slider-desktpo23.elementor-hidden-phone,
#slider-desktpo23.elementor-hidden-mobile {
	display:    block   !important;
	visibility: visible !important;
	opacity:    1       !important;
}

@media (max-width: 767px) {
	/* Cualquier elemento dentro de la sección que Elementor haya ocultado */
	#slider-desktpo23 .elementor-hidden-phone,
	#slider-desktpo23 .elementor-hidden-mobile {
		display: block !important;
	}
	/* Widget y contenedor del slider */
	#slider-desktpo23 .elementor-widget-slides,
	#slider-desktpo23 .elementor-widget-container,
	#slider-desktpo23 .elementor-slides-wrapper {
		display: block !important;
	}
	/* Columnas que podrían estar ocultas */
	#slider-desktpo23 .elementor-column,
	#slider-desktpo23 .elementor-col-100,
	#slider-desktpo23 .elementor-column-wrap,
	#slider-desktpo23 .elementor-widget-wrap {
		display: block !important;
	}
}

/* ── B. SECTION WRAPPER — edge to edge sin padding ───────────────────────── */
@media (max-width: 767px) {
	#slider-desktpo23.elementor-section,
	#slider-desktpo23.e-con,
	#slider-desktpo23 {
		padding-top:    0 !important;
		padding-bottom: 0 !important;
		margin-top:     0 !important;
		margin-bottom:  0 !important;
	}
	#slider-desktpo23 > .elementor-container,
	#slider-desktpo23 > .e-con-inner {
		padding:   0 !important;
		max-width: 100% !important;
		width:     100% !important;
	}
	#slider-desktpo23 .elementor-column,
	#slider-desktpo23 .elementor-col-100,
	#slider-desktpo23 .e-con {
		padding: 0 !important;
		width:   100% !important;
	}
	#slider-desktpo23 .elementor-widget-wrap {
		padding: 0 !important;
	}
}

/* ── C. ALTURA FLUIDA — proporción 16:9 con clamp ────────────────────────── */
@media (max-width: 767px) {
	#slider-desktpo23 .elementor-slides,
	.elementor-element-7d999ed .elementor-slides,
	.elementor-element-21cee79 .elementor-slides,
	#slider-desktpo23 .elementor-slides-wrapper,
	.elementor-element-7d999ed .elementor-slides-wrapper,
	.elementor-element-21cee79 .elementor-slides-wrapper,
	#slider-desktpo23 .swiper-wrapper,
	#slider-desktpo23 .swiper-slide,
	#slider-desktpo23 .elementor-slide {
		min-height: clamp(220px, 56.25vw, 360px) !important;
		height:     clamp(220px, 56.25vw, 360px) !important;
	}
}

@media (max-width: 480px) {
	#slider-desktpo23 .elementor-slides,
	.elementor-element-7d999ed .elementor-slides,
	.elementor-element-21cee79 .elementor-slides,
	#slider-desktpo23 .elementor-slides-wrapper,
	.elementor-element-7d999ed .elementor-slides-wrapper,
	.elementor-element-21cee79 .elementor-slides-wrapper,
	#slider-desktpo23 .swiper-wrapper,
	#slider-desktpo23 .swiper-slide,
	#slider-desktpo23 .elementor-slide {
		min-height: clamp(200px, 60vw, 280px) !important;
		height:     clamp(200px, 60vw, 280px) !important;
	}
}

/* ── D. IMÁGENES DE FONDO — cover centrado sin distorsión ────────────────── */
@media (max-width: 767px) {
	#slider-desktpo23 .elementor-slide-bg {
		background-size:     cover          !important;
		background-position: center center  !important;
		background-repeat:   no-repeat      !important;
		transform:           scale(1)       !important;
		transition:          none           !important;
		will-change:         auto           !important;
	}
}

/* ── E. OVERLAY CINEMATOGRÁFICO — gradiente profundo mobile ──────────────── */
@media (max-width: 767px) {
	.elementor-element-7d999ed .elementor-slide-overlay,
	.elementor-element-21cee79 .elementor-slide-overlay {
		background: linear-gradient(
			180deg,
			rgba(4,6,18,.68)  0%,
			transparent        28%,
			transparent        52%,
			rgba(4,6,18,.90) 100%
		) !important;
	}
}

/* ── F. CONTENIDO DEL SLIDE — posición pie + tipografía mobile ───────────── */
@media (max-width: 767px) {
	#slider-desktpo23 .elementor-slide-content {
		padding:        16px 18px 28px !important;
		align-content:  flex-end       !important;
	}
	#slider-desktpo23 .elementor-slide-heading {
		font-size:    clamp(17px, 4.5vw, 24px) !important;
		line-height:  1.2                       !important;
		margin-bottom: 5px                      !important;
		text-shadow:  0 2px 10px rgba(0,0,0,.65) !important;
	}
	#slider-desktpo23 .elementor-slide-description {
		font-size:    13px                      !important;
		line-height:  1.4                       !important;
		margin-bottom: 10px                     !important;
		text-shadow:  0 1px 5px rgba(0,0,0,.72) !important;
		opacity:      .9                        !important;
	}
	#slider-desktpo23 .elementor-button {
		font-size:      12px !important;
		padding:        7px 16px !important;
		letter-spacing: .4px !important;
		border-radius:  5px !important;
	}
}

@media (max-width: 480px) {
	#slider-desktpo23 .elementor-slide-heading    { font-size: 16px !important; }
	#slider-desktpo23 .elementor-slide-description { font-size: 12px !important; }
}

/* ── G. PAGINACIÓN PREMIUM — dots con pill activo rojo ──────────────────── */
@media (max-width: 767px) {
	.elementor-element-7d999ed .swiper-pagination,
	.elementor-element-21cee79 .swiper-pagination {
		bottom:  10px !important;
		z-index: 21   !important;
	}
	.elementor-element-7d999ed .swiper-pagination-bullet,
	.elementor-element-21cee79 .swiper-pagination-bullet {
		width:         7px                     !important;
		height:        7px                     !important;
		margin:        0 3px                   !important;
		background:    rgba(255,255,255,.52)   !important;
		opacity:       1                        !important;
		border-radius: 50%                     !important;
		transition:    all .25s ease           !important;
	}
	.elementor-element-7d999ed .swiper-pagination-bullet-active,
	.elementor-element-21cee79 .swiper-pagination-bullet-active {
		width:         26px                                 !important;
		height:        7px                                  !important;
		border-radius: 4px                                  !important;
		background:    #D90429                              !important;
		box-shadow:    0 0 12px rgba(217,4,41,.65)          !important;
	}
}

/* ── H. VIDEO OVERLAY — cobertura total con clip preciso ─────────────────── */
@media (max-width: 767px) {
	#hec-yt-overlay {
		overflow:      hidden !important;
		border-radius: 0     !important;
	}
	/* El iframe de YouTube: cubre toda el área en portrait */
	#hec-yt-player {
		top:        50%                  !important;
		left:       50%                  !important;
		transform:  translate(-50%,-50%) !important;
		width:      177.78vh             !important;
		min-width:  100%                 !important;
		height:     56.25vw              !important;
		min-height: 100%                 !important;
	}
}

/* ── I. BADGE "VIDEO" — indicador visual en mobile ───────────────────────── */
#hec-yt-badge {
	display:        none;        /* oculto por defecto */
	position:       absolute;
	top:            12px;
	right:          12px;
	z-index:        10001;
	background:     rgba(217,4,41,.9);
	color:          #fff;
	font-size:      9.5px;
	font-weight:    800;
	letter-spacing: 1.2px;
	text-transform: uppercase;
	padding:        4px 10px;
	border-radius:  4px;
	pointer-events: none;
	border:         1px solid rgba(255,255,255,.22);
	user-select:    none;
}
#hec-yt-badge::before {
	content:      '';
	display:      inline-block;
	width:        6px;
	height:       6px;
	border-radius: 50%;
	background:   #fff;
	margin-right: 5px;
	animation:    hec-badge-pulse 1.1s ease-in-out infinite;
	vertical-align: middle;
}
@keyframes hec-badge-pulse {
	0%, 100% { opacity: 1;   transform: scale(1);   }
	50%       { opacity: .45; transform: scale(.7); }
}

@media (max-width: 767px) {
	#hec-yt-badge { display: block; }
}

/* ── J. BARRA DE PROGRESO DEL VIDEO — rojo animado abajo ────────────────── */
#hec-yt-progress {
	display:        none;
	position:       absolute;
	bottom:         0;
	left:           0;
	right:          0;
	height:         3px;
	background:     linear-gradient(90deg, #8e0118, #D90429, #ff6340, #D90429, #8e0118);
	background-size: 300% 100%;
	animation:      hec-vid-bar 2.5s linear infinite;
	z-index:        10002;
	pointer-events: none;
}
@keyframes hec-vid-bar {
	0%   { background-position: 300% 0; }
	100% { background-position: 0%   0; }
}

@media (max-width: 767px) {
	#hec-yt-progress { display: block; }
}

/* ── K. SLIDE ACTIVO EN MOBILE — fade suave (sin scale por rendimiento) ──── */
@media (max-width: 767px) {
	.elementor-element-7d999ed .elementor-slide,
	.elementor-element-21cee79 .elementor-slide {
		opacity:    .65                  !important;
		transform:  none                 !important;
		transition: opacity .42s ease   !important;
	}
	.elementor-element-7d999ed .swiper-slide-active.elementor-slide,
	.elementor-element-21cee79 .swiper-slide-active.elementor-slide {
		opacity: 1 !important;
	}
}