{"id":47,"date":"2025-09-01T23:15:34","date_gmt":"2025-09-01T23:15:34","guid":{"rendered":"https:\/\/isk.com.mx\/?page_id=47"},"modified":"2026-08-20T00:58:59","modified_gmt":"2026-08-20T00:58:59","slug":"inico","status":"publish","type":"page","link":"https:\/\/isk.com.mx\/en\/","title":{"rendered":"HOME"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"47\" class=\"elementor elementor-47\">\n\t\t\t\t<div class=\"elementor-element elementor-element-720b828 e-con-full e-flex e-con e-parent\" data-id=\"720b828\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-14dd851 elementor-widget elementor-widget-html\" data-id=\"14dd851\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"es\">\r\n<head>\r\n    <meta charset=\"UTF-8\">\r\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n    <style>\r\n        @import url('https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@500;700&display=swap');\r\n\r\n        \/* CONFIGURACI\u00d3N GLOBAL *\/\r\n        html { scroll-behavior: smooth; }\r\n        \r\n        :root {\r\n            --azul-isk: #123661;\r\n            --celeste-isk: #00A3FF;\r\n            --blanco: #ffffff;\r\n        }\r\n\r\n        body { margin: 0; padding: 0; background: #000; }\r\n\r\n        \/* APLICACI\u00d3N DE REGLAS DE TIPOGRAF\u00cdA *\/\r\n        h1, h2, h3, .isk-slide h1, .isk-card h3, .isk-btn-main {\r\n            font-family: 'Montserrat', sans-serif;\r\n            font-weight: 700; \/* Montserrat 700 bold para t\u00edtulos y llamadas principales *\/\r\n        }\r\n        \r\n        p, span, .isk-slide p, .btn-ver-mas {\r\n            font-family: 'Montserrat', sans-serif;\r\n            font-weight: 500; \/* Montserrat 500 medium para textos de lectura y secundarios *\/\r\n        }\r\n\r\n        \/* HERO CONTAINER *\/\r\n        .isk-hero {\r\n            position: relative;\r\n            width: 100%;\r\n            min-height: 100vh;\r\n            overflow: hidden;\r\n            background: #000;\r\n            display: flex;\r\n            align-items: center;\r\n        }\r\n\r\n        \/* VIDEO DE FONDO EXTERNO *\/\r\n        .isk-video {\r\n            position: absolute;\r\n            top: 0; left: 0;\r\n            width: 100%; height: 100%;\r\n            z-index: 1;\r\n            pointer-events: none;\r\n        }\r\n\r\n        .isk-video iframe {\r\n            width: 100vw; height: 56.25vw;\r\n            min-height: 100vh; min-width: 177.77vh;\r\n            position: absolute;\r\n            top: 50%; left: 50%;\r\n            transform: translate(-50%, -50%);\r\n            border: none;\r\n        }\r\n\r\n        .isk-overlay {\r\n            position: absolute;\r\n            top: 0; left: 0;\r\n            width: 100%; height: 100%;\r\n            background: rgba(18, 54, 97, 0.75);\r\n            z-index: 2;\r\n        }\r\n\r\n        \/* ORBE FLOTANTE *\/\r\n        .isk-floating-orb {\r\n            position: absolute;\r\n            width: 30vw; height: 30vw;\r\n            background: radial-gradient(circle, rgba(0,163,255,0.2) 0%, rgba(18,54,97,0) 70%);\r\n            border-radius: 50%;\r\n            z-index: 3;\r\n            top: 10%; left: -5%;\r\n            filter: blur(60px);\r\n            animation: moveOrb 25s infinite alternate ease-in-out;\r\n            pointer-events: none;\r\n        }\r\n\r\n        @keyframes moveOrb {\r\n            0% { transform: translate(0, 0) scale(1); }\r\n            100% { transform: translate(40vw, 20vh) scale(1.3); }\r\n        }\r\n\r\n        \/* CONTENEDOR DE CONTENIDO *\/\r\n        .isk-content {\r\n            position: relative;\r\n            z-index: 10;\r\n            width: 100%;\r\n            max-width: 1300px;\r\n            margin: auto;\r\n            padding: 100px 5%;\r\n            display: flex;\r\n            flex-direction: column;\r\n            min-height: 95vh;\r\n            box-sizing: border-box;\r\n        }\r\n\r\n        \/* SLIDER DE TEXTOS *\/\r\n        .isk-slider { max-width: 800px; min-height: 250px; position: relative; margin-bottom: 40px; }\r\n        .isk-slide { \r\n            position: absolute; \r\n            opacity: 0; \r\n            visibility: hidden; \r\n            transform: translateY(20px); \r\n            transition: all 0.8s cubic-bezier(0.4, 0, 0.2, 1); \r\n        }\r\n        .isk-slide.active { opacity: 1; visibility: visible; transform: translateY(0); }\r\n        \r\n        .isk-slide h1 { \r\n            font-size: clamp(32px, 8vw, 60px); \r\n            margin: 0; \r\n            line-height: 1.1; \r\n            color: #fff; \r\n            text-wrap: balance;\r\n        }\r\n        .isk-slide p { \r\n            font-size: clamp(14px, 3vw, 18px); \r\n            margin: 15px 0 25px; \r\n            color: var(--celeste-isk); \r\n            text-transform: uppercase; \r\n            letter-spacing: 1px;\r\n        }\r\n\r\n        .isk-btn-main {\r\n            display: inline-block;\r\n            padding: 14px 35px;\r\n            border-radius: 50px;\r\n            background: var(--celeste-isk);\r\n            color: #fff !important;\r\n            text-decoration: none !important;\r\n            text-transform: uppercase;\r\n            font-size: 13px;\r\n            transition: 0.3s;\r\n            box-shadow: 0 4px 15px rgba(0,163,255,0.3);\r\n        }\r\n        .isk-btn-main:hover { transform: translateY(-3px); box-shadow: 0 8px 20px rgba(0,163,255,0.5); }\r\n\r\n        \/* IM\u00c1GENES DE INGENIEROS (CONTENEDOR ASIGNADO CON MEDIDAS DE VISUALIZACI\u00d3N) *\/\r\n        .isk-engineers { \r\n            position: absolute; \r\n            right: 5%; \r\n            bottom: 220px; \r\n            width: 450px; \/* Ancho m\u00e1ximo de renderizado en escritorio *\/\r\n            height: 525px; \/* Proporci\u00f3n directa basada en la visualizaci\u00f3n del contenedor *\/\r\n            z-index: 5; \r\n            pointer-events: none;\r\n        }\r\n        .isk-eng { \r\n            position: absolute; \r\n            bottom: 0; right: 0; \r\n            width: 100%; \r\n            height: auto;\r\n            opacity: 0; \r\n            transition: opacity 1s ease-in-out; \r\n        }\r\n        .isk-eng.active { opacity: 1; }\r\n\r\n        \/* GRID DE TARJETAS *\/\r\n        .isk-cards-grid { \r\n            display: grid; \r\n            grid-template-columns: repeat(4, 1fr); \r\n            gap: 20px; \r\n            margin-top: auto;\r\n            z-index: 30; \r\n        }\r\n\r\n        .isk-card {\r\n            background: rgba(255, 255, 255, 0.07);\r\n            height: auto;\r\n            min-height: 180px;\r\n            border-radius: 20px;\r\n            padding: 20px;\r\n            display: flex;\r\n            flex-direction: column;\r\n            align-items: center;\r\n            justify-content: center;\r\n            backdrop-filter: blur(10px);\r\n            -webkit-backdrop-filter: blur(10px);\r\n            border: 1px solid rgba(255, 255, 255, 0.1);\r\n            text-decoration: none !important;\r\n            transition: 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);\r\n        }\r\n\r\n        .isk-card:hover { \r\n            transform: translateY(-10px); \r\n            border-color: var(--celeste-isk);\r\n            background: rgba(0, 163, 255, 0.15);\r\n        }\r\n\r\n        .isk-card h3 { \r\n            font-size: 13px; \r\n            text-transform: uppercase; \r\n            margin: 0; \r\n            text-align: center; \r\n            color: #ffffff;\r\n        }\r\n\r\n        .btn-ver-mas { \r\n            margin-top: 10px; \r\n            font-size: 10px; \r\n            color: var(--celeste-isk); \r\n            text-transform: uppercase; \r\n        }\r\n\r\n        \/* EMOJI ANIMADO *\/\r\n        .sticker-wrapper {\r\n            position: relative;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            margin-bottom: 15px;\r\n        }\r\n        .sticker-circle {\r\n            position: absolute;\r\n            width: 50px; height: 50px;\r\n            background: #fff;\r\n            border: 2px solid var(--celeste-isk);\r\n            border-radius: 50%;\r\n            z-index: -1;\r\n            animation: pulse 3s infinite ease-in-out;\r\n        }\r\n        .sticker { font-size: 28px; animation: float 3s ease-in-out infinite; }\r\n\r\n        \/* RESPONSIVE M\u00d3VIL *\/\r\n        @media(max-width: 1024px){\r\n            .isk-cards-grid { grid-template-columns: repeat(2, 1fr); gap: 15px; }\r\n            .isk-engineers { bottom: 420px; width: 350px; height: 408px; }\r\n        }\r\n\r\n        @media(max-width: 768px){\r\n            .isk-hero { min-height: 100vh; height: auto; }\r\n            .isk-engineers { display:none; }\r\n            .isk-content { padding: 60px 5% 40px; justify-content: center; min-height: 100vh; }\r\n            .isk-slider { min-height: 220px; text-align: center; margin-bottom: 20px; }\r\n            .isk-slide h1 { text-align: center; font-size: 32px; }\r\n            .isk-cards-grid { \r\n                grid-template-columns: repeat(2, 1fr); \r\n                margin-top: 20px;\r\n                width: 100%;\r\n                gap: 12px;\r\n            }\r\n            .isk-card { min-height: 140px; padding: 15px; }\r\n            .sticker-circle { width: 40px; height: 40px; }\r\n            .sticker { font-size: 22px; }\r\n            .isk-card h3 { font-size: 11px; }\r\n        }\r\n\r\n        @media(max-width: 480px){\r\n            .isk-slide h1 { font-size: 28px; }\r\n            .isk-slider { min-height: 200px; }\r\n            .isk-cards-grid { gap: 10px; }\r\n        }\r\n    <\/style>\r\n<\/head>\r\n<body data-rsssl=1 data-rsssl=1 data-rsssl=1 data-rsssl=1 data-rsssl=1 data-rsssl=1 data-rsssl=1 data-rsssl=1 data-rsssl=1 data-rsssl=1>\r\n\r\n<section class=\"isk-hero\">\r\n    <div class=\"isk-video\">\r\n        <!-- El iframe se mantiene intacto para controlar la reproducci\u00f3n interna de YouTube -->\r\n        <iframe src=\"https:\/\/www.youtube.com\/embed\/WaM48gRKAlg?autoplay=1&mute=1&loop=1&playlist=WaM48gRKAlg&controls=0&rel=0&modestbranding=1&iv_load_policy=3&enablejsapi=1\" allow=\"autoplay; encrypted-media\"><\/iframe>\r\n    <\/div>\r\n\r\n    <div class=\"isk-overlay\" aria-hidden=\"true\"><\/div>\r\n    <div class=\"isk-floating-orb\" aria-hidden=\"true\"><\/div>\r\n\r\n    <div class=\"isk-content\">\r\n        <header class=\"isk-slider\">\r\n            <article class=\"isk-slide active\">\r\n                <h1>\u00bfYa conoces<br>Automation ISK?<\/h1>\r\n                <p>Ingenier\u00eda inteligente para la industria moderna<\/p>\r\n                <a class=\"isk-btn-main\" href=\"https:\/\/isk.com.mx\/quienes-somos\/\" target=\"_blank\" rel=\"noopener noreferrer\">Descubrir soluciones<\/a>\r\n            <\/article>\r\n            <article class=\"isk-slide\">\r\n                <h1>Automatizaci\u00f3n<br>Industrial<\/h1>\r\n                <p>Optimiza procesos con tecnolog\u00eda avanzada<\/p>\r\n                <a class=\"isk-btn-main\" href=\"https:\/\/isk.com.mx\/automatizacion-de-procesos\/\" target=\"_blank\" rel=\"noopener noreferrer\">Ver tecnolog\u00eda<\/a>\r\n            <\/article>\r\n            <article class=\"isk-slide\">\r\n                <h1>Monitoreo<br>y Control<\/h1>\r\n                <p>Datos en tiempo real para decisiones reales<\/p>\r\n                <a class=\"isk-btn-main\" href=\"https:\/\/isk.com.mx\/proyectos-destacados\/\" target=\"_blank\" rel=\"noopener noreferrer\">Explorar sistema<\/a>\r\n            <\/article>\r\n            <article class=\"isk-slide\">\r\n                <h1>Ingenier\u00eda<br>Especializada<\/h1>\r\n                <p>Dise\u00f1o e integraci\u00f3n de sistemas de vanguardia<\/p>\r\n                <a class=\"isk-btn-main\" href=\"https:\/\/isk.com.mx\/industrias\/\" target=\"_blank\" rel=\"noopener noreferrer\">Ver servicios<\/a>\r\n            <\/article>\r\n            <article class=\"isk-slide\">\r\n                <h1>Industria 4.0<\/h1>\r\n                <p>Soluciones integrales para el futuro de tu planta<\/p>\r\n                <a class=\"isk-btn-main\" href=\"https:\/\/isk.com.mx\/servicios\/\" target=\"_blank\" rel=\"noopener noreferrer\">Conocer m\u00e1s<\/a>\r\n            <\/article>\r\n        <\/header>\r\n\r\n        <div class=\"isk-engineers\" aria-hidden=\"true\">\r\n            <!-- ASIGNACI\u00d3N CR\u00cdTICA PARA RENDIMIENTO: fetchpriority, width, height y decoding s\u00edncrono\/as\u00edncrono -->\r\n            <img fetchpriority=\"high\" src=\"https:\/\/isk.com.mx\/wp-content\/uploads\/2026\/04\/Ingeniero.javier.isk_.webp\" \r\n                 class=\"isk-eng active\" \r\n                 alt=\"Ingeniero Javier ISK\"\r\n                 width=\"450\" \r\n                 height=\"525\"\r\n                 fetchpriority=\"high\"\r\n                 decoding=\"sync\">\r\n                 \r\n            <img src=\"https:\/\/isk.com.mx\/wp-content\/uploads\/2026\/03\/ing.-Johan.webp\" \r\n                 class=\"isk-eng\" \r\n                 alt=\"Ingeniero Johan ISK\"\r\n                 width=\"450\" \r\n                 height=\"450\"\r\n                 decoding=\"async\">\r\n        <\/div>\r\n\r\n        <nav class=\"isk-cards-grid\">\r\n            <a href=\"#motorizado\" class=\"isk-card\" target=\"_blank\" rel=\"noopener noreferrer\">\r\n                <div class=\"sticker-wrapper\">\r\n                    <div class=\"sticker-circle\"><\/div>\r\n                    <div class=\"sticker\" role=\"img\" aria-label=\"Robot\">\ud83e\udd16<\/div>\r\n                <\/div>\r\n                <h3>Automatizaci\u00f3n<\/h3>\r\n                <span class=\"btn-ver-mas\">ver m\u00e1s<\/span>\r\n            <\/a>\r\n\r\n            <a href=\"#industrias\" class=\"isk-card\" target=\"_blank\" rel=\"noopener noreferrer\">\r\n                <div class=\"sticker-wrapper\">\r\n                    <div class=\"sticker-circle\"><\/div>\r\n                    <div class=\"sticker\" role=\"img\" aria-label=\"Edificio\">\ud83c\udfe2<\/div>\r\n                <\/div>\r\n                <h3>Industrias<\/h3>\r\n                <span class=\"btn-ver-mas\">ver m\u00e1s<\/span>\r\n            <\/a>\r\n\r\n            <a href=\"#servicios\" class=\"isk-card\" target=\"_blank\" rel=\"noopener noreferrer\">\r\n                <div class=\"sticker-wrapper\">\r\n                    <div class=\"sticker-circle\"><\/div>\r\n                    <div class=\"sticker\" role=\"img\" aria-label=\"Engranaje\">\u2699\ufe0f<\/div>\r\n                <\/div>\r\n                <h3>Servicios<\/h3>\r\n                <span class=\"btn-ver-mas\">ver m\u00e1s<\/span>\r\n            <\/a>\r\n\r\n            <a href=\"#conocenos\" class=\"isk-card\" target=\"_blank\" rel=\"noopener noreferrer\">\r\n                <div class=\"sticker-wrapper\">\r\n                    <div class=\"sticker-circle\"><\/div>\r\n                    <div class=\"sticker\" role=\"img\" aria-label=\"Apret\u00f3n de manos\">\ud83e\udd1d<\/div>\r\n                <\/div>\r\n                <h3>Con\u00f3cenos<\/h3>\r\n                <span class=\"btn-ver-mas\">ver m\u00e1s<\/span>\r\n            <\/a>\r\n        <\/nav>\r\n    <\/div>\r\n<\/section>\r\n\r\n<script>\r\n    const slides = document.querySelectorAll(\".isk-slide\");\r\n    const engineers = document.querySelectorAll(\".isk-eng\");\r\n    let currentSlide = 0;\r\n    let currentEng = 0;\r\n\r\n    function rotateContent() {\r\n        slides[currentSlide].classList.remove(\"active\");\r\n        currentSlide = (currentSlide + 1) % slides.length;\r\n        slides[currentSlide].classList.add(\"active\");\r\n\r\n        if (engineers.length > 0) {\r\n            engineers[currentEng].classList.remove(\"active\");\r\n            currentEng = (currentEng + 1) % engineers.length;\r\n            engineers[currentEng].classList.add(\"active\");\r\n        }\r\n    }\r\n\r\n    setInterval(rotateContent, 5000);\r\n<\/script>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-30361b1 e-con-full e-flex e-con e-parent\" data-id=\"30361b1\" data-element_type=\"container\" data-e-type=\"container\" id=\"motorizado\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-0f1588e elementor-widget elementor-widget-html\" data-id=\"0f1588e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"es\">\r\n<head>\r\n    <meta charset=\"UTF-8\">\r\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n    <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n    <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n    <style>\r\n        \/* Optimizaci\u00f3n de fuente para evitar el error de \"texto invisible\" en Lighthouse *\/\r\n        @import url('https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@500;700&display=swap&font-display=swap');\r\n\r\n        .isk-sol-wrapper {\r\n            --azul-isk: #123661; \r\n            --celeste-isk: #00A3FF;\r\n            --blanco: #ffffff;\r\n            --gris-suave: #f8f9fa;\r\n            --sombra: 0 10px 30px rgba(0, 0, 0, 0.08);\r\n            width: 100%;\r\n            background-color: var(--blanco);\r\n            padding: clamp(40px, 8vw, 80px) 0;\r\n            overflow: hidden;\r\n            display: flex;\r\n            justify-content: center;\r\n            font-family: 'Montserrat', sans-serif;\r\n        }\r\n\r\n        .isk-main-layout {\r\n            display: flex;\r\n            flex-direction: row;\r\n            align-items: center;\r\n            width: 95%;\r\n            max-width: 1600px;\r\n            gap: 48px0px;\r\n            padding: 0 2%;\r\n        }\r\n\r\n        \/* CONFIGURACI\u00d3N TIPOGR\u00c1FICA REQUERIDA *\/\r\n        .isk-sol-left h2, \r\n        .isk-sol-left .isk-subtitle, \r\n        .isk-sol-title-fixed, \r\n        .isk-sol-overlay h3, \r\n        .isk-sol-btn {\r\n            font-family: 'Montserrat', sans-serif;\r\n            font-weight: 700; \/* Montserrat 700 bold para t\u00edtulos, subt\u00edtulos y llamadas *\/\r\n        }\r\n\r\n        .isk-point-text, \r\n        .isk-sol-overlay p {\r\n            font-family: 'Montserrat', sans-serif;\r\n            font-weight: 500; \/* Montserrat 500 medium para cuerpos de texto y parrafos *\/\r\n        }\r\n\r\n        \/* LADO IZQUIERDO *\/\r\n        .isk-sol-left {\r\n            flex: 0 0 35%;\r\n            text-align: left;\r\n            min-width: 320px;\r\n        }\r\n\r\n        .isk-sol-left h2 {\r\n            font-size: clamp(28px, 5vw, 48px);\r\n            color: var(--azul-isk);\r\n            margin: 0;\r\n            line-height: 1.1;\r\n        }\r\n\r\n        .isk-sol-left .isk-subtitle {\r\n            font-size: 18px;\r\n            color: var(--celeste-isk);\r\n            margin: 10px 0 30px 0;\r\n            text-transform: uppercase;\r\n            letter-spacing: 1.5px;\r\n        }\r\n\r\n        .isk-points-container {\r\n            display: flex;\r\n            flex-direction: column;\r\n            gap: 10px;\r\n        }\r\n\r\n        .isk-point-item {\r\n            display: flex;\r\n            align-items: center;\r\n            gap: 15px;\r\n            background: var(--blanco);\r\n            padding: 15px 20px;\r\n            border-radius: 12px;\r\n            border-left: 4px solid var(--celeste-isk);\r\n            box-shadow: var(--sombra);\r\n            transition: 0.5s ease;\r\n        }\r\n\r\n        .isk-point-item:hover {\r\n            transform: translateX(8px);\r\n            border-left-width: 8px;\r\n        }\r\n\r\n        .isk-point-icon { font-size: 20px; min-width: 30px; }\r\n\r\n        .isk-point-text {\r\n            font-size: 14px;\r\n            color: #333;\r\n            line-height: 1.5;\r\n            margin: 0;\r\n        }\r\n\r\n        \/* LADO DERECHO: CARRUSEL *\/\r\n        .isk-sol-right {\r\n            flex: 1;\r\n            min-width: 0;\r\n            position: relative;\r\n        }\r\n\r\n        .isk-sol-container {\r\n            width: 100%;\r\n            display: flex;\r\n            mask-image: linear-gradient(to right, transparent, black 10%, black 90%, transparent);\r\n            -webkit-mask-image: linear-gradient(to right, transparent, black 10%, black 90%, transparent);\r\n        }\r\n\r\n        .isk-sol-track {\r\n            display: flex;\r\n            gap: 20px;\r\n            padding: 20px 0;\r\n            animation: isk-scroll 35s linear infinite;\r\n        }\r\n\r\n        \/* Pausa en hover solo para PC *\/\r\n        @media (hover: hover) {\r\n            .isk-sol-track:hover { animation-play-state: paused; }\r\n        }\r\n\r\n        \/* DIMENSIONES FIJAS EXPLICITADAS PARA EVITAR SHIFT DE CONTENIDO (CLS) *\/\r\n        .isk-sol-card {\r\n            flex: 0 0 300px; \r\n            width: 300px;\r\n            height: 400px;\r\n            position: relative;\r\n            border-radius: 25px;\r\n            overflow: hidden;\r\n            background: var(--azul-isk);\r\n            border: 1px solid rgba(0, 163, 255, 0.1);\r\n            transition: 0.4s ease;\r\n        }\r\n\r\n        .isk-sol-img {\r\n            width: 100%;\r\n            height: 100%;\r\n            background-size: cover;\r\n            background-position: center;\r\n            transition: 0.6s ease;\r\n        }\r\n\r\n        .isk-sol-title-fixed {\r\n            position: absolute;\r\n            bottom: 0;\r\n            width: 100%;\r\n            background: linear-gradient(to top, var(--azul-isk) 20%, transparent);\r\n            color: var(--blanco);\r\n            padding: 30px 15px 20px;\r\n            font-size: 17px;\r\n            text-align: center;\r\n            z-index: 2;\r\n            transition: 0.3s;\r\n            box-sizing: border-box;\r\n        }\r\n\r\n        .isk-sol-overlay {\r\n            position: absolute;\r\n            top: 0; left: 0; width: 100%; height: 100%;\r\n            background: rgba(18, 54, 97, 0.95);\r\n            display: flex;\r\n            flex-direction: column;\r\n            justify-content: center;\r\n            align-items: center;\r\n            padding: 30px;\r\n            opacity: 0;\r\n            transition: 0.4s ease;\r\n            text-align: center;\r\n            z-index: 3;\r\n            box-sizing: border-box;\r\n        }\r\n\r\n        \/* Interacci\u00f3n: Click en m\u00f3vil o Hover en PC *\/\r\n        .isk-sol-card:hover .isk-sol-overlay,\r\n        .isk-sol-card:focus-within .isk-sol-overlay {\r\n            opacity: 1;\r\n        }\r\n\r\n        .isk-sol-overlay h3 { \r\n            color: var(--celeste-isk); \r\n            font-size: 20px; \r\n            margin: 0 0 10px 0; \r\n        }\r\n\r\n        .isk-sol-overlay p { \r\n            color: var(--blanco); \r\n            font-size: 14px; \r\n            margin: 0 0 20px 0; \r\n        }\r\n\r\n        .isk-sol-btn {\r\n            border: 2px solid var(--celeste-isk);\r\n            color: var(--blanco);\r\n            padding: 8px 20px;\r\n            border-radius: 50px;\r\n            text-decoration: none;\r\n            font-size: 12px;\r\n            text-transform: uppercase;\r\n            transition: 0.3s;\r\n        }\r\n\r\n        .isk-sol-btn:hover { background: var(--celeste-isk); color: var(--azul-isk); }\r\n\r\n        @keyframes isk-scroll {\r\n            from { transform: translateX(0); }\r\n            to { transform: translateX(-50%); }\r\n        }\r\n\r\n        \/* --- RESPONSIVE --- *\/\r\n        @media (max-width: 1024px) {\r\n            .isk-main-layout { flex-direction: column; gap: 50px; }\r\n            .isk-sol-left { text-align: center; width: 100%; }\r\n            .isk-point-item { text-align: left; }\r\n        }\r\n\r\n        @media (max-width: 480px) {\r\n            .isk-sol-card { flex: 0 0 260px; width: 260px; height: 350px; }\r\n            .isk-sol-track { animation-duration: 20s; }\r\n            .isk-point-text { font-size: 13px; }\r\n        }\r\n    <\/style>\r\n<\/head>\r\n<body data-rsssl=1 data-rsssl=1 data-rsssl=1 data-rsssl=1 data-rsssl=1 data-rsssl=1 data-rsssl=1 data-rsssl=1 data-rsssl=1 data-rsssl=1>\r\n\r\n<section class=\"isk-sol-wrapper\" aria-labelledby=\"soluciones-header\">\r\n    <div class=\"isk-main-layout\">\r\n        \r\n        <header class=\"isk-sol-left\">\r\n            <h2 id=\"soluciones-header\">Nuestras Soluciones en Automatizaci\u00f3n<\/h2>\r\n            <p class=\"isk-subtitle\">Innovaci\u00f3n tecnol\u00f3gica<\/p>\r\n            \r\n            <div class=\"isk-points-container\">\r\n                <article class=\"isk-point-item\">\r\n                    <div class=\"isk-point-icon\" aria-hidden=\"true\">\ud83d\udee1\ufe0f<\/div>\r\n                    <p class=\"isk-point-text\">Integrador Autorizado <strong style=\"color:var(--azul-isk)\">FANUC<\/strong> de sistemas rob\u00f3ticos.<\/p>\r\n                <\/article>\r\n                <article class=\"isk-point-item\">\r\n                    <div class=\"isk-point-icon\" aria-hidden=\"true\">\u2699\ufe0f<\/div>\r\n                    <p class=\"isk-point-text\">Dise\u00f1o de sistemas de automatizaci\u00f3n a la medida de su planta.<\/p>\r\n                <\/article>\r\n                <article class=\"isk-point-item\">\r\n                    <div class=\"isk-point-icon\" aria-hidden=\"true\">\ud83e\udd16<\/div>\r\n                    <p class=\"isk-point-text\">Integraci\u00f3n de celdas Pick & Place y paletizado avanzado.<\/p>\r\n                <\/article>\r\n                <article class=\"isk-point-item\">\r\n                    <div class=\"isk-point-icon\" aria-hidden=\"true\">\ud83d\udce6<\/div>\r\n                    <p class=\"isk-point-text\">Sistemas inteligentes de transporte y log\u00edstica industrial.<\/p>\r\n                <\/article>\r\n            <\/div>\r\n        <\/header>\r\n\r\n        <div class=\"isk-sol-right\">\r\n            <div class=\"isk-sol-container\">\r\n                <div class=\"isk-sol-track\">\r\n                    <article class=\"isk-sol-card\">\r\n                        <div class=\"isk-sol-img\" role=\"img\" aria-label=\"Automatizaci\u00f3n de procesos industriales\" style=\"background-image: url('https:\/\/isk.com.mx\/wp-content\/uploads\/2026\/03\/Automatizacion-de-procesos-isk.webp');\"><\/div>\r\n                        <h3 class=\"isk-sol-title-fixed\">Automatizaci\u00f3n de Procesos<\/h3>\r\n                        <div class=\"isk-sol-overlay\">\r\n                            <h3>Automatizaci\u00f3n<\/h3>\r\n                            <p>Ingenier\u00eda de vanguardia para optimizar tiempos y recursos.<\/p>\r\n                            <a href=\"https:\/\/isk.com.mx\/automatizacion-de-procesos\/\" class=\"isk-sol-btn\" target=\"_blank\" rel=\"noopener noreferrer\" aria-label=\"M\u00e1s informaci\u00f3n sobre Automatizaci\u00f3n de Procesos\">Saber m\u00e1s<\/a>\r\n                        <\/div>\r\n                    <\/article>\r\n\r\n                    <article class=\"isk-sol-card\">\r\n                        <div class=\"isk-sol-img\" role=\"img\" aria-label=\"Celdas de robots para paletizado\" style=\"background-image: url('https:\/\/isk.com.mx\/wp-content\/uploads\/2026\/03\/Celda-de-peletizado-isk.webp');\"><\/div>\r\n                        <h3 class=\"isk-sol-title-fixed\">Celdas de Robots<\/h3>\r\n                        <div class=\"isk-sol-overlay\">\r\n                            <h3>Celdas Robotizadas<\/h3>\r\n                            <p>Integraci\u00f3n de sistemas rob\u00f3ticos para paletizado de alta precisi\u00f3n.<\/p>\r\n                            <a href=\"https:\/\/isk.com.mx\/integracion-de-sistemas\/\" class=\"isk-sol-btn\" target=\"_blank\" rel=\"noopener noreferrer\" aria-label=\"M\u00e1s informaci\u00f3n sobre Celdas de Robots\">Saber m\u00e1s<\/a>\r\n                        <\/div>\r\n                    <\/article>\r\n\r\n                    <article class=\"isk-sol-card\">\r\n                        <div class=\"isk-sol-img\" role=\"img\" aria-label=\"Conveyors industriales para flujo de materiales\" style=\"background-image: url('https:\/\/isk.com.mx\/wp-content\/uploads\/2026\/03\/conveyors-industriales-isk-1.webp');\"><\/div>\r\n                        <h3 class=\"isk-sol-title-fixed\">Conveyors Industriales<\/h3>\r\n                        <div class=\"isk-sol-overlay\">\r\n                            <h3>Conveyors<\/h3>\r\n                            <p>Dise\u00f1o de sistemas personalizados para flujo de materiales.<\/p>\r\n                            <a href=\"https:\/\/isk.com.mx\/conveyors-industriales\/\" class=\"isk-sol-btn\" target=\"_blank\" rel=\"noopener noreferrer\" aria-label=\"M\u00e1s informaci\u00f3n sobre Conveyors Industriales\">Saber m\u00e1s<\/a>\r\n                        <\/div>\r\n                    <\/article>\r\n\r\n                    <article class=\"isk-sol-card\">\r\n                        <div class=\"isk-sol-img\" role=\"img\" aria-label=\"Sistemas Pick and Place de alta velocidad\" style=\"background-image: url('https:\/\/isk.com.mx\/wp-content\/uploads\/2026\/03\/pick-and-place-isk.webp');\"><\/div>\r\n                        <h3 class=\"isk-sol-title-fixed\">Pick and Place<\/h3>\r\n                        <div class=\"isk-sol-overlay\">\r\n                            <h3>Pick and Place<\/h3>\r\n                            <p>Manipulaci\u00f3n de productos con velocidad y exactitud.<\/p>\r\n                            <a href=\"https:\/\/isk.com.mx\/pick-and-place\/\" class=\"isk-sol-btn\" target=\"_blank\" rel=\"noopener noreferrer\" aria-label=\"M\u00e1s informaci\u00f3n sobre Pick and Place\">Saber m\u00e1s<\/a>\r\n                        <\/div>\r\n                    <\/article>\r\n\r\n                    <!-- Duplicados para el bucle del carrusel infinito (Marcados con aria-hidden) -->\r\n                    <article class=\"isk-sol-card\" aria-hidden=\"true\">\r\n                        <div class=\"isk-sol-img\" style=\"background-image: url('https:\/\/isk.com.mx\/wp-content\/uploads\/2026\/03\/Automatizacion-de-procesos-isk.webp');\"><\/div>\r\n                        <div class=\"isk-sol-title-fixed\">Automatizaci\u00f3n de Procesos<\/div>\r\n                        <div class=\"isk-sol-overlay\">\r\n                            <h3>Automatizaci\u00f3n<\/h3>\r\n                            <p>Ingenier\u00eda de vanguardia para optimizar tiempos.<\/p>\r\n                            <a href=\"#\" class=\"isk-sol-btn\" tabindex=\"-1\">Saber m\u00e1s<\/a>\r\n                        <\/div>\r\n                    <\/article>\r\n\r\n                    <article class=\"isk-sol-card\" aria-hidden=\"true\">\r\n                        <div class=\"isk-sol-img\" style=\"background-image: url('https:\/\/isk.com.mx\/wp-content\/uploads\/2026\/03\/Celda-de-peletizado-isk.webp');\"><\/div>\r\n                        <div class=\"isk-sol-title-fixed\">Celdas de Robots<\/div>\r\n                        <div class=\"isk-sol-overlay\">\r\n                            <h3>Rob\u00f3tica<\/h3>\r\n                            <p>Integraci\u00f3n de sistemas rob\u00f3ticos avanzados.<\/p>\r\n                            <a href=\"#\" class=\"isk-sol-btn\" tabindex=\"-1\">Saber m\u00e1s<\/a>\r\n                        <\/div>\r\n                    <\/article>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n\r\n    <\/div>\r\n<\/section>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-c7cc918 e-con-full e-flex e-con e-parent\" data-id=\"c7cc918\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-acbaeb6 elementor-widget elementor-widget-html\" data-id=\"acbaeb6\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"es\">\r\n<head>\r\n    <meta charset=\"UTF-8\">\r\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n    <meta name=\"description\" content=\"Simulaci\u00f3n de celda de automatizaci\u00f3n industrial automatizada con transferencia pick and place y estaci\u00f3n de prensado sin costo.\">\r\n    <title>Simulaci\u00f3n de Celdas de Automatizaci\u00f3n Industrial | ISK<\/title>\r\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@500;700&display=swap\" rel=\"stylesheet\">\r\n    <style>\r\n        :root {\r\n            --azul-fondo: #103059;\r\n            --celeste-isk: #00A3FF;\r\n            --blanco: #ffffff;\r\n            --negro-visor: #060a0f;\r\n            --verde-glow: #00ffaa;\r\n            --alerta-naranja: #ff9f43;\r\n            --rojo-alerta: #ff4757;\r\n            --sombra-glow: 0 20px 45px rgba(0, 163, 255, 0.28);\r\n        }\r\n\r\n        * {\r\n            box-sizing: border-box;\r\n            margin: 0;\r\n            padding: 0;\r\n        }\r\n\r\n        body {\r\n            font-family: 'Montserrat', sans-serif;\r\n            font-weight: 500;\r\n            background-color: var(--azul-fondo);\r\n            color: var(--blanco);\r\n        }\r\n\r\n        \/* Reglas tipogr\u00e1ficas corporativas ISK *\/\r\n        h1, h2, h3, h4, .isk-badge, .isk-btn-3d, .isk-free-label, .sim-tool-btn, .hud-value, .isk-costo-destacado {\r\n            font-family: 'Montserrat', sans-serif;\r\n            font-weight: 700;\r\n        }\r\n\r\n        p, span, li, div, button {\r\n            font-family: 'Montserrat', sans-serif;\r\n            font-weight: 500;\r\n        }\r\n\r\n        \/* Secci\u00f3n Principal *\/\r\n        .isk-3d-section {\r\n            width: 100%;\r\n            background: var(--azul-fondo);\r\n            padding: 80px 8%;\r\n            position: relative;\r\n            overflow: hidden;\r\n        }\r\n\r\n        .isk-3d-section::before {\r\n            content: '';\r\n            position: absolute;\r\n            top: -15%;\r\n            right: -5%;\r\n            width: 750px;\r\n            height: 750px;\r\n            background: radial-gradient(circle, rgba(0, 163, 255, 0.18) 0%, transparent 70%);\r\n            pointer-events: none;\r\n        }\r\n\r\n        .isk-3d-grid-layout {\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: space-between;\r\n            gap: 45px;\r\n            max-width: 1360px;\r\n            margin: 0 auto;\r\n        }\r\n\r\n        \/* COLUMNA IZQUIERDA: INFORMACI\u00d3N Y PROPUESTA *\/\r\n        .isk-3d-info {\r\n            flex: 1 1 45%;\r\n            max-width: 550px;\r\n        }\r\n\r\n        .isk-badge {\r\n            display: inline-flex;\r\n            align-items: center;\r\n            gap: 8px;\r\n            background: rgba(0, 163, 255, 0.12);\r\n            border: 1px solid var(--celeste-isk);\r\n            color: var(--celeste-isk);\r\n            padding: 8px 18px;\r\n            border-radius: 30px;\r\n            font-size: 12px;\r\n            letter-spacing: 0.5px;\r\n            margin-bottom: 22px;\r\n        }\r\n\r\n        .isk-badge-dot {\r\n            width: 8px;\r\n            height: 8px;\r\n            background-color: var(--celeste-isk);\r\n            border-radius: 50%;\r\n            box-shadow: 0 0 8px var(--celeste-isk);\r\n        }\r\n\r\n        .isk-3d-info h2 {\r\n            font-size: 40px;\r\n            line-height: 1.25;\r\n            margin: 0 0 20px 0;\r\n            color: var(--blanco);\r\n        }\r\n\r\n        .isk-3d-info h2 span {\r\n            color: var(--celeste-isk);\r\n        }\r\n\r\n        .isk-costo-destacado {\r\n            color: var(--verde-glow);\r\n            font-size: 18px;\r\n            display: block;\r\n            margin-bottom: 10px;\r\n            text-transform: uppercase;\r\n            letter-spacing: 0.8px;\r\n        }\r\n\r\n        .isk-value-list {\r\n            list-style: none;\r\n            padding: 0;\r\n            margin: 0 0 28px 0;\r\n            display: flex;\r\n            flex-direction: column;\r\n            gap: 14px;\r\n        }\r\n\r\n        .isk-value-item {\r\n            display: flex;\r\n            align-items: flex-start;\r\n            gap: 12px;\r\n            font-size: 14px;\r\n            line-height: 1.55;\r\n            color: rgba(255, 255, 255, 0.9);\r\n        }\r\n\r\n        .isk-value-item strong {\r\n            font-weight: 700;\r\n        }\r\n\r\n        .isk-value-icon {\r\n            width: 20px;\r\n            height: 20px;\r\n            color: var(--celeste-isk);\r\n            flex-shrink: 0;\r\n            margin-top: 2px;\r\n        }\r\n\r\n        \/* Cuadro de Oferta de Ingenier\u00eda *\/\r\n        .isk-formal-offer {\r\n            background: rgba(255, 255, 255, 0.04);\r\n            border: 1px solid rgba(0, 163, 255, 0.35);\r\n            border-left: 4px solid var(--celeste-isk);\r\n            padding: 22px 24px;\r\n            border-radius: 14px;\r\n            margin-bottom: 30px;\r\n            backdrop-filter: blur(8px);\r\n        }\r\n\r\n        .isk-free-label {\r\n            font-size: 16px;\r\n            color: var(--celeste-isk);\r\n            margin: 0 0 12px 0;\r\n            display: flex;\r\n            align-items: center;\r\n            gap: 10px;\r\n            text-transform: uppercase;\r\n            letter-spacing: 0.5px;\r\n        }\r\n\r\n        .isk-offer-text {\r\n            font-size: 13px !important;\r\n            font-weight: 500 !important;\r\n            color: rgba(255, 255, 255, 0.92);\r\n            line-height: 1.5;\r\n            margin: 0;\r\n            text-transform: uppercase;\r\n        }\r\n\r\n        .isk-offer-text strong {\r\n            font-size: 13px !important;\r\n            font-weight: 700 !important;\r\n        }\r\n\r\n        \/* Bot\u00f3n de Acci\u00f3n *\/\r\n        .isk-btn-3d {\r\n            display: inline-flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            gap: 12px;\r\n            background: var(--celeste-isk);\r\n            color: var(--blanco);\r\n            text-decoration: none;\r\n            padding: 18px 36px;\r\n            border-radius: 50px;\r\n            font-size: 13px;\r\n            box-shadow: var(--sombra-glow);\r\n            transition: all 0.3s ease;\r\n            border: none;\r\n            cursor: pointer;\r\n            width: fit-content;\r\n            text-transform: uppercase;\r\n            letter-spacing: 0.5px;\r\n        }\r\n\r\n        .isk-btn-3d:hover {\r\n            background: #008be0;\r\n            transform: translateY(-3px);\r\n            box-shadow: 0 25px 45px rgba(0, 163, 255, 0.45);\r\n        }\r\n\r\n        .isk-btn-3d:active {\r\n            color: var(--celeste-isk);\r\n        }\r\n\r\n        \/* COLUMNA DERECHA: ENTORNO INTERACTIVO INDUSTRIAL MULTI-ESTACI\u00d3N *\/\r\n        .isk-3d-visual {\r\n            flex: 1 1 52%;\r\n            display: flex;\r\n            justify-content: center;\r\n            width: 100%;\r\n        }\r\n\r\n        .sim-cell-window {\r\n            width: 100%;\r\n            max-width: 690px;\r\n            height: 550px;\r\n            background: var(--negro-visor);\r\n            border: 1px solid rgba(0, 163, 255, 0.4);\r\n            border-radius: 16px;\r\n            box-shadow: 0 30px 70px rgba(0, 0, 0, 0.8);\r\n            display: flex;\r\n            flex-direction: column;\r\n            position: relative;\r\n            overflow: hidden;\r\n        }\r\n\r\n        .sim-header {\r\n            background: #0f1826;\r\n            border-bottom: 1px solid rgba(0, 163, 255, 0.25);\r\n            padding: 12px 18px;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: space-between;\r\n        }\r\n\r\n        .sim-title-group {\r\n            display: flex;\r\n            align-items: center;\r\n            gap: 12px;\r\n        }\r\n\r\n        .sim-status-dot {\r\n            width: 10px;\r\n            height: 10px;\r\n            background: var(--verde-glow);\r\n            border-radius: 50%;\r\n            box-shadow: 0 0 10px var(--verde-glow);\r\n            animation: pulseGlow 2s infinite;\r\n        }\r\n\r\n        @keyframes pulseGlow {\r\n            0%, 100% { opacity: 1; transform: scale(1); }\r\n            50% { opacity: 0.5; transform: scale(1.2); }\r\n        }\r\n\r\n        .sim-software-tag {\r\n            font-size: 11px;\r\n            color: var(--celeste-isk);\r\n            letter-spacing: 0.5px;\r\n            text-transform: uppercase;\r\n        }\r\n\r\n        \/* Toolbar Interactivo *\/\r\n        .sim-toolbar {\r\n            background: rgba(15, 24, 38, 0.95);\r\n            border-bottom: 1px solid rgba(255, 255, 255, 0.08);\r\n            padding: 8px 14px;\r\n            display: flex;\r\n            gap: 10px;\r\n            align-items: center;\r\n        }\r\n\r\n        .sim-tool-btn {\r\n            background: rgba(255, 255, 255, 0.05);\r\n            border: 1px solid rgba(0, 163, 255, 0.3);\r\n            color: rgba(255, 255, 255, 0.85);\r\n            padding: 6px 14px;\r\n            border-radius: 6px;\r\n            font-size: 11px;\r\n            cursor: pointer;\r\n            display: flex;\r\n            align-items: center;\r\n            gap: 6px;\r\n            transition: all 0.2s ease;\r\n        }\r\n\r\n        .sim-tool-btn.active, .sim-tool-btn:hover {\r\n            background: var(--celeste-isk);\r\n            color: #ffffff;\r\n            border-color: var(--celeste-isk);\r\n            box-shadow: 0 0 12px rgba(0, 163, 255, 0.4);\r\n        }\r\n\r\n        \/* Canvas de Renderizado *\/\r\n        .sim-canvas-container {\r\n            flex: 1;\r\n            position: relative;\r\n            background: radial-gradient(circle at 50% 50%, #0d1a2d 0%, #04080d 100%);\r\n            overflow: hidden;\r\n        }\r\n\r\n        #cellCanvas {\r\n            width: 100%;\r\n            height: 100%;\r\n            display: block;\r\n        }\r\n\r\n        \/* Telemetr\u00eda y Contores en Pantalla *\/\r\n        .sim-hud-panel {\r\n            position: absolute;\r\n            background: rgba(8, 14, 22, 0.88);\r\n            border: 1px solid rgba(0, 163, 255, 0.3);\r\n            border-radius: 8px;\r\n            padding: 10px 14px;\r\n            backdrop-filter: blur(8px);\r\n            font-size: 10.5px;\r\n            z-index: 10;\r\n            pointer-events: none;\r\n        }\r\n\r\n        .hud-top-left { top: 14px; left: 14px; }\r\n        .hud-bottom-right { bottom: 14px; right: 14px; }\r\n\r\n        .hud-row {\r\n            display: flex;\r\n            justify-content: space-between;\r\n            gap: 16px;\r\n            color: rgba(255, 255, 255, 0.7);\r\n            margin-bottom: 4px;\r\n        }\r\n\r\n        .hud-row:last-child { margin-bottom: 0; }\r\n        .hud-value { color: var(--celeste-isk); }\r\n        .hud-value.green { color: var(--verde-glow); }\r\n        .hud-value.orange { color: var(--alerta-naranja); }\r\n\r\n        .sim-footer {\r\n            background: #0f1826;\r\n            border-top: 1px solid rgba(255, 255, 255, 0.08);\r\n            padding: 10px 18px;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: space-between;\r\n            font-size: 11px;\r\n            color: rgba(255, 255, 255, 0.7);\r\n        }\r\n\r\n        .sim-footer strong { color: var(--blanco); }\r\n\r\n        \/* RESPONSIVIDAD *\/\r\n        @media (max-width: 1024px) {\r\n            .isk-3d-section { padding: 60px 5%; }\r\n            .isk-3d-grid-layout { flex-direction: column; text-align: center; gap: 40px; }\r\n            .isk-3d-info, .isk-3d-visual { flex: 0 0 100%; max-width: 100%; }\r\n            .isk-value-list, .isk-formal-offer { text-align: left; }\r\n            .isk-btn-3d { margin: 0 auto; }\r\n            .sim-cell-window { height: 500px; }\r\n        }\r\n\r\n        @media (max-width: 600px) {\r\n            .isk-3d-section { padding: 40px 16px; }\r\n            .isk-3d-info h2 { font-size: 26px; line-height: 1.28; }\r\n            .isk-badge { font-size: 11px; padding: 6px 14px; }\r\n            .isk-formal-offer { padding: 16px 18px; }\r\n            .isk-btn-3d { width: 100%; padding: 16px 20px; font-size: 12.5px; }\r\n            .sim-cell-window { height: 440px; }\r\n            .sim-toolbar { overflow-x: auto; white-space: nowrap; padding-bottom: 6px; }\r\n            .sim-hud-panel { padding: 6px 10px; font-size: 9px; }\r\n            .sim-footer { flex-direction: column; gap: 4px; align-items: flex-start; }\r\n        }\r\n    <\/style>\r\n<\/head>\r\n<body data-rsssl=1 data-rsssl=1>\r\n\r\n<section class=\"isk-3d-section\" aria-label=\"Simulaci\u00f3n de celda de automatizaci\u00f3n industrial\">\r\n    <div class=\"isk-3d-grid-layout\">\r\n        \r\n        <!-- COLUMNA IZQUIERDA: INFORMACI\u00d3N Y PROPUESTA -->\r\n        <article class=\"isk-3d-info\">\r\n            <div class=\"isk-badge\">\r\n                <span class=\"isk-badge-dot\"><\/span>\r\n                <span>INGENIER\u00cdA & AUTOMATIZACION ISK<\/span>\r\n            <\/div>\r\n            \r\n            <span class=\"isk-costo-destacado\">SIN COSTO ADICIONAL<\/span>\r\n            <h2>Visualiza tu proyecto en <span>3D antes de fabricar<\/span><\/h2>\r\n\r\n            <ul class=\"isk-value-list\">\r\n                <li class=\"isk-value-item\">\r\n                    <svg class=\"isk-value-icon\" aria-hidden=\"true\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg>\r\n                    <span><strong>Validaci\u00f3n de proceso:<\/strong> analizamos alcances, tiempos de ciclo y volumen operativo en entorno digital.<\/span>\r\n                <\/li>\r\n                <li class=\"isk-value-item\">\r\n                    <svg class=\"isk-value-icon\" aria-hidden=\"true\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg>\r\n                    <span><strong>Cero margen de error:<\/strong> prevenimos colisiones mec\u00e1nicas y optimizamos el espacio en tu planta.<\/span>\r\n                <\/li>\r\n            <\/ul>\r\n\r\n            <!-- CUADRO DE OFERTA -->\r\n            <div class=\"isk-formal-offer\">\r\n                <div class=\"isk-free-label\">\r\n                    <svg width=\"20\" height=\"20\" aria-hidden=\"true\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><path d=\"M22 11.08V12a10 10 0 1 1-5.93-9.14\"><\/path><polyline points=\"22 4 12 14.01 9 11.01\"><\/polyline><\/svg>\r\n                    SIMULACI\u00d3N 3D TOTALMENTE SIN COSTO\r\n                <\/div>\r\n                <p class=\"isk-offer-text\">\r\n                    AL SOLICITAR LA COTIZACI\u00d3N FORMAL DE TU PROYECTO, NUESTRO EQUIPO DE INGENIER\u00cdA DESARROLLAR\u00c1 EL MODELO DIGITAL EN 3D <strong>SIN COSTO ALGUNOS<\/strong>, BRIND\u00c1NDOTE ABSOLUTA CERTEZA T\u00c9CNICA Y FINANCIERA ANTES DE INICIAR LA PRODUCCI\u00d3N.\r\n                <\/p>\r\n            <\/div>\r\n\r\n            <!-- BOT\u00d3N CON ENLACE A WHATSAPP -->\r\n            <a href=\"https:\/\/wa.me\/526633245893?text=Hola,%20me%20interesa%20solicitar%20una%20cotizaci%C3%B3n%20con%20modelo%203D%20sin%20costo\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"isk-btn-3d\" title=\"SOLICITAR COTIZACI\u00d3N + MODELO 3D SIN COSTO\">\r\n                <span>SOLICITAR COTIZACI\u00d3N + MODELO 3D SIN COSTO<\/span>\r\n                <svg width=\"18\" height=\"18\" aria-hidden=\"true\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n                    <line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"><\/line>\r\n                    <polyline points=\"12 5 19 12 12 19\"><\/polyline>\r\n                <\/svg>\r\n            <\/a>\r\n        <\/article>\r\n\r\n        <!-- COLUMNA DERECHA: CELDA INDUSTRIAL AVANZADA CON MULTI-ESTACI\u00d3N Y ANIMACI\u00d3N PRO -->\r\n        <div class=\"isk-3d-visual\">\r\n            <div class=\"sim-cell-window\">\r\n                \r\n                <header class=\"sim-header\">\r\n                    <div class=\"sim-title-group\">\r\n                        <span class=\"sim-status-dot\"><\/span>\r\n                        <span class=\"sim-software-tag\">ISK SIMULATOR | CELDA MULTI-ESTACI\u00d3N CON INSPECCI\u00d3N Y PRENSA<\/span>\r\n                    <\/div>\r\n                <\/header>\r\n\r\n                <div class=\"sim-toolbar\">\r\n                    <button class=\"sim-tool-btn active\" id=\"btnRunCycle\">\r\n                        <svg width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><polygon points=\"5 3 19 12 5 21 5 3\"><\/polygon><\/svg>\r\n                        Ciclo Autom\u00e1tico\r\n                    <\/button>\r\n                    <button class=\"sim-tool-btn active\" id=\"btnSafetySensors\">\r\n                        <svg width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><path d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z\"><\/path><\/svg>\r\n                        Barrera \u00d3ptica\r\n                    <\/button>\r\n                    <button class=\"sim-tool-btn active\" id=\"btnShowLaser\">\r\n                        <svg width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><circle cx=\"12\" cy=\"12\" r=\"10\"><\/circle><line x1=\"12\" y1=\"8\" x2=\"12\" y2=\"16\"><\/line><\/svg>\r\n                        Sensores QR\/Visi\u00f3n\r\n                    <\/button>\r\n                <\/div>\r\n\r\n                <div class=\"sim-canvas-container\">\r\n                    \r\n                    <div class=\"sim-hud-panel hud-top-left\">\r\n                        <div class=\"hud-row\"><span>FASE ACTUAL:<\/span> <span class=\"hud-value green\" id=\"hudStage\">INSPECCI\u00d3N L\u00c1SER 2D<\/span><\/div>\r\n                        <div class=\"hud-row\"><span>TIEMPO CICLO:<\/span> <span class=\"hud-value\" id=\"cycleTimeHud\">3.80 s<\/span><\/div>\r\n                        <div class=\"hud-row\"><span>PIEZAS OK:<\/span> <span class=\"hud-value green\" id=\"hudCount\">1,482 pzas<\/span><\/div>\r\n                    <\/div>\r\n\r\n                    <div class=\"sim-hud-panel hud-bottom-right\">\r\n                        <div class=\"hud-row\"><span>PRENSADO NEUM\u00c1TICO:<\/span> <span class=\"hud-value green\" id=\"hudPress\">RETRACCI\u00d3N OK<\/span><\/div>\r\n                        <div class=\"hud-row\"><span>ESTADO ROBOT:<\/span> <span class=\"hud-value green\" id=\"hudGripper\">EN ESPERA<\/span><\/div>\r\n                    <\/div>\r\n\r\n                    <canvas id=\"cellCanvas\"><\/canvas>\r\n                <\/div>\r\n\r\n                <footer class=\"sim-footer\">\r\n                    <span>Proyecto: <strong>Celda de Transferencia Automatizada ISK<\/strong><\/span>\r\n                    <span>Servicio: <strong>Simulaci\u00f3n Digital Profesional<\/strong><\/span>\r\n                <\/footer>\r\n\r\n            <\/div>\r\n        <\/div>\r\n\r\n    <\/div>\r\n<\/section>\r\n\r\n<!-- SCRIPT DE ANIMACI\u00d3N INDUSTRIAL MULTI-ESTACI\u00d3N Y DE ALTA DENSIDAD VISUAL -->\r\n<script>\r\n    (function() {\r\n        const canvas = document.getElementById('cellCanvas');\r\n        const ctx = canvas.getContext('2d');\r\n\r\n        let isRunning = true;\r\n        let showSafety = true;\r\n        let showLaser = true;\r\n        let pieceCounter = 1482;\r\n\r\n        function resizeCanvas() {\r\n            const container = canvas.parentElement;\r\n            canvas.width = container.clientWidth;\r\n            canvas.height = container.clientHeight;\r\n        }\r\n        window.addEventListener('resize', resizeCanvas);\r\n        resizeCanvas();\r\n\r\n        document.getElementById('btnRunCycle').addEventListener('click', function() {\r\n            isRunning = !isRunning;\r\n            this.classList.toggle('active');\r\n        });\r\n\r\n        document.getElementById('btnSafetySensors').addEventListener('click', function() {\r\n            showSafety = !showSafety;\r\n            this.classList.toggle('active');\r\n        });\r\n\r\n        document.getElementById('btnShowLaser').addEventListener('click', function() {\r\n            showLaser = !showLaser;\r\n            this.classList.toggle('active');\r\n        });\r\n\r\n        function lerp(a, b, t) {\r\n            return a + (b - a) * t;\r\n        }\r\n\r\n        let progress = 0;\r\n        let beltOffset = 0;\r\n\r\n        function render() {\r\n            const w = canvas.width;\r\n            const h = canvas.height;\r\n\r\n            ctx.clearRect(0, 0, w, h);\r\n\r\n            if (isRunning) {\r\n                progress += 0.0032; \/\/ Ciclo fluido y detallado\r\n                beltOffset += 1.5;\r\n                if (progress > 1) {\r\n                    progress = 0;\r\n                    pieceCounter++;\r\n                    document.getElementById('hudCount').innerText = pieceCounter.toLocaleString() + \" pzas\";\r\n                }\r\n            }\r\n\r\n            \/\/ Coordenadas de Maquetaci\u00f3n Industrial\r\n            const groundY = h * 0.74;\r\n            const conv1X1 = w * 0.05, conv1X2 = w * 0.36;\r\n            const conv2X1 = w * 0.60, conv2X2 = w * 0.95;\r\n            \r\n            const scanStationX = conv1X1 + (conv1X2 - conv1X1) * 0.45;\r\n            const pickX = conv1X2 - 25;\r\n            \r\n            const placeX = conv2X1 + 25;\r\n            const pressStationX = conv2X1 + (conv2X2 - conv2X1) * 0.65;\r\n\r\n            const robotBaseX = w * 0.48;\r\n            const robotBaseY = groundY;\r\n\r\n            \/\/ 1. RET\u00cdCULA T\u00c9CNICA DE PISO (GRID CAD)\r\n            ctx.strokeStyle = 'rgba(0, 163, 255, 0.08)';\r\n            ctx.lineWidth = 1;\r\n            const gridSize = 24;\r\n            for (let x = 0; x < w; x += gridSize) {\r\n                ctx.beginPath(); ctx.moveTo(x, 0); ctx.lineTo(x, h); ctx.stroke();\r\n            }\r\n            for (let y = 0; y < h; y += gridSize) {\r\n                ctx.beginPath(); ctx.moveTo(0, y); ctx.lineTo(w, y); ctx.stroke();\r\n            }\r\n\r\n            \/\/ 2. TORRE DE LUZ \/ TORRETA TRICOLOR DE ESTADO INDUSTRIAL (STACK LIGHT)\r\n            ctx.save();\r\n            const towerX = w * 0.05, towerY = groundY - 180;\r\n            ctx.fillStyle = '#0a1420';\r\n            ctx.fillRect(towerX - 4, towerY, 8, 180);\r\n            \r\n            \/\/ Luces tricolor\r\n            let redOn = false, yellowOn = false, greenOn = true;\r\n            if (progress > 0.25 && progress < 0.75) { yellowOn = true; greenOn = false; }\r\n\r\n            ctx.fillStyle = redOn ? '#ff4757' : 'rgba(255, 71, 87, 0.2)';\r\n            ctx.beginPath(); ctx.arc(towerX, towerY - 24, 6, 0, Math.PI * 2); ctx.fill();\r\n            \r\n            ctx.fillStyle = yellowOn ? '#ff9f43' : 'rgba(255, 159, 67, 0.2)';\r\n            ctx.beginPath(); ctx.arc(towerX, towerY - 12, 6, 0, Math.PI * 2); ctx.fill();\r\n\r\n            ctx.fillStyle = greenOn ? '#00ffaa' : 'rgba(0, 255, 170, 0.2)';\r\n            ctx.beginPath(); ctx.arc(towerX, towerY, 6, 0, Math.PI * 2); ctx.fill();\r\n            ctx.restore();\r\n\r\n            \/\/ 3. BARRERAS DE SEGURIDAD\r\n            if (showSafety) {\r\n                ctx.strokeStyle = 'rgba(0, 255, 170, 0.25)';\r\n                ctx.lineWidth = 1.5;\r\n                ctx.setLineDash([4, 4]);\r\n                ctx.beginPath(); ctx.moveTo(w * 0.02, groundY - 150); ctx.lineTo(w * 0.02, groundY); ctx.stroke();\r\n                ctx.beginPath(); ctx.moveTo(w * 0.98, groundY - 150); ctx.lineTo(w * 0.98, groundY); ctx.stroke();\r\n                \r\n                for(let bY = groundY - 140; bY < groundY; bY += 22) {\r\n                    ctx.beginPath(); ctx.moveTo(w * 0.02, bY); ctx.lineTo(w * 0.98, bY); ctx.stroke();\r\n                }\r\n                ctx.setLineDash([]);\r\n            }\r\n\r\n            \/\/ 4. TRANSPORTADOR 1 (ENTRADA CON RODILLOS EN MOVIENTO)\r\n            ctx.fillStyle = '#0f1c2e';\r\n            ctx.strokeStyle = '#00A3FF';\r\n            ctx.lineWidth = 2;\r\n            ctx.fillRect(conv1X1, groundY - 22, conv1X2 - conv1X1, 22);\r\n            ctx.strokeRect(conv1X1, groundY - 22, conv1X2 - conv1X1, 22);\r\n            \/\/ Sost\u00e9n mec\u00e1nico\r\n            ctx.fillRect(conv1X1 + 15, groundY, 10, h - groundY);\r\n            ctx.fillRect(conv1X2 - 25, groundY, 10, h - groundY);\r\n\r\n            \/\/ Rodillos giratorios animados\r\n            ctx.strokeStyle = 'rgba(0, 163, 255, 0.4)';\r\n            ctx.lineWidth = 1;\r\n            for (let rx = conv1X1 + 8; rx < conv1X2 - 5; rx += 16) {\r\n                let animRx = rx + (beltOffset % 16);\r\n                if (animRx < conv1X2 - 5) {\r\n                    ctx.beginPath(); ctx.arc(animRx, groundY - 11, 4, 0, Math.PI * 2); ctx.stroke();\r\n                }\r\n            }\r\n\r\n            \/\/ 5. ESTACI\u00d3N 1: C\u00c1MARA DE VISI\u00d3N ARTIFICIAL & ESC\u00c1NER L\u00c1SER\r\n            ctx.fillStyle = '#10253d';\r\n            ctx.fillRect(scanStationX - 12, groundY - 100, 24, 12);\r\n            ctx.strokeStyle = '#00A3FF';\r\n            ctx.strokeRect(scanStationX - 12, groundY - 100, 24, 12);\r\n            ctx.fillRect(scanStationX - 3, groundY - 88, 6, 66); \/\/ Soporte\r\n\r\n            \/\/ 6. TRANSPORTADOR 2 (SALIDA A SIGUIENTE PROCESO)\r\n            ctx.fillStyle = '#0f1c2e';\r\n            ctx.strokeStyle = '#00A3FF';\r\n            ctx.lineWidth = 2;\r\n            ctx.fillRect(conv2X1, groundY - 22, conv2X2 - conv2X1, 22);\r\n            ctx.strokeRect(conv2X1, groundY - 22, conv2X2 - conv2X1, 22);\r\n            ctx.fillRect(conv2X1 + 15, groundY, 10, h - groundY);\r\n            ctx.fillRect(conv2X2 - 25, groundY, 10, h - groundY);\r\n\r\n            for (let rx = conv2X1 + 8; rx < conv2X2 - 5; rx += 16) {\r\n                let animRx = rx + (beltOffset % 16);\r\n                if (animRx < conv2X2 - 5) {\r\n                    ctx.beginPath(); ctx.arc(animRx, groundY - 11, 4, 0, Math.PI * 2); ctx.stroke();\r\n                }\r\n            }\r\n\r\n            \/\/ 7. ESTACI\u00d3N 3: PRENSA NEUM\u00c1TICA \/ ESTACI\u00d3N DE SELLADO (POST-TRANSFERENCIA)\r\n            ctx.fillStyle = '#0d1d30';\r\n            ctx.strokeStyle = '#00A3FF';\r\n            ctx.lineWidth = 2;\r\n            \/\/ Estructura en puente\r\n            ctx.fillRect(pressStationX - 25, groundY - 130, 50, 16);\r\n            ctx.strokeRect(pressStationX - 25, groundY - 130, 50, 16);\r\n            ctx.fillRect(pressStationX - 22, groundY - 114, 8, 92);\r\n            ctx.fillRect(pressStationX + 14, groundY - 114, 8, 92);\r\n\r\n            \/\/ Cylindro neum\u00e1tico (Pist\u00f3n din\u00e1mico)\r\n            let pistonExtend = 0;\r\n            \/\/ La prensa opera entre progress 0.72 y 0.88\r\n            if (progress >= 0.72 && progress <= 0.88) {\r\n                let pt = (progress - 0.72) \/ 0.16;\r\n                pistonExtend = Math.sin(pt * Math.PI) * 45; \/\/ Baja y sube suave\r\n            }\r\n\r\n            ctx.fillStyle = '#ffffff';\r\n            ctx.fillRect(pressStationX - 4, groundY - 114, 8, 30 + pistonExtend);\r\n            ctx.fillStyle = '#ff9f43';\r\n            ctx.fillRect(pressStationX - 15, groundY - 84 + pistonExtend, 30, 10); \/\/ Cabezal estampador\r\n\r\n            \/\/ L\u00d3GICA Y SECUENCIA DE MOVIMIENTO EN 5 ETAPAS SINCRO\r\n            const boxW = 32, boxH = 26;\r\n            let boxX = 0, boxY = 0;\r\n            let gripperX = 0, gripperY = 0;\r\n            let isGripping = false;\r\n            let isScanning = false;\r\n            let isPressing = false;\r\n\r\n            const hudStage = document.getElementById('hudStage');\r\n            const hudGripper = document.getElementById('hudGripper');\r\n            const hudPress = document.getElementById('hudPress');\r\n\r\n            \/\/ FASE 1: Entrada y Escaneo de Visi\u00f3n (0.00 a 0.22)\r\n            if (progress <= 0.22) {\r\n                let t = progress \/ 0.22;\r\n                boxX = lerp(conv1X1 + 5, pickX - boxW\/2, t);\r\n                boxY = groundY - 22 - boxH;\r\n\r\n                gripperX = pickX;\r\n                gripperY = groundY - 125;\r\n                isGripping = false;\r\n\r\n                \/\/ Escaneo L\u00e1ser al pasar por la Estaci\u00f3n 1\r\n                if (boxX + boxW\/2 >= scanStationX - 15 && boxX + boxW\/2 <= scanStationX + 15) {\r\n                    isScanning = true;\r\n                }\r\n\r\n                hudStage.innerText = isScanning ? \"INSPECCI\u00d3N DE C\u00d3DIGO QR \/ C\u00c1MARA\" : \"AVANCE EN ALIMENTADOR\";\r\n                hudGripper.innerText = \"ESPERA\";\r\n                hudGripper.className = \"hud-value green\";\r\n                hudPress.innerText = \"STANDBY\";\r\n            }\r\n            \/\/ FASE 2: Bajada del Robot y Toma de Pieza (0.22 a 0.35)\r\n            else if (progress > 0.22 && progress <= 0.35) {\r\n                let t = (progress - 0.22) \/ 0.13;\r\n                boxX = pickX - boxW\/2;\r\n                boxY = groundY - 22 - boxH;\r\n\r\n                gripperX = pickX;\r\n                gripperY = lerp(groundY - 125, groundY - 22 - boxH, t);\r\n                isGripping = t > 0.55;\r\n\r\n                hudStage.innerText = \"TOMA PRECISA (PICK)\";\r\n                hudGripper.innerText = isGripping ? \"SUJETANDO C\u00c1PSULA\" : \"DESCENDIENDO\";\r\n                hudGripper.className = isGripping ? \"hud-value orange\" : \"hud-value green\";\r\n                hudPress.innerText = \"STANDBY\";\r\n            }\r\n            \/\/ FASE 3: Transferencia Rob\u00f3tica Elevada (0.35 a 0.62)\r\n            else if (progress > 0.35 && progress <= 0.62) {\r\n                let t = (progress - 0.35) \/ 0.27;\r\n                gripperX = lerp(pickX, placeX, t);\r\n                let arcH = Math.sin(t * Math.PI) * 78;\r\n                gripperY = (groundY - 22 - boxH) - arcH;\r\n\r\n                boxX = gripperX - boxW\/2;\r\n                boxY = gripperY;\r\n                isGripping = true;\r\n\r\n                hudStage.innerText = \"TRANSFERENCIA ROB\u00d3TICA CINETICA\";\r\n                hudGripper.innerText = \"EN TRAYECTORIA\";\r\n                hudGripper.className = \"hud-value orange\";\r\n                hudPress.innerText = \"STANDBY\";\r\n            }\r\n            \/\/ FASE 4: Colocaci\u00f3n en Salida y Avance a Prensa (0.62 a 0.74)\r\n            else if (progress > 0.62 && progress <= 0.74) {\r\n                let t = (progress - 0.62) \/ 0.12;\r\n                \r\n                \/\/ Liberar caja en Conveyor 2 y desplazar a Estaci\u00f3n Prensa\r\n                let tMove = Math.max(0, (t - 0.4) \/ 0.6);\r\n                boxX = lerp(placeX - boxW\/2, pressStationX - boxW\/2, tMove);\r\n                boxY = groundY - 22 - boxH;\r\n\r\n                gripperX = placeX;\r\n                gripperY = lerp(groundY - 22 - boxH, groundY - 125, Math.min(1, t * 2));\r\n                isGripping = t < 0.2;\r\n\r\n                hudStage.innerText = \"POSICIONADO EN L\u00cdNEA 2\";\r\n                hudGripper.innerText = \"LIBERADO\";\r\n                hudGripper.className = \"hud-value green\";\r\n                hudPress.innerText = \"POSICIONANDO\";\r\n            }\r\n            \/\/ FASE 5: Estaci\u00f3n de Prensado Neum\u00e1tico y Salida (0.74 a 1.00)\r\n            else {\r\n                let t = (progress - 0.74) \/ 0.26;\r\n                isPressing = pistonExtend > 15;\r\n\r\n                \/\/ Despu\u00e9s del prensado la caja avanza al final\r\n                if (t > 0.5) {\r\n                    let tExit = (t - 0.5) \/ 0.5;\r\n                    boxX = lerp(pressStationX - boxW\/2, conv2X2 - boxW, tExit);\r\n                } else {\r\n                    boxX = pressStationX - boxW\/2;\r\n                }\r\n                boxY = groundY - 22 - boxH;\r\n\r\n                gripperX = lerp(placeX, pickX, t);\r\n                gripperY = groundY - 125;\r\n                isGripping = false;\r\n\r\n                hudStage.innerText = isPressing ? \"PRENSADO NEUM\u00c1TICO ACTIVO\" : \"DESCARGA A SIGUIENTE ESTACI\u00d3N\";\r\n                hudGripper.innerText = \"RETORNANDO\";\r\n                hudGripper.className = \"hud-value green\";\r\n                hudPress.innerText = isPressing ? \"ESTAMPANDO PIEZA\" : \"COMPLETADO OK\";\r\n                hudPress.className = isPressing ? \"hud-value orange\" : \"hud-value green\";\r\n            }\r\n\r\n            \/\/ DIBUJAR DESTELLO L\u00c1SER DE ESCANEO L\u00c1SER C\u00c1MARA\r\n            if (showLaser && isScanning) {\r\n                ctx.save();\r\n                ctx.fillStyle = 'rgba(0, 255, 170, 0.25)';\r\n                ctx.strokeStyle = '#00ffaa';\r\n                ctx.lineWidth = 1.5;\r\n                ctx.beginPath();\r\n                ctx.moveTo(scanStationX, groundY - 88);\r\n                ctx.lineTo(scanStationX - 22, groundY - 22);\r\n                ctx.lineTo(scanStationX + 22, groundY - 22);\r\n                ctx.closePath();\r\n                ctx.fill(); ctx.stroke();\r\n\r\n                \/\/ Indicador digital OK\r\n                ctx.fillStyle = '#00ffaa';\r\n                ctx.font = '700 9px Montserrat';\r\n                ctx.fillText(\"QR OK\", scanStationX - 14, groundY - 94);\r\n                ctx.restore();\r\n            }\r\n\r\n            \/\/ DIBUJAR EFECTO DE PRENSADO (CHISPAS\/DESTELLO)\r\n            if (isPressing) {\r\n                ctx.save();\r\n                ctx.fillStyle = 'rgba(255, 159, 67, 0.3)';\r\n                ctx.strokeStyle = '#ff9f43';\r\n                ctx.lineWidth = 2;\r\n                ctx.beginPath();\r\n                ctx.arc(pressStationX, groundY - 22, 18, 0, Math.PI * 2);\r\n                ctx.fill(); ctx.stroke();\r\n                ctx.restore();\r\n            }\r\n\r\n            \/\/ DIBUJAR CAJA\/PIEZA INDUSTRIAL\r\n            ctx.fillStyle = '#00A3FF';\r\n            ctx.strokeStyle = '#ffffff';\r\n            ctx.lineWidth = 1.5;\r\n            ctx.fillRect(boxX, boxY, boxW, boxH);\r\n            ctx.strokeRect(boxX, boxY, boxW, boxH);\r\n            \r\n            \/\/ Detalles mec\u00e1nicos en la pieza\r\n            ctx.fillStyle = 'rgba(255, 255, 255, 0.35)';\r\n            ctx.fillRect(boxX + 4, boxY + 4, boxW - 8, 4);\r\n            ctx.fillRect(boxX + boxW * 0.4, boxY + 8, boxW * 0.2, boxH - 12);\r\n\r\n            \/\/ DIBUJAR ROBOT INDUSTRIAL DE 6 EJES (PEDESTAL + CINEM\u00c1TICA)\r\n            ctx.fillStyle = '#0f1c2e';\r\n            ctx.strokeStyle = '#00A3FF';\r\n            ctx.lineWidth = 2;\r\n            ctx.fillRect(robotBaseX - 35, robotBaseY - 32, 70, 32);\r\n            ctx.strokeRect(robotBaseX - 35, robotBaseY - 32, 70, 32);\r\n\r\n            const shoulderX = robotBaseX;\r\n            const shoulderY = robotBaseY - 32;\r\n            const targetX = gripperX;\r\n            const targetY = gripperY;\r\n\r\n            \/\/ Cinem\u00e1tica inversa de 2 articulaciones principales\r\n            const dx = targetX - shoulderX;\r\n            const dy = targetY - shoulderY;\r\n            const dist = Math.sqrt(dx * dx + dy * dy);\r\n            const l1 = 82, l2 = 82;\r\n\r\n            const clampedDist = Math.min(dist, l1 + l2 - 2);\r\n            const a = (l1 * l1 - l2 * l2 + clampedDist * clampedDist) \/ (2 * clampedDist);\r\n            const h2 = Math.sqrt(Math.max(0, l1 * l1 - a * a));\r\n\r\n            const x2 = shoulderX + (dx * a) \/ clampedDist;\r\n            const y2 = shoulderY + (dy * a) \/ clampedDist;\r\n\r\n            const elbowX = x2 - (dy * h2) \/ clampedDist;\r\n            const elbowY = y2 + (dx * h2) \/ clampedDist;\r\n\r\n            \/\/ Segmentos del Brazo Rob\u00f3tico\r\n            ctx.strokeStyle = '#00A3FF';\r\n            ctx.lineWidth = 12;\r\n            ctx.lineCap = 'round';\r\n            ctx.beginPath(); ctx.moveTo(shoulderX, shoulderY); ctx.lineTo(elbowX, elbowY); ctx.stroke();\r\n\r\n            ctx.strokeStyle = '#ffffff';\r\n            ctx.lineWidth = 7;\r\n            ctx.beginPath(); ctx.moveTo(elbowX, elbowY); ctx.lineTo(targetX, targetY); ctx.stroke();\r\n\r\n            \/\/ Articulaciones con LED de estado\r\n            ctx.fillStyle = isGripping ? '#ff9f43' : '#00ffaa';\r\n            ctx.beginPath(); ctx.arc(shoulderX, shoulderY, 7, 0, Math.PI * 2); ctx.fill();\r\n            ctx.beginPath(); ctx.arc(elbowX, elbowY, 5, 0, Math.PI * 2); ctx.fill();\r\n\r\n            \/\/ Cabezal y Gripper Neum\u00e1tico\r\n            ctx.fillStyle = isGripping ? '#ff9f43' : '#00ffaa';\r\n            ctx.fillRect(targetX - 14, targetY - 6, 28, 6);\r\n\r\n            let fingerGrip = isGripping ? boxW \/ 2 + 1 : 18;\r\n            ctx.fillStyle = '#ffffff';\r\n            ctx.fillRect(targetX - fingerGrip - 3, targetY, 4, 14);\r\n            ctx.fillRect(targetX + fingerGrip - 1, targetY, 4, 14);\r\n\r\n            requestAnimationFrame(render);\r\n        }\r\n\r\n        render();\r\n    })();\r\n<\/script>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-f63449e e-con-full e-flex e-con e-parent\" data-id=\"f63449e\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-da2a8f0 elementor-widget elementor-widget-html\" data-id=\"da2a8f0\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"isk-layout-open\" aria-labelledby=\"titulo-paletizado\">\r\n  <div class=\"isk-global-grid\" aria-hidden=\"true\"><\/div>\r\n\r\n  <div class=\"isk-flex-main\">\r\n    \r\n    <div class=\"isk-text-layer\">\r\n      <h2 id=\"titulo-paletizado\" class=\"isk-title-final\">Sistemas de Paletizado<\/h2>\r\n      <p class=\"isk-subtitle-700-final\">Especialistas en celdas Pick and Place<\/p>\r\n      \r\n      <p class=\"isk-desc-final\">\r\n        Soluciones de automatizaci\u00f3n industrial dise\u00f1adas para optimizar procesos de empaque y paletizado con alta precisi\u00f3n rob\u00f3tica en la frontera.\r\n      <\/p>\r\n\r\n      <a href=\"https:\/\/isk.com.mx\/pick-and-place\/\" target=\"_blank\" rel=\"noopener\" class=\"isk-btn-float\" aria-label=\"Descargar ficha t\u00e9cnica del sistema de paletizado\">\r\n        FICHA T\u00c9CNICA\r\n      <\/a>\r\n    <\/div>\r\n\r\n    <div class=\"isk-image-layer-right\">\r\n      \r\n      <div class=\"isk-hint-top\">\r\n        <span class=\"isk-dot-pulse\" aria-hidden=\"true\"><\/span> [ MODO INSPECCI\u00d3N: Toca o usa la rueda del mouse ]\r\n      <\/div>\r\n\r\n      <div class=\"isk-visor-open\" id=\"iskFrameV10\">\r\n        <img decoding=\"async\" src=\"https:\/\/isk.com.mx\/wp-content\/uploads\/2026\/03\/pickandplace-proyecto1.webp\" \r\n             id=\"iskImgV10\" \r\n             alt=\"Sistema de paletizado rob\u00f3tico industrial ISK Automation\" \r\n             width=\"750\" height=\"520\"\r\n             loading=\"eager\">\r\n        \r\n        <div class=\"isk-corner t-l\" aria-hidden=\"true\"><\/div>\r\n        <div class=\"isk-corner t-r\" aria-hidden=\"true\"><\/div>\r\n        <div class=\"isk-corner b-l\" aria-hidden=\"true\"><\/div>\r\n        <div class=\"isk-corner b-r\" aria-hidden=\"true\"><\/div>\r\n\r\n        <nav class=\"isk-dots-v10\" aria-label=\"Galer\u00eda de proyectos de paletizado\">\r\n          <button class=\"isk-dot-v10 active\" \r\n                  onclick=\"iskV10Update(this, 'https:\/\/isk.com.mx\/wp-content\/uploads\/2026\/03\/pickandplace-proyecto1.webp')\" \r\n                  aria-label=\"Ver proyecto de paletizado 1\">\r\n            <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/isk.com.mx\/wp-content\/uploads\/2026\/03\/pickandplace-proyecto1.webp\" alt=\"Celda Pick and Place vista 1\" width=\"55\" height=\"55\" loading=\"lazy\">\r\n          <\/button>\r\n          <button class=\"isk-dot-v10\" \r\n                  onclick=\"iskV10Update(this, 'https:\/\/isk.com.mx\/wp-content\/uploads\/2026\/03\/pickandplace-proyecto3.webp')\" \r\n                  aria-label=\"Ver proyecto de paletizado 2\">\r\n            <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/isk.com.mx\/wp-content\/uploads\/2026\/03\/pickandplace-proyecto3.webp\" alt=\"Celda Pick and Place vista 2\" width=\"55\" height=\"55\" loading=\"lazy\">\r\n          <\/button>\r\n          <button class=\"isk-dot-v10\" \r\n                  onclick=\"iskV10Update(this, 'https:\/\/isk.com.mx\/wp-content\/uploads\/2026\/03\/pickandplace-proyecto2.webp')\" \r\n                  aria-label=\"Ver proyecto de paletizado 3\">\r\n            <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/isk.com.mx\/wp-content\/uploads\/2026\/03\/pickandplace-proyecto2.webp\" alt=\"Celda Pick and Place vista 3\" width=\"55\" height=\"55\" loading=\"lazy\">\r\n          <\/button>\r\n        <\/nav>\r\n      <\/div>\r\n\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<style>\r\n  \/* Declaraci\u00f3n tipogr\u00e1fica unificada con optimizaci\u00f3n swap integrada correctamente *\/\r\n  @import url('https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@500;700&display=swap&font-display=swap');\r\n\r\n  :root {\r\n      --azul-fondo: #103059;\r\n      --celeste-isk: #00A3FF;\r\n      --blanco: #ffffff;\r\n      --negro-visor: #0b0c10;\r\n  }\r\n\r\n  .isk-layout-open {\r\n    position: relative;\r\n    width: 100%;\r\n    padding: clamp(40px, 6vw, 80px) 0;\r\n    background-color: var(--azul-fondo);\r\n    font-family: 'Montserrat', sans-serif;\r\n    box-sizing: border-box;\r\n    overflow: hidden; \r\n  }\r\n\r\n  \/* --- REGLAS TIPOGR\u00c1FICAS REQUERIDAS --- *\/\r\n  .isk-title-final,\r\n  .isk-subtitle-700-final,\r\n  .isk-btn-float,\r\n  .isk-hint-top {\r\n    font-family: 'Montserrat', sans-serif;\r\n    font-weight: 700;\r\n  }\r\n\r\n  .isk-desc-final {\r\n    font-family: 'Montserrat', sans-serif;\r\n    font-weight: 500;\r\n  }\r\n\r\n  \/* --- MALLA TECNOL\u00d3GICA DE FONDO --- *\/\r\n  .isk-global-grid {\r\n    position: absolute;\r\n    top: 0; left: 0; width: 100%; height: 100%;\r\n    background-image: linear-gradient(rgba(0, 163, 255, 0.04) 1px, transparent 1px), \r\n                      linear-gradient(90deg, rgba(0, 163, 255, 0.04) 1px, transparent 1px);\r\n    background-size: 50px 50px;\r\n    pointer-events: none;\r\n    z-index: 1;\r\n  }\r\n\r\n  .isk-flex-main {\r\n    position: relative;\r\n    z-index: 2;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    gap: 5%;\r\n    padding: 0 5%;\r\n    width: 100%;\r\n    box-sizing: border-box;\r\n  }\r\n\r\n  .isk-text-layer {\r\n    flex: 1 1 45%;\r\n    max-width: 580px;\r\n    z-index: 3;\r\n    animation: floatText 6s ease-in-out infinite;\r\n  }\r\n\r\n  .isk-image-layer-right {\r\n    flex: 1 1 55%;\r\n    position: relative;\r\n    z-index: 3;\r\n    display: flex;\r\n    flex-direction: column;\r\n    align-items: center;\r\n    width: 100%;\r\n    max-width: 750px;\r\n  }\r\n\r\n  .isk-title-final { \r\n    color: var(--blanco); \r\n    font-size: clamp(32px, 4vw, 48px); \r\n    margin: 0; \r\n    line-height: 1.15; \r\n  }\r\n  \r\n  .isk-subtitle-700-final { \r\n    color: var(--celeste-isk); \r\n    font-size: 16px; \r\n    margin: 15px 0 20px 0; \r\n    letter-spacing: 1.5px; \r\n    text-transform: uppercase; \r\n  }\r\n\r\n  .isk-desc-final { \r\n    color: rgba(255, 255, 255, 0.9); \r\n    font-size: 15px; \r\n    line-height: 1.6; \r\n    margin-bottom: 35px; \r\n    max-width: 520px;\r\n  }\r\n\r\n  .isk-btn-float {\r\n    display: inline-block;\r\n    background: var(--celeste-isk);\r\n    color: var(--blanco);\r\n    padding: 16px 40px;\r\n    border-radius: 50px;\r\n    text-decoration: none;\r\n    font-size: 13px;\r\n    letter-spacing: 0.5px;\r\n    text-align: center;\r\n    box-sizing: border-box;\r\n    transition: background 0.3s ease, transform 0.3s ease, box-shadow 0.3s ease;\r\n    animation: btnPulse 2.5s infinite;\r\n  }\r\n\r\n  .isk-btn-float:hover,\r\n  .isk-btn-float:focus {\r\n    background: #008be4;\r\n    transform: translateY(-2px);\r\n    outline: none;\r\n  }\r\n\r\n  \/* --- VISOR INTERACTIVO --- *\/\r\n  .isk-visor-open {\r\n    position: relative;\r\n    width: 100%;\r\n    height: 520px;\r\n    overflow: hidden;\r\n    cursor: crosshair;\r\n    background: var(--negro-visor);\r\n    border-radius: 16px;\r\n    border: 1px solid rgba(0, 163, 255, 0.3);\r\n    box-shadow: 0 30px 60px rgba(0, 0, 0, 0.5);\r\n    touch-action: none; \/* Evita conflicto de scroll en m\u00f3viles al inspeccionar *\/\r\n  }\r\n\r\n  #iskImgV10 {\r\n    width: 100%; \r\n    height: 100%;\r\n    object-fit: contain;\r\n    transition: transform 0.12s cubic-bezier(0.25, 0.46, 0.45, 0.94);\r\n  }\r\n\r\n  .isk-hint-top { \r\n    color: var(--celeste-isk); \r\n    font-size: 11px; \r\n    letter-spacing: 0.5px;\r\n    margin-bottom: 12px; \r\n    display: flex; \r\n    align-items: center; \r\n    gap: 8px; \r\n    align-self: flex-start;\r\n  }\r\n  \r\n  .isk-dot-pulse { \r\n    width: 8px; \r\n    height: 8px; \r\n    background: var(--celeste-isk); \r\n    border-radius: 50%; \r\n    animation: pulse 1.5s infinite; \r\n  }\r\n\r\n  \/* RECUADROS ESTILO HUD MODO INSPECCI\u00d3N *\/\r\n  .isk-corner { position: absolute; width: 24px; height: 24px; border: 2px solid var(--celeste-isk); opacity: 0.6; z-index: 2; pointer-events: none; }\r\n  .t-l { top: 25px; left: 25px; border-right: none; border-bottom: none; }\r\n  .t-r { top: 25px; right: 25px; border-left: none; border-bottom: none; }\r\n  .b-l { bottom: 25px; left: 25px; border-right: none; border-top: none; }\r\n  .b-r { bottom: 25px; right: 25px; border-left: none; border-top: none; }\r\n\r\n  \/* NAVEGACI\u00d3N MINIATURAS (DOCK) *\/\r\n  .isk-dots-v10 {\r\n    position: absolute; \r\n    right: 25px; \r\n    top: 50%; \r\n    transform: translateY(-50%);\r\n    display: flex; \r\n    flex-direction: column; \r\n    gap: 12px;\r\n    background: rgba(11, 12, 16, 0.65); \r\n    backdrop-filter: blur(12px);\r\n    -webkit-backdrop-filter: blur(12px);\r\n    padding: 12px; \r\n    border-radius: 18px; \r\n    border: 1px solid rgba(255, 255, 255, 0.08);\r\n    z-index: 4;\r\n  }\r\n\r\n  .isk-dot-v10 { \r\n    width: 55px; \r\n    height: 55px; \r\n    border-radius: 10px; \r\n    border: 1px solid rgba(255, 255, 255, 0.4); \r\n    cursor: pointer; \r\n    overflow: hidden; \r\n    opacity: 0.5; \r\n    padding: 0; \r\n    background: none;\r\n    transition: transform 0.3s ease, border-color 0.3s ease, opacity 0.3s ease;\r\n    box-sizing: border-box;\r\n  }\r\n  \r\n  .isk-dot-v10:hover,\r\n  .isk-dot-v10:focus {\r\n    opacity: 0.8;\r\n    border-color: var(--blanco);\r\n    outline: none;\r\n  }\r\n\r\n  .isk-dot-v10.active { \r\n    opacity: 1; \r\n    border-color: var(--celeste-isk); \r\n    transform: scale(1.08); \r\n  }\r\n  \r\n  .isk-dot-v10 img { \r\n    width: 100%; \r\n    height: 100%; \r\n    object-fit: cover; \r\n  }\r\n\r\n  \/* KEYFRAMES *\/\r\n  @keyframes floatText { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-6px); } }\r\n  @keyframes pulse { 0% { box-shadow: 0 0 0 0 rgba(0, 163, 255, 0.7); } 100% { box-shadow: 0 0 0 8px rgba(0, 163, 255, 0); } }\r\n  @keyframes btnPulse { 0% { box-shadow: 0 0 0 0 rgba(0, 163, 255, 0.4); } 70% { box-shadow: 0 0 0 12px rgba(0, 163, 255, 0); } 100% { box-shadow: 0 0 0 0 rgba(0, 163, 255, 0); } }\r\n\r\n  \/* --- RESPONSIVE ADAPTATIVO M\u00d3VIL --- *\/\r\n  @media (max-width: 992px) {\r\n    .isk-layout-open { padding: 50px 0; }\r\n    .isk-flex-main { flex-direction: column; padding: 0 24px; gap: 35px; }\r\n    .isk-text-layer { width: 100%; text-align: center; order: 2; max-width: 100%; }\r\n    .isk-desc-final { margin-left: auto; margin-right: auto; }\r\n    \r\n    \/* Adaptaci\u00f3n adaptativa del bot\u00f3n en tablets y celulares *\/\r\n    .isk-btn-float { \r\n      width: 100%; \r\n      max-width: 340px; \r\n      margin: 0 auto;\r\n    }\r\n\r\n    .isk-image-layer-right { order: 1; width: 100%; max-width: 100%; }\r\n    .isk-visor-open { height: 380px; border-radius: 14px; }\r\n    .isk-hint-top { align-self: center; }\r\n    .isk-dots-v10 { flex-direction: row; top: auto; bottom: 20px; right: 50%; transform: translateX(50%); gap: 10px; padding: 10px; }\r\n    .isk-corner { width: 18px; height: 18px; }\r\n    .t-l { top: 15px; left: 15px; } .t-r { top: 15px; right: 15px; }\r\n    .b-l { bottom: 15px; left: 15px; } .b-r { bottom: 15px; right: 15px; }\r\n  }\r\n\r\n  @media (max-width: 480px) {\r\n    .isk-visor-open { height: 280px; }\r\n    .isk-dot-v10 { width: 45px; height: 45px; border-radius: 6px; }\r\n    .isk-dots-v10 { bottom: 12px; }\r\n    \r\n    \/* El bot\u00f3n abarca de forma fluida el ancho \u00f3ptimo en pantallas peque\u00f1as *\/\r\n    .isk-btn-float { \r\n      max-width: 100%; \r\n    }\r\n  }\r\n<\/style>\r\n\r\n<script>\r\n  (function() {\r\n    const frame = document.getElementById(\"iskFrameV10\");\r\n    const img = document.getElementById(\"iskImgV10\");\r\n    let zoom = 1;\r\n    let mX = 50, mY = 50;\r\n    const mobileZoomLevel = 2.5; \r\n\r\n    \/\/ --- ESCRITORIO: COORDENADAS MOUSE ---\r\n    frame.addEventListener(\"mousemove\", (e) => {\r\n      const r = frame.getBoundingClientRect();\r\n      mX = ((e.clientX - r.left) \/ r.width) * 100;\r\n      mY = ((e.clientY - r.top) \/ r.height) * 100;\r\n      if (zoom > 1) updateTransform();\r\n    });\r\n\r\n    \/\/ --- ESCRITORIO: CONTROL DE RUEDA ---\r\n    frame.addEventListener(\"wheel\", (e) => {\r\n      const prevZoom = zoom;\r\n      zoom = Math.min(Math.max(1, zoom + (e.deltaY < 0 ? 0.4 : -0.4)), 4);\r\n      \r\n      if (zoom !== prevZoom || zoom > 1) {\r\n        e.preventDefault();\r\n        updateTransform();\r\n      }\r\n    }, { passive: false });\r\n\r\n    \/\/ --- M\u00d3VILES: SOPORTE T\u00c1CTIL (TOUCH) ---\r\n    function handleTouch(e) {\r\n      if (e.touches.length === 1) {\r\n        zoom = mobileZoomLevel;\r\n        const r = frame.getBoundingClientRect();\r\n        const touch = e.touches[0];\r\n        mX = ((touch.clientX - r.left) \/ r.width) * 100;\r\n        mY = ((touch.clientY - r.top) \/ r.height) * 100;\r\n        updateTransform();\r\n      }\r\n    }\r\n\r\n    frame.addEventListener(\"touchstart\", (e) => {\r\n      if (e.target.closest('.isk-dots-v10')) return;\r\n      handleTouch(e);\r\n    }, { passive: true });\r\n\r\n    frame.addEventListener(\"touchmove\", (e) => {\r\n      if (e.target.closest('.isk-dots-v10')) return;\r\n      handleTouch(e);\r\n    }, { passive: true });\r\n\r\n    frame.addEventListener(\"touchend\", () => {\r\n      zoom = 1;\r\n      updateTransform();\r\n    });\r\n\r\n    \/\/ --- RESET DE VISOR (RAT\u00d3N OUT) ---\r\n    frame.addEventListener(\"mouseleave\", () => {\r\n      zoom = 1;\r\n      updateTransform();\r\n    });\r\n\r\n    function updateTransform() {\r\n      img.style.transformOrigin = `${mX}% ${mY}%`;\r\n      img.style.transform = `scale(${zoom})`;\r\n    }\r\n\r\n    \/\/ --- CAMBIO DE VISTAS (PUNTOS) ---\r\n    window.iskV10Update = function(el, url) {\r\n      if (!el || !url) return;\r\n      document.querySelectorAll('.isk-dot-v10').forEach(d => d.classList.remove('active'));\r\n      el.classList.add('active');\r\n      zoom = 1; \r\n      updateTransform();\r\n      img.src = url;\r\n    };\r\n  })();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-7672889 e-con-full e-flex e-con e-parent\" data-id=\"7672889\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-09b04cd elementor-widget elementor-widget-html\" data-id=\"09b04cd\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n    @import url('https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@500;700&display=swap&font-display=swap');\r\n\r\n    \/* AISLAMIENTO DE ESTILOS MEDIANTE ID \u00daNICO *\/\r\n    #isk-sec-instalaciones {\r\n        --azul-isk: #123661; \r\n        --celeste-isk: #00A3FF;\r\n        --blanco: #ffffff;\r\n        --gris-suave: #f4f7fb;\r\n        --sombra: 0 10px 30px rgba(18, 54, 97, 0.08);\r\n        width: 100%;\r\n        background-color: var(--blanco);\r\n        padding: clamp(40px, 8vw, 80px) 0;\r\n        overflow: hidden;\r\n        display: flex;\r\n        justify-content: center;\r\n        font-family: 'Montserrat', sans-serif;\r\n    }\r\n\r\n    #isk-sec-instalaciones .isk-main-layout {\r\n        display: flex;\r\n        flex-direction: row;\r\n        align-items: center;\r\n        width: 95%;\r\n        max-width: 1600px;\r\n        gap: 48px;\r\n        padding: 0 2%;\r\n    }\r\n\r\n    \/* TIPOGRAF\u00cdA ESPEC\u00cdFICA *\/\r\n    #isk-sec-instalaciones .isk-badge,\r\n    #isk-sec-instalaciones .isk-sol-left h2, \r\n    #isk-sec-instalaciones .isk-sol-left .isk-subtitle, \r\n    #isk-sec-instalaciones .isk-point-num,\r\n    #isk-sec-instalaciones .isk-sol-card h3,\r\n    #isk-sec-instalaciones .isk-card-tag,\r\n    #isk-sec-instalaciones .isk-sol-btn {\r\n        font-family: 'Montserrat', sans-serif;\r\n        font-weight: 700;\r\n    }\r\n\r\n    #isk-sec-instalaciones .isk-point-text, \r\n    #isk-sec-instalaciones .isk-card-desc {\r\n        font-family: 'Montserrat', sans-serif;\r\n        font-weight: 500;\r\n    }\r\n\r\n    \/* LADO IZQUIERDO *\/\r\n    #isk-sec-instalaciones .isk-sol-left {\r\n        flex: 0 0 38%;\r\n        text-align: left;\r\n        min-width: 320px;\r\n    }\r\n\r\n    #isk-sec-instalaciones .isk-badge {\r\n        display: inline-block;\r\n        background: rgba(0, 163, 255, 0.1);\r\n        color: var(--celeste-isk);\r\n        padding: 6px 14px;\r\n        border-radius: 20px;\r\n        font-size: 11px;\r\n        letter-spacing: 1.5px;\r\n        text-transform: uppercase;\r\n        margin-bottom: 12px;\r\n        border: 1px solid rgba(0, 163, 255, 0.2);\r\n    }\r\n\r\n    #isk-sec-instalaciones .isk-sol-left h2 {\r\n        font-size: clamp(28px, 4.5vw, 44px);\r\n        color: var(--azul-isk);\r\n        margin: 0;\r\n        line-height: 1.15;\r\n    }\r\n\r\n    #isk-sec-instalaciones .isk-sol-left .isk-subtitle {\r\n        font-size: 16px;\r\n        color: var(--celeste-isk);\r\n        margin: 8px 0 28px 0;\r\n        text-transform: uppercase;\r\n        letter-spacing: 1px;\r\n    }\r\n\r\n    #isk-sec-instalaciones .isk-points-container {\r\n        display: flex;\r\n        flex-direction: column;\r\n        gap: 14px;\r\n        position: relative;\r\n        padding-left: 10px;\r\n    }\r\n\r\n    #isk-sec-instalaciones .isk-points-container::before {\r\n        content: '';\r\n        position: absolute;\r\n        left: 28px;\r\n        top: 15px;\r\n        bottom: 15px;\r\n        width: 2px;\r\n        background: linear-gradient(180deg, var(--celeste-isk) 0%, rgba(18, 54, 97, 0.1) 100%);\r\n        z-index: 1;\r\n    }\r\n\r\n    #isk-sec-instalaciones .isk-point-item {\r\n        display: flex;\r\n        align-items: center;\r\n        gap: 16px;\r\n        background: var(--gris-suave);\r\n        padding: 14px 20px 14px 14px;\r\n        border-radius: 14px;\r\n        border: 1px solid rgba(18, 54, 97, 0.06);\r\n        position: relative;\r\n        z-index: 2;\r\n        transition: all 0.3s cubic-bezier(0.25, 1, 0.5, 1);\r\n    }\r\n\r\n    #isk-sec-instalaciones .isk-point-item:hover {\r\n        background: var(--blanco);\r\n        transform: translateX(6px);\r\n        border-color: var(--celeste-isk);\r\n        box-shadow: var(--sombra);\r\n    }\r\n\r\n    #isk-sec-instalaciones .isk-point-num {\r\n        min-width: 32px;\r\n        height: 32px;\r\n        background: var(--azul-isk);\r\n        color: var(--blanco);\r\n        border-radius: 50%;\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        font-size: 12px;\r\n        border: 2px solid var(--blanco);\r\n        box-shadow: 0 2px 8px rgba(18, 54, 97, 0.2);\r\n        transition: all 0.3s ease;\r\n    }\r\n\r\n    #isk-sec-instalaciones .isk-point-item:hover .isk-point-num {\r\n        background: var(--celeste-isk);\r\n        color: var(--azul-isk);\r\n    }\r\n\r\n    #isk-sec-instalaciones .isk-point-text {\r\n        font-size: 13.5px;\r\n        color: #2c3e50;\r\n        line-height: 1.45;\r\n        margin: 0;\r\n    }\r\n\r\n    \/* LADO DERECHO: CARRUSEL AISLADO *\/\r\n    #isk-sec-instalaciones .isk-sol-right {\r\n        flex: 1;\r\n        min-width: 0;\r\n        position: relative;\r\n    }\r\n\r\n    #isk-sec-instalaciones .isk-sol-container {\r\n        width: 100%;\r\n        display: flex;\r\n        mask-image: linear-gradient(to right, transparent, black 8%, black 92%, transparent);\r\n        -webkit-mask-image: linear-gradient(to right, transparent, black 8%, black 92%, transparent);\r\n    }\r\n\r\n    #isk-sec-instalaciones .isk-sol-track {\r\n        display: flex;\r\n        gap: 24px;\r\n        padding: 25px 5px;\r\n        animation: isk-scroll-instalaciones 35s linear infinite;\r\n    }\r\n\r\n    @media (hover: hover) {\r\n        #isk-sec-instalaciones .isk-sol-track:hover { animation-play-state: paused; }\r\n    }\r\n\r\n    #isk-sec-instalaciones .isk-sol-card {\r\n        flex: 0 0 310px; \r\n        width: 310px;\r\n        height: 420px;\r\n        position: relative;\r\n        border-radius: 20px;\r\n        overflow: hidden;\r\n        background: #0d223f;\r\n        border: 1px solid rgba(0, 163, 255, 0.25);\r\n        box-shadow: 0 8px 20px rgba(18, 54, 97, 0.15);\r\n        transition: all 0.4s cubic-bezier(0.25, 1, 0.5, 1);\r\n    }\r\n\r\n    #isk-sec-instalaciones .isk-sol-card:hover {\r\n        transform: translateY(-8px);\r\n        border-color: var(--celeste-isk);\r\n        box-shadow: 0 15px 35px rgba(0, 163, 255, 0.3);\r\n    }\r\n\r\n    #isk-sec-instalaciones .isk-card-tag {\r\n        position: absolute;\r\n        top: 15px;\r\n        left: 15px;\r\n        background: rgba(18, 54, 97, 0.85);\r\n        backdrop-filter: blur(8px);\r\n        -webkit-backdrop-filter: blur(8px);\r\n        color: var(--celeste-isk);\r\n        padding: 6px 14px;\r\n        border-radius: 30px;\r\n        font-size: 11px;\r\n        letter-spacing: 1px;\r\n        border: 1px solid rgba(0, 163, 255, 0.4);\r\n        z-index: 4;\r\n        text-transform: uppercase;\r\n    }\r\n\r\n    #isk-sec-instalaciones .isk-img-box {\r\n        width: 100%;\r\n        height: 100%;\r\n        position: absolute;\r\n        top: 0; left: 0;\r\n        overflow: hidden;\r\n    }\r\n\r\n    #isk-sec-instalaciones .isk-sol-img {\r\n        width: 100%;\r\n        height: 100%;\r\n        background-size: cover;\r\n        background-position: center;\r\n        transition: transform 0.7s cubic-bezier(0.25, 1, 0.5, 1);\r\n    }\r\n\r\n    #isk-sec-instalaciones .isk-sol-card:hover .isk-sol-img {\r\n        transform: scale(1.12);\r\n    }\r\n\r\n    #isk-sec-instalaciones .isk-card-content {\r\n        position: absolute;\r\n        bottom: 0; left: 0; width: 100%;\r\n        background: linear-gradient(180deg, rgba(18, 54, 97, 0.2) 0%, rgba(10, 31, 58, 0.95) 40%, #0a1f3a 100%);\r\n        backdrop-filter: blur(6px);\r\n        -webkit-backdrop-filter: blur(6px);\r\n        padding: 25px 20px 20px;\r\n        box-sizing: border-box;\r\n        z-index: 3;\r\n        transform: translateY(60px);\r\n        transition: transform 0.4s cubic-bezier(0.25, 1, 0.5, 1);\r\n        display: flex;\r\n        flex-direction: column;\r\n        gap: 10px;\r\n        border-top: 1px solid rgba(255, 255, 255, 0.1);\r\n    }\r\n\r\n    #isk-sec-instalaciones .isk-sol-card:hover .isk-card-content,\r\n    #isk-sec-instalaciones .isk-sol-card:focus-within .isk-card-content {\r\n        transform: translateY(0);\r\n    }\r\n\r\n    #isk-sec-instalaciones .isk-sol-card h3 {\r\n        color: var(--blanco);\r\n        font-size: 20px;\r\n        margin: 0;\r\n        line-height: 1.2;\r\n        transition: color 0.3s ease;\r\n    }\r\n\r\n    #isk-sec-instalaciones .isk-sol-card:hover h3 {\r\n        color: var(--celeste-isk);\r\n    }\r\n\r\n    #isk-sec-instalaciones .isk-card-desc {\r\n        color: rgba(255, 255, 255, 0.85);\r\n        font-size: 13px;\r\n        line-height: 1.5;\r\n        margin: 0;\r\n        opacity: 0;\r\n        transition: opacity 0.4s ease 0.1s;\r\n    }\r\n\r\n    #isk-sec-instalaciones .isk-sol-card:hover .isk-card-desc,\r\n    #isk-sec-instalaciones .isk-sol-card:focus-within .isk-card-desc {\r\n        opacity: 1;\r\n    }\r\n\r\n    #isk-sec-instalaciones .isk-sol-btn {\r\n        display: inline-block;\r\n        align-self: flex-start;\r\n        margin-top: 5px;\r\n        background: var(--celeste-isk);\r\n        color: var(--azul-isk);\r\n        padding: 8px 18px;\r\n        border-radius: 6px;\r\n        text-decoration: none;\r\n        font-size: 12px;\r\n        text-transform: uppercase;\r\n        letter-spacing: 0.5px;\r\n        opacity: 0;\r\n        transform: translateY(10px);\r\n        transition: all 0.3s ease 0.15s;\r\n    }\r\n\r\n    #isk-sec-instalaciones .isk-sol-card:hover .isk-sol-btn,\r\n    #isk-sec-instalaciones .isk-sol-card:focus-within .isk-sol-btn {\r\n        opacity: 1;\r\n        transform: translateY(0);\r\n    }\r\n\r\n    #isk-sec-instalaciones .isk-sol-btn:hover {\r\n        background: var(--blanco);\r\n        color: var(--azul-isk);\r\n        box-shadow: 0 4px 12px rgba(255, 255, 255, 0.3);\r\n    }\r\n\r\n    @keyframes isk-scroll-instalaciones {\r\n        from { transform: translateX(0); }\r\n        to { transform: translateX(-50%); }\r\n    }\r\n\r\n    \/* RESPONSIVE AISLADO *\/\r\n    @media (max-width: 1024px) {\r\n        #isk-sec-instalaciones .isk-main-layout { flex-direction: column; gap: 40px; }\r\n        #isk-sec-instalaciones .isk-sol-left { text-align: center; width: 100%; }\r\n        #isk-sec-instalaciones .isk-points-container { padding-left: 0; }\r\n        #isk-sec-instalaciones .isk-points-container::before { display: none; }\r\n        #isk-sec-instalaciones .isk-point-item { text-align: left; }\r\n    }\r\n\r\n    @media (max-width: 480px) {\r\n        #isk-sec-instalaciones .isk-sol-card { flex: 0 0 270px; width: 270px; height: 380px; }\r\n        #isk-sec-instalaciones .isk-card-content { transform: translateY(0); }\r\n        #isk-sec-instalaciones .isk-card-desc, \r\n        #isk-sec-instalaciones .isk-sol-btn { opacity: 1; transform: translateY(0); }\r\n    }\r\n<\/style>\r\n\r\n<section id=\"isk-sec-instalaciones\" aria-labelledby=\"instalaciones-header\">\r\n    <div class=\"isk-main-layout\">\r\n        \r\n        <header class=\"isk-sol-left\">\r\n            <span class=\"isk-badge\">Soluciones Especializadas<\/span>\r\n            <h2 id=\"instalaciones-header\">Instalaciones El\u00e9ctricas & Redes<\/h2>\r\n            <p class=\"isk-subtitle\">Infraestructura Industrial<\/p>\r\n            \r\n            <div class=\"isk-points-container\">\r\n                <article class=\"isk-point-item\">\r\n                    <div class=\"isk-point-num\">01<\/div>\r\n                    <p class=\"isk-point-text\">Cumplimiento estricto bajo norma <strong style=\"color:var(--azul-isk)\">NOM-001-SEDE<\/strong> y NFPA 70E.<\/p>\r\n                <\/article>\r\n                <article class=\"isk-point-item\">\r\n                    <div class=\"isk-point-num\">02<\/div>\r\n                    <p class=\"isk-point-text\">Dise\u00f1o y ensamble de <strong style=\"color:var(--azul-isk)\">tableros de control<\/strong> y distribuci\u00f3n.<\/p>\r\n                <\/article>\r\n                <article class=\"isk-point-item\">\r\n                    <div class=\"isk-point-num\">03<\/div>\r\n                    <p class=\"isk-point-text\">Canalizaci\u00f3n y peinado t\u00e9cnico de <strong style=\"color:var(--azul-isk)\">cableado industrial<\/strong>.<\/p>\r\n                <\/article>\r\n                <article class=\"isk-point-item\">\r\n                    <div class=\"isk-point-num\">04<\/div>\r\n                    <p class=\"isk-point-text\">Empalme de <strong style=\"color:var(--azul-isk)\">fibra \u00f3ptica<\/strong> y certificaci\u00f3n de redes OTDR.<\/p>\r\n                <\/article>\r\n            <\/div>\r\n        <\/header>\r\n\r\n        <div class=\"isk-sol-right\">\r\n            <div class=\"isk-sol-container\">\r\n                <div class=\"isk-sol-track\">\r\n                    \r\n                    <!-- TARJETA 1 -->\r\n                    <article class=\"isk-sol-card\">\r\n                        <span class=\"isk-card-tag\">01 \/ Energ\u00eda<\/span>\r\n                        <div class=\"isk-img-box\">\r\n                            <div class=\"isk-sol-img\" role=\"img\" aria-label=\"Instalaciones el\u00e9ctricas industriales\" style=\"background-image: url('https:\/\/isk.com.mx\/wp-content\/uploads\/2026\/08\/Instalaciones-Electricas.webp');\"><\/div>\r\n                        <\/div>\r\n                        <div class=\"isk-card-content\">\r\n                            <h3>Instalaciones El\u00e9ctricas<\/h3>\r\n                            <p class=\"isk-card-desc\">Tendido de fuerza en baja y media tensi\u00f3n, subestaciones y cumplimiento normativo.<\/p>\r\n                            <a href=\"mailto:tijuana@isk.com.mx\" class=\"isk-sol-btn\" target=\"_blank\" rel=\"noopener noreferrer\">Cotizar<\/a>\r\n                        <\/div>\r\n                    <\/article>\r\n\r\n                    <!-- TARJETA 2 -->\r\n                    <article class=\"isk-sol-card\">\r\n                        <span class=\"isk-card-tag\">02 \/ Control<\/span>\r\n                        <div class=\"isk-img-box\">\r\n                            <div class=\"isk-sol-img\" role=\"img\" aria-label=\"Tableros de control el\u00e9ctrico\" style=\"background-image: url('https:\/\/isk.com.mx\/wp-content\/uploads\/2026\/08\/Tablero-de-control.webp');\"><\/div>\r\n                        <\/div>\r\n                        <div class=\"isk-card-content\">\r\n                            <h3>Tableros de Control<\/h3>\r\n                            <p class=\"isk-card-desc\">Ingenier\u00eda y armado de gabinetes NEMA\/IP66 con PLC, HMI y diagramas unifilares.<\/p>\r\n                            <a href=\"mailto:tijuana@isk.com.mx\" class=\"isk-sol-btn\" target=\"_blank\" rel=\"noopener noreferrer\">Cotizar<\/a>\r\n                        <\/div>\r\n                    <\/article>\r\n\r\n                    <!-- TARJETA 3 -->\r\n                    <article class=\"isk-sol-card\">\r\n                        <span class=\"isk-card-tag\">03 \/ Cableado<\/span>\r\n                        <div class=\"isk-img-box\">\r\n                            <div class=\"isk-sol-img\" role=\"img\" aria-label=\"Cableado industrial\" style=\"background-image: url('https:\/\/isk.com.mx\/wp-content\/uploads\/2026\/08\/Cableado-industrial.webp');\"><\/div>\r\n                        <\/div>\r\n                        <div class=\"isk-card-content\">\r\n                            <h3>Cableado Industrial<\/h3>\r\n                            <p class=\"isk-card-desc\">Canalizaci\u00f3n en tuber\u00eda conduit, charola y peinado de cableado de fuerza y control.<\/p>\r\n                            <a href=\"mailto:tijuana@isk.com.mx\" class=\"isk-sol-btn\" target=\"_blank\" rel=\"noopener noreferrer\">Cotizar<\/a>\r\n                        <\/div>\r\n                    <\/article>\r\n\r\n                    <!-- TARJETA 4 -->\r\n                    <article class=\"isk-sol-card\">\r\n                        <span class=\"isk-card-tag\">04 \/ Telecom<\/span>\r\n                        <div class=\"isk-img-box\">\r\n                            <div class=\"isk-sol-img\" role=\"img\" aria-label=\"Redes y fibra \u00f3ptica\" style=\"background-image: url('https:\/\/isk.com.mx\/wp-content\/uploads\/2026\/08\/Redes-y-fibra-optica.webp');\"><\/div>\r\n                        <\/div>\r\n                        <div class=\"isk-card-content\">\r\n                            <h3>Redes & Fibra \u00d3ptica<\/h3>\r\n                            <p class=\"isk-card-desc\">Fusi\u00f3n por arco, certificaci\u00f3n OTDR y redes EtherNet\/IP para ambientes de alta EMI.<\/p>\r\n                            <a href=\"mailto:tijuana@isk.com.mx\" class=\"isk-sol-btn\" target=\"_blank\" rel=\"noopener noreferrer\">Cotizar<\/a>\r\n                        <\/div>\r\n                    <\/article>\r\n\r\n                    <!-- DUPLICADOS PARA BUCLE CONTINUO -->\r\n                    <article class=\"isk-sol-card\" aria-hidden=\"true\">\r\n                        <span class=\"isk-card-tag\">01 \/ Energ\u00eda<\/span>\r\n                        <div class=\"isk-img-box\">\r\n                            <div class=\"isk-sol-img\" style=\"background-image: url('https:\/\/isk.com.mx\/wp-content\/uploads\/2026\/08\/Instalaciones-Electricas.webp');\"><\/div>\r\n                        <\/div>\r\n                        <div class=\"isk-card-content\">\r\n                            <h3>Instalaciones El\u00e9ctricas<\/h3>\r\n                            <p class=\"isk-card-desc\">Tendido de fuerza en baja y media tensi\u00f3n y cumplimiento normativo.<\/p>\r\n                            <a href=\"mailto:tijuana@isk.com.mx\" class=\"isk-sol-btn\" tabindex=\"-1\">Cotizar<\/a>\r\n                        <\/div>\r\n                    <\/article>\r\n\r\n                    <article class=\"isk-sol-card\" aria-hidden=\"true\">\r\n                        <span class=\"isk-card-tag\">02 \/ Control<\/span>\r\n                        <div class=\"isk-img-box\">\r\n                            <div class=\"isk-sol-img\" style=\"background-image: url('https:\/\/isk.com.mx\/wp-content\/uploads\/2026\/08\/Tablero-de-control.webp');\"><\/div>\r\n                        <\/div>\r\n                        <div class=\"isk-card-content\">\r\n                            <h3>Tableros de Control<\/h3>\r\n                            <p class=\"isk-card-desc\">Ingenier\u00eda y armado de gabinetes NEMA\/IP66 con PLC y HMI.<\/p>\r\n                            <a href=\"mailto:tijuana@isk.com.mx\" class=\"isk-sol-btn\" tabindex=\"-1\">Cotizar<\/a>\r\n                        <\/div>\r\n                    <\/article>\r\n\r\n                    <article class=\"isk-sol-card\" aria-hidden=\"true\">\r\n                        <span class=\"isk-card-tag\">03 \/ Cableado<\/span>\r\n                        <div class=\"isk-img-box\">\r\n                            <div class=\"isk-sol-img\" style=\"background-image: url('https:\/\/isk.com.mx\/wp-content\/uploads\/2026\/08\/Cableado-industrial.webp');\"><\/div>\r\n                        <\/div>\r\n                        <div class=\"isk-card-content\">\r\n                            <h3>Cableado Industrial<\/h3>\r\n                            <p class=\"isk-card-desc\">Canalizaci\u00f3n en tuber\u00eda conduit y peinado t\u00e9cnico.<\/p>\r\n                            <a href=\"mailto:tijuana@isk.com.mx\" class=\"isk-sol-btn\" tabindex=\"-1\">Cotizar<\/a>\r\n                        <\/div>\r\n                    <\/article>\r\n\r\n                    <article class=\"isk-sol-card\" aria-hidden=\"true\">\r\n                        <span class=\"isk-card-tag\">04 \/ Telecom<\/span>\r\n                        <div class=\"isk-img-box\">\r\n                            <div class=\"isk-sol-img\" style=\"background-image: url('https:\/\/isk.com.mx\/wp-content\/uploads\/2026\/08\/Redes-y-fibra-optica.webp');\"><\/div>\r\n                        <\/div>\r\n                        <div class=\"isk-card-content\">\r\n                            <h3>Redes & Fibra \u00d3ptica<\/h3>\r\n                            <p class=\"isk-card-desc\">Fusi\u00f3n por arco y certificaci\u00f3n OTDR.<\/p>\r\n                            <a href=\"mailto:tijuana@isk.com.mx\" class=\"isk-sol-btn\" tabindex=\"-1\">Cotizar<\/a>\r\n                        <\/div>\r\n                    <\/article>\r\n\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n\r\n    <\/div>\r\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-c60e71d e-con-full e-flex e-con e-parent\" data-id=\"c60e71d\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-52e25cb elementor-widget elementor-widget-html\" data-id=\"52e25cb\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"es\">\r\n<head>\r\n    <meta charset=\"UTF-8\">\r\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n    <meta name=\"description\" content=\"ISK Automation - Colaborando con l\u00edderes industriales globales.\">\r\n    <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n    <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n    <style>\r\n        \/* Importaci\u00f3n tipogr\u00e1fica optimizada con swap nativo incorporado *\/\r\n        @import url('https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@500;700&display=swap&font-display=swap');\r\n\r\n        :root {\r\n            --azul-isk: #103059;\r\n            --gris-tecnico: #aeb6b8;\r\n            --azul-medio: #0961a4;\r\n            --celeste-isk: #00A3FF;\r\n            --blanco: #ffffff;\r\n            --negro-tarjeta: #12141c;\r\n            --transition-soft: all 0.5s cubic-bezier(0.2, 1, 0.3, 1);\r\n        }\r\n\r\n        \/* --- CONFIGURACI\u00d3N REQUERIDA DE FUENTES --- *\/\r\n        .isk-title-hud,\r\n        .isk-tag-electric,\r\n        .isk-name-label {\r\n            font-family: 'Montserrat', sans-serif;\r\n            font-weight: 700; \/* Montserrat 700 bold para t\u00edtulos y etiquetas de marca *\/\r\n        }\r\n\r\n        .isk-tech-section {\r\n            width: 100%;\r\n            background-color: var(--azul-isk);\r\n            background-image: radial-gradient(circle at 50% 50%, #1a4a85 0%, var(--azul-isk) 100%);\r\n            padding: clamp(40px, 6vw, 70px) 0;\r\n            position: relative;\r\n            overflow: hidden;\r\n            display: flex;\r\n            flex-direction: column;\r\n            align-items: center;\r\n            z-index: 1;\r\n            box-sizing: border-box;\r\n        }\r\n\r\n        \/* Capa de Circuitos Tecnol\u00f3gicos *\/\r\n        .isk-tech-section::before {\r\n            content: \"\";\r\n            position: absolute;\r\n            top: 0; left: 0; width: 100%; height: 100%;\r\n            background-image: \r\n                linear-gradient(to right, rgba(9, 97, 164, 0.08) 1px, transparent 1px),\r\n                linear-gradient(to bottom, rgba(9, 97, 164, 0.08) 1px, transparent 1px),\r\n                linear-gradient(90deg, rgba(174, 182, 184, 0.04) 2px, transparent 2px),\r\n                radial-gradient(circle at 10px 10px, var(--azul-medio) 1px, transparent 0);\r\n            background-size: 80px 80px, 80px 80px, 240px 240px, 40px 40px;\r\n            opacity: 0.5;\r\n            z-index: -2;\r\n        }\r\n\r\n        \/* Nodos e Iluminaci\u00f3n Central HUD *\/\r\n        .isk-tech-nodes {\r\n            position: absolute;\r\n            top: 0; left: 0; width: 100%; height: 100%;\r\n            background-image: \r\n                radial-gradient(circle at 15% 25%, rgba(0, 163, 255, 0.15) 0%, transparent 8%),\r\n                radial-gradient(circle at 85% 15%, rgba(174, 182, 184, 0.12) 0%, transparent 5%),\r\n                radial-gradient(circle at 30% 75%, rgba(0, 163, 255, 0.15) 0%, transparent 10%),\r\n                radial-gradient(circle at 70% 60%, rgba(9, 97, 164, 0.25) 0%, transparent 6%);\r\n            z-index: -1;\r\n            animation: pulseNodes 6s infinite alternate ease-in-out;\r\n        }\r\n\r\n        .isk-central-glow {\r\n            position: absolute;\r\n            top: 50%; left: 50%;\r\n            width: 70%; height: 60%;\r\n            background: radial-gradient(circle, rgba(0, 163, 255, 0.08) 0%, transparent 70%);\r\n            transform: translate(-50%, -50%);\r\n            filter: blur(60px);\r\n            pointer-events: none;\r\n            z-index: -1;\r\n        }\r\n\r\n        @keyframes pulseNodes {\r\n            0% { opacity: 0.35; }\r\n            100% { opacity: 0.75; }\r\n        }\r\n\r\n        \/* --- ENCABEZADOS DE SECCI\u00d3N --- *\/\r\n        .isk-title-hud {\r\n            color: var(--blanco);\r\n            font-size: clamp(22px, 3.5vw, 38px);\r\n            margin: 0 0 8px 0;\r\n            text-transform: uppercase;\r\n            letter-spacing: 4px;\r\n            text-align: center;\r\n            text-shadow: 0 4px 12px rgba(0, 0, 0, 0.5);\r\n            z-index: 3;\r\n            padding: 0 15px;\r\n        }\r\n\r\n        .isk-tag-electric {\r\n            color: var(--celeste-isk);\r\n            text-transform: uppercase;\r\n            letter-spacing: 2px;\r\n            margin: 0 0 45px 0;\r\n            font-size: clamp(14px, 1.8vw, 16px);\r\n            padding: 5px 20px;\r\n            border-bottom: 1px solid rgba(0, 163, 255, 0.3);\r\n            text-shadow: 0 2px 8px rgba(0, 0, 0, 0.4);\r\n            z-index: 3;\r\n        }\r\n\r\n        \/* --- ESTRUCTURA DEL CARRUSEL CONTINUO --- *\/\r\n        .isk-carousel-container {\r\n            width: 100%;\r\n            overflow: hidden;\r\n            position: relative;\r\n            display: flex;\r\n            \/* Desvanecido \u00f3ptico en los bordes para ocultar el corte de pantalla *\/\r\n            mask-image: linear-gradient(to right, transparent, black 15%, black 85%, transparent);\r\n            -webkit-mask-image: linear-gradient(to right, transparent, black 15%, black 85%, transparent);\r\n            z-index: 2;\r\n        }\r\n\r\n        .isk-carousel-track {\r\n            display: flex;\r\n            gap: 35px;\r\n            padding: 25px 0;\r\n            \/* Ajuste din\u00e1mico de velocidad para evitar mareo visual *\/\r\n            animation: isk-scroll-loop 55s linear infinite;\r\n            width: max-content;\r\n        }\r\n\r\n        \/* Pausar animaci\u00f3n al interactuar por accesibilidad t\u00e9cnica *\/\r\n        .isk-carousel-container:hover .isk-carousel-track {\r\n            animation-play-state: paused;\r\n        }\r\n\r\n        .isk-logo-circle {\r\n            flex: 0 0 160px;\r\n            width: 160px;\r\n            height: 160px;\r\n            background: rgba(255, 255, 255, 0.03);\r\n            border: 1px solid rgba(255, 255, 255, 0.08);\r\n            border-radius: 50%;\r\n            display: flex;\r\n            flex-direction: column;\r\n            align-items: center;\r\n            justify-content: center;\r\n            box-sizing: border-box;\r\n            padding: 20px;\r\n            transition: var(--transition-soft);\r\n            position: relative;\r\n            backdrop-filter: blur(4px);\r\n            -webkit-backdrop-filter: blur(4px);\r\n        }\r\n\r\n        .isk-logo-circle img {\r\n            width: 100%;\r\n            height: 100%;\r\n            object-fit: contain;\r\n            filter: brightness(1.1) grayscale(0.8) opacity(0.7);\r\n            transition: transform 0.4s ease, filter 0.4s ease;\r\n        }\r\n\r\n        \/* --- ESTADOS ACTIVOS \/ HOVER --- *\/\r\n        .isk-logo-circle:hover {\r\n            background: var(--blanco);\r\n            border-color: var(--celeste-isk);\r\n            box-shadow: 0 15px 35px rgba(0, 163, 255, 0.35);\r\n            transform: translateY(-8px) scale(1.03);\r\n        }\r\n\r\n        .isk-logo-circle:hover img {\r\n            filter: brightness(1) grayscale(0) opacity(1);\r\n            transform: scale(1.05) translateY(-8px);\r\n        }\r\n\r\n        .isk-name-label {\r\n            position: absolute;\r\n            bottom: 22px;\r\n            color: var(--azul-isk);\r\n            font-size: 10px;\r\n            text-transform: uppercase;\r\n            letter-spacing: 0.5px;\r\n            opacity: 0;\r\n            transform: translateY(5px);\r\n            transition: opacity 0.3s ease, transform 0.3s ease;\r\n            text-align: center;\r\n            width: 80%;\r\n            white-space: nowrap;\r\n            overflow: hidden;\r\n            text-overflow: ellipsis;\r\n        }\r\n\r\n        .isk-logo-circle:hover .isk-name-label {\r\n            opacity: 1;\r\n            transform: translateY(0);\r\n        }\r\n\r\n        \/* Animaci\u00f3n fluida de traslaci\u00f3n al 50% exacto de la pista duplicada *\/\r\n        @keyframes isk-scroll-loop {\r\n            0% { transform: translateX(0); }\r\n            100% { transform: translateX(-50%); }\r\n        }\r\n\r\n        \/* --- DISE\u00d1O ADAPTATIVO M\u00d3VIL --- *\/\r\n        @media (max-width: 768px) {\r\n            .isk-tech-section { padding: 45px 0; }\r\n            .isk-tag-electric { margin-bottom: 30px; }\r\n            .isk-carousel-track { gap: 20px; padding: 15px 0; }\r\n            .isk-logo-circle { flex: 0 0 125px; width: 125px; height: 125px; padding: 15px; }\r\n            .isk-name-label { bottom: 14px; font-size: 8.5px; }\r\n            .isk-logo-circle:hover img { transform: scale(1.03) translateY(-5px); }\r\n        }\r\n    <\/style>\r\n<\/head>\r\n<body data-rsssl=1 data-rsssl=1 data-rsssl=1 data-rsssl=1 data-rsssl=1 data-rsssl=1 data-rsssl=1 data-rsssl=1 data-rsssl=1 data-rsssl=1>\r\n\r\n<section class=\"isk-tech-section\" aria-label=\"Socios comerciales y clientes de ISK\">\r\n    <div class=\"isk-tech-nodes\" aria-hidden=\"true\"><\/div>\r\n    <div class=\"isk-central-glow\" aria-hidden=\"true\"><\/div>\r\n    \r\n    <h2 class=\"isk-title-hud\">Tecnolog\u00eda de Vanguardia<\/h2>\r\n    <p class=\"isk-tag-electric\">Nuestros Clientes Potenciales<\/p>\r\n\r\n    <div class=\"isk-carousel-container\">\r\n        <!-- Bloque Unificado de Pista: El bloque interno se repite id\u00e9ntico para crear el loop infinito perfecto -->\r\n        <div class=\"isk-carousel-track\">\r\n            \r\n            <!-- LISTA ORIGINAL (22 Marcas Industriales) -->\r\n            <div class=\"isk-logo-circle\"><img decoding=\"async\" src=\"https:\/\/isk.com.mx\/wp-content\/uploads\/2026\/03\/Cliente-Hisense.webp\" alt=\"Hisense\" width=\"120\" height=\"120\"><div class=\"isk-name-label\">Hisense<\/div><\/div>\r\n            <div class=\"isk-logo-circle\"><img decoding=\"async\" src=\"https:\/\/isk.com.mx\/wp-content\/uploads\/2026\/03\/Cliente-fabricacionymanufacturas.webp\" alt=\"F&M\" width=\"120\" height=\"120\"><div class=\"isk-name-label\">F&M<\/div><\/div>\r\n            <div class=\"isk-logo-circle\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/isk.com.mx\/wp-content\/uploads\/2026\/03\/cliente-kyomex.webp\" alt=\"Kyomex\" width=\"120\" height=\"120\"><div class=\"isk-name-label\">Kyomex<\/div><\/div>\r\n            <div class=\"isk-logo-circle\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/isk.com.mx\/wp-content\/uploads\/2026\/03\/cliente-enersys.webp\" alt=\"Enersys\" width=\"120\" height=\"120\"><div class=\"isk-name-label\">Enersys<\/div><\/div>\r\n            <div class=\"isk-logo-circle\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/isk.com.mx\/wp-content\/uploads\/2025\/11\/nissan-proveedor.webp\" alt=\"Nissan\" width=\"120\" height=\"120\"><div class=\"isk-name-label\">Nissan<\/div><\/div>\r\n            <div class=\"isk-logo-circle\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/isk.com.mx\/wp-content\/uploads\/2025\/11\/proveedor-foxconn.webp\" alt=\"Foxconn\" width=\"120\" height=\"120\"><div class=\"isk-name-label\">Foxconn<\/div><\/div>\r\n            <div class=\"isk-logo-circle\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/isk.com.mx\/wp-content\/uploads\/2025\/11\/proveedor-forvia.webp\" alt=\"Forvia\" width=\"120\" height=\"120\"><div class=\"isk-name-label\">Forvia<\/div><\/div>\r\n            <div class=\"isk-logo-circle\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/isk.com.mx\/wp-content\/uploads\/2025\/11\/proveedor-zeiss.webp\" alt=\"Zeiss\" width=\"120\" height=\"120\"><div class=\"isk-name-label\">Zeiss<\/div><\/div>\r\n            <div class=\"isk-logo-circle\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/isk.com.mx\/wp-content\/uploads\/2025\/11\/proveedor-buap.webp\" alt=\"BUAP\" width=\"120\" height=\"120\"><div class=\"isk-name-label\">BUAP<\/div><\/div>\r\n            <div class=\"isk-logo-circle\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/isk.com.mx\/wp-content\/uploads\/2025\/11\/proveedor-boe.webp\" alt=\"BOE\" width=\"120\" height=\"120\"><div class=\"isk-name-label\">BOE<\/div><\/div>\r\n            <div class=\"isk-logo-circle\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/isk.com.mx\/wp-content\/uploads\/2025\/11\/proveedor-bigcola.webp\" alt=\"Big Cola\" width=\"120\" height=\"120\"><div class=\"isk-name-label\">Big Cola<\/div><\/div>\r\n            <div class=\"isk-logo-circle\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/isk.com.mx\/wp-content\/uploads\/2025\/11\/proveedor-fata.webp\" alt=\"Fata\" width=\"120\" height=\"120\"><div class=\"isk-name-label\">Fata<\/div><\/div>\r\n            <div class=\"isk-logo-circle\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/isk.com.mx\/wp-content\/uploads\/2025\/11\/proveedor-vertiv.webp\" alt=\"Vertiv\" width=\"120\" height=\"120\"><div class=\"isk-name-label\">Vertiv<\/div><\/div>\r\n            <div class=\"isk-logo-circle\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/isk.com.mx\/wp-content\/uploads\/2025\/11\/proveedor-TPV.webp\" alt=\"TPV\" width=\"120\" height=\"120\"><div class=\"isk-name-label\">TPV<\/div><\/div>\r\n            <div class=\"isk-logo-circle\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/isk.com.mx\/wp-content\/uploads\/2025\/11\/proveedor-smp.webp\" alt=\"SMP\" width=\"120\" height=\"120\"><div class=\"isk-name-label\">SMP<\/div><\/div>\r\n            <div class=\"isk-logo-circle\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/isk.com.mx\/wp-content\/uploads\/2025\/11\/proveedor-pims.webp\" alt=\"PIMS\" width=\"120\" height=\"120\"><div class=\"isk-name-label\">PIMS<\/div><\/div>\r\n            <div class=\"isk-logo-circle\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/isk.com.mx\/wp-content\/uploads\/2025\/11\/proveedor-novares.webp\" alt=\"Novares\" width=\"120\" height=\"120\"><div class=\"isk-name-label\">Novares<\/div><\/div>\r\n            <div class=\"isk-logo-circle\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/isk.com.mx\/wp-content\/uploads\/2025\/11\/proveedor-hutchinson.webp\" alt=\"Hutchinson\" width=\"120\" height=\"120\"><div class=\"isk-name-label\">Hutchinson<\/div><\/div>\r\n            <div class=\"isk-logo-circle\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/isk.com.mx\/wp-content\/uploads\/2025\/11\/footer-web-19.webp\" alt=\"Honeywell\" width=\"120\" height=\"120\"><div class=\"isk-name-label\">Honeywell<\/div><\/div>\r\n            <div class=\"isk-logo-circle\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/isk.com.mx\/wp-content\/uploads\/2025\/11\/proveedor-sa.webp\" alt=\"SA Automotive\" width=\"120\" height=\"120\"><div class=\"isk-name-label\">SA Automotive<\/div><\/div>\r\n            <div class=\"isk-logo-circle\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/isk.com.mx\/wp-content\/uploads\/2025\/11\/proveedor-smk.webp\" alt=\"SMK\" width=\"120\" height=\"120\"><div class=\"isk-name-label\">SMK<\/div><\/div>\r\n            <div class=\"isk-logo-circle\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/isk.com.mx\/wp-content\/uploads\/2025\/11\/proveedor-k-flex.webp\" alt=\"K-Flex\" width=\"120\" height=\"120\"><div class=\"isk-name-label\">K-Flex<\/div><\/div>\r\n\r\n            <!-- CLONACI\u00d3N COMPLETA PARA LOOP INFINITO SIN SALTOS (Oculto para lectores de pantalla) -->\r\n            <div class=\"isk-logo-circle\" aria-hidden=\"true\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/isk.com.mx\/wp-content\/uploads\/2026\/03\/Cliente-Hisense.webp\" alt=\"\" width=\"120\" height=\"120\"><div class=\"isk-name-label\">Hisense<\/div><\/div>\r\n            <div class=\"isk-logo-circle\" aria-hidden=\"true\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/isk.com.mx\/wp-content\/uploads\/2026\/03\/Cliente-fabricacionymanufacturas.webp\" alt=\"\" width=\"120\" height=\"120\"><div class=\"isk-name-label\">F&M<\/div><\/div>\r\n            <div class=\"isk-logo-circle\" aria-hidden=\"true\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/isk.com.mx\/wp-content\/uploads\/2026\/03\/cliente-kyomex.webp\" alt=\"\" width=\"120\" height=\"120\"><div class=\"isk-name-label\">Kyomex<\/div><\/div>\r\n            <div class=\"isk-logo-circle\" aria-hidden=\"true\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/isk.com.mx\/wp-content\/uploads\/2026\/03\/cliente-enersys.webp\" alt=\"\" width=\"120\" height=\"120\"><div class=\"isk-name-label\">Enersys<\/div><\/div>\r\n            <div class=\"isk-logo-circle\" aria-hidden=\"true\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/isk.com.mx\/wp-content\/uploads\/2025\/11\/nissan-proveedor.webp\" alt=\"\" width=\"120\" height=\"120\"><div class=\"isk-name-label\">Nissan<\/div><\/div>\r\n            <div class=\"isk-logo-circle\" aria-hidden=\"true\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/isk.com.mx\/wp-content\/uploads\/2025\/11\/proveedor-foxconn.webp\" alt=\"\" width=\"120\" height=\"120\"><div class=\"isk-name-label\">Foxconn<\/div><\/div>\r\n            <div class=\"isk-logo-circle\" aria-hidden=\"true\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/isk.com.mx\/wp-content\/uploads\/2025\/11\/proveedor-forvia.webp\" alt=\"\" width=\"120\" height=\"120\"><div class=\"isk-name-label\">Forvia<\/div><\/div>\r\n            <div class=\"isk-logo-circle\" aria-hidden=\"true\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/isk.com.mx\/wp-content\/uploads\/2025\/11\/proveedor-zeiss.webp\" alt=\"\" width=\"120\" height=\"120\"><div class=\"isk-name-label\">Zeiss<\/div><\/div>\r\n            <div class=\"isk-logo-circle\" aria-hidden=\"true\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/isk.com.mx\/wp-content\/uploads\/2025\/11\/proveedor-buap.webp\" alt=\"\" width=\"120\" height=\"120\"><div class=\"isk-name-label\">BUAP<\/div><\/div>\r\n            <div class=\"isk-logo-circle\" aria-hidden=\"true\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/isk.com.mx\/wp-content\/uploads\/2025\/11\/proveedor-boe.webp\" alt=\"\" width=\"120\" height=\"120\"><div class=\"isk-name-label\">BOE<\/div><\/div>\r\n            <div class=\"isk-logo-circle\" aria-hidden=\"true\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/isk.com.mx\/wp-content\/uploads\/2025\/11\/proveedor-bigcola.webp\" alt=\"\" width=\"120\" height=\"120\"><div class=\"isk-name-label\">Big Cola<\/div><\/div>\r\n            <div class=\"isk-logo-circle\" aria-hidden=\"true\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/isk.com.mx\/wp-content\/uploads\/2025\/11\/proveedor-fata.webp\" alt=\"\" width=\"120\" height=\"120\"><div class=\"isk-name-label\">Fata<\/div><\/div>\r\n            <div class=\"isk-logo-circle\" aria-hidden=\"true\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/isk.com.mx\/wp-content\/uploads\/2025\/11\/proveedor-vertiv.webp\" alt=\"\" width=\"120\" height=\"120\"><div class=\"isk-name-label\">Vertiv<\/div><\/div>\r\n            <div class=\"isk-logo-circle\" aria-hidden=\"true\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/isk.com.mx\/wp-content\/uploads\/2025\/11\/proveedor-TPV.webp\" alt=\"\" width=\"120\" height=\"120\"><div class=\"isk-name-label\">TPV<\/div><\/div>\r\n            <div class=\"isk-logo-circle\" aria-hidden=\"true\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/isk.com.mx\/wp-content\/uploads\/2025\/11\/proveedor-smp.webp\" alt=\"\" width=\"120\" height=\"120\"><div class=\"isk-name-label\">SMP<\/div><\/div>\r\n            <div class=\"isk-logo-circle\" aria-hidden=\"true\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/isk.com.mx\/wp-content\/uploads\/2025\/11\/proveedor-pims.webp\" alt=\"\" width=\"120\" height=\"120\"><div class=\"isk-name-label\">PIMS<\/div><\/div>\r\n            <div class=\"isk-logo-circle\" aria-hidden=\"true\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/isk.com.mx\/wp-content\/uploads\/2025\/11\/proveedor-novares.webp\" alt=\"\" width=\"120\" height=\"120\"><div class=\"isk-name-label\">Novares<\/div><\/div>\r\n            <div class=\"isk-logo-circle\" aria-hidden=\"true\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/isk.com.mx\/wp-content\/uploads\/2025\/11\/proveedor-hutchinson.webp\" alt=\"\" width=\"120\" height=\"120\"><div class=\"isk-name-label\">Hutchinson<\/div><\/div>\r\n            <div class=\"isk-logo-circle\" aria-hidden=\"true\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/isk.com.mx\/wp-content\/uploads\/2025\/11\/footer-web-19.webp\" alt=\"\" width=\"120\" height=\"120\"><div class=\"isk-name-label\">Honeywell<\/div><\/div>\r\n            <div class=\"isk-logo-circle\" aria-hidden=\"true\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/isk.com.mx\/wp-content\/uploads\/2025\/11\/proveedor-sa.webp\" alt=\"\" width=\"120\" height=\"120\"><div class=\"isk-name-label\">SA Automotive<\/div><\/div>\r\n            <div class=\"isk-logo-circle\" aria-hidden=\"true\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/isk.com.mx\/wp-content\/uploads\/2025\/11\/proveedor-smk.webp\" alt=\"\" width=\"120\" height=\"120\"><div class=\"isk-name-label\">SMK<\/div><\/div>\r\n            <div class=\"isk-logo-circle\" aria-hidden=\"true\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/isk.com.mx\/wp-content\/uploads\/2025\/11\/proveedor-k-flex.webp\" alt=\"\" width=\"120\" height=\"120\"><div class=\"isk-name-label\">K-Flex<\/div><\/div>\r\n\r\n        <\/div>\r\n    <\/div>\r\n<\/section>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-2cbe135 e-con-full e-flex e-con e-parent\" data-id=\"2cbe135\" data-element_type=\"container\" data-e-type=\"container\" id=\"conocenos\">\n\t\t\t\t<div class=\"elementor-element elementor-element-a0d51a1 elementor-widget elementor-widget-html\" data-id=\"a0d51a1\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"es\">\r\n<head>\r\n  <meta charset=\"UTF-8\">\r\n  <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n  <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n  <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n  <style>\r\n    \/* Importaci\u00f3n optimizada con font-display incorporado de manera nativa *\/\r\n    @import url('https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@500;700&display=swap&font-display=swap');\r\n\r\n    :root {\r\n      --azul-nuevo: #123561;\r\n      --celeste: #6EC1E4;\r\n      --negro-puro: #1a1a1a; \/* Cambio a negro suavizado para mejorar contraste AAA *\/\r\n      --blanco: #ffffff;\r\n    }\r\n\r\n    body {\r\n      margin: 0;\r\n      padding: 0;\r\n      background-color: var(--blanco);\r\n      font-family: 'Montserrat', sans-serif;\r\n    }\r\n\r\n    \/* --- REGLAS TIPOGR\u00c1FICAS REQUERIDAS --- *\/\r\n    .isk-title,\r\n    .btn-casos {\r\n      font-family: 'Montserrat', sans-serif;\r\n      font-weight: 700; \/* Montserrat 700 bold para t\u00edtulos y llamadas a la acci\u00f3n *\/\r\n    }\r\n\r\n    .isk-description,\r\n    .isk-item {\r\n      font-family: 'Montserrat', sans-serif;\r\n      font-weight: 500; \/* Montserrat 500 medium para bloques de texto y listas *\/\r\n    }\r\n\r\n    \/* --- ESTRUCTURA DE LA SECCI\u00d3N --- *\/\r\n    .isk-full-section {\r\n      width: 100%;\r\n      display: flex;\r\n      flex-wrap: wrap;\r\n      flex-direction: row-reverse; \/* Distribuci\u00f3n invertida para escritorio *\/\r\n      background: var(--blanco);\r\n      box-sizing: border-box;\r\n    }\r\n\r\n    \/* Lado Derecho Visual: Texto *\/\r\n    .isk-content-col {\r\n      flex: 1 1 50%;\r\n      min-width: 50%;\r\n      padding: clamp(50px, 7vw, 90px) 6%;\r\n      display: flex;\r\n      flex-direction: column;\r\n      justify-content: center;\r\n      box-sizing: border-box;\r\n    }\r\n\r\n    .isk-title {\r\n      font-size: clamp(26px, 4vw, 40px);\r\n      color: var(--azul-nuevo);\r\n      margin: 0 0 20px 0;\r\n      line-height: 1.25;\r\n    }\r\n\r\n    .isk-description {\r\n      font-size: 15.5px;\r\n      color: var(--negro-puro);\r\n      line-height: 1.6;\r\n      margin-bottom: 25px;\r\n    }\r\n\r\n    .isk-list {\r\n      list-style: none;\r\n      padding: 0;\r\n      margin: 0 0 35px 0;\r\n    }\r\n\r\n    .isk-item {\r\n      display: flex;\r\n      align-items: center;\r\n      gap: 12px;\r\n      font-size: 15px;\r\n      color: var(--negro-puro);\r\n      margin-bottom: 16px;\r\n    }\r\n\r\n    .check-sticker {\r\n      font-size: 20px;\r\n      display: inline-block;\r\n      animation: checkBounce 3s infinite ease-in-out;\r\n    }\r\n\r\n    @keyframes checkBounce {\r\n      0%, 100% { transform: scale(1); }\r\n      50% { transform: scale(1.15) rotate(5deg); }\r\n    }\r\n\r\n    .btn-casos {\r\n      align-self: flex-start;\r\n      background-color: var(--azul-nuevo);\r\n      color: var(--blanco) !important;\r\n      padding: 16px 42px;\r\n      border-radius: 50px;\r\n      text-decoration: none;\r\n      font-size: 14px;\r\n      letter-spacing: 0.5px;\r\n      transition: background-color 0.3s ease, transform 0.3s ease, box-shadow 0.3s ease;\r\n      box-shadow: 0 8px 24px rgba(18, 53, 97, 0.18);\r\n      text-align: center;\r\n    }\r\n\r\n    .btn-casos:hover,\r\n    .btn-casos:focus {\r\n      background-color: #0d284a;\r\n      transform: translateY(-2px);\r\n      box-shadow: 0 12px 28px rgba(18, 53, 97, 0.25);\r\n      outline: none;\r\n    }\r\n\r\n    \/* Lado Izquierdo Visual: Video *\/\r\n    .isk-video-col {\r\n      flex: 1 1 50%;\r\n      min-width: 50%;\r\n      background: var(--azul-nuevo);\r\n      display: flex;\r\n      justify-content: center;\r\n      align-items: center;\r\n      padding: 60px 5%;\r\n      box-sizing: border-box;\r\n    }\r\n\r\n    .video-container {\r\n      position: relative;\r\n      width: 100%;\r\n      max-width: 620px;\r\n      aspect-ratio: 16 \/ 9;\r\n      box-shadow: 0 25px 55px rgba(0, 0, 0, 0.35);\r\n      border-radius: 16px;\r\n      overflow: hidden;\r\n      border: 3px solid rgba(255, 255, 255, 0.12);\r\n    }\r\n\r\n    .video-container iframe {\r\n      position: absolute;\r\n      top: 0; \r\n      left: 0; \r\n      width: 100%; \r\n      height: 100%;\r\n      border: 0;\r\n    }\r\n\r\n    \/* --- ADAPTACI\u00d3N RESPONSIVA M\u00d3VIL --- *\/\r\n    @media (max-width: 900px) {\r\n      .isk-full-section {\r\n        flex-direction: column; \/* Apilado vertical adaptativo *\/\r\n      }\r\n      \r\n      .isk-content-col {\r\n        min-width: 100%;\r\n        order: 2; \/* Texto abajo en m\u00f3vil para dar prioridad al gancho visual *\/\r\n        padding: 50px 24px;\r\n        text-align: center;\r\n      }\r\n\r\n      .isk-video-col {\r\n        min-width: 100%;\r\n        order: 1; \/* El video se posiciona arriba de manera fluida *\/\r\n        padding: 40px 24px;\r\n      }\r\n\r\n      .isk-item {\r\n        justify-content: center;\r\n        text-align: left;\r\n      }\r\n\r\n      .btn-casos {\r\n        align-self: center;\r\n        width: 100%;\r\n        max-width: 290px;\r\n        box-sizing: border-box;\r\n      }\r\n\r\n      .video-container {\r\n        border-radius: 12px;\r\n      }\r\n    }\r\n  <\/style>\r\n<\/head>\r\n<body data-rsssl=1 data-rsssl=1 data-rsssl=1 data-rsssl=1 data-rsssl=1 data-rsssl=1 data-rsssl=1 data-rsssl=1 data-rsssl=1 data-rsssl=1>\r\n\r\n  <section class=\"isk-full-section\" aria-label=\"Ventajas competitivas de ISK Automation\">\r\n    \r\n    <!-- COLUMNA INFORMATIVA -->\r\n    <div class=\"isk-content-col\">\r\n      <h2 class=\"isk-title\">\u00bfPor qu\u00e9 elegir ISK Automation?<\/h2>\r\n      \r\n      <p class=\"isk-description\">\r\n        En <strong>Grupo ISK<\/strong> nos preocupamos por ofrecer una atenci\u00f3n de calidad; nuestro\r\n        objetivo principal es cumplir con las expectativas del cliente ofreciendo:\r\n      <\/p>\r\n\r\n      <ul class=\"isk-list\">\r\n        <li class=\"isk-item\">\r\n          <span class=\"check-sticker\" aria-hidden=\"true\">\u2705<\/span> \r\n          <span>Atenci\u00f3n personalizada y t\u00e9cnica.<\/span>\r\n        <\/li>\r\n        <li class=\"isk-item\">\r\n          <span class=\"check-sticker\" aria-hidden=\"true\">\u2705<\/span> \r\n          <span>Equipos industriales de alta calidad.<\/span>\r\n        <\/li>\r\n        <li class=\"isk-item\">\r\n          <span class=\"check-sticker\" aria-hidden=\"true\">\u2705<\/span> \r\n          <span>Costos competitivos y accesibles.<\/span>\r\n        <\/li>\r\n        <li class=\"isk-item\">\r\n          <span class=\"check-sticker\" aria-hidden=\"true\">\u2705<\/span> \r\n          <span>Proyectos llave en mano con personal especializado.<\/span>\r\n        <\/li>\r\n      <\/ul>\r\n\r\n      <a href=\"https:\/\/isk.com.mx\/proyectos-destacados\/\" class=\"btn-casos\">Ver casos de \u00e9xito<\/a>\r\n    <\/div>\r\n\r\n    <!-- COLUMNA MULTIMEDIA -->\r\n    <div class=\"isk-video-col\">\r\n      <div class=\"video-container\">\r\n        <!-- Implementaci\u00f3n de carga perezosa para optimizaci\u00f3n de PageSpeed -->\r\n        <iframe \r\n          src=\"https:\/\/www.youtube.com\/embed\/0ta6l9RCHxk\" \r\n          title=\"Video institucional ISK Automation\" \r\n          loading=\"lazy\"\r\n          allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\"\r\n          allowfullscreen>\r\n        <\/iframe>\r\n      <\/div>\r\n    <\/div>\r\n\r\n  <\/section>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-391533c e-con-full e-flex e-con e-parent\" data-id=\"391533c\" data-element_type=\"container\" data-e-type=\"container\" id=\"industrias\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-67afddb elementor-widget elementor-widget-html\" data-id=\"67afddb\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"es\">\r\n<head>\r\n    <meta charset=\"UTF-8\">\r\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n    <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n    <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n    <style>\r\n        \/* Optimizaci\u00f3n de fuente para evitar el salto de texto invisible (FOIT) *\/\r\n        @import url('https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@500;700&display=swap&font-display=swap');\r\n\r\n        :root {\r\n            --azul-fondo: #103059; \r\n            --azul-medio: #0961a4;\r\n            --gris-tecnico: #aeb6b8;\r\n            --celeste-isk: #00A3FF;\r\n            --blanco: #ffffff;\r\n            --sombra-glass: 0 8px 32px 0 rgba(0, 0, 0, 0.3);\r\n        }\r\n\r\n        body { \r\n            margin: 0; \r\n            padding: 0; \r\n            background-color: var(--azul-fondo);\r\n            color: var(--blanco);\r\n            font-family: 'Montserrat', sans-serif;\r\n        }\r\n\r\n        \/* CONFIGURACI\u00d3N TIPOGR\u00c1FICA REQUERIDA *\/\r\n        .isk-header h2,\r\n        .isk-header p,\r\n        .isk-card-industria h3,\r\n        .isk-btn-explorar {\r\n            font-family: 'Montserrat', sans-serif;\r\n            font-weight: 700; \/* Montserrat 700 bold para t\u00edtulos, subt\u00edtulos y llamadas de acci\u00f3n *\/\r\n        }\r\n\r\n        .isk-card-industria p {\r\n            font-family: 'Montserrat', sans-serif;\r\n            font-weight: 500; \/* Montserrat 500 medium para cuerpos de texto y descripciones *\/\r\n        }\r\n\r\n        \/* --- FONDO TECNOL\u00d3GICO INTEGRADO --- *\/\r\n        .isk-industrias-section {\r\n            width: 100%;\r\n            background-color: var(--azul-fondo);\r\n            background-image: radial-gradient(circle at 50% 50%, #1a4a85 0%, var(--azul-fondo) 100%);\r\n            padding: clamp(50px, 8vw, 80px) 0;\r\n            position: relative;\r\n            overflow: hidden;\r\n            display: flex;\r\n            flex-direction: column;\r\n            align-items: center;\r\n            z-index: 1;\r\n            box-sizing: border-box;\r\n        }\r\n\r\n        \/* Capa de Circuitos (L\u00edneas) *\/\r\n        .isk-industrias-section::before {\r\n            content: \"\";\r\n            position: absolute;\r\n            top: 0; left: 0; width: 100%; height: 100%;\r\n            background-image: \r\n                linear-gradient(to right, rgba(9, 97, 164, 0.08) 1px, transparent 1px),\r\n                linear-gradient(to bottom, rgba(9, 97, 164, 0.08) 1px, transparent 1px),\r\n                linear-gradient(90deg, rgba(174, 182, 184, 0.04) 2px, transparent 2px),\r\n                radial-gradient(circle at 10px 10px, var(--azul-medio) 1px, transparent 0);\r\n            background-size: 80px 80px, 80px 80px, 240px 240px, 40px 40px;\r\n            opacity: 0.5;\r\n            z-index: -2;\r\n        }\r\n\r\n        \/* Capa de Nodos Parpadeantes *\/\r\n        .isk-tech-nodes {\r\n            position: absolute;\r\n            top: 0; left: 0; width: 100%; height: 100%;\r\n            background-image: \r\n                radial-gradient(circle at 15% 25%, rgba(0, 163, 255, 0.2) 0%, transparent 8%),\r\n                radial-gradient(circle at 85% 15%, rgba(174, 182, 184, 0.15) 0%, transparent 5%),\r\n                radial-gradient(circle at 30% 75%, rgba(0, 163, 255, 0.2) 0%, transparent 10%),\r\n                radial-gradient(circle at 70% 60%, rgba(9, 97, 164, 0.3) 0%, transparent 6%);\r\n            z-index: -1;\r\n            animation: pulseNodes 8s infinite alternate;\r\n        }\r\n\r\n        @keyframes pulseNodes {\r\n            0% { opacity: 0.4; }\r\n            100% { opacity: 0.8; }\r\n        }\r\n\r\n        \/* --- ESTRUCTURA --- *\/\r\n        .isk-header {\r\n            text-align: center;\r\n            margin-bottom: 50px;\r\n            width: 90%;\r\n            max-width: 800px;\r\n            z-index: 2;\r\n        }\r\n\r\n        .isk-header h2 {\r\n            font-size: clamp(24px, 4vw, 42px);\r\n            color: var(--blanco);\r\n            margin: 0;\r\n            line-height: 1.2;\r\n            text-shadow: 2px 4px 10px rgba(0,0,0,0.5);\r\n        }\r\n\r\n        .isk-header p {\r\n            font-size: clamp(14px, 2vw, 18px);\r\n            color: var(--celeste-isk);\r\n            margin: 12px 0 0 0;\r\n            text-transform: uppercase;\r\n            letter-spacing: 2px;\r\n        }\r\n\r\n        .isk-industrias-grid {\r\n            width: 90%;\r\n            max-width: 1200px;\r\n            display: grid;\r\n            grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\r\n            gap: 30px;\r\n            z-index: 2;\r\n        }\r\n\r\n        \/* ESTRUCTURA SEM\u00c1NTICA CORRECTA: EL ENLACE CONTIENE AL ART\u00cdCULO *\/\r\n        .isk-card-industria {\r\n            background: rgba(255, 255, 255, 0.03); \r\n            border: 1px solid rgba(255, 255, 255, 0.1);\r\n            border-radius: 25px;\r\n            padding: 40px 25px;\r\n            text-align: center;\r\n            transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1), background 0.4s ease, border-color 0.4s ease, box-shadow 0.4s ease;\r\n            backdrop-filter: blur(10px);\r\n            -webkit-backdrop-filter: blur(10px);\r\n            text-decoration: none;\r\n            box-shadow: var(--sombra-glass);\r\n            box-sizing: border-box;\r\n        }\r\n\r\n        .isk-card-industria article {\r\n            display: flex;\r\n            flex-direction: column;\r\n            align-items: center;\r\n            height: 100%;\r\n            justify-content: space-between;\r\n        }\r\n\r\n        .isk-card-industria:hover,\r\n        .isk-card-industria:focus-within {\r\n            transform: translateY(-8px);\r\n            background: rgba(255, 255, 255, 0.07);\r\n            border-color: var(--celeste-isk);\r\n            box-shadow: 0 15px 35px rgba(0, 163, 255, 0.25);\r\n            outline: none;\r\n        }\r\n\r\n        \/* CONTENEDOR CON RELACI\u00d3N DE ASPECTO FIJA PARA IM\u00c1GENES (EVITA CLS) *\/\r\n        .isk-img-container {\r\n            width: 230px;\r\n            aspect-ratio: 1 \/ 1;\r\n            margin-bottom: 25px;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n        }\r\n\r\n        .isk-img-sticker {\r\n            width: 100%;\r\n            height: auto;\r\n            max-height: 100%;\r\n            object-fit: contain;\r\n            filter: drop-shadow(0 0 8px rgba(0, 163, 255, 0.4));\r\n            animation: emojiFloat 3.5s ease-in-out infinite;\r\n        }\r\n\r\n        @keyframes emojiFloat {\r\n            0%, 100% { transform: translateY(0); }\r\n            50% { transform: translateY(-8px); }\r\n        }\r\n\r\n        .isk-card-industria h3 {\r\n            font-size: 22px;\r\n            margin: 0 0 12px 0;\r\n            color: var(--celeste-isk);\r\n            text-transform: uppercase;\r\n            letter-spacing: 0.5px;\r\n        }\r\n\r\n        .isk-card-industria p {\r\n            font-size: 15px;\r\n            line-height: 1.5;\r\n            color: rgba(255, 255, 255, 0.85);\r\n            margin: 0 0 30px 0;\r\n        }\r\n\r\n        .isk-btn-explorar {\r\n            display: inline-block;\r\n            background: transparent;\r\n            border: 1.5px solid var(--celeste-isk);\r\n            color: var(--blanco);\r\n            padding: 10px 28px;\r\n            border-radius: 50px;\r\n            font-size: 12px;\r\n            text-transform: uppercase;\r\n            letter-spacing: 1px;\r\n            transition: background 0.3s ease, color 0.3s ease;\r\n        }\r\n\r\n        .isk-card-industria:hover .isk-btn-explorar,\r\n        .isk-card-industria:focus-within .isk-btn-explorar {\r\n            background: var(--celeste-isk);\r\n            color: var(--azul-fondo);\r\n        }\r\n\r\n        \/* --- RESPONSIVE --- *\/\r\n        @media (max-width: 768px) {\r\n            .isk-industrias-section { padding: 50px 0; }\r\n            .isk-header { margin-bottom: 40px; }\r\n            .isk-industrias-grid { grid-template-columns: 1fr; max-width: 450px; gap: 20px; }\r\n            .isk-card-industria { padding: 35px 20px; }\r\n        }\r\n    <\/style>\r\n<\/head>\r\n<body data-rsssl=1 data-rsssl=1 data-rsssl=1 data-rsssl=1 data-rsssl=1 data-rsssl=1 data-rsssl=1 data-rsssl=1 data-rsssl=1 data-rsssl=1>\r\n\r\n<section class=\"isk-industrias-section\" aria-labelledby=\"titulo-industrias\">\r\n    <div class=\"isk-tech-nodes\"><\/div>\r\n\r\n    <header class=\"isk-header\">\r\n        <h2 id=\"titulo-industrias\">EXPERTOS EN SOLUCIONES INDUSTRIALES<\/h2>\r\n        <p>Innovaci\u00f3n por sector<\/p>\r\n    <\/header>\r\n\r\n    <div class=\"isk-industrias-grid\">\r\n        \r\n        <a href=\"https:\/\/isk.com.mx\/automotriz\/\" class=\"isk-card-industria\" aria-label=\"Explorar soluciones para la industria automotriz\">\r\n            <article>\r\n                <div class=\"isk-img-container\">\r\n                    <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/isk.com.mx\/wp-content\/uploads\/2026\/03\/Industria-automotriz-ISK.webp\" \r\n                         alt=\"Automatizaci\u00f3n en industria automotriz\" \r\n                         class=\"isk-img-sticker\" \r\n                         width=\"230\" height=\"230\"\r\n                         loading=\"lazy\">\r\n                <\/div>\r\n                <h3>Automotriz<\/h3>\r\n                <p>Optimizaci\u00f3n de l\u00edneas de ensamble y celdas rob\u00f3ticas de alta precisi\u00f3n.<\/p>\r\n                <span class=\"isk-btn-explorar\" aria-hidden=\"true\">Ver industria<\/span>\r\n            <\/article>\r\n        <\/a>\r\n\r\n        <a href=\"https:\/\/isk.com.mx\/electronica\/\" class=\"isk-card-industria\" aria-label=\"Explorar soluciones para la industria electr\u00f3nica\">\r\n            <article>\r\n                <div class=\"isk-img-container\">\r\n                    <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/isk.com.mx\/wp-content\/uploads\/2026\/03\/Industria-electronica-ISK.webp\" \r\n                         alt=\"Sistemas de inspecci\u00f3n electr\u00f3nica\" \r\n                         class=\"isk-img-sticker\" \r\n                         width=\"230\" height=\"230\"\r\n                         loading=\"lazy\">\r\n                <\/div>\r\n                <h3>Electr\u00f3nica<\/h3>\r\n                <p>Sistemas Pick & Place e inspecci\u00f3n para componentes de alta sensibilidad.<\/p>\r\n                <span class=\"isk-btn-explorar\" aria-hidden=\"true\">Ver industria<\/span>\r\n            <\/article>\r\n        <\/a>\r\n\r\n        <a href=\"https:\/\/isk.com.mx\/manufactura\/\" class=\"isk-card-industria\" aria-label=\"Explorar soluciones para la industria de manufactura\">\r\n            <article>\r\n                <div class=\"isk-img-container\">\r\n                    <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/isk.com.mx\/wp-content\/uploads\/2026\/03\/Industria-de-manufactura-ISK.webp\" \r\n                         alt=\"Automatizaci\u00f3n para manufactura\" \r\n                         class=\"isk-img-sticker\" \r\n                         width=\"230\" height=\"230\"\r\n                         loading=\"lazy\">\r\n                <\/div>\r\n                <h3>Manufactura<\/h3>\r\n                <p>Automatizaci\u00f3n de procesos para maximizar el rendimiento industrial.<\/p>\r\n                <span class=\"isk-btn-explorar\" aria-hidden=\"true\">Ver industria<\/span>\r\n            <\/article>\r\n        <\/a>\r\n\r\n    <\/div>\r\n<\/section>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-a87df94 e-con-full e-flex e-con e-parent\" data-id=\"a87df94\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-984c879 elementor-widget elementor-widget-html\" data-id=\"984c879\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"es\">\r\n<head>\r\n    <meta charset=\"UTF-8\">\r\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n    <title>Contacto | Automatizaci\u00f3n Industrial<\/title>\r\n    <style>\r\n        \/* Carga de fuentes optimizada con renderizado inmediato *\/\r\n        @import url('https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@500;700&display=swap');\r\n\r\n        .isk-contact-system {\r\n            --azul-isk: #123661;\r\n            --celeste-isk: #00A3FF;\r\n            --blanco: #ffffff;\r\n            --gris-claro: #f4f7f9;\r\n            --azul-etiquetas: #123661; \/* Azul s\u00f3lido de alta visibilidad para textos peque\u00f1os *\/\r\n            display: flex;\r\n            flex-wrap: wrap;\r\n            width: 100%;\r\n            background: var(--blanco);\r\n            font-family: 'Montserrat', sans-serif;\r\n            padding: 80px 5%;\r\n            box-sizing: border-box;\r\n            gap: 40px; \r\n            position: relative;\r\n            overflow: hidden;\r\n        }\r\n\r\n        .isk-contact-system::before {\r\n            content: \"\";\r\n            position: absolute;\r\n            top: 0; left: 0; width: 100%; height: 100%;\r\n            background-image: linear-gradient(rgba(0, 163, 255, 0.08) 1px, transparent 1px), \r\n                              linear-gradient(90deg, rgba(0, 163, 255, 0.08) 1px, transparent 1px);\r\n            background-size: 40px 40px;\r\n            pointer-events: none;\r\n        }\r\n\r\n        .isk-col-left { \r\n            flex: 1.4; \r\n            min-width: 300px; \r\n            z-index: 2; \r\n        }\r\n        \r\n        .isk-col-right { \r\n            flex: 0.8; \r\n            min-width: 300px; \r\n            display: flex; \r\n            flex-direction: column; \r\n            gap: 20px; \r\n            justify-content: center; \r\n            z-index: 2; \r\n        }\r\n\r\n        \/* --- MONTSERRAT 700 BOLD para t\u00edtulos --- *\/\r\n        .isk-col-left h2 {\r\n            color: var(--azul-isk);\r\n            font-weight: 700;\r\n            font-size: clamp(28px, 6vw, 48px);\r\n            margin: 0;\r\n            line-height: 1.1;\r\n            text-transform: uppercase;\r\n        }\r\n\r\n        .isk-subtitle {\r\n            color: var(--celeste-isk);\r\n            font-weight: 700;\r\n            font-size: clamp(12px, 2vw, 18px);\r\n            margin: 15px 0 35px 0;\r\n            display: block;\r\n            text-transform: uppercase;\r\n            letter-spacing: 2px;\r\n        }\r\n\r\n        .card-title {\r\n            color: var(--celeste-isk);\r\n            font-weight: 700;\r\n            font-size: 16px;\r\n            text-transform: uppercase;\r\n            letter-spacing: 1px;\r\n            margin-bottom: 15px;\r\n            display: block;\r\n        }\r\n\r\n        .sticker-label {\r\n            color: var(--azul-isk);\r\n            font-weight: 700;\r\n            font-size: clamp(10px, 2.5vw, 12px);\r\n            text-transform: uppercase;\r\n            letter-spacing: 1px;\r\n            white-space: nowrap;\r\n        }\r\n\r\n        \/* --- CORRECCI\u00d3N DE VISIBILIDAD DE ETIQUETAS --- *\/\r\n        .info-label { \r\n            color: var(--azul-etiquetas); \/* Azul s\u00f3lido sin opacidad *\/\r\n            font-weight: 700; \/* Montserrat 700 Bold *\/\r\n            font-size: 12px; \/* Incrementado para una lectura clara *\/\r\n            text-transform: uppercase; \r\n            letter-spacing: 0.5px;\r\n            margin-bottom: 2px;\r\n            display: block;\r\n        }\r\n\r\n        \/* --- MONTSERRAT 500 MEDIUM para textos continuos --- *\/\r\n        .info-link { \r\n            color: var(--azul-isk);\r\n            font-weight: 500; \r\n            font-size: clamp(13px, 3.5vw, 15px); \r\n            text-decoration: none; \r\n            white-space: nowrap;\r\n            overflow: hidden;\r\n            text-overflow: ellipsis;\r\n            transition: color 0.3s ease;\r\n        }\r\n\r\n        .info-link:hover {\r\n            color: var(--celeste-isk);\r\n        }\r\n\r\n        \/* Contenedores y Mapas *\/\r\n        .isk-map-container {\r\n            position: relative;\r\n            width: 100%;\r\n            height: clamp(300px, 50vh, 500px);\r\n            border-radius: 20px;\r\n            overflow: hidden;\r\n            background: #eef2f5;\r\n            border: 1px solid rgba(0, 163, 255, 0.1);\r\n        }\r\n\r\n        .isk-map-image {\r\n            width: 100%;\r\n            height: 100%;\r\n            background-image: url('https:\/\/isk.com.mx\/wp-content\/uploads\/2026\/03\/Mapa-oficinas-automation-isk.png');\r\n            background-size: contain;\r\n            background-repeat: no-repeat;\r\n            background-position: center;\r\n            transition: transform 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);\r\n        }\r\n\r\n        \/* L\u00edneas de Escaneo con optimizaci\u00f3n de rendimiento *\/\r\n        .scan-line-v, .scan-line-h {\r\n            position: absolute;\r\n            background: linear-gradient(to bottom, transparent, var(--celeste-isk), transparent);\r\n            opacity: 0.4;\r\n            z-index: 5;\r\n            pointer-events: none;\r\n            will-change: transform, left, top;\r\n        }\r\n        \r\n        .scan-line-v { top: 0; left: 0; width: 2px; height: 100%; animation: scanX 6s linear infinite; }\r\n        .scan-line-h { \r\n            top: 0; left: 0; width: 100%; height: 2px; \r\n            background: linear-gradient(to right, transparent, var(--celeste-isk), transparent);\r\n            animation: scanY 6s linear infinite; \r\n        }\r\n\r\n        @keyframes scanX { 0% { left: 0%; } 100% { left: 100%; } }\r\n        @keyframes scanY { 0% { top: 0%; } 100% { top: 100%; } }\r\n\r\n        \/* Tarjetas de Informaci\u00f3n *\/\r\n        .contact-card {\r\n            background: var(--gris-claro);\r\n            border: 1px solid rgba(18, 54, 97, 0.05);\r\n            border-radius: 18px;\r\n            padding: clamp(20px, 4vw, 30px);\r\n            transition: all 0.4s ease;\r\n            position: relative;\r\n        }\r\n\r\n        .contact-card.highlight {\r\n            background: var(--blanco);\r\n            border-color: var(--celeste-isk);\r\n            box-shadow: 0 10px 30px rgba(0, 163, 255, 0.15);\r\n            transform: scale(1.02);\r\n        }\r\n\r\n        .info-row {\r\n            display: flex;\r\n            align-items: center;\r\n            gap: 12px;\r\n            margin-bottom: 12px;\r\n        }\r\n\r\n        .info-icon {\r\n            width: 35px;\r\n            height: 35px;\r\n            background: rgba(0, 163, 255, 0.1);\r\n            border-radius: 8px;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            font-size: 18px;\r\n            flex-shrink: 0;\r\n        }\r\n\r\n        .info-text-box { display: flex; flex-direction: column; overflow: hidden; }\r\n\r\n        .map-node { position: absolute; z-index: 10; transition: 0.3s; }\r\n        .node-tj { top: 18%; left: 10%; }\r\n        .node-pb { top: 72%; left: 56%; }\r\n\r\n        .office-sticker {\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: flex-start;\r\n            gap: 8px;\r\n            background: var(--blanco);\r\n            border-radius: 30px;\r\n            border: 2px solid var(--celeste-isk);\r\n            box-shadow: 0 4px 15px rgba(0, 163, 255, 0.2);\r\n            animation: float 3s ease-in-out infinite;\r\n            padding: 5px 15px 5px 5px;\r\n        }\r\n\r\n        .sticker-emoji {\r\n            width: clamp(35px, 8vw, 45px); \r\n            height: clamp(35px, 8vw, 45px);\r\n            background: var(--gris-claro);\r\n            border-radius: 50%;\r\n            display: flex; align-items: center; justify-content: center;\r\n            font-size: clamp(18px, 4vw, 22px);\r\n        }\r\n\r\n        @keyframes float { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-8px); } }\r\n\r\n        \/* AJUSTE RESPONSIVO *\/\r\n        @media (max-width: 768px) {\r\n            .isk-contact-system { padding: 40px 20px; }\r\n            .isk-col-left, .isk-col-right { flex: 1 1 100%; min-width: 100%; }\r\n            .isk-col-left h2, .isk-subtitle { text-align: center; }\r\n            .info-row { justify-content: flex-start; }\r\n            .contact-card.highlight { transform: none; }\r\n        }\r\n    <\/style>\r\n<\/head>\r\n<body data-rsssl=1 data-rsssl=1 data-rsssl=1 data-rsssl=1 data-rsssl=1 data-rsssl=1 data-rsssl=1 data-rsssl=1 data-rsssl=1 data-rsssl=1>\r\n\r\n<section class=\"isk-contact-system\">\r\n    \r\n    <div class=\"isk-col-left\">\r\n        <h2>Conecta con Nuestro Equipo<\/h2>\r\n        <p class=\"isk-subtitle\">INGENIER\u00cdA INDUSTRIAL MODERNA<\/p>\r\n        \r\n        <div class=\"isk-map-container\" id=\"mapBox\">\r\n            <div class=\"scan-line-v\" id=\"lineV\"><\/div>\r\n            <div class=\"scan-line-h\" id=\"lineH\"><\/div>\r\n            \r\n            <div class=\"isk-map-image\"><\/div>\r\n\r\n            <div class=\"map-node node-tj\" onmouseover=\"lockScan('tj')\" onmouseout=\"unlockScan()\" onclick=\"lockScan('tj')\">\r\n                <div class=\"office-sticker\">\r\n                    <div class=\"sticker-emoji\">\ud83c\udfe2<\/div>\r\n                    <span class=\"sticker-label\">TIJUANA<\/span>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"map-node node-pb\" onmouseover=\"lockScan('pb')\" onmouseout=\"unlockScan()\" onclick=\"lockScan('pb')\">\r\n                <div class=\"office-sticker\">\r\n                    <div class=\"sticker-emoji\">\ud83c\udfed<\/div>\r\n                    <span class=\"sticker-label\">PUEBLA<\/span>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"isk-col-right\">\r\n        <div id=\"card-tj\" class=\"contact-card\">\r\n            <span class=\"card-title\">Oficina Zona Noroeste (TJ)<\/span>\r\n            <div class=\"info-row\">\r\n                <div class=\"info-icon\">\ud83d\udce7<\/div>\r\n                <div class=\"info-text-box\">\r\n                    <span class=\"info-label\">E-mail Corporativo<\/span>\r\n                    <a href=\"mailto:tijuana@isk.com.mx\" class=\"info-link\">tijuana@isk.com.mx<\/a>\r\n                <\/div>\r\n            <\/div>\r\n            <div class=\"info-row\">\r\n                <div class=\"info-icon\">\ud83d\udcde<\/div>\r\n                <div class=\"info-text-box\">\r\n                    <span class=\"info-label\">Tel\u00e9fono Directo<\/span>\r\n                    <a href=\"tel:+526648982660\" class=\"info-link\">+52 (664) 898 26 60<\/a>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <div id=\"card-pb\" class=\"contact-card\">\r\n            <span class=\"card-title\">Oficina Zona Centro (PUE)<\/span>\r\n            <div class=\"info-row\">\r\n                <div class=\"info-icon\">\ud83d\udce7<\/div>\r\n                <div class=\"info-text-box\">\r\n                    <span class=\"info-label\">E-mail Corporativo<\/span>\r\n                    <a href=\"mailto:puebla@automatizacion.isk.mx\" class=\"info-link\">puebla@automatizacion.isk.mx<\/a>\r\n                <\/div>\r\n            <\/div>\r\n            <div class=\"info-row\">\r\n                <div class=\"info-icon\">\ud83d\udcde<\/div>\r\n                <div class=\"info-text-box\">\r\n                    <span class=\"info-label\">Atenci\u00f3n a Clientes<\/span>\r\n                    <a href=\"tel:+526648982660\" class=\"info-link\">+52 (664) 898 26 60<\/a>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n<\/section>\r\n\r\n<script>\r\n    const lineV = document.getElementById('lineV');\r\n    const lineH = document.getElementById('lineH');\r\n\r\n    function lockScan(city) {\r\n        lineV.style.animation = 'none';\r\n        lineH.style.animation = 'none';\r\n        \r\n        if(city === 'tj') {\r\n            lineV.style.left = '14%'; \r\n            lineH.style.top = '24%';\r\n            document.getElementById('card-tj').classList.add('highlight');\r\n            document.getElementById('card-pb').classList.remove('highlight');\r\n        } else {\r\n            lineV.style.left = '60%'; \r\n            lineH.style.top = '78%';\r\n            document.getElementById('card-pb').classList.add('highlight');\r\n            document.getElementById('card-tj').classList.remove('highlight');\r\n        }\r\n        \r\n        lineV.style.opacity = '1';\r\n        lineH.style.opacity = '1';\r\n    }\r\n\r\n    function unlockScan() {\r\n        lineV.style.animation = 'scanX 6s linear infinite';\r\n        lineH.style.animation = 'scanY 6s linear infinite';\r\n        lineV.style.opacity = '0.4';\r\n        lineH.style.opacity = '0.4';\r\n        if (window.innerWidth > 768) {\r\n            document.querySelectorAll('.contact-card').forEach(c => c.classList.remove('highlight'));\r\n        }\r\n    }\r\n<\/script>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-ff0092c e-con-full e-flex e-con e-parent\" data-id=\"ff0092c\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f1cb973 elementor-widget elementor-widget-html\" data-id=\"f1cb973\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n    \/* --- CONTENEDOR PRINCIPAL --- *\/\r\n    .isk-contact-section {\r\n        --azul-oscuro: #103059; \r\n        --celeste-isk: #00A3FF; \r\n        --blanco: #ffffff;\r\n        \r\n        display: flex; \r\n        max-width: 1200px; \r\n        margin: 30px auto;\r\n        background: var(--azul-oscuro); \r\n        border-radius: 8px;\r\n        box-shadow: 0 15px 35px rgba(0,0,0,0.3); \r\n        overflow: hidden; \r\n        position: relative;\r\n    }\r\n\r\n    \/* --- FONDO ANIMADO --- *\/\r\n    .isk-contact-section::before, .isk-contact-section::after {\r\n        content: \"\"; position: absolute; pointer-events: none; z-index: 1;\r\n    }\r\n    .isk-contact-section::before {\r\n        top: -50%; left: -50%; width: 200%; height: 200%;\r\n        background: linear-gradient(rgba(0,163,255,0.04) 1px, transparent 1px), \r\n                    linear-gradient(90deg, rgba(0,163,255,0.04) 1px, transparent 1px);\r\n        background-size: 40px 40px; \r\n        animation: iskGrid 18s linear infinite;\r\n    }\r\n    .isk-contact-section::after {\r\n        inset: 0; \r\n        background: linear-gradient(180deg, transparent 0%, rgba(0,163,255,0.02) 50%, transparent 100%);\r\n    }\r\n    @keyframes iskGrid { \r\n        0% { transform: perspective(500px) rotateX(45deg) translateY(0); } \r\n        100% { transform: perspective(500px) rotateX(45deg) translateY(40px); } \r\n    }\r\n\r\n    \/* --- MAPA --- *\/\r\n    .isk-contact-map-side { flex: 0.8; z-index: 2; background: #0d2545; }\r\n    .isk-contact-map-side iframe { width: 100%; height: 100%; border: 0; min-height: 350px; }\r\n\r\n    \/* --- FORMULARIO Y TEXTOS --- *\/\r\n    .isk-contact-form-side { flex: 1.2; padding: 40px; z-index: 2; display: flex; flex-direction: column; justify-content: center; }\r\n    .isk-contact-form-side h2 { font: 700 24px 'Montserrat', sans-serif; color: var(--blanco); margin: 0 0 5px; text-transform: uppercase; }\r\n    .isk-form-subtitle { font: 700 12px 'Montserrat', sans-serif; color: var(--celeste-isk); text-transform: uppercase; letter-spacing: 1px; margin-bottom: 15px; display: block; }\r\n\r\n    \/* --- CAJA CALL TO ACTION --- *\/\r\n    .isk-cta-box { \r\n        background: rgba(0, 163, 255, 0.1); \r\n        border-left: 4px solid var(--celeste-isk); \r\n        padding: 15px; \r\n        margin-bottom: 25px; \r\n        border-radius: 0 4px 4px 0; \r\n        transition: transform 0.3s ease;\r\n    }\r\n    .isk-cta-box:hover { transform: translateX(5px); }\r\n    .isk-cta-box p { margin: 0; color: var(--blanco); font: 500 14px 'Montserrat', sans-serif; line-height: 1.5; }\r\n    .isk-cta-box strong { color: var(--celeste-isk); font: 700 14px 'Montserrat', sans-serif; }\r\n\r\n    \/* --- INPUTS --- *\/\r\n    .isk-input-group { margin-bottom: 15px; width: 100%; }\r\n    .isk-input-group label { display: block; font: 700 11px 'Montserrat', sans-serif; color: var(--blanco); margin-bottom: 5px; text-transform: uppercase; }\r\n    .isk-input-group input, .isk-input-group select, .isk-input-group textarea {\r\n        width: 100%; padding: 12px; font: 500 15px 'Montserrat', sans-serif; color: var(--blanco);\r\n        background: rgba(18,54,97,0.4); border: 1px solid rgba(255,255,255,0.18); border-radius: 4px; transition: 0.3s;\r\n    }\r\n    .isk-input-group textarea { min-height: 80px; resize: vertical; }\r\n    .isk-input-group input:focus, .isk-input-group textarea:focus, .isk-input-group select:focus { \r\n        outline: none; border-color: var(--celeste-isk); background: rgba(18,54,97,0.8); box-shadow: 0 0 10px rgba(0,163,255,0.2); \r\n    }\r\n\r\n    \/* --- BOT\u00d3N ENVIAR --- *\/\r\n    .isk-form-submit-btn {\r\n        background: linear-gradient(90deg, #1279ca, #0961a4); border: none; color: var(--blanco);\r\n        padding: 12px 30px; border-radius: 4px 20px 20px 4px; font: 700 13px 'Montserrat', sans-serif; text-transform: uppercase;\r\n        cursor: pointer; transition: 0.3s; display: inline-block; box-shadow: 0 4px 12px rgba(0,163,255,0.2);\r\n        margin-top: 10px;\r\n    }\r\n    .isk-form-submit-btn:hover { transform: translateX(5px); background: var(--celeste-isk); }\r\n\r\n    \/* --- RESPONSIVE --- *\/\r\n    @media (max-width: 991px) { .isk-contact-section { flex-direction: column; } .isk-contact-map-side iframe { min-height: 300px; } }\r\n<\/style>\r\n\r\n<section class=\"isk-contact-section\">\r\n    <div class=\"isk-contact-map-side\">\r\n        <iframe src=\"https:\/\/www.google.com\/maps\/embed?pb=!1m18!1m12!1m3!1d3365.1729094776106!2d-116.96962322350702!3d32.49479359873919!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x80d93836fc3ca851%3A0xc6be7f1138b3353e!2sC.%20Benito%20Ju%C3%A1rez%202000%2C%20Jos%C3%A9%20Sandoval%2C%2022105%20Tijuana%2C%20B.C.!5e0!3m2!1ses-419!2smx!4v1714000000000!5m2!1ses-419!2smx\" allowfullscreen=\"\" loading=\"lazy\" referrerpolicy=\"no-referrer-when-downgrade\"><\/iframe>\r\n    <\/div>\r\n\r\n    <div class=\"isk-contact-form-side\">\r\n        <h2>Contacto de Ingenier\u00eda<\/h2>\r\n        <span class=\"isk-form-subtitle\">Automation & Soluciones Industriales<\/span>\r\n\r\n        <!-- CALL TO ACTION -->\r\n        <div class=\"isk-cta-box\">\r\n            <p>\u00bfListo para llevar tu manufactura al siguiente nivel? <strong>D\u00e9janos tus datos<\/strong> y un experto en automatizaci\u00f3n evaluar\u00e1 tu proyecto sin compromiso.<\/p>\r\n        <\/div>\r\n\r\n\n<div class=\"wpcf7 no-js\" id=\"wpcf7-f2231-o1\" lang=\"es-MX\" dir=\"ltr\" data-wpcf7-id=\"2231\">\n<div class=\"screen-reader-response\"><p role=\"status\" aria-live=\"polite\" aria-atomic=\"true\"><\/p> <ul><\/ul><\/div>\n<form action=\"\/en\/wp-json\/wp\/v2\/pages\/47#wpcf7-f2231-o1\" method=\"post\" class=\"wpcf7-form init\" aria-label=\"Formulario de contacto\" novalidate=\"novalidate\" data-status=\"init\">\n<fieldset class=\"hidden-fields-container\"><input type=\"hidden\" name=\"_wpcf7\" value=\"2231\" \/><input type=\"hidden\" name=\"_wpcf7_version\" value=\"6.1.7\" \/><input type=\"hidden\" name=\"_wpcf7_locale\" value=\"es_MX\" \/><input type=\"hidden\" name=\"_wpcf7_unit_tag\" value=\"wpcf7-f2231-o1\" \/><input type=\"hidden\" name=\"_wpcf7_container_post\" value=\"0\" \/><input type=\"hidden\" name=\"_wpcf7_posted_data_hash\" value=\"\" \/>\n<\/fieldset>\n<div class=\"isk-input-group\">\n\t<p><label>Name *<\/label><br \/>\n<span class=\"wpcf7-form-control-wrap\" data-name=\"your-name\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-text wpcf7-validates-as-required\" aria-required=\"true\" aria-invalid=\"false\" placeholder=\"Ej. Ing. Roberto S\u00e1nchez\" value=\"\" type=\"text\" name=\"your-name\" \/><\/span>\n\t<\/p>\n<\/div>\n<div class=\"isk-input-group\">\n\t<p><label>Email*<\/label><br \/>\n<span class=\"wpcf7-form-control-wrap\" data-name=\"your-email\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-email wpcf7-validates-as-required wpcf7-text wpcf7-validates-as-email\" aria-required=\"true\" aria-invalid=\"false\" placeholder=\"correo@ejemplo.com\" value=\"\" type=\"email\" name=\"your-email\" \/><\/span>\n\t<\/p>\n<\/div>\n<div class=\"isk-input-group\">\n\t<p><label>Phone*<\/label><br \/>\n<span class=\"wpcf7-form-control-wrap\" data-name=\"tel-452\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-tel wpcf7-text wpcf7-validates-as-tel\" aria-invalid=\"false\" value=\"Phone number\" type=\"tel\" name=\"tel-452\" \/><\/span>\n\t<\/p>\n<\/div>\n<div class=\"isk-form-btn-container\">\n\t<div class=\"isk-btn-wrapper-relative\">\n\t\t<p><input class=\"wpcf7-form-control wpcf7-submit has-spinner isk-form-submit-btn\" type=\"submit\" value=\"Send Message\" \/>\n\t\t<\/p>\n\t<\/div>\n<\/div><div class=\"wpcf7-response-output\" aria-hidden=\"true\"><\/div>\n<\/form>\n<\/div>\n    <\/div>\r\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-ef3d5c0 e-con-full e-flex e-con e-parent\" data-id=\"ef3d5c0\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b92e599 elementor-widget elementor-widget-html\" data-id=\"b92e599\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"es\">\r\n<head>\r\n    <meta charset=\"UTF-8\">\r\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n    <title>Footer Premium Pro Animado | ISK Automation<\/title>\r\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@500;700&display=swap\" rel=\"stylesheet\">\r\n    <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.0.0\/css\/all.min.css\">\r\n    <style>\r\n        :root {\r\n            --azul-isk: #123661;\r\n            --azul-oscuro: #103059; \r\n            --celeste-isk: #00A3FF;\r\n            --gris-accion: #aeb6b8; \r\n            --azul-btn-contacto: #0961a4; \r\n            --blanco: #ffffff;\r\n            --texto-muted: rgba(255, 255, 255, 0.8);\r\n            \r\n            \/* NUEVOS COLORES PARA BOT\u00d3N DE VENTA ROJO *\/\r\n            --rojo-puro: #FF0000;\r\n            --rojo-oscuro: #D40000;\r\n            --azul-click: #0a2342; \/* Color profundo para el estado activo\/clic *\/\r\n        }\r\n\r\n        \/* FONDO DIN\u00c1MICO 3D CON PERSPECTIVA *\/\r\n        .isk-footer-premium {\r\n            background-color: var(--azul-oscuro);\r\n            color: var(--blanco);\r\n            font-family: 'Montserrat', sans-serif;\r\n            font-weight: 500;\r\n            padding: 80px 0 30px;\r\n            position: relative;\r\n            overflow: hidden;\r\n            border-top: 4px solid var(--celeste-isk);\r\n        }\r\n\r\n        .isk-footer-premium::before {\r\n            content: \"\";\r\n            position: absolute;\r\n            top: -50%;\r\n            left: -50%;\r\n            width: 200%;\r\n            height: 200%;\r\n            background-image: \r\n                linear-gradient(rgba(0, 163, 255, 0.1) 1px, transparent 1px),\r\n                linear-gradient(90deg, rgba(0, 163, 255, 0.1) 1px, transparent 1px);\r\n            background-size: 50px 50px;\r\n            transform: perspective(500px) rotateX(45deg);\r\n            animation: gridMove 15s linear infinite;\r\n            z-index: 1;\r\n            will-change: transform; \/* Optimizaci\u00f3n WPO para GPU *\/\r\n        }\r\n\r\n        .isk-footer-premium::after {\r\n            content: \"\";\r\n            position: absolute;\r\n            top: 0;\r\n            left: 0;\r\n            width: 100%;\r\n            height: 100%;\r\n            background: \r\n                linear-gradient(180deg, transparent 0%, rgba(0, 163, 255, 0.05) 50%, transparent 100%),\r\n                radial-gradient(circle at 20% 30%, rgba(0, 163, 255, 0.1) 0%, transparent 10%),\r\n                radial-gradient(circle at 80% 70%, rgba(0, 163, 255, 0.1) 0%, transparent 10%);\r\n            animation: scanline 8s ease-in-out infinite, spark 4s ease-in-out infinite alternate;\r\n            z-index: 1;\r\n        }\r\n\r\n        @keyframes gridMove {\r\n            from { transform: perspective(500px) rotateX(45deg) translateY(0); }\r\n            to { transform: perspective(500px) rotateX(45deg) translateY(50px); }\r\n        }\r\n\r\n        @keyframes scanline {\r\n            0% { transform: translateY(-100%); }\r\n            100% { transform: translateY(100%); }\r\n        }\r\n\r\n        @keyframes spark {\r\n            0%, 100% { opacity: 0.3; }\r\n            50% { opacity: 0.8; filter: brightness(1.5); }\r\n        }\r\n\r\n        @keyframes floating {\r\n            0% { transform: translateY(0px); }\r\n            50% { transform: translateY(-10px); }\r\n            100% { transform: translateY(0px); }\r\n        }\r\n\r\n        \/* Animaci\u00f3n especial para el bot\u00f3n de venta *\/\r\n        @keyframes floating-sale {\r\n            0% { transform: translateY(0px) scale(1); }\r\n            50% { transform: translateY(-12px) scale(1.02); }\r\n            100% { transform: translateY(0px) scale(1); }\r\n        }\r\n\r\n        .footer-wrapper {\r\n            max-width: 1400px;\r\n            margin: 0 auto;\r\n            padding: 0 4%;\r\n            display: grid;\r\n            grid-template-columns: 1.5fr 1fr 1fr 1fr 1.3fr;\r\n            gap: 40px;\r\n            position: relative;\r\n            z-index: 2;\r\n        }\r\n\r\n        .brand-col {\r\n            display: flex;\r\n            flex-direction: column;\r\n            align-items: center; \r\n            text-align: center;\r\n        }\r\n\r\n        .brand-col .logo-footer {\r\n            max-width: 230px; \r\n            height: auto;\r\n            margin-bottom: 25px;\r\n            filter: drop-shadow(0 0 15px rgba(0, 163, 255, 0.4));\r\n            animation: floating 4s ease-in-out infinite;\r\n        }\r\n\r\n        \/* --- MONTSERRAT 500 MEDIUM para Textos de P\u00e1rrafo --- *\/\r\n        .brand-col p {\r\n            font-size: 13.5px;\r\n            font-weight: 500;\r\n            line-height: 1.8;\r\n            color: var(--texto-muted);\r\n            text-align: justify; \r\n            margin-bottom: 25px;\r\n            width: 100%;\r\n        }\r\n\r\n        .brand-col p strong {\r\n            color: #ffffff;\r\n            font-weight: 700;\r\n        }\r\n\r\n        \/* --- MONTSERRAT 700 BOLD para T\u00edtulos --- *\/\r\n        .footer-title {\r\n            font-size: 16px;\r\n            font-weight: 700;\r\n            margin-bottom: 30px;\r\n            color: var(--blanco);\r\n            text-transform: uppercase;\r\n            letter-spacing: 1px;\r\n            border-left: 3px solid var(--celeste-isk);\r\n            padding-left: 10px;\r\n        }\r\n\r\n        .nav-links {\r\n            list-style: none;\r\n            padding: 0;\r\n            margin: 0;\r\n        }\r\n\r\n        .nav-links li { margin-bottom: 12px; }\r\n\r\n        \/* --- MONTSERRAT 500 MEDIUM para Enlaces --- *\/\r\n        .nav-links a {\r\n            color: var(--texto-muted);\r\n            text-decoration: none;\r\n            font-size: 14px;\r\n            font-weight: 500;\r\n            transition: color 0.3s ease, transform 0.3s ease;\r\n            display: inline-block;\r\n        }\r\n\r\n        .nav-links a:hover {\r\n            color: var(--celeste-isk);\r\n            transform: translateX(5px);\r\n        }\r\n\r\n        .actions-col {\r\n            display: flex;\r\n            flex-direction: column;\r\n            gap: 13px;\r\n        }\r\n\r\n        \/* --- MONTSERRAT 500 MEDIUM para Botones Generales --- *\/\r\n        .action-btn {\r\n            background: linear-gradient(90deg, #1e4b82 0%, var(--azul-isk) 100%);\r\n            border: 1px solid rgba(255,255,255,0.1);\r\n            color: var(--blanco);\r\n            text-decoration: none;\r\n            padding: 16px 20px;\r\n            border-radius: 4px 30px 30px 4px;\r\n            font-weight: 500;\r\n            font-size: 14px;\r\n            display: flex;\r\n            justify-content: space-between;\r\n            align-items: center;\r\n            transition: all 0.4s ease;\r\n            text-transform: uppercase;\r\n            backdrop-filter: blur(5px);\r\n            animation: floating 4s ease-in-out infinite;\r\n            -webkit-tap-highlight-color: transparent;\r\n        }\r\n\r\n        .action-btn.btn-feedback {\r\n            background: linear-gradient(90deg, #1279ca 0%, var(--azul-btn-contacto) 100%);\r\n            border: none;\r\n            animation-delay: 0.5s;\r\n        }\r\n\r\n        \/* --- BOT\u00d3N DE VENTA (Montserrat 700 Bold para Resaltado) --- *\/\r\n        .action-btn.btn-venta {\r\n            background: linear-gradient(90deg, var(--rojo-puro) 0%, var(--rojo-oscuro) 100%);\r\n            border: none;\r\n            color: var(--blanco) !important;\r\n            font-weight: 700;\r\n            animation: floating-sale 3s ease-in-out infinite;\r\n            box-shadow: 0 4px 25px rgba(255, 0, 0, 0.5);\r\n            border: 1px solid rgba(255,255,255,0.2);\r\n        }\r\n\r\n        @media (hover: hover) {\r\n            .action-btn.btn-venta:hover {\r\n                background: linear-gradient(90deg, #ff4d4d 0%, #ff0000 100%) !important;\r\n                box-shadow: 0 8px 35px rgba(255, 255, 255, 0.7);\r\n                color: var(--blanco) !important;\r\n            }\r\n        }\r\n\r\n        .action-btn.btn-venta:active {\r\n            background: var(--azul-click) !important; \r\n            color: var(--blanco) !important; \r\n            transform: scale(0.95) translateY(0) !important; \r\n            box-shadow: 0 0 40px rgba(0, 163, 255, 1) !important; \r\n            transition: all 0.1s ease-out; \r\n            animation-play-state: paused; \r\n        }\r\n\r\n        @media (hover: none) {\r\n            .action-btn.btn-venta:active {\r\n                background: var(--azul-click) !important;\r\n                color: var(--blanco) !important;\r\n                box-shadow: 0 0 40px rgba(0, 163, 255, 1) !important;\r\n            }\r\n        }\r\n\r\n        .action-btn.primary {\r\n            background: linear-gradient(90deg, #c7ced0 0%, var(--gris-accion) 100%);\r\n            border: none;\r\n            color: var(--azul-isk);\r\n            font-weight: 700;\r\n            animation-delay: 1s;\r\n        }\r\n\r\n        .action-btn:hover {\r\n            transform: translateX(8px) scale(1.05);\r\n            background: var(--celeste-isk) !important;\r\n            color: var(--blanco) !important;\r\n            box-shadow: 0 5px 25px rgba(0, 163, 255, 0.6);\r\n            animation-play-state: paused;\r\n        }\r\n\r\n        .social-row { \r\n            display: flex; \r\n            gap: 15px; \r\n            margin-top: 20px; \r\n        }\r\n\r\n        .social-circle {\r\n            width: 45px; \r\n            height: 45px;\r\n            background: rgba(255,255,255,0.08);\r\n            border: 1px solid rgba(255,255,255,0.1);\r\n            border-radius: 50%;\r\n            display: flex; align-items: center; justify-content: center;\r\n            color: var(--blanco); \r\n            text-decoration: none; transition: background-color 0.3s, transform 0.3s, border-color 0.3s;\r\n            font-size: 18px; \r\n            animation: floating 3.5s ease-in-out infinite;\r\n        }\r\n\r\n        .social-circle:hover { \r\n            background: var(--celeste-isk); \r\n            transform: translateY(-5px) rotate(360deg); \r\n            border-color: var(--celeste-isk);\r\n            color: var(--blanco) !important;\r\n            animation-play-state: paused;\r\n        }\r\n\r\n        .footer-bottom {\r\n            border-top: 1px solid rgba(255,255,255,0.1);\r\n            margin-top: 60px;\r\n            padding-top: 30px;\r\n            position: relative;\r\n            z-index: 2;\r\n        }\r\n\r\n        .info-bar {\r\n            max-width: 1400px;\r\n            margin: 0 auto;\r\n            display: flex;\r\n            justify-content: center;\r\n            gap: 40px;\r\n            flex-wrap: wrap;\r\n            font-style: normal;\r\n        }\r\n\r\n        \/* --- MONTSERRAT 500 MEDIUM para datos informativos de barra inferior --- *\/\r\n        .info-item {\r\n            display: flex; align-items: center; gap: 8px;\r\n            font-size: 13px; \r\n            font-weight: 500;\r\n            color: var(--texto-muted);\r\n        }\r\n\r\n        .info-item i { color: var(--celeste-isk); }\r\n\r\n        \/* Media Queries Responsivas *\/\r\n        @media (max-width: 1100px) {\r\n            .footer-wrapper { grid-template-columns: repeat(2, 1fr); }\r\n            .brand-col, .actions-col { grid-column: span 2; }\r\n        }\r\n\r\n        @media (max-width: 768px) {\r\n            .footer-wrapper { gap: 30px; }\r\n            .info-bar { gap: 20px; }\r\n        }\r\n\r\n        @media (max-width: 650px) {\r\n            .isk-footer-premium { padding: 50px 0 30px; }\r\n            .footer-wrapper { grid-template-columns: 1fr; text-align: center; }\r\n            .brand-col, .actions-col { grid-column: span 1; }\r\n            .footer-title { border-left: none; border-bottom: 2px solid var(--celeste-isk); display: inline-block; padding: 0 10px 5px; margin-bottom: 20px; }\r\n            .info-bar { flex-direction: column; align-items: center; gap: 15px; }\r\n            .action-btn { border-radius: 30px; padding: 14px 18px; }\r\n            .brand-col p { text-align: center; font-size: 13px; }\r\n            .social-row { justify-content: center; }\r\n        }\r\n    <\/style>\r\n<\/head>\r\n<body data-rsssl=1 data-rsssl=1 data-rsssl=1 data-rsssl=1 data-rsssl=1 data-rsssl=1 data-rsssl=1 data-rsssl=1 data-rsssl=1 data-rsssl=1>\r\n\r\n<footer class=\"isk-footer-premium\">\r\n    <div class=\"footer-wrapper\">\r\n        \r\n        <!-- Secci\u00f3n de Marca con Palabras Clave de Tijuana Integradas Organicamente -->\r\n        <div class=\"brand-col\">\r\n            <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/isk.com.mx\/wp-content\/uploads\/2025\/10\/footer-web.webp\" alt=\"Automation ISK - Empresa de Automatizaci\u00f3n Industrial en Tijuana\" class=\"logo-footer\" width=\"230\" height=\"80\">\r\n            <p>\r\n                <strong>Automation ISK<\/strong> es una <strong>empresa de automatizaci\u00f3n industrial<\/strong> en Tijuana especializada en <strong>servicios de ingenier\u00eda en automatizaci\u00f3n<\/strong>, integraci\u00f3n de <strong>robots FANUC<\/strong>, <strong>celdas de atornillado para PCB<\/strong>, <strong>sistemas de ensamble automotriz<\/strong>, <strong>conveyors industriales<\/strong>, <strong>poka yoke<\/strong> y <strong>tableros de control el\u00e9ctrico<\/strong>. Desde Baja California, impulsamos la eficiencia global con soluciones de ingenier\u00eda de precisi\u00f3n para los sectores m\u00e1s exigentes.\r\n            <\/p>\r\n            <div class=\"social-row\">\r\n                <a href=\"https:\/\/www.facebook.com\/ISKautomation\" class=\"social-circle\" target=\"_blank\" rel=\"noopener\" aria-label=\"Facebook de ISK Automation\"><i class=\"fab fa-facebook-f\"><\/i><\/a>\r\n                <a href=\"https:\/\/www.linkedin.com\/company\/automation-isk\/\" class=\"social-circle\" target=\"_blank\" rel=\"noopener\" aria-label=\"LinkedIn de ISK Automation\"><i class=\"fab fa-linkedin-in\"><\/i><\/a>\r\n                <a href=\"https:\/\/www.youtube.com\/@AutomationISK\" class=\"social-circle\" target=\"_blank\" rel=\"noopener\" aria-label=\"YouTube de ISK Automation\"><i class=\"fab fa-youtube\"><\/i><\/a>\r\n                <a href=\"https:\/\/www.tiktok.com\/@automation.isk\" class=\"social-circle\" target=\"_blank\" rel=\"noopener\" aria-label=\"TikTok de ISK Automation\"><i class=\"fab fa-tiktok\"><\/i><\/a>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <!-- Navegaci\u00f3n de Enlaces (SEO Sem\u00e1ntico con aria-label) -->\r\n        <nav aria-label=\"Enlaces de Documentaci\u00f3n\">\r\n            <h4 class=\"footer-title\">Documentaci\u00f3n<\/h4>\r\n            <ul class=\"nav-links\">\r\n                <li><a href=\"https:\/\/drive.google.com\/file\/d\/1dvbsOKau8txumQKBs22grhC8CALKy4Bl\/view?usp=sharing\" target=\"_blank\" rel=\"noopener\">Materiales de Control<\/a><\/li>\r\n                <li><a href=\"#\">Pick and Place<\/a><\/li>\r\n                <li><a href=\"https:\/\/drive.google.com\/file\/d\/1OI0a9JYJx60FDGYGgTso-FJVWydsqOBO\/view?usp=sharing\" target=\"_blank\" rel=\"noopener\">Sistemas Contra Incendios<\/a><\/li>\r\n            <\/ul>\r\n        <\/nav>\r\n\r\n        <nav aria-label=\"Enlaces de Maquinaria comercial\">\r\n            <h4 class=\"footer-title\">Maquinaria<\/h4>\r\n            <ul class=\"nav-links\">\r\n                <li><a href=\"https:\/\/isk.mx\/venta-robots-industriales\/\" target=\"_blank\" rel=\"noopener\">Robots Industriales<\/a><\/li>\r\n                <li><a href=\"https:\/\/isk.mx\/venta-maquinaria-cnc\/\" target=\"_blank\" rel=\"noopener\">Maquinaria CNC<\/a><\/li>\r\n                <li><a href=\"https:\/\/isk.com.mx\/conveyors-industriales\/\" target=\"_blank\" rel=\"noopener\">Sistemas de Conveyors<\/a><\/li>\r\n                <li><a href=\"https:\/\/isk.mx\/venta-estampado-y-corte\/\" target=\"_blank\" rel=\"noopener\">Estampado y Corte<\/a><\/li>\r\n            <\/ul>\r\n        <\/nav>\r\n\r\n        <nav aria-label=\"Enlaces de Sectores industriales\">\r\n            <h4 class=\"footer-title\">Sectores<\/h4>\r\n            <ul class=\"nav-links\">\r\n                <li><a href=\"https:\/\/isk.com.mx\/automotriz\/\" target=\"_blank\" rel=\"noopener\">Automotriz<\/a><\/li>\r\n                <li><a href=\"https:\/\/isk.com.mx\/electronica\/\" target=\"_blank\" rel=\"noopener\">Electr\u00f3nica<\/a><\/li>\r\n                <li><a href=\"https:\/\/isk.com.mx\/manufactura\/\" target=\"_blank\" rel=\"noopener\">Manufactura<\/a><\/li>\r\n            <\/ul>\r\n        <\/nav>\r\n\r\n        <!-- Columna de Botones de Acci\u00f3n Directa -->\r\n        <div class=\"actions-col\">\r\n            <h4 class=\"footer-title\">Contacto Directo<\/h4>\r\n            \r\n            <a href=\"https:\/\/wa.me\/526648982660\" class=\"action-btn btn-feedback\" target=\"_blank\" rel=\"noopener\">\r\n                <span>Retroalimentaci\u00f3n<\/span>\r\n                <i class=\"fab fa-whatsapp\"><\/i>\r\n            <\/a>\r\n\r\n            <a href=\"https:\/\/isk.mx\" class=\"action-btn btn-venta\" target=\"_blank\" rel=\"noopener\">\r\n                <span>Venta de Equipos<\/span>\r\n                <i class=\"fas fa-microchip\"><\/i>\r\n            <\/a>\r\n\r\n            <a href=\"mailto:jose.flores@isk.com.mx,tijuana@isk.com.mx?subject=Solicitud%20de%20Cotizaci%C3%B3n\" class=\"action-btn primary\">\r\n                <span>Solicitar Cotizaci\u00f3n<\/span>\r\n                <i class=\"fas fa-envelope-open-text\"><\/i>\r\n            <\/a>\r\n        <\/div>\r\n\r\n    <\/div>\r\n\r\n    <!-- Barra Inferior de Datos de Contacto Directo -->\r\n    <div class=\"footer-bottom\">\r\n        <address class=\"info-bar\">\r\n            <div class=\"info-item\"><i class=\"fas fa-phone-alt\"><\/i> +52 664-898-2660<\/div>\r\n            <div class=\"info-item\"><i class=\"fas fa-envelope\"><\/i> tijuana@isk.com.mx<\/div>\r\n            <div class=\"info-item\"><i class=\"fas fa-map-marker-alt\"><\/i> Tijuana, Baja California, M\u00e9xico<\/div>\r\n            <div class=\"info-item\"><i class=\"far fa-clock\"><\/i> Lun - Vie: 8AM - 5PM<\/div>\r\n        <\/address>\r\n    <\/div>\r\n<\/footer>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>\u00bfYa conocesAutomation ISK? Ingenier\u00eda inteligente para la industria moderna Descubrir soluciones Automatizaci\u00f3nIndustrial Optimiza procesos con tecnolog\u00eda avanzada Ver tecnolog\u00eda Monitoreoy Control Datos en tiempo real para decisiones reales Explorar sistema Ingenier\u00edaEspecializada Dise\u00f1o e integraci\u00f3n de sistemas de vanguardia Ver servicios Industria 4.0 Soluciones integrales para el futuro de tu planta Conocer m\u00e1s \ud83e\udd16 Automatizaci\u00f3n ver&#8230;<\/p>","protected":false},"author":1,"featured_media":1598,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_kadence_starter_templates_imported_post":false,"_kad_post_transparent":"default","_kad_post_title":"hide","_kad_post_layout":"fullwidth","_kad_post_sidebar_id":"default","_kad_post_content_style":"unboxed","_kad_post_vertical_padding":"top","_kad_post_feature":"hide","_kad_post_feature_position":"","_kad_post_header":false,"_kad_post_footer":false,"_kad_post_classname":"","footnotes":""},"class_list":["post-47","page","type-page","status-publish","has-post-thumbnail","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v28.3 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Automatizaci\u00f3n Industrial | ISK Automation M\u00e9xico<\/title>\n<meta name=\"description\" content=\"Soluciones l\u00edderes en Automatizaci\u00f3n Industrial en M\u00e9xico. Integraci\u00f3n de robots FANUC, celdas de paletizado y dise\u00f1o de sistemas inteligentes para tu planta.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/isk.com.mx\/en\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Automatizaci\u00f3n Industrial | ISK Automation M\u00e9xico\" \/>\n<meta property=\"og:description\" content=\"Soluciones l\u00edderes en Automatizaci\u00f3n Industrial en M\u00e9xico. Integraci\u00f3n de robots FANUC, celdas de paletizado y dise\u00f1o de sistemas inteligentes para tu planta.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/isk.com.mx\/en\/\" \/>\n<meta property=\"og:site_name\" content=\"Automation ISK\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/ISKautomation\" \/>\n<meta property=\"article:modified_time\" content=\"2026-08-20T00:58:59+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/isk.com.mx\/wp-content\/uploads\/2026\/04\/team-isk-ingenieros.webp\" \/>\n\t<meta property=\"og:image:width\" content=\"1920\" \/>\n\t<meta property=\"og:image:height\" content=\"1079\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/webp\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/isk.com.mx\\\/\",\"url\":\"https:\\\/\\\/isk.com.mx\\\/\",\"name\":\"Automatizaci\u00f3n Industrial | ISK Automation M\u00e9xico\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/isk.com.mx\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/isk.com.mx\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/isk.com.mx\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/isk.com.mx\\\/wp-content\\\/uploads\\\/2026\\\/04\\\/team-isk-ingenieros.webp\",\"datePublished\":\"2025-09-01T23:15:34+00:00\",\"dateModified\":\"2026-08-20T00:58:59+00:00\",\"description\":\"Soluciones l\u00edderes en Automatizaci\u00f3n Industrial en M\u00e9xico. Integraci\u00f3n de robots FANUC, celdas de paletizado y dise\u00f1o de sistemas inteligentes para tu planta.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/isk.com.mx\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/isk.com.mx\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/isk.com.mx\\\/#primaryimage\",\"url\":\"https:\\\/\\\/isk.com.mx\\\/wp-content\\\/uploads\\\/2026\\\/04\\\/team-isk-ingenieros.webp\",\"contentUrl\":\"https:\\\/\\\/isk.com.mx\\\/wp-content\\\/uploads\\\/2026\\\/04\\\/team-isk-ingenieros.webp\",\"width\":1920,\"height\":1079,\"caption\":\"Ingenieros y especialistas en automatizaci\u00f3n industrial de Automation ISK.\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/isk.com.mx\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/isk.com.mx\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"INICIO\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/isk.com.mx\\\/#website\",\"url\":\"https:\\\/\\\/isk.com.mx\\\/\",\"name\":\"Automation ISK\",\"description\":\"\ud835\udde6\ud835\uddfc\ud835\uddf9\ud835\ude02\ud835\uddf0\ud835\uddf6\ud835\uddfc\ud835\uddfb\ud835\uddf2\ud835\ude00 \ud835\udddc\ud835\uddfb\ud835\uddf1\ud835\ude02\ud835\ude00\ud835\ude01\ud835\uddff\ud835\uddf6\ud835\uddee\ud835\uddf9\ud835\uddf2\ud835\ude00\",\"publisher\":{\"@id\":\"https:\\\/\\\/isk.com.mx\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/isk.com.mx\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/isk.com.mx\\\/#organization\",\"name\":\"Ingenier\u00eda y Control Industrial ISK\",\"url\":\"https:\\\/\\\/isk.com.mx\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/isk.com.mx\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/isk.com.mx\\\/wp-content\\\/uploads\\\/2025\\\/09\\\/Logo-mails-420-x-140-px-1.png\",\"contentUrl\":\"https:\\\/\\\/isk.com.mx\\\/wp-content\\\/uploads\\\/2025\\\/09\\\/Logo-mails-420-x-140-px-1.png\",\"width\":250,\"height\":250,\"caption\":\"Ingenier\u00eda y Control Industrial ISK\"},\"image\":{\"@id\":\"https:\\\/\\\/isk.com.mx\\\/#\\\/schema\\\/logo\\\/image\\\/\"},\"sameAs\":[\"https:\\\/\\\/www.facebook.com\\\/ISKautomation\",\"https:\\\/\\\/www.instagram.com\\\/automation.isk\\\/\",\"https:\\\/\\\/www.tiktok.com\\\/@automation.isk\",\"https:\\\/\\\/www.youtube.com\\\/@AutomationISK\",\"https:\\\/\\\/www.linkedin.com\\\/company\\\/automation-isk\\\/\",\"https:\\\/\\\/linktr.ee\\\/Automation.ISK\"]}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Automatizaci\u00f3n Industrial | ISK Automation M\u00e9xico","description":"Soluciones l\u00edderes en Automatizaci\u00f3n Industrial en M\u00e9xico. Integraci\u00f3n de robots FANUC, celdas de paletizado y dise\u00f1o de sistemas inteligentes para tu planta.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/isk.com.mx\/en\/","og_locale":"en_US","og_type":"article","og_title":"Automatizaci\u00f3n Industrial | ISK Automation M\u00e9xico","og_description":"Soluciones l\u00edderes en Automatizaci\u00f3n Industrial en M\u00e9xico. Integraci\u00f3n de robots FANUC, celdas de paletizado y dise\u00f1o de sistemas inteligentes para tu planta.","og_url":"https:\/\/isk.com.mx\/en\/","og_site_name":"Automation ISK","article_publisher":"https:\/\/www.facebook.com\/ISKautomation","article_modified_time":"2026-08-20T00:58:59+00:00","og_image":[{"width":1920,"height":1079,"url":"https:\/\/isk.com.mx\/wp-content\/uploads\/2026\/04\/team-isk-ingenieros.webp","type":"image\/webp"}],"twitter_card":"summary_large_image","schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/isk.com.mx\/","url":"https:\/\/isk.com.mx\/","name":"Automatizaci\u00f3n Industrial | ISK Automation M\u00e9xico","isPartOf":{"@id":"https:\/\/isk.com.mx\/#website"},"primaryImageOfPage":{"@id":"https:\/\/isk.com.mx\/#primaryimage"},"image":{"@id":"https:\/\/isk.com.mx\/#primaryimage"},"thumbnailUrl":"https:\/\/isk.com.mx\/wp-content\/uploads\/2026\/04\/team-isk-ingenieros.webp","datePublished":"2025-09-01T23:15:34+00:00","dateModified":"2026-08-20T00:58:59+00:00","description":"Soluciones l\u00edderes en Automatizaci\u00f3n Industrial en M\u00e9xico. Integraci\u00f3n de robots FANUC, celdas de paletizado y dise\u00f1o de sistemas inteligentes para tu planta.","breadcrumb":{"@id":"https:\/\/isk.com.mx\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/isk.com.mx\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/isk.com.mx\/#primaryimage","url":"https:\/\/isk.com.mx\/wp-content\/uploads\/2026\/04\/team-isk-ingenieros.webp","contentUrl":"https:\/\/isk.com.mx\/wp-content\/uploads\/2026\/04\/team-isk-ingenieros.webp","width":1920,"height":1079,"caption":"Ingenieros y especialistas en automatizaci\u00f3n industrial de Automation ISK."},{"@type":"BreadcrumbList","@id":"https:\/\/isk.com.mx\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/isk.com.mx\/"},{"@type":"ListItem","position":2,"name":"INICIO"}]},{"@type":"WebSite","@id":"https:\/\/isk.com.mx\/#website","url":"https:\/\/isk.com.mx\/","name":"Automation ISK","description":"\ud835\udde6\ud835\uddfc\ud835\uddf9\ud835\ude02\ud835\uddf0\ud835\uddf6\ud835\uddfc\ud835\uddfb\ud835\uddf2\ud835\ude00 \ud835\udddc\ud835\uddfb\ud835\uddf1\ud835\ude02\ud835\ude00\ud835\ude01\ud835\uddff\ud835\uddf6\ud835\uddee\ud835\uddf9\ud835\uddf2\ud835\ude00","publisher":{"@id":"https:\/\/isk.com.mx\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/isk.com.mx\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/isk.com.mx\/#organization","name":"Ingenier\u00eda y Control Industrial ISK","url":"https:\/\/isk.com.mx\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/isk.com.mx\/#\/schema\/logo\/image\/","url":"https:\/\/isk.com.mx\/wp-content\/uploads\/2025\/09\/Logo-mails-420-x-140-px-1.png","contentUrl":"https:\/\/isk.com.mx\/wp-content\/uploads\/2025\/09\/Logo-mails-420-x-140-px-1.png","width":250,"height":250,"caption":"Ingenier\u00eda y Control Industrial ISK"},"image":{"@id":"https:\/\/isk.com.mx\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/ISKautomation","https:\/\/www.instagram.com\/automation.isk\/","https:\/\/www.tiktok.com\/@automation.isk","https:\/\/www.youtube.com\/@AutomationISK","https:\/\/www.linkedin.com\/company\/automation-isk\/","https:\/\/linktr.ee\/Automation.ISK"]}]}},"_links":{"self":[{"href":"https:\/\/isk.com.mx\/en\/wp-json\/wp\/v2\/pages\/47","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/isk.com.mx\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/isk.com.mx\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/isk.com.mx\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/isk.com.mx\/en\/wp-json\/wp\/v2\/comments?post=47"}],"version-history":[{"count":575,"href":"https:\/\/isk.com.mx\/en\/wp-json\/wp\/v2\/pages\/47\/revisions"}],"predecessor-version":[{"id":2326,"href":"https:\/\/isk.com.mx\/en\/wp-json\/wp\/v2\/pages\/47\/revisions\/2326"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/isk.com.mx\/en\/wp-json\/wp\/v2\/media\/1598"}],"wp:attachment":[{"href":"https:\/\/isk.com.mx\/en\/wp-json\/wp\/v2\/media?parent=47"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}