/* Generado por 8-inject-product-bgs.py — background images por loop-item */ .e-loop-item-143 .elementor-element.elementor-element-18ddd63:not(.elementor-motion-effects-element-type-background), .e-loop-item-143 .elementor-element.elementor-element-18ddd63:hover{background-image:url(/wp-content/uploads/valvulas-de-paso-2.png);background-size:contain;background-repeat:no-repeat;background-position:center} .e-loop-item-330 .elementor-element.elementor-element-18ddd63:not(.elementor-motion-effects-element-type-background), .e-loop-item-330 .elementor-element.elementor-element-18ddd63:hover{background-image:url(/wp-content/uploads/valvula-direccional-1.png);background-size:contain;background-repeat:no-repeat;background-position:center} .e-loop-item-377 .elementor-element.elementor-element-18ddd63:not(.elementor-motion-effects-element-type-background), .e-loop-item-377 .elementor-element.elementor-element-18ddd63:hover{background-image:url(/wp-content/uploads/FRL.png);background-size:contain;background-repeat:no-repeat;background-position:center} .e-loop-item-431 .elementor-element.elementor-element-18ddd63:not(.elementor-motion-effects-element-type-background), .e-loop-item-431 .elementor-element.elementor-element-18ddd63:hover{background-image:url(/wp-content/uploads/conector-plug-in-reductor.png);background-size:contain;background-repeat:no-repeat;background-position:center} .e-loop-item-443 .elementor-element.elementor-element-18ddd63:not(.elementor-motion-effects-element-type-background), .e-loop-item-443 .elementor-element.elementor-element-18ddd63:hover{background-image:url(/wp-content/uploads/cilindro-tgl-doble-portada1.png);background-size:contain;background-repeat:no-repeat;background-position:center} .e-loop-item-452 .elementor-element.elementor-element-18ddd63:not(.elementor-motion-effects-element-type-background), .e-loop-item-452 .elementor-element.elementor-element-18ddd63:hover{background-image:url(/wp-content/uploads/silenciador-aire-comprimido-1.png);background-size:contain;background-repeat:no-repeat;background-position:center} .e-loop-item-874 .elementor-element.elementor-element-18ddd63:not(.elementor-motion-effects-element-type-background), .e-loop-item-874 .elementor-element.elementor-element-18ddd63:hover{background-image:url(/wp-content/uploads/valvula-solenoide-de-membrana-kohen-removebg-preview.png);background-size:contain;background-repeat:no-repeat;background-position:center} .e-loop-item-878 .elementor-element.elementor-element-18ddd63:not(.elementor-motion-effects-element-type-background), .e-loop-item-878 .elementor-element.elementor-element-18ddd63:hover{background-image:url(/wp-content/uploads/Valvula_de_descompresion.png);background-size:contain;background-repeat:no-repeat;background-position:center} .e-loop-item-883 .elementor-element.elementor-element-18ddd63:not(.elementor-motion-effects-element-type-background), .e-loop-item-883 .elementor-element.elementor-element-18ddd63:hover{background-image:url(/wp-content/uploads/Valvula_para_filtro_de_manga.png);background-size:contain;background-repeat:no-repeat;background-position:center} .e-loop-item-895 .elementor-element.elementor-element-18ddd63:not(.elementor-motion-effects-element-type-background), .e-loop-item-895 .elementor-element.elementor-element-18ddd63:hover{background-image:url(/wp-content/uploads/Valvula_solenoide_para_alta_temperatura.png);background-size:contain;background-repeat:no-repeat;background-position:center} .e-loop-item-903 .elementor-element.elementor-element-18ddd63:not(.elementor-motion-effects-element-type-background), .e-loop-item-903 .elementor-element.elementor-element-18ddd63:hover{background-image:url(/wp-content/uploads/Valvula_solenoide_acero_inoxidable.png);background-size:contain;background-repeat:no-repeat;background-position:center} .e-loop-item-907 .elementor-element.elementor-element-18ddd63:not(.elementor-motion-effects-element-type-background), .e-loop-item-907 .elementor-element.elementor-element-18ddd63:hover{background-image:url(/wp-content/uploads/Valvula_de_asiento.png);background-size:contain;background-repeat:no-repeat;background-position:center} .e-loop-item-1007 .elementor-element.elementor-element-18ddd63:not(.elementor-motion-effects-element-type-background), .e-loop-item-1007 .elementor-element.elementor-element-18ddd63:hover{background-image:url(/wp-content/uploads/Valvula_de_pedal.png);background-size:contain;background-repeat:no-repeat;background-position:center} .e-loop-item-1009 .elementor-element.elementor-element-18ddd63:not(.elementor-motion-effects-element-type-background), .e-loop-item-1009 .elementor-element.elementor-element-18ddd63:hover{background-image:url(/wp-content/uploads/Valvula_de_alta_presion.png);background-size:contain;background-repeat:no-repeat;background-position:center} .e-loop-item-1014 .elementor-element.elementor-element-18ddd63:not(.elementor-motion-effects-element-type-background), .e-loop-item-1014 .elementor-element.elementor-element-18ddd63:hover{background-image:url(/wp-content/uploads/Valvula_palanca__giratoria-1.png);background-size:contain;background-repeat:no-repeat;background-position:center} .e-loop-item-1018 .elementor-element.elementor-element-18ddd63:not(.elementor-motion-effects-element-type-background), .e-loop-item-1018 .elementor-element.elementor-element-18ddd63:hover{background-image:url(/wp-content/uploads/Valvula_de_membrana_serie_mini.png);background-size:contain;background-repeat:no-repeat;background-position:center} .e-loop-item-1021 .elementor-element.elementor-element-18ddd63:not(.elementor-motion-effects-element-type-background), .e-loop-item-1021 .elementor-element.elementor-element-18ddd63:hover{background-image:url(/wp-content/uploads/Valvula_manual_de_palanca_no_giratoria__2.png);background-size:contain;background-repeat:no-repeat;background-position:center} .e-loop-item-1025 .elementor-element.elementor-element-18ddd63:not(.elementor-motion-effects-element-type-background), .e-loop-item-1025 .elementor-element.elementor-element-18ddd63:hover{background-image:url(/wp-content/uploads/Valvula_Namur_monoestable.png);background-size:contain;background-repeat:no-repeat;background-position:center} .e-loop-item-1028 .elementor-element.elementor-element-18ddd63:not(.elementor-motion-effects-element-type-background), .e-loop-item-1028 .elementor-element.elementor-element-18ddd63:hover{background-image:url(/wp-content/uploads/Valvula-de-bola-neumatica.png);background-size:contain;background-repeat:no-repeat;background-position:center} .e-loop-item-1032 .elementor-element.elementor-element-18ddd63:not(.elementor-motion-effects-element-type-background), .e-loop-item-1032 .elementor-element.elementor-element-18ddd63:hover{background-image:url(/wp-content/uploads/Valvula_de_retencion__2.png);background-size:contain;background-repeat:no-repeat;background-position:center} .e-loop-item-1035 .elementor-element.elementor-element-18ddd63:not(.elementor-motion-effects-element-type-background), .e-loop-item-1035 .elementor-element.elementor-element-18ddd63:hover{background-image:url(/wp-content/uploads/valvula-de-escape-rapida.png);background-size:contain;background-repeat:no-repeat;background-position:center} .e-loop-item-1038 .elementor-element.elementor-element-18ddd63:not(.elementor-motion-effects-element-type-background), .e-loop-item-1038 .elementor-element.elementor-element-18ddd63:hover{background-image:url(/wp-content/uploads/Shuttle_Valve.png);background-size:contain;background-repeat:no-repeat;background-position:center} .e-loop-item-1044 .elementor-element.elementor-element-18ddd63:not(.elementor-motion-effects-element-type-background), .e-loop-item-1044 .elementor-element.elementor-element-18ddd63:hover{background-image:url(/wp-content/uploads/Cilindro-Multiposicional-Neumatico-Doble-Efecto.png);background-size:contain;background-repeat:no-repeat;background-position:center} .e-loop-item-1499 .elementor-element.elementor-element-18ddd63:not(.elementor-motion-effects-element-type-background), .e-loop-item-1499 .elementor-element.elementor-element-18ddd63:hover{background-image:url(/wp-content/uploads/portal-sanitizador.jpg);background-size:contain;background-repeat:no-repeat;background-position:center} .e-loop-item-1630 .elementor-element.elementor-element-18ddd63:not(.elementor-motion-effects-element-type-background), .e-loop-item-1630 .elementor-element.elementor-element-18ddd63:hover{background-image:url(/wp-content/uploads/FRL-portada-751x1024.jpg);background-size:contain;background-repeat:no-repeat;background-position:center} .e-loop-item-1732 .elementor-element.elementor-element-18ddd63:not(.elementor-motion-effects-element-type-background), .e-loop-item-1732 .elementor-element.elementor-element-18ddd63:hover{background-image:url(/wp-content/uploads/valvula-solenoide.jpg);background-size:contain;background-repeat:no-repeat;background-position:center} .e-loop-item-2445 .elementor-element.elementor-element-18ddd63:not(.elementor-motion-effects-element-type-background), .e-loop-item-2445 .elementor-element.elementor-element-18ddd63:hover{background-image:url(/wp-content/uploads/Maquina-industrial-Portada-de-Articulo-sobre-Automatizacion-Industrial.jpg);background-size:contain;background-repeat:no-repeat;background-position:center} .e-loop-item-2661 .elementor-element.elementor-element-18ddd63:not(.elementor-motion-effects-element-type-background), .e-loop-item-2661 .elementor-element.elementor-element-18ddd63:hover{background-image:url(/wp-content/uploads/Tuberias-industriales.-Portada-de-Que-son-los-conectores-rapidos.jpg);background-size:contain;background-repeat:no-repeat;background-position:center} .e-loop-item-2688 .elementor-element.elementor-element-18ddd63:not(.elementor-motion-effects-element-type-background), .e-loop-item-2688 .elementor-element.elementor-element-18ddd63:hover{background-image:url(/wp-content/uploads/Trabajador-en-Fabrica-Portada-de-articulo-sobre-Cilindros-neumaticos.jpg);background-size:contain;background-repeat:no-repeat;background-position:center} .e-loop-item-3868 .elementor-element.elementor-element-18ddd63:not(.elementor-motion-effects-element-type-background), .e-loop-item-3868 .elementor-element.elementor-element-18ddd63:hover{background-image:url(/wp-content/uploads/electrovalvula.jpg);background-size:contain;background-repeat:no-repeat;background-position:center} .e-loop-item-4917 .elementor-element.elementor-element-18ddd63:not(.elementor-motion-effects-element-type-background), .e-loop-item-4917 .elementor-element.elementor-element-18ddd63:hover{background-image:url(/wp-content/uploads/detectando-fuga-de-aire-comprimido.jpg);background-size:contain;background-repeat:no-repeat;background-position:center} .e-loop-item-5227 .elementor-element.elementor-element-18ddd63:not(.elementor-motion-effects-element-type-background), .e-loop-item-5227 .elementor-element.elementor-element-18ddd63:hover{background-image:url(/wp-content/uploads/cilindro-compacto-CQ2-de-Kohen-Industrial-1-1.webp);background-size:contain;background-repeat:no-repeat;background-position:center} .e-loop-item-5235 .elementor-element.elementor-element-18ddd63:not(.elementor-motion-effects-element-type-background), .e-loop-item-5235 .elementor-element.elementor-element-18ddd63:hover{background-image:url(/wp-content/uploads/conector-rapido-cruz.png);background-size:contain;background-repeat:no-repeat;background-position:center} .e-loop-item-5237 .elementor-element.elementor-element-18ddd63:not(.elementor-motion-effects-element-type-background), .e-loop-item-5237 .elementor-element.elementor-element-18ddd63:hover{background-image:url(/wp-content/uploads/Conector-Recto-Neumatico1.png);background-size:contain;background-repeat:no-repeat;background-position:center} .e-loop-item-5240 .elementor-element.elementor-element-18ddd63:not(.elementor-motion-effects-element-type-background), .e-loop-item-5240 .elementor-element.elementor-element-18ddd63:hover{background-image:url(/wp-content/uploads/triple-union.png);background-size:contain;background-repeat:no-repeat;background-position:center} .e-loop-item-5258 .elementor-element.elementor-element-18ddd63:not(.elementor-motion-effects-element-type-background), .e-loop-item-5258 .elementor-element.elementor-element-18ddd63:hover{background-image:url(/wp-content/uploads/union-y-union-reduccion.png);background-size:contain;background-repeat:no-repeat;background-position:center} .e-loop-item-5260 .elementor-element.elementor-element-18ddd63:not(.elementor-motion-effects-element-type-background), .e-loop-item-5260 .elementor-element.elementor-element-18ddd63:hover{background-image:url(/wp-content/uploads/Union-T.png);background-size:contain;background-repeat:no-repeat;background-position:center} .e-loop-item-5264 .elementor-element.elementor-element-18ddd63:not(.elementor-motion-effects-element-type-background), .e-loop-item-5264 .elementor-element.elementor-element-18ddd63:hover{background-image:url(/wp-content/uploads/Codo-con-hilo-y-Union-Codo.png);background-size:contain;background-repeat:no-repeat;background-position:center} .e-loop-item-5267 .elementor-element.elementor-element-18ddd63:not(.elementor-motion-effects-element-type-background), .e-loop-item-5267 .elementor-element.elementor-element-18ddd63:hover{background-image:url(/wp-content/uploads/codo-regulador.png);background-size:contain;background-repeat:no-repeat;background-position:center} .e-loop-item-5269 .elementor-element.elementor-element-18ddd63:not(.elementor-motion-effects-element-type-background), .e-loop-item-5269 .elementor-element.elementor-element-18ddd63:hover{background-image:url(/wp-content/uploads/conector-Y.png);background-size:contain;background-repeat:no-repeat;background-position:center} .e-loop-item-5272 .elementor-element.elementor-element-18ddd63:not(.elementor-motion-effects-element-type-background), .e-loop-item-5272 .elementor-element.elementor-element-18ddd63:hover{background-image:url(/wp-content/uploads/tubings.png);background-size:contain;background-repeat:no-repeat;background-position:center} .e-loop-item-5275 .elementor-element.elementor-element-18ddd63:not(.elementor-motion-effects-element-type-background), .e-loop-item-5275 .elementor-element.elementor-element-18ddd63:hover{background-image:url(/wp-content/uploads/boquilla_nebulizadora.png);background-size:contain;background-repeat:no-repeat;background-position:center} .e-loop-item-5674 .elementor-element.elementor-element-18ddd63:not(.elementor-motion-effects-element-type-background), .e-loop-item-5674 .elementor-element.elementor-element-18ddd63:hover{background-image:url(/wp-content/uploads/valvula-industrial.png);background-size:contain;background-repeat:no-repeat;background-position:center} .e-loop-item-5676 .elementor-element.elementor-element-18ddd63:not(.elementor-motion-effects-element-type-background), .e-loop-item-5676 .elementor-element.elementor-element-18ddd63:hover{background-image:url(/wp-content/uploads/valvula-solenoide-de-membrana-kohen-removebg-preview.png);background-size:contain;background-repeat:no-repeat;background-position:center} .e-loop-item-5678 .elementor-element.elementor-element-18ddd63:not(.elementor-motion-effects-element-type-background), .e-loop-item-5678 .elementor-element.elementor-element-18ddd63:hover{background-image:url(/wp-content/uploads/boquilla_nebulizadora.png);background-size:contain;background-repeat:no-repeat;background-position:center} .e-loop-item-5680 .elementor-element.elementor-element-18ddd63:not(.elementor-motion-effects-element-type-background), .e-loop-item-5680 .elementor-element.elementor-element-18ddd63:hover{background-image:url(/wp-content/uploads/electrovalvula-namur-y-el-Control-Industrial.png);background-size:contain;background-repeat:no-repeat;background-position:center} .e-loop-item-5691 .elementor-element.elementor-element-18ddd63:not(.elementor-motion-effects-element-type-background), .e-loop-item-5691 .elementor-element.elementor-element-18ddd63:hover{background-image:url(/wp-content/uploads/Shuttle_Valve.png);background-size:contain;background-repeat:no-repeat;background-position:center} .e-loop-item-5693 .elementor-element.elementor-element-18ddd63:not(.elementor-motion-effects-element-type-background), .e-loop-item-5693 .elementor-element.elementor-element-18ddd63:hover{background-image:url(/wp-content/uploads/valvula-de-escape-rapida.png);background-size:contain;background-repeat:no-repeat;background-position:center} .e-loop-item-5709 .elementor-element.elementor-element-18ddd63:not(.elementor-motion-effects-element-type-background), .e-loop-item-5709 .elementor-element.elementor-element-18ddd63:hover{background-image:url(/wp-content/uploads/valvula-de-retencion-de-aire.webp);background-size:contain;background-repeat:no-repeat;background-position:center} .e-loop-item-5810 .elementor-element.elementor-element-18ddd63:not(.elementor-motion-effects-element-type-background), .e-loop-item-5810 .elementor-element.elementor-element-18ddd63:hover{background-image:url(/wp-content/uploads/compresor-de-aire-industrial.webp);background-size:contain;background-repeat:no-repeat;background-position:center} .e-loop-item-5811 .elementor-element.elementor-element-18ddd63:not(.elementor-motion-effects-element-type-background), .e-loop-item-5811 .elementor-element.elementor-element-18ddd63:hover{background-image:url(/wp-content/uploads/Valvula-Proporcional.webp);background-size:contain;background-repeat:no-repeat;background-position:center} .e-loop-item-5812 .elementor-element.elementor-element-18ddd63:not(.elementor-motion-effects-element-type-background), .e-loop-item-5812 .elementor-element.elementor-element-18ddd63:hover{background-image:url(/wp-content/uploads/racor-neumatico-hztal.webp);background-size:contain;background-repeat:no-repeat;background-position:center} .e-loop-item-5813 .elementor-element.elementor-element-18ddd63:not(.elementor-motion-effects-element-type-background), .e-loop-item-5813 .elementor-element.elementor-element-18ddd63:hover{background-image:url(/wp-content/uploads/circuito-neumatico-foto.jpg);background-size:contain;background-repeat:no-repeat;background-position:center} .e-loop-item-5852 .elementor-element.elementor-element-18ddd63:not(.elementor-motion-effects-element-type-background), .e-loop-item-5852 .elementor-element.elementor-element-18ddd63:hover{background-image:url(/wp-content/uploads/img-01-cq2-cilindro-compacto.png);background-size:contain;background-repeat:no-repeat;background-position:center} .e-loop-item-5853 .elementor-element.elementor-element-18ddd63:not(.elementor-motion-effects-element-type-background), .e-loop-item-5853 .elementor-element.elementor-element-18ddd63:hover{background-image:url(/wp-content/uploads/img-02-cilindros-multiposicionales.png);background-size:contain;background-repeat:no-repeat;background-position:center} .e-loop-item-5854 .elementor-element.elementor-element-18ddd63:not(.elementor-motion-effects-element-type-background), .e-loop-item-5854 .elementor-element.elementor-element-18ddd63:hover{background-image:url(/wp-content/uploads/img-03-cilindro-tgl.png);background-size:contain;background-repeat:no-repeat;background-position:center} .e-loop-item-5855 .elementor-element.elementor-element-18ddd63:not(.elementor-motion-effects-element-type-background), .e-loop-item-5855 .elementor-element.elementor-element-18ddd63:hover{background-image:url(/wp-content/uploads/img-04-cilindro-multiposicional.png);background-size:contain;background-repeat:no-repeat;background-position:center} /* Logo Kohen en footer (fondo verde oscuro) → versión blanca vía filtro */ .elementor-element-04db4a7 img { filter: brightness(0) invert(1); } /* Carrusel de clientes (home + quienes-somos) — marquee continuo CSS-only. Los slides están duplicados (2× la lista) en el HTML; animamos translateX de 0 a -50%, de forma que al llegar al final la primera copia ocupa la posición de la segunda y el loop parece infinito sin saltos. */ .elementor-element-63b9c4e .swiper, .elementor-element-5d02110 .swiper { overflow: hidden; } .elementor-element-63b9c4e .swiper-wrapper, .elementor-element-5d02110 .swiper-wrapper { display: flex; flex-wrap: nowrap; align-items: center; gap: 48px; width: max-content; animation: kohen-clientes-scroll 40s linear infinite; } .elementor-element-63b9c4e .swiper-wrapper:hover, .elementor-element-5d02110 .swiper-wrapper:hover { animation-play-state: paused; } .elementor-element-63b9c4e .swiper-slide, .elementor-element-5d02110 .swiper-slide { width: auto !important; flex: 0 0 auto; margin: 0 !important; } .elementor-element-63b9c4e .elementor-carousel-image, .elementor-element-5d02110 .elementor-carousel-image { width: 140px; height: 80px; } .elementor-element-63b9c4e .elementor-swiper-button, .elementor-element-63b9c4e .swiper-pagination, .elementor-element-5d02110 .elementor-swiper-button, .elementor-element-5d02110 .swiper-pagination { display: none !important; } @keyframes kohen-clientes-scroll { from { transform: translateX(0); } to { transform: translateX(calc(-50% - 24px)); } } @media (prefers-reduced-motion: reduce) { .elementor-element-63b9c4e .swiper-wrapper, .elementor-element-5d02110 .swiper-wrapper { animation: none; } } /* Páginas de producto: JetEngine dynamic-link icon (el CSS del plugin no se migró, así que el SVG del botón "Consulta Inmediata" se renderiza del tamaño natural del viewBox y queda gigante) */ .jet-listing-dynamic-link__icon { display: inline-flex; align-items: center; } .jet-listing-dynamic-link__icon svg { width: 20px; height: 20px; } .jet-listing-dynamic-link { display: inline-flex !important; align-items: center; gap: 8px; } /* Menú "Productos": mostrar el dropdown en hover (sin JS de Elementor) */ @media (hover: hover) { .elementor-widget-n-menu .e-n-menu-item:hover > .e-n-menu-content > .e-con, .elementor-widget-n-menu .e-n-menu-item:focus-within > .e-n-menu-content > .e-con { display: flex !important; } } /* Menú mobile (widget Off-canvas de Elementor): por defecto el contenido está posicionado fuera de pantalla; cuando kohen-menu.js añade la clase e-off-canvas--open se desliza a la vista. */ .e-off-canvas { position: fixed; top: 0; right: 0; bottom: 0; width: min(85vw, 360px); background: #fff; z-index: 2147483600; transform: translateX(100%); transition: transform .3s ease; overflow-y: auto; padding: 24px 20px; box-shadow: -8px 0 24px rgba(0,0,0,0.15); } .e-off-canvas.e-off-canvas--open { transform: translateX(0) !important; opacity: 1 !important; visibility: visible !important; pointer-events: auto !important; } body.e-off-canvas-open::before { content: ''; position: fixed; inset: 0; background: rgba(0,0,0,0.4); z-index: 2147483500; } /* En mobile el dropdown de Productos dentro del off-canvas va en línea */ @media (max-width: 1024px) { .e-off-canvas #e-n-menu-content-2082 { position: static !important; width: 100% !important; max-width: 100% !important; transform: none !important; border-radius: 0 !important; margin-top: 8px !important; } .e-off-canvas .e-n-menu-heading { flex-direction: column; align-items: stretch; gap: 4px; } .e-off-canvas .e-n-menu-item { border-bottom: 1px solid #eee; padding: 4px 0; } } /* Mega-menu de "Productos": ancho alineado al header (1140px) y centrado en el viewport */ #e-n-menu-content-2082 { position: fixed !important; top: 122px !important; /* separado del header (10px) */ left: 50vw !important; transform: translateX(-50%); width: min(1140px, 95vw) !important; max-width: 95vw !important; margin-top: 0 !important; border-bottom-left-radius: 10px !important; border-bottom-right-radius: 10px !important; overflow: hidden; } /* Puente invisible debajo del item "Productos" para que el hover no se pierda al bajar el mouse hacia el dropdown (el dropdown tiene position:fixed y deja un gap visual con el item del menú) */ .e-n-menu-item { position: relative; } .e-n-menu-item:has(> .e-n-menu-title > #e-n-menu-title-2082), .e-n-menu-item:has(#e-n-menu-title-2082) { /* ancestor of Productos only */ } .e-n-menu-item:has(#e-n-menu-title-2082)::after { content: ''; position: absolute; top: 100%; left: -20px; right: -20px; height: 20px; }