{
    "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-09-26T00:01:26",
    "modified_gmt": "2026-09-26T00:01:26",
    "slug": "inico",
    "status": "publish",
    "type": "page",
    "link": "https:\/\/isk.com.mx\/es\/",
    "title": {
        "rendered": "INICIO"
    },
    "content": {
        "rendered": "<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\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\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>\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\/es\/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\/es\/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\/es\/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\/es\/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\/es\/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                 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-92c25a1 e-con-full e-flex e-con e-parent\" data-id=\"92c25a1\" 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-44546c7 elementor-widget elementor-widget-html\" data-id=\"44546c7\" 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>Ingenier\u00eda e Innovaci\u00f3n Industrial | Automation 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-isk: #123661;\r\n            --celeste-isk: #00A3FF;\r\n            --blanco: #ffffff;\r\n            --sombra: 0 8px 20px rgba(0, 0, 0, 0.06);\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            background-color: var(--blanco);\r\n            overflow-x: hidden; \r\n        }\r\n\r\n        \/* SECCI\u00d3N DIVIDIDA EN DOS COLUMNAS DE FONDO COMPLETO *\/\r\n        .isk-full-wrapper {\r\n            width: 100%;\r\n            display: flex;\r\n            flex-direction: row;\r\n            background-color: var(--blanco);\r\n            clear: both;\r\n        }\r\n\r\n        \/* COLUMNA IZQUIERDA: TEXTO Y CARDS *\/\r\n        .isk-text-side {\r\n            flex: 1 1 50%;\r\n            min-width: 50%;\r\n            padding: 60px 5%;\r\n            display: flex;\r\n            flex-direction: column;\r\n            justify-content: center;\r\n            background-color: var(--blanco);\r\n        }\r\n\r\n        \/* T\u00cdTULO Y SUBT\u00cdTULO EXACTOS (MONTSERRAT 700) *\/\r\n        .isk-main-title {\r\n            font-size: clamp(32px, 3.6vw, 45px);\r\n            font-weight: 700;\r\n            color: var(--azul-isk);\r\n            line-height: 1.15;\r\n            margin-bottom: 6px;\r\n            text-align: left;\r\n            letter-spacing: -0.5px;\r\n        }\r\n\r\n        .isk-subtitle {\r\n            font-size: 18px;\r\n            font-weight: 700;\r\n            color: var(--celeste-isk);\r\n            line-height: 1.25;\r\n            margin-bottom: 24px;\r\n            text-transform: uppercase;\r\n            text-align: left;\r\n            letter-spacing: 0.5px;\r\n        }\r\n\r\n        \/* CONTENEDOR DE TARJETAS CON ANCHO CONTROLADO PARA EVITAR BORDES EXCESIVOS *\/\r\n        .isk-cards-stack {\r\n            display: flex;\r\n            flex-direction: column;\r\n            gap: 16px;\r\n            width: 100%;\r\n            max-width: 520px;\r\n        }\r\n\r\n        .isk-info-card {\r\n            background: var(--blanco);\r\n            border: 1px solid #eef2f6;\r\n            border-left: 5px solid var(--celeste-isk);\r\n            padding: 16px 20px;\r\n            border-radius: 10px;\r\n            box-shadow: var(--sombra);\r\n            display: flex;\r\n            align-items: flex-start;\r\n            gap: 14px;\r\n            transition: transform 0.3s ease, border-color 0.3s ease;\r\n            text-align: left;\r\n        }\r\n\r\n        .isk-info-card:hover {\r\n            transform: translateX(6px);\r\n            border-color: var(--celeste-isk);\r\n        }\r\n\r\n        .isk-sticker {\r\n            font-size: 22px;\r\n            line-height: 1.2;\r\n            flex-shrink: 0;\r\n        }\r\n\r\n        .isk-card-content {\r\n            display: flex;\r\n            flex-direction: column;\r\n            text-align: left;\r\n        }\r\n\r\n        \/* MONTSERRAT 700 PARA T\u00cdTULOS DE TARJETAS *\/\r\n        .isk-card-content h3 {\r\n            margin: 0 0 4px 0;\r\n            font-size: 15px;\r\n            font-weight: 700;\r\n            color: var(--azul-isk);\r\n            text-transform: uppercase;\r\n            letter-spacing: 0.5px;\r\n            text-align: left;\r\n        }\r\n\r\n        \/* MONTSERRAT 500 PARA TEXTOS DESCRIPTIVOS *\/\r\n        .isk-card-content p {\r\n            margin: 0;\r\n            font-size: 14px;\r\n            font-weight: 500;\r\n            line-height: 1.45;\r\n            color: #4a5568;\r\n            text-align: left;\r\n        }\r\n\r\n        .isk-card-content p strong {\r\n            color: #1b2533;\r\n            font-weight: 700;\r\n        }\r\n\r\n        \/* COLUMNA DERECHA: FONDO AZUL CON CUADR\u00cdCULA DIFUMINADA *\/\r\n        .isk-video-side {\r\n            position: relative;\r\n            flex: 1 1 50%;\r\n            min-width: 50%;\r\n            background-color: var(--azul-isk);\r\n            display: flex;\r\n            flex-direction: column;\r\n            justify-content: center;\r\n            align-items: center;\r\n            padding: 50px 5%;\r\n            gap: 18px;\r\n            text-align: center;\r\n            overflow: hidden;\r\n        }\r\n\r\n        \/* CUADR\u00cdCULA DIFUMINADA CON DEGRADADO RADIAL *\/\r\n        .isk-video-side::before {\r\n            content: '';\r\n            position: absolute;\r\n            inset: 0;\r\n            background-image: \r\n                linear-gradient(rgba(255, 255, 255, 0.12) 1px, transparent 1px),\r\n                linear-gradient(90deg, rgba(255, 255, 255, 0.12) 1px, transparent 1px);\r\n            background-size: 28px 28px;\r\n            mask-image: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.85) 20%, rgba(0, 0, 0, 0) 75%);\r\n            -webkit-mask-image: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.85) 20%, rgba(0, 0, 0, 0) 75%);\r\n            pointer-events: none;\r\n            z-index: 1;\r\n        }\r\n\r\n        .isk-video-wrapper,\r\n        .isk-video-title,\r\n        .isk-btn-about {\r\n            position: relative;\r\n            z-index: 2;\r\n        }\r\n\r\n        .isk-video-wrapper {\r\n            width: 100%;\r\n            max-width: 480px;\r\n            aspect-ratio: 16 \/ 9;\r\n            border-radius: 14px;\r\n            overflow: hidden;\r\n            box-shadow: 0 15px 35px rgba(0, 0, 0, 0.35);\r\n            border: 1px solid rgba(255, 255, 255, 0.15);\r\n            background-color: #000;\r\n            margin: 0 auto;\r\n        }\r\n\r\n        .isk-video-wrapper 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        .isk-video-title {\r\n            font-size: 15px;\r\n            font-weight: 700;\r\n            color: var(--blanco);\r\n            text-transform: uppercase;\r\n            letter-spacing: 0.5px;\r\n            margin-top: 4px;\r\n        }\r\n\r\n        \/* BOT\u00d3N CTA EN EL LADO DERECHO *\/\r\n        .isk-btn-about {\r\n            font-family: 'Montserrat', sans-serif;\r\n            font-weight: 700;\r\n            background-color: var(--celeste-isk);\r\n            color: var(--blanco);\r\n            padding: 12px 28px;\r\n            border-radius: 50px;\r\n            text-decoration: none;\r\n            font-size: 13.5px;\r\n            display: inline-flex;\r\n            align-items: center;\r\n            gap: 8px;\r\n            transition: all 0.25s ease;\r\n            box-shadow: 0 4px 15px rgba(0, 163, 255, 0.4);\r\n            margin-top: 2px;\r\n        }\r\n\r\n        .isk-btn-about:hover {\r\n            background-color: #0088d6;\r\n            transform: translateY(-2px);\r\n        }\r\n\r\n        .isk-btn-arrow {\r\n            transition: transform 0.25s ease;\r\n        }\r\n\r\n        .isk-btn-about:hover .isk-btn-arrow {\r\n            transform: translateX(4px);\r\n        }\r\n\r\n        \/* RESPONSIVIDAD PARA M\u00d3VILES *\/\r\n        @media (max-width: 850px) {\r\n            .isk-full-wrapper {\r\n                flex-direction: column;\r\n            }\r\n\r\n            .isk-text-side,\r\n            .isk-video-side {\r\n                min-width: 100%;\r\n                padding: 40px 20px;\r\n            }\r\n\r\n            .isk-cards-stack {\r\n                max-width: 100%;\r\n            }\r\n\r\n            .isk-video-side {\r\n                order: 1;\r\n            }\r\n\r\n            .isk-text-side {\r\n                order: 2;\r\n            }\r\n        }\r\n    <\/style>\r\n<\/head>\r\n<body data-rsssl=1>\r\n\r\n<section class=\"isk-full-wrapper\">\r\n    \r\n    <!-- Columna Izquierda: Texto e Informaci\u00f3n -->\r\n    <div class=\"isk-text-side\">\r\n        <h2 class=\"isk-main-title\">Ingenier\u00eda e<br>Innovaci\u00f3n Industrial<\/h2>\r\n        <p class=\"isk-subtitle\">AUTOMATIZACI\u00d3N Y DESARROLLO A MEDIDA<\/p>\r\n        \r\n        <div class=\"isk-cards-stack\">\r\n            <div class=\"isk-info-card\">\r\n                <div class=\"isk-sticker\">\ud83c\uddf2\ud83c\uddfd<\/div>\r\n                <div class=\"isk-card-content\">\r\n                    <h3>PRESENCIA Y COMPROMISO<\/h3>\r\n                    <p>Integradores tecnol\u00f3gicos desde la regi\u00f3n fronteriza de <strong>Tijuana, Baja California<\/strong>, impulsando la eficiencia global de la manufactura.<\/p>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"isk-info-card\">\r\n                <div class=\"isk-sticker\">\u2699\ufe0f<\/div>\r\n                <div class=\"isk-card-content\">\r\n                    <h3>SOLUCIONES INTEGRALES<\/h3>\r\n                    <p>Expertos en dise\u00f1o mec\u00e1nico, control el\u00e9ctrico y automatizaci\u00f3n avanzada con tecnolog\u00edas l\u00edderes como <strong>PLC y Celdas Rob\u00f3ticas<\/strong>.<\/p>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"isk-info-card\">\r\n                <div class=\"isk-sticker\">\ud83d\ude80<\/div>\r\n                <div class=\"isk-card-content\">\r\n                    <h3>INFRAESTRUCTURA Y VALOR<\/h3>\r\n                    <p>Soluciones personalizadas con la m\u00e1xima <strong>excelencia e infraestructura robusta<\/strong> para optimizar procesos en los sectores industriales m\u00e1s exigentes.<\/p>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <!-- Columna Derecha: Fondo Azul, Video y Bot\u00f3n -->\r\n    <div class=\"isk-video-side\">\r\n        <div class=\"isk-video-wrapper\">\r\n            <iframe \r\n                src=\"https:\/\/www.youtube.com\/embed\/0ta6l9RCHxk?rel=0&modestbranding=1\" \r\n                title=\"Engineering and Automation Services (Official ISK)\" \r\n                allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\" \r\n                allowfullscreen\r\n loading=\"lazy\">\r\n            <\/iframe>\r\n        <\/div>\r\n\r\n        <p class=\"isk-video-title\">Conoce a detalle qui\u00e9nes somos<\/p>\r\n\r\n        <a href=\"https:\/\/isk.com.mx\/es\/ingenieria-especializada-en-automatizacion\/\" class=\"isk-btn-about\" title=\"Conoce m\u00e1s sobre nuestra empresa\">\r\n            <span>Conoce m\u00e1s sobre nosotros<\/span>\r\n            <span class=\"isk-btn-arrow\" aria-hidden=\"true\">\u2192<\/span>\r\n        <\/a>\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-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>\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\/es\/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\/es\/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\/es\/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\/es\/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\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\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>\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-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-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\/es\/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\">\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\">\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\">\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-0029c54 e-con-full e-flex e-con e-parent\" data-id=\"0029c54\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d6a7d92 elementor-widget elementor-widget-html\" data-id=\"d6a7d92\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ESTILOS COMPLETAMENTE AISLADOS SIN CONFLICTO (PREFIJO MAT) -->\r\n<style>\r\n    @import url('https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@500;700&display=swap&font-display=swap');\r\n\r\n    .isk-mat-wrapper,\r\n    .isk-mat-wrapper * {\r\n        box-sizing: border-box;\r\n    }\r\n\r\n    .isk-mat-wrapper {\r\n        --azul-isk: #123661; \r\n        --celeste-isk: #00A3FF;\r\n        --blanco: #ffffff;\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(30px, 6vw, 70px) 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-mat-wrapper .isk-mat-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    .isk-mat-wrapper .isk-mat-left h2, \r\n    .isk-mat-wrapper .isk-mat-left .isk-mat-subtitle, \r\n    .isk-mat-wrapper .isk-mat-title-fixed, \r\n    .isk-mat-wrapper .isk-mat-overlay h3, \r\n    .isk-mat-wrapper .isk-mat-btn {\r\n        font-family: 'Montserrat', sans-serif !important;\r\n        font-weight: 700 !important;\r\n    }\r\n\r\n    .isk-mat-wrapper .isk-mat-point-text, \r\n    .isk-mat-wrapper .isk-mat-overlay p {\r\n        font-family: 'Montserrat', sans-serif !important;\r\n        font-weight: 500 !important;\r\n    }\r\n\r\n    .isk-mat-wrapper .isk-mat-left {\r\n        flex: 0 0 35%;\r\n        text-align: left;\r\n        min-width: 320px;\r\n    }\r\n\r\n    .isk-mat-wrapper .isk-mat-left h2 {\r\n        font-size: clamp(26px, 4vw, 42px);\r\n        color: var(--azul-isk);\r\n        margin: 0;\r\n        line-height: 1.15;\r\n        letter-spacing: -0.5px;\r\n    }\r\n\r\n    .isk-mat-wrapper .isk-mat-left .isk-mat-subtitle {\r\n        font-size: 16px;\r\n        color: var(--celeste-isk);\r\n        margin: 10px 0 28px 0;\r\n        text-transform: uppercase;\r\n        letter-spacing: 1.5px;\r\n    }\r\n\r\n    .isk-mat-wrapper .isk-mat-points-container {\r\n        display: flex;\r\n        flex-direction: column;\r\n        gap: 12px;\r\n    }\r\n\r\n    .isk-mat-wrapper .isk-mat-point-item {\r\n        display: flex;\r\n        align-items: center;\r\n        gap: 15px;\r\n        background: var(--blanco);\r\n        padding: 14px 18px;\r\n        border-radius: 12px;\r\n        border-left: 4px solid var(--celeste-isk);\r\n        box-shadow: var(--sombra);\r\n        transition: transform 0.3s ease, border-left-width 0.3s ease;\r\n    }\r\n\r\n    .isk-mat-wrapper .isk-mat-point-item:hover {\r\n        transform: translateX(8px);\r\n        border-left-width: 8px;\r\n    }\r\n\r\n    .isk-mat-wrapper .isk-mat-point-icon { \r\n        font-size: 20px; \r\n        min-width: 30px; \r\n    }\r\n\r\n    .isk-mat-wrapper .isk-mat-point-text {\r\n        font-size: 13.5px;\r\n        color: #333333;\r\n        line-height: 1.45;\r\n        margin: 0;\r\n    }\r\n\r\n    .isk-mat-wrapper .isk-mat-right {\r\n        flex: 1;\r\n        min-width: 0;\r\n        position: relative;\r\n    }\r\n\r\n    .isk-mat-wrapper .isk-mat-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-mat-wrapper .isk-mat-track {\r\n        display: flex;\r\n        gap: 20px;\r\n        padding: 20px 0;\r\n        animation: isk-mat-scroll 45s linear infinite;\r\n    }\r\n\r\n    @media (hover: hover) {\r\n        .isk-mat-wrapper .isk-mat-track:hover { animation-play-state: paused; }\r\n    }\r\n\r\n    .isk-mat-wrapper .isk-mat-card {\r\n        flex: 0 0 290px; \r\n        width: 290px;\r\n        height: 390px;\r\n        position: relative;\r\n        border-radius: 22px;\r\n        overflow: hidden;\r\n        background: #ffffff;\r\n        border: 1px solid rgba(18, 54, 97, 0.12);\r\n        box-shadow: var(--sombra);\r\n        transition: transform 0.3s ease, box-shadow 0.3s ease;\r\n    }\r\n\r\n    .isk-mat-wrapper .isk-mat-card:hover {\r\n        transform: translateY(-4px);\r\n        box-shadow: 0 14px 35px rgba(0, 0, 0, 0.12);\r\n    }\r\n\r\n    .isk-mat-wrapper .isk-mat-img {\r\n        width: 100%;\r\n        height: 100%;\r\n        background-size: contain;\r\n        background-repeat: no-repeat;\r\n        background-position: center;\r\n        background-color: #ffffff;\r\n        padding: 22px;\r\n        transition: transform 0.5s ease;\r\n    }\r\n\r\n    .isk-mat-wrapper .isk-mat-title-fixed {\r\n        position: absolute;\r\n        bottom: 0;\r\n        width: 100%;\r\n        background: linear-gradient(to top, var(--azul-isk) 30%, rgba(18, 54, 97, 0.75) 75%, transparent);\r\n        color: var(--blanco);\r\n        padding: 32px 15px 18px;\r\n        font-size: 16px;\r\n        text-align: center;\r\n        z-index: 2;\r\n        transition: opacity 0.3s ease;\r\n    }\r\n\r\n    .isk-mat-wrapper .isk-mat-overlay {\r\n        position: absolute;\r\n        top: 0; left: 0; width: 100%; height: 100%;\r\n        background: rgba(18, 54, 97, 0.96);\r\n        display: flex;\r\n        flex-direction: column;\r\n        justify-content: center;\r\n        align-items: center;\r\n        padding: 25px;\r\n        opacity: 0;\r\n        transition: opacity 0.4s ease;\r\n        text-align: center;\r\n        z-index: 3;\r\n    }\r\n\r\n    .isk-mat-wrapper .isk-mat-card:hover .isk-mat-overlay,\r\n    .isk-mat-wrapper .isk-mat-card:focus-within .isk-mat-overlay {\r\n        opacity: 1;\r\n    }\r\n\r\n    .isk-mat-wrapper .isk-mat-overlay h3 { \r\n        color: var(--celeste-isk); \r\n        font-size: 19px; \r\n        margin: 0 0 10px 0; \r\n    }\r\n\r\n    .isk-mat-wrapper .isk-mat-overlay p { \r\n        color: var(--blanco); \r\n        font-size: 13px; \r\n        line-height: 1.5;\r\n        margin: 0 0 20px 0; \r\n    }\r\n\r\n    .isk-mat-wrapper .isk-mat-btn {\r\n        border: 2px solid var(--celeste-isk);\r\n        background: var(--celeste-isk);\r\n        color: var(--blanco);\r\n        padding: 9px 22px;\r\n        border-radius: 50px;\r\n        text-decoration: none;\r\n        font-size: 11.5px;\r\n        text-transform: uppercase;\r\n        transition: background-color 0.3s ease, border-color 0.3s ease, transform 0.2s ease;\r\n        box-shadow: 0 4px 12px rgba(0, 163, 255, 0.3);\r\n        display: inline-block;\r\n    }\r\n\r\n    .isk-mat-wrapper .isk-mat-btn:hover { \r\n        background: #008be6; \r\n        border-color: #008be6; \r\n        transform: translateY(-2px);\r\n    }\r\n\r\n    @keyframes isk-mat-scroll {\r\n        from { transform: translateX(0); }\r\n        to { transform: translateX(-50%); }\r\n    }\r\n\r\n    @media (max-width: 1200px) {\r\n        .isk-mat-wrapper .isk-mat-layout { gap: 32px; }\r\n        .isk-mat-wrapper .isk-mat-card { flex: 0 0 270px; width: 270px; height: 370px; }\r\n    }\r\n\r\n    @media (max-width: 1024px) {\r\n        .isk-mat-wrapper .isk-mat-layout { flex-direction: column; gap: 40px; }\r\n        .isk-mat-wrapper .isk-mat-left { text-align: center; width: 100%; min-width: unset; }\r\n        .isk-mat-wrapper .isk-mat-point-item { text-align: left; }\r\n        .isk-mat-wrapper .isk-mat-container {\r\n            mask-image: linear-gradient(to right, transparent, black 5%, black 95%, transparent);\r\n            -webkit-mask-image: linear-gradient(to right, transparent, black 5%, black 95%, transparent);\r\n        }\r\n    }\r\n\r\n    @media (max-width: 600px) {\r\n        .isk-mat-wrapper { padding: 35px 0; }\r\n        .isk-mat-wrapper .isk-mat-card { flex: 0 0 250px; width: 250px; height: 350px; }\r\n        .isk-mat-wrapper .isk-mat-track { animation-duration: 25s; gap: 15px; }\r\n        .isk-mat-wrapper .isk-mat-point-text { font-size: 13px; }\r\n        .isk-mat-wrapper .isk-mat-left h2 { font-size: 26px; }\r\n        .isk-mat-wrapper .isk-mat-left .isk-mat-subtitle { font-size: 14px; margin-bottom: 20px; }\r\n    }\r\n<\/style>\r\n\r\n<!-- SCHEMA.ORG \/ DATOS ESTRUCTURADOS SEO -->\r\n<script type=\"application\/ld+json\">\r\n{\r\n  \"@context\": \"https:\/\/schema.org\",\r\n  \"@type\": \"ItemList\",\r\n  \"name\": \"Cat\u00e1logo de Materiales de Control Industrial - ISK Automation\",\r\n  \"description\": \"Distribuci\u00f3n directa de refacciones y materiales de control industrial de marcas globales.\",\r\n  \"itemListElement\": [\r\n    {\r\n      \"@type\": \"ListItem\",\r\n      \"position\": 1,\r\n      \"item\": {\r\n        \"@type\": \"Product\",\r\n        \"name\": \"Materiales de Control Siemens\",\r\n        \"image\": \"https:\/\/isk.com.mx\/wp-content\/uploads\/2026\/09\/SIEMENS.webp\",\r\n        \"description\": \"PLCs Siemens S7-1200, S7-1500, HMIs, variadores de frecuencia e inversores.\"\r\n      }\r\n    },\r\n    {\r\n      \"@type\": \"ListItem\",\r\n      \"position\": 2,\r\n      \"item\": {\r\n        \"@type\": \"Product\",\r\n        \"name\": \"Materiales de Control Allen-Bradley\",\r\n        \"image\": \"https:\/\/isk.com.mx\/wp-content\/uploads\/2026\/09\/Allen-Bradley.webp\",\r\n        \"description\": \"PLCs ControlLogix, CompactLogix, HMIs PanelView y variadores PowerFlex.\"\r\n      }\r\n    },\r\n    {\r\n      \"@type\": \"ListItem\",\r\n      \"position\": 3,\r\n      \"item\": {\r\n        \"@type\": \"Product\",\r\n        \"name\": \"Materiales de Control OMRON\",\r\n        \"image\": \"https:\/\/isk.com.mx\/wp-content\/uploads\/2026\/09\/OMRON.webp\",\r\n        \"description\": \"Controladores Sysmac, M\u00f3dulos I\/O Remotos, PCs Industriales y Sensores.\"\r\n      }\r\n    },\r\n    {\r\n      \"@type\": \"ListItem\",\r\n      \"position\": 4,\r\n      \"item\": {\r\n        \"@type\": \"Product\",\r\n        \"name\": \"Materiales de Control Schneider Electric\",\r\n        \"image\": \"https:\/\/isk.com.mx\/wp-content\/uploads\/2026\/09\/Schneider-Electricc.webp\",\r\n        \"description\": \"Contactores, HMIs Harmony, variadores Altivar e interruptores.\"\r\n      }\r\n    }\r\n  ]\r\n}\r\n<\/script>\r\n\r\n<!-- ESTRUCTURA PRINCIPAL DEL COMPONENTE -->\r\n<section class=\"isk-mat-wrapper\" aria-labelledby=\"materiales-header\">\r\n    <div class=\"isk-mat-layout\">\r\n        \r\n        <!-- COLUMNA IZQUIERDA -->\r\n        <header class=\"isk-mat-left\">\r\n            <h2 id=\"materiales-header\">Materiales de Control Industrial<\/h2>\r\n            <p class=\"isk-mat-subtitle\">Con\u00e9ctate con el Futuro<\/p>\r\n            \r\n            <div class=\"isk-mat-points-container\">\r\n                <article class=\"isk-mat-point-item\">\r\n                    <div class=\"isk-mat-point-icon\" aria-hidden=\"true\">\ud83d\udcd1<\/div>\r\n                    <p class=\"isk-mat-point-text\">Integrantes del <strong style=\"color:var(--azul-isk)\">Padr\u00f3n de Importadores<\/strong>: Suministro directo sin intermediarios.<\/p>\r\n                <\/article>\r\n                <article class=\"isk-mat-point-item\">\r\n                    <div class=\"isk-mat-point-icon\" aria-hidden=\"true\">\u26a1<\/div>\r\n                    <p class=\"isk-mat-point-text\">Tiempos de entrega optimizados y precios altamente competitivos.<\/p>\r\n                <\/article>\r\n                <article class=\"isk-mat-point-item\">\r\n                    <div class=\"isk-mat-point-icon\" aria-hidden=\"true\">\ud83d\udce6<\/div>\r\n                    <p class=\"isk-mat-point-text\">Amplio inventario con localizaci\u00f3n directa de refacciones industriales.<\/p>\r\n                <\/article>\r\n                <article class=\"isk-mat-point-item\">\r\n                    <div class=\"isk-mat-point-icon\" aria-hidden=\"true\">\ud83e\udd1d<\/div>\r\n                    <p class=\"isk-mat-point-text\">Soporte postventa integral para relaciones comerciales a largo plazo.<\/p>\r\n                <\/article>\r\n            <\/div>\r\n        <\/header>\r\n\r\n        <!-- COLUMNA DERECHA: CARRUSEL INFINITO DE MARCAS -->\r\n        <div class=\"isk-mat-right\">\r\n            <div class=\"isk-mat-container\">\r\n                <div class=\"isk-mat-track\">\r\n                    \r\n                    <!-- 1. SIEMENS -->\r\n                    <article class=\"isk-mat-card\">\r\n                        <div class=\"isk-mat-img\" role=\"img\" aria-label=\"Materiales de Control Siemens PLC e Inversores\" style=\"background-image: url('https:\/\/isk.com.mx\/wp-content\/uploads\/2026\/09\/SIEMENS.webp');\"><\/div>\r\n                        <h3 class=\"isk-mat-title-fixed\">Siemens<\/h3>\r\n                        <div class=\"isk-mat-overlay\">\r\n                            <h3>Siemens<\/h3>\r\n                            <p>PLC S7-1200\/1500, HMIs Touch, Inversores, Servos y Control de Baja Tensi\u00f3n.<\/p>\r\n                            <a href=\"https:\/\/isk.com.mx\/es\/contacto\/\" class=\"isk-mat-btn\" target=\"_blank\" rel=\"noopener noreferrer\" aria-label=\"Cotizar equipos Siemens\">Cotizar Ahora<\/a>\r\n                        <\/div>\r\n                    <\/article>\r\n\r\n                    <!-- 2. ALLEN-BRADLEY -->\r\n                    <article class=\"isk-mat-card\">\r\n                        <div class=\"isk-mat-img\" role=\"img\" aria-label=\"Materiales de Control Allen-Bradley Rockwell\" style=\"background-image: url('https:\/\/isk.com.mx\/wp-content\/uploads\/2026\/09\/Allen-Bradley.webp');\"><\/div>\r\n                        <h3 class=\"isk-mat-title-fixed\">Allen-Bradley<\/h3>\r\n                        <div class=\"isk-mat-overlay\">\r\n                            <h3>Allen-Bradley<\/h3>\r\n                            <p>PLCs ControlLogix, CompactLogix, HMIs PanelView, Variadores PowerFlex y Sensores.<\/p>\r\n                            <a href=\"https:\/\/isk.com.mx\/es\/contacto\/\" class=\"isk-mat-btn\" target=\"_blank\" rel=\"noopener noreferrer\" aria-label=\"Cotizar equipos Allen-Bradley\">Cotizar Ahora<\/a>\r\n                        <\/div>\r\n                    <\/article>\r\n\r\n                    <!-- 3. OMRON -->\r\n                    <article class=\"isk-mat-card\">\r\n                        <div class=\"isk-mat-img\" role=\"img\" aria-label=\"Sistemas de Control Omron Sysmac\" style=\"background-image: url('https:\/\/isk.com.mx\/wp-content\/uploads\/2026\/09\/OMRON.webp');\"><\/div>\r\n                        <h3 class=\"isk-mat-title-fixed\">OMRON<\/h3>\r\n                        <div class=\"isk-mat-overlay\">\r\n                            <h3>OMRON<\/h3>\r\n                            <p>Controladores Sysmac, MACs, M\u00f3dulos I\/O Remotos, PCs Industriales y Sensores.<\/p>\r\n                            <a href=\"https:\/\/isk.com.mx\/es\/contacto\/\" class=\"isk-mat-btn\" target=\"_blank\" rel=\"noopener noreferrer\" aria-label=\"Cotizar equipos Omron\">Cotizar Ahora<\/a>\r\n                        <\/div>\r\n                    <\/article>\r\n\r\n                    <!-- 4. SCHNEIDER ELECTRIC -->\r\n                    <article class=\"isk-mat-card\">\r\n                        <div class=\"isk-mat-img\" role=\"img\" aria-label=\"Componentes de Control Schneider Electric\" style=\"background-image: url('https:\/\/isk.com.mx\/wp-content\/uploads\/2026\/09\/Schneider-Electricc.webp');\"><\/div>\r\n                        <h3 class=\"isk-mat-title-fixed\">Schneider Electric<\/h3>\r\n                        <div class=\"isk-mat-overlay\">\r\n                            <h3>Schneider Electric<\/h3>\r\n                            <p>Contactores, HMIs Harmony, Inversores Altivar, Breakers y M\u00f3dulos Ethernet.<\/p>\r\n                            <a href=\"https:\/\/isk.com.mx\/es\/contacto\/\" class=\"isk-mat-btn\" target=\"_blank\" rel=\"noopener noreferrer\" aria-label=\"Cotizar equipos Schneider Electric\">Cotizar Ahora<\/a>\r\n                        <\/div>\r\n                    <\/article>\r\n\r\n                    <!-- 5. ABB -->\r\n                    <article class=\"isk-mat-card\">\r\n                        <div class=\"isk-mat-img\" role=\"img\" aria-label=\"Variadores de Frecuencia ABB ACS\" style=\"background-image: url('https:\/\/isk.com.mx\/wp-content\/uploads\/2026\/09\/Abb.webp');\"><\/div>\r\n                        <h3 class=\"isk-mat-title-fixed\">ABB<\/h3>\r\n                        <div class=\"isk-mat-overlay\">\r\n                            <h3>ABB<\/h3>\r\n                            <p>Variadores de Frecuencia Series ACS150 a ACS580, PLCs y Componentes de Potencia.<\/p>\r\n                            <a href=\"https:\/\/isk.com.mx\/es\/contacto\/\" class=\"isk-mat-btn\" target=\"_blank\" rel=\"noopener noreferrer\" aria-label=\"Cotizar equipos ABB\">Cotizar Ahora<\/a>\r\n                        <\/div>\r\n                    <\/article>\r\n\r\n                    <!-- 6. ROB\u00d3TICA & REFACCIONES -->\r\n                    <article class=\"isk-mat-card\">\r\n                        <div class=\"isk-mat-img\" role=\"img\" aria-label=\"Refacciones Rob\u00f3ticas FANUC KUKA Kawasaki\" style=\"background-image: url('https:\/\/isk.com.mx\/wp-content\/uploads\/2026\/09\/Robotica-Refacciones.webp');\"><\/div>\r\n                        <h3 class=\"isk-mat-title-fixed\">Rob\u00f3tica &amp; Refacciones<\/h3>\r\n                        <div class=\"isk-mat-overlay\">\r\n                            <h3>FANUC \/ KUKA \/ Kawasaki<\/h3>\r\n                            <p>Refaccionamiento especializado, Pantallas LCD, Teach Pendant y Servos de Repuesto.<\/p>\r\n                            <a href=\"https:\/\/isk.com.mx\/es\/contacto\/\" class=\"isk-mat-btn\" target=\"_blank\" rel=\"noopener noreferrer\" aria-label=\"Cotizar Refacciones Rob\u00f3ticas\">Cotizar Ahora<\/a>\r\n                        <\/div>\r\n                    <\/article>\r\n\r\n                    <!-- 7. YASKAWA -->\r\n                    <article class=\"isk-mat-card\">\r\n                        <div class=\"isk-mat-img\" role=\"img\" aria-label=\"Servomotores y Drives Yaskawa\" style=\"background-image: url('https:\/\/isk.com.mx\/wp-content\/uploads\/2026\/09\/Yaskawa.webp');\"><\/div>\r\n                        <h3 class=\"isk-mat-title-fixed\">Yaskawa<\/h3>\r\n                        <div class=\"isk-mat-overlay\">\r\n                            <h3>YASKAWA<\/h3>\r\n                            <p>AC Servomotores, Servodrives SGM\/SGD, Inversores CIMR\/CIPR y Cables de Encoder.<\/p>\r\n                            <a href=\"https:\/\/isk.com.mx\/es\/contacto\/\" class=\"isk-mat-btn\" target=\"_blank\" rel=\"noopener noreferrer\" aria-label=\"Cotizar equipos Yaskawa\">Cotizar Ahora<\/a>\r\n                        <\/div>\r\n                    <\/article>\r\n\r\n                    <!-- 8. EBM-PAPST -->\r\n                    <article class=\"isk-mat-card\">\r\n                        <div class=\"isk-mat-img\" role=\"img\" aria-label=\"Ventiladores Industriales ebm-papst\" style=\"background-image: url('https:\/\/isk.com.mx\/wp-content\/uploads\/2026\/09\/ebm-papst.webp');\"><\/div>\r\n                        <h3 class=\"isk-mat-title-fixed\">ebm-papst<\/h3>\r\n                        <div class=\"isk-mat-overlay\">\r\n                            <h3>ebm-papst<\/h3>\r\n                            <p>Ventiladores Axiales AC\/DC\/EC, Sopladores Centr\u00edfugos RadiCal y Enfriamiento de Tableros.<\/p>\r\n                            <a href=\"https:\/\/isk.com.mx\/es\/contacto\/\" class=\"isk-mat-btn\" target=\"_blank\" rel=\"noopener noreferrer\" aria-label=\"Cotizar equipos ebm-papst\">Cotizar Ahora<\/a>\r\n                        <\/div>\r\n                    <\/article>\r\n\r\n                    <!-- DUPLICADOS DEL BUCLE DEL CARRUSEL INFINITO -->\r\n                    <article class=\"isk-mat-card\" aria-hidden=\"true\">\r\n                        <div class=\"isk-mat-img\" style=\"background-image: url('https:\/\/isk.com.mx\/wp-content\/uploads\/2026\/09\/SIEMENS.webp');\"><\/div>\r\n                        <div class=\"isk-mat-title-fixed\">Siemens<\/div>\r\n                        <div class=\"isk-mat-overlay\">\r\n                            <h3>Siemens<\/h3>\r\n                            <p>PLC S7-1200\/1500, HMIs Touch, Inversores y Servos.<\/p>\r\n                            <a href=\"https:\/\/isk.com.mx\/es\/contacto\/\" class=\"isk-mat-btn\" target=\"_blank\" rel=\"noopener noreferrer\" tabindex=\"-1\">Cotizar Ahora<\/a>\r\n                        <\/div>\r\n                    <\/article>\r\n\r\n                    <article class=\"isk-mat-card\" aria-hidden=\"true\">\r\n                        <div class=\"isk-mat-img\" style=\"background-image: url('https:\/\/isk.com.mx\/wp-content\/uploads\/2026\/09\/Allen-Bradley.webp');\"><\/div>\r\n                        <div class=\"isk-mat-title-fixed\">Allen-Bradley<\/div>\r\n                        <div class=\"isk-mat-overlay\">\r\n                            <h3>Allen-Bradley<\/h3>\r\n                            <p>PLCs ControlLogix, HMIs PanelView y Variadores PowerFlex.<\/p>\r\n                            <a href=\"https:\/\/isk.com.mx\/es\/contacto\/\" class=\"isk-mat-btn\" target=\"_blank\" rel=\"noopener noreferrer\" tabindex=\"-1\">Cotizar Ahora<\/a>\r\n                        <\/div>\r\n                    <\/article>\r\n\r\n                    <article class=\"isk-mat-card\" aria-hidden=\"true\">\r\n                        <div class=\"isk-mat-img\" style=\"background-image: url('https:\/\/isk.com.mx\/wp-content\/uploads\/2026\/09\/OMRON.webp');\"><\/div>\r\n                        <div class=\"isk-mat-title-fixed\">OMRON<\/div>\r\n                        <div class=\"isk-mat-overlay\">\r\n                            <h3>OMRON<\/h3>\r\n                            <p>Controladores Sysmac, M\u00f3dulos Remote I\/O y Sensores.<\/p>\r\n                            <a href=\"https:\/\/isk.com.mx\/es\/contacto\/\" class=\"isk-mat-btn\" target=\"_blank\" rel=\"noopener noreferrer\" tabindex=\"-1\">Cotizar Ahora<\/a>\r\n                        <\/div>\r\n                    <\/article>\r\n\r\n                    <article class=\"isk-mat-card\" aria-hidden=\"true\">\r\n                        <div class=\"isk-mat-img\" style=\"background-image: url('https:\/\/isk.com.mx\/wp-content\/uploads\/2026\/09\/Schneider-Electricc.webp');\"><\/div>\r\n                        <div class=\"isk-mat-title-fixed\">Schneider Electric<\/div>\r\n                        <div class=\"isk-mat-overlay\">\r\n                            <h3>Schneider Electric<\/h3>\r\n                            <p>Contactores, HMIs Harmony e Inversores Altivar.<\/p>\r\n                            <a href=\"https:\/\/isk.com.mx\/es\/contacto\/\" class=\"isk-mat-btn\" target=\"_blank\" rel=\"noopener noreferrer\" tabindex=\"-1\">Cotizar Ahora<\/a>\r\n                        <\/div>\r\n                    <\/article>\r\n\r\n                    <article class=\"isk-mat-card\" aria-hidden=\"true\">\r\n                        <div class=\"isk-mat-img\" style=\"background-image: url('https:\/\/isk.com.mx\/wp-content\/uploads\/2026\/09\/Abb.webp');\"><\/div>\r\n                        <div class=\"isk-mat-title-fixed\">ABB<\/div>\r\n                        <div class=\"isk-mat-overlay\">\r\n                            <h3>ABB<\/h3>\r\n                            <p>Variadores ACS150 a ACS580 y Componentes de Potencia.<\/p>\r\n                            <a href=\"https:\/\/isk.com.mx\/es\/contacto\/\" class=\"isk-mat-btn\" target=\"_blank\" rel=\"noopener noreferrer\" tabindex=\"-1\">Cotizar Ahora<\/a>\r\n                        <\/div>\r\n                    <\/article>\r\n\r\n                    <article class=\"isk-mat-card\" aria-hidden=\"true\">\r\n                        <div class=\"isk-mat-img\" style=\"background-image: url('https:\/\/isk.com.mx\/wp-content\/uploads\/2026\/09\/Robotica-Refacciones.webp');\"><\/div>\r\n                        <div class=\"isk-mat-title-fixed\">Rob\u00f3tica &amp; Refacciones<\/div>\r\n                        <div class=\"isk-mat-overlay\">\r\n                            <h3>FANUC \/ KUKA \/ Kawasaki<\/h3>\r\n                            <p>Refaccionamiento, Pantallas LCD y Servos de Repuesto.<\/p>\r\n                            <a href=\"https:\/\/isk.com.mx\/es\/contacto\/\" class=\"isk-mat-btn\" target=\"_blank\" rel=\"noopener noreferrer\" tabindex=\"-1\">Cotizar Ahora<\/a>\r\n                        <\/div>\r\n                    <\/article>\r\n\r\n                    <article class=\"isk-mat-card\" aria-hidden=\"true\">\r\n                        <div class=\"isk-mat-img\" style=\"background-image: url('https:\/\/isk.com.mx\/wp-content\/uploads\/2026\/09\/Yaskawa.webp');\"><\/div>\r\n                        <div class=\"isk-mat-title-fixed\">Yaskawa<\/div>\r\n                        <div class=\"isk-mat-overlay\">\r\n                            <h3>YASKAWA<\/h3>\r\n                            <p>AC Servomotores, Servodrives SGM\/SGD e Inversores.<\/p>\r\n                            <a href=\"https:\/\/isk.com.mx\/es\/contacto\/\" class=\"isk-mat-btn\" target=\"_blank\" rel=\"noopener noreferrer\" tabindex=\"-1\">Cotizar Ahora<\/a>\r\n                        <\/div>\r\n                    <\/article>\r\n\r\n                    <article class=\"isk-mat-card\" aria-hidden=\"true\">\r\n                        <div class=\"isk-mat-img\" style=\"background-image: url('https:\/\/isk.com.mx\/wp-content\/uploads\/2026\/09\/ebm-papst.webp');\"><\/div>\r\n                        <div class=\"isk-mat-title-fixed\">ebm-papst<\/div>\r\n                        <div class=\"isk-mat-overlay\">\r\n                            <h3>ebm-papst<\/h3>\r\n                            <p>Ventiladores Axiales AC\/DC\/EC y Sopladores Centr\u00edfugos.<\/p>\r\n                            <a href=\"https:\/\/isk.com.mx\/es\/contacto\/\" class=\"isk-mat-btn\" target=\"_blank\" rel=\"noopener noreferrer\" tabindex=\"-1\">Cotizar Ahora<\/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-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 de tipograf\u00eda *\/\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: #00A3FF;\r\n      --negro-puro: #1a1a1a;\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 --- *\/\r\n    .isk-title,\r\n    .btn-casos,\r\n    .isk-video-side-title,\r\n    .phone-tag {\r\n      font-family: 'Montserrat', sans-serif;\r\n      font-weight: 700; \/* Montserrat 700 Bold *\/\r\n    }\r\n\r\n    .isk-description,\r\n    .isk-item,\r\n    .isk-video-side-sub {\r\n      font-family: 'Montserrat', sans-serif;\r\n      font-weight: 500; \/* Montserrat 500 Medium *\/\r\n    }\r\n\r\n    \/* --- ESTRUCTURA PRINCIPAL --- *\/\r\n    .isk-full-section {\r\n      width: 100%;\r\n      display: flex;\r\n      flex-wrap: wrap;\r\n      flex-direction: row-reverse;\r\n      background: var(--blanco);\r\n      box-sizing: border-box;\r\n    }\r\n\r\n    \/* LADO DERECHO: 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(46px, 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.5;\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: 15px 40px;\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: SECCI\u00d3N MULTIMEDIA CON ENCABEZADOS Y VIDEOS *\/\r\n    .isk-video-col {\r\n      position: relative;\r\n      flex: 1 1 50%;\r\n      min-width: 50%;\r\n      background: var(--azul-nuevo);\r\n      display: flex;\r\n      flex-direction: column;\r\n      justify-content: center;\r\n      align-items: center;\r\n      padding: 60px 4%;\r\n      box-sizing: border-box;\r\n      gap: 24px;\r\n      text-align: center;\r\n      overflow: hidden;\r\n    }\r\n\r\n    \/* CUADR\u00cdCULA DIFUMINADA CON DEGRADADO RADIAL *\/\r\n    .isk-video-col::before {\r\n      content: '';\r\n      position: absolute;\r\n      inset: 0;\r\n      background-image: \r\n        linear-gradient(rgba(255, 255, 255, 0.12) 1px, transparent 1px),\r\n        linear-gradient(90deg, rgba(255, 255, 255, 0.12) 1px, transparent 1px);\r\n      background-size: 28px 28px;\r\n      mask-image: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.85) 20%, rgba(0, 0, 0, 0) 75%);\r\n      -webkit-mask-image: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.85) 20%, rgba(0, 0, 0, 0) 75%);\r\n      pointer-events: none;\r\n      z-index: 1;\r\n    }\r\n\r\n    .isk-video-header,\r\n    .isk-phones-container {\r\n      position: relative;\r\n      z-index: 2;\r\n    }\r\n\r\n    \/* TEXTOS COMPLEMENTARIOS DE LA SECCI\u00d3N DE VIDEOS *\/\r\n    .isk-video-header {\r\n      max-width: 500px;\r\n    }\r\n\r\n    .isk-video-side-title {\r\n      font-size: clamp(18px, 2.2vw, 22px);\r\n      color: var(--blanco);\r\n      text-transform: uppercase;\r\n      letter-spacing: 1px;\r\n      margin-bottom: 6px;\r\n    }\r\n\r\n    .isk-video-side-sub {\r\n      font-size: 14px;\r\n      color: var(--celeste);\r\n      line-height: 1.4;\r\n    }\r\n\r\n    \/* CONTENEDOR DE SMARTPHONES *\/\r\n    .isk-phones-container {\r\n      display: flex;\r\n      flex-direction: row;\r\n      justify-content: center;\r\n      align-items: flex-start;\r\n      gap: 20px;\r\n      width: 100%;\r\n      max-width: 560px;\r\n    }\r\n\r\n    .phone-card-wrapper {\r\n      display: flex;\r\n      flex-direction: column;\r\n      align-items: center;\r\n      gap: 10px;\r\n      flex: 1 1 240px;\r\n      max-width: 260px;\r\n    }\r\n\r\n    \/* DISE\u00d1O TIPO MOCKUP DE TEL\u00c9FONO M\u00d3VIL *\/\r\n    .phone-mockup {\r\n      position: relative;\r\n      width: 100%;\r\n      aspect-ratio: 9 \/ 16;\r\n      border-radius: 30px;\r\n      overflow: hidden;\r\n      border: 5px solid #1e2530;\r\n      outline: 1px solid rgba(255, 255, 255, 0.2);\r\n      box-shadow: 0 22px 50px rgba(0, 0, 0, 0.45);\r\n      background: #000000;\r\n      transition: transform 0.3s ease, box-shadow 0.3s ease;\r\n    }\r\n\r\n    .phone-mockup:hover {\r\n      transform: translateY(-6px);\r\n      box-shadow: 0 28px 60px rgba(0, 0, 0, 0.55);\r\n    }\r\n\r\n    \/* NOTCH M\u00d3VIL Superior *\/\r\n    .phone-mockup::before {\r\n      content: '';\r\n      position: absolute;\r\n      top: 10px;\r\n      left: 50%;\r\n      transform: translateX(-50%);\r\n      width: 48px;\r\n      height: 4px;\r\n      background: rgba(255, 255, 255, 0.3);\r\n      border-radius: 10px;\r\n      z-index: 10;\r\n      pointer-events: none;\r\n    }\r\n\r\n    .phone-mockup 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    \/* ETIQUETAS DEBAJO DE CADA TEL\u00c9FONO *\/\r\n    .phone-tag {\r\n      font-size: 12px;\r\n      color: var(--blanco);\r\n      background: rgba(255, 255, 255, 0.12);\r\n      padding: 6px 14px;\r\n      border-radius: 20px;\r\n      letter-spacing: 0.5px;\r\n      border: 1px solid rgba(255, 255, 255, 0.15);\r\n      text-transform: uppercase;\r\n    }\r\n\r\n    \/* RESPONSIVIDAD *\/\r\n    @media (max-width: 900px) {\r\n      .isk-full-section {\r\n        flex-direction: column;\r\n      }\r\n      \r\n      .isk-content-col {\r\n        min-width: 100%;\r\n        order: 2;\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;\r\n        padding: 45px 20px;\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      .isk-phones-container {\r\n        gap: 14px;\r\n      }\r\n\r\n      .phone-mockup {\r\n        border-radius: 24px;\r\n        border-width: 4px;\r\n      }\r\n    }\r\n\r\n    @media (max-width: 520px) {\r\n      .isk-phones-container {\r\n        flex-direction: column;\r\n        align-items: center;\r\n      }\r\n\r\n      .phone-card-wrapper {\r\n        width: 100%;\r\n        max-width: 250px;\r\n      }\r\n    }\r\n  <\/style>\r\n<\/head>\r\n<body data-rsssl=1>\r\n\r\n  <section class=\"isk-full-section\" aria-label=\"Ventajas competitivas de ISK Automation\">\r\n    \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\/es\/proyectos-destacados\/\" class=\"btn-casos\">Ver casos de \u00e9xito<\/a>\r\n    <\/div>\r\n\r\n    <div class=\"isk-video-col\">\r\n      \r\n      <div class=\"isk-video-header\">\r\n        <h3 class=\"isk-video-side-title\">Tecnolog\u00eda en Movimiento<\/h3>\r\n        <p class=\"isk-video-side-sub\">Demostraciones en campo e integraci\u00f3n de procesos en tiempo real<\/p>\r\n      <\/div>\r\n\r\n      <div class=\"isk-phones-container\">\r\n        \r\n        <div class=\"phone-card-wrapper\">\r\n          <div class=\"phone-mockup\">\r\n            <iframe \r\n              src=\"https:\/\/www.youtube.com\/embed\/ZljE0msCknU\" \r\n              title=\"Proceso de fabricaci\u00f3n e integraci\u00f3n\" \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          <span class=\"phone-tag\"> Construcci\u00f3n<\/span>\r\n        <\/div>\r\n\r\n        <div class=\"phone-card-wrapper\">\r\n          <div class=\"phone-mockup\">\r\n            <iframe \r\n              src=\"https:\/\/www.youtube.com\/embed\/uyL8lwIn4YY\" \r\n              title=\"Pruebas de funcionamiento y validaci\u00f3n\" \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          <span class=\"phone-tag\">Pruebas del Proyecto<\/span>\r\n        <\/div>\r\n\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        \/* Importaci\u00f3n optimizada de tipograf\u00eda *\/\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; \/* Color base ajustado a #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        \/* REGLAS TIPOGR\u00c1FICAS *\/\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 *\/\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 *\/\r\n        }\r\n\r\n        \/* --- SECCI\u00d3N CON FONDO DE CUADR\u00cdCULA DIFUMINADA --- *\/\r\n        .isk-industrias-section {\r\n            width: 100%;\r\n            background-color: var(--azul-fondo);\r\n            \/* Patr\u00f3n de cuadr\u00edcula tenue *\/\r\n            background-image: \r\n                linear-gradient(to right, rgba(255, 255, 255, 0.05) 1px, transparent 1px),\r\n                linear-gradient(to bottom, rgba(255, 255, 255, 0.05) 1px, transparent 1px);\r\n            background-size: 45px 45px;\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        \/* Degradado radial para difuminar los cuadros hacia los bordes *\/\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: radial-gradient(circle at 50% 50%, rgba(16, 48, 89, 0.2) 0%, rgba(16, 48, 89, 0.9) 100%);\r\n            pointer-events: none;\r\n            z-index: -1;\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        .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        .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        @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>\r\n\r\n<section class=\"isk-industrias-section\" aria-labelledby=\"titulo-industrias\">\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\/es\/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                <\/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\/es\/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                <\/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\/es\/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                <\/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>\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-15990e7 e-con-full e-flex e-con e-parent\" data-id=\"15990e7\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-209ff5f elementor-widget elementor-widget-html\" data-id=\"209ff5f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- IMPORTE DE FUENTES MONTSERRAT -->\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@500;700&display=swap\" rel=\"stylesheet\">\r\n\r\n<style>\r\n    \/* --- ENCAPSULAMIENTO ESTRICTO (#isk-map-section) --- *\/\r\n    #isk-map-section {\r\n        width: 100%;\r\n        max-width: 100%;\r\n        background-color: #103059;\r\n        padding: clamp(30px, 4vw, 60px) 15px;\r\n        position: relative;\r\n        overflow: hidden;\r\n        box-sizing: border-box;\r\n        line-height: 1.4;\r\n    }\r\n\r\n    #isk-map-section * {\r\n        box-sizing: border-box;\r\n    }\r\n\r\n    \/* Tipograf\u00eda Montserrat 700 para T\u00edtulos, Labels, Badges y Botones *\/\r\n    #isk-map-section .isk-title,\r\n    #isk-map-section .isk-subtitle,\r\n    #isk-map-section .isk-name-label,\r\n    #isk-map-section .isk-pin-label,\r\n    #isk-map-section .isk-card-title,\r\n    #isk-map-section .isk-card-badge,\r\n    #isk-map-section .isk-quadrant-title,\r\n    #isk-map-section .isk-nav-btn {\r\n        font-family: 'Montserrat', sans-serif;\r\n        font-weight: 700;\r\n    }\r\n\r\n    \/* Tipograf\u00eda Montserrat 500 para Textos y Listas *\/\r\n    #isk-map-section,\r\n    #isk-map-section .isk-card-location,\r\n    #isk-map-section .isk-card-desc,\r\n    #isk-map-section .isk-client-list-item {\r\n        font-family: 'Montserrat', sans-serif;\r\n        font-weight: 500;\r\n    }\r\n\r\n    \/* Fondo HUD con Ret\u00edcula Tecno *\/\r\n    #isk-map-section::before {\r\n        content: '';\r\n        position: absolute;\r\n        inset: 0;\r\n        background-image: \r\n            linear-gradient(rgba(255, 255, 255, 0.05) 1px, transparent 1px),\r\n            linear-gradient(90deg, rgba(255, 255, 255, 0.05) 1px, transparent 1px);\r\n        background-size: 30px 30px;\r\n        pointer-events: none;\r\n        z-index: 0;\r\n    }\r\n\r\n    \/* ENCABEZADOS *\/\r\n    #isk-map-section .isk-title {\r\n        color: #ffffff;\r\n        font-size: clamp(22px, 3.2vw, 38px);\r\n        margin: 0 0 8px 0;\r\n        text-transform: uppercase;\r\n        letter-spacing: 2px;\r\n        text-align: center;\r\n        position: relative;\r\n        z-index: 2;\r\n    }\r\n\r\n    #isk-map-section .isk-subtitle {\r\n        color: #00A3FF;\r\n        text-transform: uppercase;\r\n        letter-spacing: 1.5px;\r\n        margin: 0 0 30px 0;\r\n        font-size: clamp(11px, 1.3vw, 15px);\r\n        text-align: center;\r\n        position: relative;\r\n        z-index: 2;\r\n    }\r\n\r\n    \/* LAYOUT GRID *\/\r\n    #isk-map-section .isk-grid-layout {\r\n        display: grid;\r\n        grid-template-columns: minmax(0, 0.95fr) minmax(0, 1.05fr);\r\n        gap: 25px;\r\n        max-width: 1280px;\r\n        margin: 0 auto;\r\n        align-items: flex-start;\r\n        position: relative;\r\n        z-index: 2;\r\n        width: 100%;\r\n    }\r\n\r\n    \/* --- MAPA Y CONTENEDOR DE CUADRANTES EXTERNOS --- *\/\r\n    #isk-map-section .isk-map-wrapper {\r\n        width: 100%;\r\n        background: rgba(10, 31, 58, 0.65);\r\n        border: 1px solid rgba(0, 163, 255, 0.35);\r\n        border-radius: 16px;\r\n        padding: 15px;\r\n        backdrop-filter: blur(8px);\r\n        -webkit-backdrop-filter: blur(8px);\r\n        box-shadow: 0 10px 30px rgba(0, 0, 0, 0.35);\r\n        position: relative;\r\n    }\r\n\r\n    #isk-map-section .isk-map-container {\r\n        position: relative;\r\n        width: 100%;\r\n        border-radius: 10px;\r\n        overflow: hidden;\r\n    }\r\n\r\n    #isk-map-section .isk-map-img {\r\n        width: 100%;\r\n        height: auto;\r\n        display: block;\r\n        object-fit: contain;\r\n    }\r\n\r\n    #isk-map-section .isk-map-pins-overlay {\r\n        position: absolute;\r\n        inset: 0;\r\n        pointer-events: none;\r\n    }\r\n\r\n    \/* PUNTOS FOCALES SOBRE EL MAPA *\/\r\n    #isk-map-section .isk-region-pin {\r\n        position: absolute;\r\n        transform: translate(-50%, -50%);\r\n        pointer-events: auto;\r\n        cursor: pointer;\r\n        z-index: 10;\r\n        display: flex;\r\n        align-items: center;\r\n        gap: 6px;\r\n    }\r\n\r\n    #isk-map-section .isk-pin-core {\r\n        width: 14px;\r\n        height: 14px;\r\n        background-color: #00A3FF;\r\n        border: 2px solid #ffffff;\r\n        border-radius: 50%;\r\n        box-shadow: 0 0 12px #00A3FF;\r\n        position: relative;\r\n        z-index: 2;\r\n    }\r\n\r\n    #isk-map-section .isk-pin-pulse-ring {\r\n        position: absolute;\r\n        top: 50%;\r\n        left: 50%;\r\n        width: 26px;\r\n        height: 26px;\r\n        margin-top: -13px;\r\n        margin-left: -13px;\r\n        border: 2px solid #00A3FF;\r\n        border-radius: 50%;\r\n        animation: iskPulse 2s infinite ease-out;\r\n        pointer-events: none;\r\n    }\r\n\r\n    #isk-map-section .isk-pin-badge-text {\r\n        background: rgba(16, 48, 89, 0.92);\r\n        color: #00A3FF;\r\n        border: 1px solid #00A3FF;\r\n        padding: 2px 7px;\r\n        border-radius: 4px;\r\n        font-size: 9.5px;\r\n        letter-spacing: 0.5px;\r\n        white-space: nowrap;\r\n        box-shadow: 0 4px 10px rgba(0,0,0,0.5);\r\n    }\r\n\r\n    @keyframes iskPulse {\r\n        0% { transform: scale(0.4); opacity: 1; }\r\n        100% { transform: scale(2.2); opacity: 0; }\r\n    }\r\n\r\n    \/* CUADRANTES UBICADOS A LOS LADOS DEL MAPA (SIN TAPAR EL MAPA) *\/\r\n    #isk-map-section .isk-quadrant-box {\r\n        position: absolute;\r\n        background: rgba(10, 31, 58, 0.92);\r\n        border: 1px solid rgba(0, 163, 255, 0.45);\r\n        border-radius: 10px;\r\n        padding: 10px 12px;\r\n        pointer-events: auto;\r\n        width: 220px;\r\n        z-index: 20;\r\n        backdrop-filter: blur(8px);\r\n        box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);\r\n    }\r\n\r\n    \/* Cuadrante 1: \u00c1rea Inferior Izquierda (Oc\u00e9ano Pac\u00edfico) *\/\r\n    #isk-map-section .isk-quadrant-box.quadrant-bottom-left {\r\n        bottom: 3%;\r\n        left: 3%;\r\n    }\r\n\r\n    \/* Cuadrante 2: \u00c1rea Superior Derecha (Golfo \/ Norte) *\/\r\n    #isk-map-section .isk-quadrant-box.quadrant-top-right {\r\n        top: 3%;\r\n        right: 3%;\r\n    }\r\n\r\n    #isk-map-section .isk-quadrant-title {\r\n        color: #00A3FF;\r\n        font-size: 10px;\r\n        text-transform: uppercase;\r\n        letter-spacing: 1px;\r\n        margin-bottom: 6px;\r\n        border-bottom: 1px solid rgba(0, 163, 255, 0.3);\r\n        padding-bottom: 4px;\r\n    }\r\n\r\n    #isk-map-section .isk-client-list {\r\n        display: flex;\r\n        flex-wrap: wrap;\r\n        gap: 4px;\r\n        margin: 0;\r\n        padding: 0;\r\n        list-style: none;\r\n    }\r\n\r\n    #isk-map-section .isk-client-list-item {\r\n        color: #d1d5db;\r\n        font-size: 9px;\r\n        background: rgba(255, 255, 255, 0.06);\r\n        border: 1px solid rgba(255, 255, 255, 0.1);\r\n        padding: 3px 7px;\r\n        border-radius: 4px;\r\n        cursor: pointer;\r\n        transition: all 0.2s ease;\r\n    }\r\n\r\n    #isk-map-section .isk-client-list-item:hover,\r\n    #isk-map-section .isk-client-list-item.active {\r\n        background: #00A3FF;\r\n        color: #ffffff;\r\n        font-weight: 700;\r\n        border-color: #00A3FF;\r\n        box-shadow: 0 0 8px rgba(0, 163, 255, 0.6);\r\n    }\r\n\r\n    \/* --- COLUMNA IZQUIERDA: CARRUSEL Y TARJETA --- *\/\r\n    #isk-map-section .isk-carousel-side {\r\n        display: flex;\r\n        flex-direction: column;\r\n        gap: 18px;\r\n        width: 100%;\r\n        min-width: 0;\r\n    }\r\n\r\n    #isk-map-section .isk-carousel-controls {\r\n        display: flex;\r\n        align-items: center;\r\n        gap: 10px;\r\n        position: relative;\r\n    }\r\n\r\n    #isk-map-section .isk-nav-btn {\r\n        background: rgba(0, 163, 255, 0.15);\r\n        border: 1px solid #00A3FF;\r\n        color: #00A3FF;\r\n        width: 38px;\r\n        height: 38px;\r\n        border-radius: 50%;\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        cursor: pointer;\r\n        flex-shrink: 0;\r\n        transition: all 0.3s ease;\r\n        user-select: none;\r\n    }\r\n\r\n    #isk-map-section .isk-nav-btn:hover {\r\n        background: #00A3FF;\r\n        color: #ffffff;\r\n        box-shadow: 0 0 12px rgba(0, 163, 255, 0.6);\r\n    }\r\n\r\n    #isk-map-section .isk-carousel-viewport {\r\n        width: 100%;\r\n        overflow-x: auto;\r\n        scroll-behavior: smooth;\r\n        padding: 10px 5px;\r\n        scrollbar-width: thin;\r\n        scrollbar-color: #00A3FF rgba(255, 255, 255, 0.05);\r\n    }\r\n\r\n    #isk-map-section .isk-carousel-viewport::-webkit-scrollbar {\r\n        height: 4px;\r\n    }\r\n    #isk-map-section .isk-carousel-viewport::-webkit-scrollbar-thumb {\r\n        background: #00A3FF;\r\n        border-radius: 4px;\r\n    }\r\n\r\n    #isk-map-section .isk-carousel-track {\r\n        display: flex;\r\n        gap: 12px;\r\n        width: max-content;\r\n    }\r\n\r\n    #isk-map-section .isk-logo-circle {\r\n        flex: 0 0 105px;\r\n        width: 105px;\r\n        height: 105px;\r\n        background: rgba(255, 255, 255, 0.04);\r\n        border: 1px solid rgba(255, 255, 255, 0.12);\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        padding: 12px;\r\n        transition: all 0.3s cubic-bezier(0.25, 1, 0.5, 1);\r\n        position: relative;\r\n        cursor: pointer;\r\n    }\r\n\r\n    #isk-map-section .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.85) opacity(0.7);\r\n        transition: all 0.3s ease;\r\n    }\r\n\r\n    #isk-map-section .isk-name-label {\r\n        position: absolute;\r\n        bottom: 6px;\r\n        color: #103059;\r\n        font-size: 8px;\r\n        text-transform: uppercase;\r\n        opacity: 0;\r\n        transform: translateY(3px);\r\n        transition: all 0.3s ease;\r\n        text-align: center;\r\n        width: 82%;\r\n        white-space: nowrap;\r\n        overflow: hidden;\r\n        text-overflow: ellipsis;\r\n    }\r\n\r\n    #isk-map-section .isk-logo-circle:hover,\r\n    #isk-map-section .isk-logo-circle.active {\r\n        background: #ffffff;\r\n        border-color: #00A3FF;\r\n        box-shadow: 0 8px 22px rgba(0, 163, 255, 0.45);\r\n        transform: translateY(-4px) scale(1.05);\r\n    }\r\n\r\n    #isk-map-section .isk-logo-circle:hover img,\r\n    #isk-map-section .isk-logo-circle.active img {\r\n        filter: brightness(1) grayscale(0) opacity(1);\r\n        transform: scale(1.05) translateY(-2px);\r\n    }\r\n\r\n    #isk-map-section .isk-logo-circle:hover .isk-name-label,\r\n    #isk-map-section .isk-logo-circle.active .isk-name-label {\r\n        opacity: 1;\r\n        transform: translateY(0);\r\n    }\r\n\r\n    \/* TARJETA DETALLE *\/\r\n    #isk-map-section .isk-project-card {\r\n        background: linear-gradient(145deg, rgba(10, 31, 58, 0.95) 0%, rgba(16, 48, 89, 0.95) 100%);\r\n        border: 1px solid rgba(0, 163, 255, 0.35);\r\n        border-radius: 14px;\r\n        padding: 20px 24px;\r\n        box-shadow: 0 15px 30px rgba(0, 0, 0, 0.35);\r\n        backdrop-filter: blur(8px);\r\n        -webkit-backdrop-filter: blur(8px);\r\n        display: flex;\r\n        flex-direction: column;\r\n        gap: 12px;\r\n        transition: opacity 0.2s ease, transform 0.2s ease;\r\n    }\r\n\r\n    #isk-map-section .isk-card-header {\r\n        display: flex;\r\n        align-items: center;\r\n        gap: 15px;\r\n    }\r\n\r\n    #isk-map-section .isk-logo-box {\r\n        width: 65px;\r\n        height: 48px;\r\n        background-color: #ffffff;\r\n        border-radius: 8px;\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        padding: 5px;\r\n        flex-shrink: 0;\r\n    }\r\n\r\n    #isk-map-section .isk-logo-box img {\r\n        max-width: 100%;\r\n        max-height: 100%;\r\n        object-fit: contain;\r\n    }\r\n\r\n    #isk-map-section .isk-card-title {\r\n        color: #ffffff;\r\n        font-size: 18px;\r\n        margin: 0;\r\n    }\r\n\r\n    #isk-map-section .isk-card-location {\r\n        color: #00A3FF;\r\n        font-size: 11px;\r\n        text-transform: uppercase;\r\n        letter-spacing: 1px;\r\n        margin-top: 2px;\r\n        display: block;\r\n    }\r\n\r\n    #isk-map-section .isk-card-badge {\r\n        display: inline-block;\r\n        align-self: flex-start;\r\n        background: rgba(0, 163, 255, 0.12);\r\n        color: #00A3FF;\r\n        border: 1px solid rgba(0, 163, 255, 0.3);\r\n        font-size: 9.5px;\r\n        padding: 4px 10px;\r\n        border-radius: 20px;\r\n        text-transform: uppercase;\r\n        letter-spacing: 1px;\r\n    }\r\n\r\n    #isk-map-section .isk-card-desc {\r\n        color: #aeb6b8;\r\n        font-size: 13px;\r\n        line-height: 1.5;\r\n        margin: 0;\r\n    }\r\n\r\n    \/* RESPONSIVO M\u00d3VIL Y TABLET *\/\r\n    @media (max-width: 991px) {\r\n        #isk-map-section .isk-grid-layout {\r\n            grid-template-columns: 1fr;\r\n        }\r\n        #isk-map-section .isk-quadrant-box {\r\n            position: relative;\r\n            width: 100%;\r\n            max-width: 100%;\r\n            inset: auto !important;\r\n            margin-top: 10px;\r\n        }\r\n    }\r\n\r\n    @media (max-width: 576px) {\r\n        #isk-map-section {\r\n            padding: 25px 10px;\r\n        }\r\n        #isk-map-section .isk-logo-circle {\r\n            flex: 0 0 90px;\r\n            width: 90px;\r\n            height: 90px;\r\n            padding: 8px;\r\n        }\r\n    }\r\n<\/style>\r\n\r\n<!-- ESTRUCTURA PRINCIPAL DE LA SECCI\u00d3N -->\r\n<div id=\"isk-map-section\">\r\n    \r\n    <h2 class=\"isk-title\">NUESTROS CLIENTES POTENCIALES<\/h2>\r\n    <p class=\"isk-subtitle\">Presencia estrat\u00e9gica e integraci\u00f3n industrial en todo M\u00e9xico<\/p>\r\n\r\n    <div class=\"isk-grid-layout\">\r\n        \r\n        <!-- COLUMNA IZQUIERDA: CARRUSEL Y TARJETA -->\r\n        <div class=\"isk-carousel-side\">\r\n            \r\n            <!-- Carrusel de Logos -->\r\n            <div class=\"isk-carousel-controls\">\r\n                <button class=\"isk-nav-btn\" id=\"isk-btn-prev\" aria-label=\"Anterior\">&#10094;<\/button>\r\n                \r\n                <div class=\"isk-carousel-viewport\" id=\"isk-carousel-viewport\">\r\n                    <div class=\"isk-carousel-track\" id=\"isk-carousel-track\">\r\n                        \r\n                        <!-- LISTA ORIGINAL (23 Marcas) -->\r\n                        <div class=\"isk-logo-circle active\" data-brand=\"Hisense\"><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\" data-brand=\"F&M\"><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\" data-brand=\"Kyomex\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/isk.com.mx\/wp-content\/uploads\/2026\/09\/Kiomex.webp\" alt=\"Kyomex\" width=\"120\" height=\"120\"><div class=\"isk-name-label\">Kyomex<\/div><\/div>\r\n                        <div class=\"isk-logo-circle\" data-brand=\"Enersys\"><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\" data-brand=\"Nissan\"><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\" data-brand=\"Foxconn\"><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\" data-brand=\"Forvia\"><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\" data-brand=\"Zeiss\"><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\" data-brand=\"BUAP\"><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\" data-brand=\"BOE\"><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\" data-brand=\"Big Cola\"><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\" data-brand=\"Fata\"><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\" data-brand=\"Vertiv\"><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\" data-brand=\"TPV\"><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\" data-brand=\"SMP\"><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\" data-brand=\"PIMS\"><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\" data-brand=\"Novares\"><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\" data-brand=\"Hutchinson\"><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\" data-brand=\"Honeywell\"><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\" data-brand=\"SA Automotive\"><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\" data-brand=\"SMK\"><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\" data-brand=\"K-Flex\"><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                        <div class=\"isk-logo-circle\" data-brand=\"Volkswagen\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/isk.com.mx\/wp-content\/uploads\/2026\/09\/Volkswagen.webp\" alt=\"Volkswagen\" width=\"120\" height=\"120\"><div class=\"isk-name-label\">Volkswagen<\/div><\/div>\r\n\r\n                        <!-- CLONACI\u00d3N COMPLETA PARA LOOP INFINITO (23 Marcas) -->\r\n                        <div class=\"isk-logo-circle\" aria-hidden=\"true\" data-brand=\"Hisense\"><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\" data-brand=\"F&M\"><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\" data-brand=\"Kyomex\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/isk.com.mx\/wp-content\/uploads\/2026\/09\/Kiomex.webp\" alt=\"\" width=\"120\" height=\"120\"><div class=\"isk-name-label\">Kyomex<\/div><\/div>\r\n                        <div class=\"isk-logo-circle\" aria-hidden=\"true\" data-brand=\"Enersys\"><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\" data-brand=\"Nissan\"><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\" data-brand=\"Foxconn\"><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\" data-brand=\"Forvia\"><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\" data-brand=\"Zeiss\"><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\" data-brand=\"BUAP\"><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\" data-brand=\"BOE\"><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\" data-brand=\"Big Cola\"><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\" data-brand=\"Fata\"><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\" data-brand=\"Vertiv\"><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\" data-brand=\"TPV\"><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\" data-brand=\"SMP\"><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\" data-brand=\"PIMS\"><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\" data-brand=\"Novares\"><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\" data-brand=\"Hutchinson\"><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\" data-brand=\"Honeywell\"><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\" data-brand=\"SA Automotive\"><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\" data-brand=\"SMK\"><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\" data-brand=\"K-Flex\"><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                        <div class=\"isk-logo-circle\" aria-hidden=\"true\" data-brand=\"Volkswagen\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/isk.com.mx\/wp-content\/uploads\/2026\/09\/Volkswagen.webp\" alt=\"\" width=\"120\" height=\"120\"><div class=\"isk-name-label\">Volkswagen<\/div><\/div>\r\n\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <button class=\"isk-nav-btn\" id=\"isk-btn-next\" aria-label=\"Siguiente\">&#10095;<\/button>\r\n            <\/div>\r\n\r\n            <!-- Tarjeta Din\u00e1mica de Detalles -->\r\n            <div class=\"isk-project-card\" id=\"isk-project-card\">\r\n                <div class=\"isk-card-header\">\r\n                    <div class=\"isk-logo-box\">\r\n                        <img decoding=\"async\" id=\"isk-card-logo\" src=\"https:\/\/isk.com.mx\/wp-content\/uploads\/2026\/03\/Cliente-Hisense.webp\" alt=\"Logo Cliente\">\r\n                    <\/div>\r\n                    <div>\r\n                        <h3 class=\"isk-card-title\" id=\"isk-card-title\">Hisense Electr\u00f3nica<\/h3>\r\n                        <span class=\"isk-card-location\" id=\"isk-card-location\">TIJUANA, B.C.<\/span>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <span class=\"isk-card-badge\" id=\"isk-card-badge\">L\u00cdNEAS DE ENSAMBLE \/ VISI\u00d3N ARTIFICIAL<\/span>\r\n\r\n                <p class=\"isk-card-desc\" id=\"isk-card-desc\">\r\n                    Sistemas de visi\u00f3n artificial e inspecci\u00f3n automatizada para la producci\u00f3n masiva de electr\u00f3nica de consumo.\r\n                <\/p>\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n        <!-- COLUMNA DERECHA: MAPA SIN TAPAR + CUADRANTES EXTERNOS -->\r\n        <div class=\"isk-map-wrapper\">\r\n            <div class=\"isk-map-container\">\r\n                <img decoding=\"async\" src=\"https:\/\/isk.com.mx\/wp-content\/uploads\/2026\/03\/Mapa-oficinas-automation-isk.webp\" alt=\"Mapa de Clientes Automation ISK\" class=\"isk-map-img\">\r\n                \r\n                <div class=\"isk-map-pins-overlay\">\r\n                    \r\n                    <!-- PIN 1: BAJA CALIFORNIA -->\r\n                    <div class=\"isk-region-pin\" style=\"top: 25%; left: 16%;\">\r\n                        <div class=\"isk-pin-core\"><\/div>\r\n                        <div class=\"isk-pin-pulse-ring\"><\/div>\r\n                        <span class=\"isk-pin-badge-text\">BAJA CALIFORNIA<\/span>\r\n                    <\/div>\r\n\r\n                    <!-- PIN 2: NORTE \/ SONORA \/ COAHUILA -->\r\n                    <div class=\"isk-region-pin\" style=\"top: 28%; left: 45%;\">\r\n                        <div class=\"isk-pin-core\"><\/div>\r\n                        <div class=\"isk-pin-pulse-ring\"><\/div>\r\n                        <span class=\"isk-pin-badge-text\">NORTE \/ NORESTE<\/span>\r\n                    <\/div>\r\n\r\n                    <!-- PIN 3: CENTRO \/ PUEBLA -->\r\n                    <div class=\"isk-region-pin\" style=\"top: 70%; left: 63%;\">\r\n                        <div class=\"isk-pin-core\"><\/div>\r\n                        <div class=\"isk-pin-pulse-ring\"><\/div>\r\n                        <span class=\"isk-pin-badge-text\">CENTRO \/ PUEBLA<\/span>\r\n                    <\/div>\r\n\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <!-- CUADRANTE 1: A LA IZQUIERDA\/ABAJO (\u00c1REA LIBRE DEL OC\u00c9ANO PAC\u00cdFICO) -->\r\n            <div class=\"isk-quadrant-box quadrant-bottom-left\">\r\n                <div class=\"isk-quadrant-title\">Baja California<\/div>\r\n                <ul class=\"isk-client-list\">\r\n                    <li class=\"isk-client-list-item active\" data-brand=\"Hisense\">Hisense<\/li>\r\n                    <li class=\"isk-client-list-item\" data-brand=\"F&M\">F&M<\/li>\r\n                    <li class=\"isk-client-list-item\" data-brand=\"Kyomex\">Kyomex<\/li>\r\n                    <li class=\"isk-client-list-item\" data-brand=\"Enersys\">Enersys<\/li>\r\n                    <li class=\"isk-client-list-item\" data-brand=\"Foxconn\">Foxconn<\/li>\r\n                    <li class=\"isk-client-list-item\" data-brand=\"Vertiv\">Vertiv<\/li>\r\n                    <li class=\"isk-client-list-item\" data-brand=\"TPV\">TPV<\/li>\r\n                    <li class=\"isk-client-list-item\" data-brand=\"PIMS\">PIMS (Mexicali)<\/li>\r\n                    <li class=\"isk-client-list-item\" data-brand=\"Hutchinson\">Hutchinson (Ensenada)<\/li>\r\n                    <li class=\"isk-client-list-item\" data-brand=\"Honeywell\">Honeywell<\/li>\r\n                    <li class=\"isk-client-list-item\" data-brand=\"SA Automotive\">SA Auto<\/li>\r\n                    <li class=\"isk-client-list-item\" data-brand=\"SMK\">SMK<\/li>\r\n                    <li class=\"isk-client-list-item\" data-brand=\"K-Flex\">K-Flex<\/li>\r\n                    <li class=\"isk-client-list-item\" data-brand=\"Zeiss\">Zeiss<\/li>\r\n                    <li class=\"isk-client-list-item\" data-brand=\"BOE\">BOE<\/li>\r\n                <\/ul>\r\n            <\/div>\r\n\r\n            <!-- CUADRANTE 2: A LA DERECHA\/ARRIBA (\u00c1REA LIBRE DEL GOLFO \/ EE.UU.) -->\r\n            <div class=\"isk-quadrant-box quadrant-top-right\">\r\n                <div class=\"isk-quadrant-title\">Norte &amp; Zona Centro<\/div>\r\n                <ul class=\"isk-client-list\">\r\n                    <li class=\"isk-client-list-item\" data-brand=\"Novares\">Novares (Sonora)<\/li>\r\n                    <li class=\"isk-client-list-item\" data-brand=\"Fata\">Fata (Coahuila)<\/li>\r\n                    <li class=\"isk-client-list-item\" data-brand=\"SMP\">SMP (Monterrey)<\/li>\r\n                    <li class=\"isk-client-list-item\" data-brand=\"Volkswagen\">Volkswagen (Puebla)<\/li>\r\n                    <li class=\"isk-client-list-item\" data-brand=\"BUAP\">BUAP (Puebla)<\/li>\r\n                    <li class=\"isk-client-list-item\" data-brand=\"Big Cola\">Big Cola (Puebla)<\/li>\r\n                    <li class=\"isk-client-list-item\" data-brand=\"Forvia\">Forvia (Puebla)<\/li>\r\n                    <li class=\"isk-client-list-item\" data-brand=\"Nissan\">Nissan (Ags)<\/li>\r\n                <\/ul>\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n    <\/div>\r\n<\/div>\r\n\r\n<!-- L\u00d3GICA DE INTERACCI\u00d3N Y NAVEGACI\u00d3N TOTALMENTE SINCRONIZADA -->\r\n<script>\r\n(function() {\r\n    function initIskMapSection() {\r\n        var section = document.getElementById('isk-map-section');\r\n        if (!section) return;\r\n\r\n        var logos = section.querySelectorAll('.isk-logo-circle');\r\n        var listItems = section.querySelectorAll('.isk-client-list-item');\r\n        var btnPrev = section.querySelector('#isk-btn-prev');\r\n        var btnNext = section.querySelector('#isk-btn-next');\r\n\r\n        var cardTitle = section.querySelector('#isk-card-title');\r\n        var cardLocation = section.querySelector('#isk-card-location');\r\n        var cardBadge = section.querySelector('#isk-card-badge');\r\n        var cardDesc = section.querySelector('#isk-card-desc');\r\n        var cardLogo = section.querySelector('#isk-card-logo');\r\n        var projectCard = section.querySelector('#isk-project-card');\r\n\r\n        \/\/ DETALLES Y UBICACIONES CORREGIDAS\r\n        var brandDetails = {\r\n            \"Hisense\": { title: \"Hisense Electr\u00f3nica\", location: \"TIJUANA, B.C.\", badge: \"L\u00cdNEAS DE ENSAMBLE \/ VISI\u00d3N ARTIFICIAL\", desc: \"Sistemas de visi\u00f3n artificial e inspecci\u00f3n automatizada para electr\u00f3nica de consumo.\", logo: \"https:\/\/isk.com.mx\/wp-content\/uploads\/2026\/03\/Cliente-Hisense.webp\" },\r\n            \"F&M\": { title: \"F&M Fabricaci\u00f3n y Manufacturas\", location: \"TIJUANA, B.C.\", badge: \"MECANIZADOS CNC \/ ESTRUCTURAS\", desc: \"Dise\u00f1o y fabricaci\u00f3n de estructuras met\u00e1licas, tooling industrial y mecanizados CNC.\", logo: \"https:\/\/isk.com.mx\/wp-content\/uploads\/2026\/03\/Cliente-fabricacionymanufacturas.webp\" },\r\n            \"Kyomex\": { title: \"Kyomex\", location: \"TIJUANA, B.C.\", badge: \"AUTOMATIZACI\u00d3N \/ CONTROL ELECTR\u00d3NICO\", desc: \"Integraci\u00f3n de sistemas de control industrial, tableros el\u00e9ctricos y programaci\u00f3n PLC.\", logo: \"https:\/\/isk.com.mx\/wp-content\/uploads\/2026\/09\/Kiomex.webp\" },\r\n            \"Enersys\": { title: \"EnerSys\", location: \"TIJUANA, B.C.\", badge: \"SOLUCIONES DE ENERG\u00cdA\", desc: \"Sistemas automatizados de ensamble y pruebas de calidad para bater\u00edas industriales.\", logo: \"https:\/\/isk.com.mx\/wp-content\/uploads\/2026\/03\/cliente-enersys.webp\" },\r\n            \"Nissan\": { title: \"Nissan Mexicana\", location: \"AGUASCALIENTES, AGS.\", badge: \"SECTOR AUTOMOTRIZ \/ CONTROL\", desc: \"Automatizaci\u00f3n de procesos de estampado y soldadura rob\u00f3tica para plantas automotrices.\", logo: \"https:\/\/isk.com.mx\/wp-content\/uploads\/2025\/11\/nissan-proveedor.webp\" },\r\n            \"Foxconn\": { title: \"Foxconn Electronics\", location: \"TIJUANA \/ CD. JU\u00c1REZ\", badge: \"MANUFACTURA TECNOL\u00d3GICA \/ PLC\", desc: \"Optimizaci\u00f3n de celdas robotizadas y programaci\u00f3n de PLC para l\u00edneas electr\u00f3nicas masivas.\", logo: \"https:\/\/isk.com.mx\/wp-content\/uploads\/2025\/11\/proveedor-foxconn.webp\" },\r\n            \"Forvia\": { title: \"Forvia (Faurecia)\", location: \"PUEBLA \/ SAN LUIS POTOS\u00cd\", badge: \"AUTOPARTES E INTERIORES\", desc: \"Celdas de ensamble automatizado y control PLC para componentes automotrices.\", logo: \"https:\/\/isk.com.mx\/wp-content\/uploads\/2025\/11\/proveedor-forvia.webp\" },\r\n            \"Zeiss\": { title: \"Carl Zeiss\", location: \"TIJUANA, B.C.\", badge: \"METROLOG\u00cdA Y \u00d3PTICA INDUSTRIAL\", desc: \"Celdas de inspecci\u00f3n \u00f3ptica de alta precisi\u00f3n y control automatizado de metrolog\u00eda.\", logo: \"https:\/\/isk.com.mx\/wp-content\/uploads\/2025\/11\/proveedor-zeiss.webp\" },\r\n            \"BUAP\": { title: \"BUAP\", location: \"PUEBLA, PUE.\", badge: \"INVESTIGACI\u00d3N Y DESARROLLO\", desc: \"Equipamiento de laboratorios automatizados y proyectos de innovaci\u00f3n industrial.\", logo: \"https:\/\/isk.com.mx\/wp-content\/uploads\/2025\/11\/proveedor-buap.webp\" },\r\n            \"BOE\": { title: \"BOE Technology\", location: \"TIJUANA, B.C.\", badge: \"OPTOELECTR\u00d3NICA \/ PANTALLAS\", desc: \"Automatizaci\u00f3n de celdas de inspecci\u00f3n \u00f3ptica y transporte de m\u00f3dulos de visualizaci\u00f3n digital.\", logo: \"https:\/\/isk.com.mx\/wp-content\/uploads\/2025\/11\/proveedor-boe.webp\" },\r\n            \"Big Cola\": { title: \"Big Cola (AJE Group)\", location: \"PUEBLA, PUE.\", badge: \"L\u00cdNEAS DE EMBOTELLADO Y CONTROL\", desc: \"Automatizaci\u00f3n de empaque, paletizado rob\u00f3tico y control continuo de embotellado.\", logo: \"https:\/\/isk.com.mx\/wp-content\/uploads\/2025\/11\/proveedor-bigcola.webp\" },\r\n            \"Fata\": { title: \"FATA Automation\", location: \"SALTILLO, COAH.\", badge: \"AUTOMOTRIZ \/ CELDAS ROB\u00d3TICAS\", desc: \"Integraci\u00f3n de transportadores pesados y rob\u00f3tica industrial articulada.\", logo: \"https:\/\/isk.com.mx\/wp-content\/uploads\/2025\/11\/proveedor-fata.webp\" },\r\n            \"Vertiv\": { title: \"Vertiv\", location: \"TIJUANA, B.C.\", badge: \"INFRAESTRUCTURA T\u00c9RMICA Y POTENCIA\", desc: \"Automatizaci\u00f3n de ensambles para m\u00f3dulos cr\u00edticos de potencia y soluciones de enfriamiento.\", logo: \"https:\/\/isk.com.mx\/wp-content\/uploads\/2025\/11\/proveedor-vertiv.webp\" },\r\n            \"TPV\": { title: \"TPV Vision Innovator\", location: \"TIJUANA, B.C.\", badge: \"ELECTR\u00d3NICA \/ PANTALLAS\", desc: \"L\u00edneas de ensamble automatizadas para monitores y pantallas de alta resoluci\u00f3n.\", logo: \"https:\/\/isk.com.mx\/wp-content\/uploads\/2025\/11\/proveedor-TPV.webp\" },\r\n            \"SMP\": { title: \"SMP Automotive\", location: \"MONTERREY \/ SLP\", badge: \"M\u00d3DULOS PL\u00c1STICOS AUTOMOTRICES\", desc: \"Celdas rob\u00f3ticas de aplicaci\u00f3n de adhesivos y ensamble de fascias automotrices.\", logo: \"https:\/\/isk.com.mx\/wp-content\/uploads\/2025\/11\/proveedor-smp.webp\" },\r\n            \"PIMS\": { title: \"PIMS\", location: \"MEXICALI, B.C.\", badge: \"MANUFACTURA INDUSTRIAL\", desc: \"Soluciones en l\u00edneas de producci\u00f3n automatizadas y programaci\u00f3n de PLC.\", logo: \"https:\/\/isk.com.mx\/wp-content\/uploads\/2025\/11\/proveedor-pims.webp\" },\r\n            \"Novares\": { title: \"Novares\", location: \"SONORA\", badge: \"PL\u00c1STICOS AUTOMOTRICES\", desc: \"Celdas automatizadas de ensamble y desbarbado para componentes pl\u00e1sticos.\", logo: \"https:\/\/isk.com.mx\/wp-content\/uploads\/2025\/11\/proveedor-novares.webp\" },\r\n            \"Hutchinson\": { title: \"Hutchinson\", location: \"ENSENADA, B.C.\", badge: \"SECTOR AUTOMOTRIZ \/ SELLADO\", desc: \"Sistemas de manipulaci\u00f3n rob\u00f3tica y l\u00edneas de curado continuo para sellos automotrices.\", logo: \"https:\/\/isk.com.mx\/wp-content\/uploads\/2025\/11\/proveedor-hutchinson.webp\" },\r\n            \"Honeywell\": { title: \"Honeywell Aerospace\", location: \"TIJUANA \/ MEXICALI, B.C.\", badge: \"AEROESPACIAL \/ PRUEBAS AUTOMATIZADAS\", desc: \"Sistemas de prueba automatizados y bancos de control para componentes aeroespaciales.\", logo: \"https:\/\/isk.com.mx\/wp-content\/uploads\/2025\/11\/footer-web-19.webp\" },\r\n            \"SA Automotive\": { title: \"SA Automotive\", location: \"TIJUANA, B.C.\", badge: \"COMPONENTE AUTOMOTRIZ\", desc: \"Ingenier\u00eda de procesos y automatizaci\u00f3n de ensamble de interiores automotrices.\", logo: \"https:\/\/isk.com.mx\/wp-content\/uploads\/2025\/11\/proveedor-sa.webp\" },\r\n            \"SMK\": { title: \"SMK Electr\u00f3nica\", location: \"TIJUANA, B.C.\", badge: \"COMPONENTES ELECTR\u00d3NICOS\", desc: \"Celdas de micro-soldadura e inspecci\u00f3n \u00f3ptica automatizada.\", logo: \"https:\/\/isk.com.mx\/wp-content\/uploads\/2025\/11\/proveedor-smk.webp\" },\r\n            \"K-Flex\": { title: \"K-Flex M\u00e9xico\", location: \"TIJUANA, B.C.\", badge: \"AISLAMIENTO T\u00c9RMICO Y AC\u00daSTICO\", desc: \"Automatizaci\u00f3n del proceso de empaque y emboquillado para tuber\u00eda elastom\u00e9rica.\", logo: \"https:\/\/isk.com.mx\/wp-content\/uploads\/2025\/11\/proveedor-k-flex.webp\" },\r\n            \"Volkswagen\": { title: \"Volkswagen de M\u00e9xico\", location: \"PUEBLA, PUE.\", badge: \"ROB\u00d3TICA INDUSTRIAL \/ TRANSPORTADORES\", desc: \"Integraci\u00f3n e ingenier\u00eda de transportadores industriales y celdas robotizadas.\", logo: \"https:\/\/isk.com.mx\/wp-content\/uploads\/2026\/09\/Volkswagen.webp\" }\r\n        };\r\n\r\n        var brandKeys = Object.keys(brandDetails);\r\n        var currentIndex = 0;\r\n\r\n        function selectBrand(brandName) {\r\n            if (!brandName || !brandDetails[brandName]) return;\r\n\r\n            var idx = brandKeys.indexOf(brandName);\r\n            if (idx !== -1) currentIndex = idx;\r\n\r\n            \/\/ 1. Marcar activo en las listas de los cuadrantes\r\n            listItems.forEach(function(item) {\r\n                if (item.getAttribute('data-brand') === brandName) {\r\n                    item.classList.add('active');\r\n                } else {\r\n                    item.classList.remove('active');\r\n                }\r\n            });\r\n\r\n            \/\/ 2. Buscar el logo en el carrusel, destacarlo y CENTRARLO \/ DETENER EL CARRUSEL EN \u00c9L\r\n            var targetLogo = null;\r\n            logos.forEach(function(logo) {\r\n                if (logo.getAttribute('data-brand') === brandName) {\r\n                    logo.classList.add('active');\r\n                    if (!targetLogo && !logo.hasAttribute('aria-hidden')) {\r\n                        targetLogo = logo;\r\n                    }\r\n                } else {\r\n                    logo.classList.remove('active');\r\n                }\r\n            });\r\n\r\n            \/\/ Desplazar suavemente el carrusel para centrar el logo seleccionado\r\n            if (targetLogo) {\r\n                targetLogo.scrollIntoView({\r\n                    behavior: 'smooth',\r\n                    block: 'nearest',\r\n                    inline: 'center'\r\n                });\r\n            }\r\n\r\n            \/\/ 3. Actualizar la tarjeta de detalles con transici\u00f3n\r\n            if (projectCard) {\r\n                projectCard.style.opacity = '0';\r\n                projectCard.style.transform = 'translateY(5px)';\r\n\r\n                setTimeout(function() {\r\n                    var data = brandDetails[brandName];\r\n                    if (cardTitle) cardTitle.textContent = data.title;\r\n                    if (cardLocation) cardLocation.textContent = data.location;\r\n                    if (cardBadge) cardBadge.textContent = data.badge;\r\n                    if (cardDesc) cardDesc.textContent = data.desc;\r\n                    if (cardLogo) cardLogo.src = data.logo;\r\n\r\n                    projectCard.style.opacity = '1';\r\n                    projectCard.style.transform = 'translateY(0)';\r\n                }, 150);\r\n            }\r\n        }\r\n\r\n        \/\/ Eventos en items de las listas del mapa\r\n        listItems.forEach(function(item) {\r\n            item.addEventListener('click', function(e) {\r\n                e.preventDefault();\r\n                selectBrand(this.getAttribute('data-brand'));\r\n            });\r\n        });\r\n\r\n        \/\/ Eventos en logos del carrusel\r\n        logos.forEach(function(logo) {\r\n            logo.addEventListener('click', function(e) {\r\n                e.preventDefault();\r\n                selectBrand(this.getAttribute('data-brand'));\r\n            });\r\n        });\r\n\r\n        \/\/ Botones manuales del carrusel\r\n        if (btnPrev) {\r\n            btnPrev.addEventListener('click', function() {\r\n                currentIndex = (currentIndex - 1 + brandKeys.length) % brandKeys.length;\r\n                selectBrand(brandKeys[currentIndex]);\r\n            });\r\n        }\r\n\r\n        if (btnNext) {\r\n            btnNext.addEventListener('click', function() {\r\n                currentIndex = (currentIndex + 1) % brandKeys.length;\r\n                selectBrand(brandKeys[currentIndex]);\r\n            });\r\n        }\r\n\r\n        \/\/ Selecci\u00f3n Inicial\r\n        selectBrand(\"Hisense\");\r\n    }\r\n\r\n    if (document.readyState === 'loading') {\r\n        document.addEventListener('DOMContentLoaded', initIskMapSection);\r\n    } else {\r\n        initIskMapSection();\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-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=\"\/es\/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\" data-trp-original-action=\"\/es\/wp-json\/wp\/v2\/pages\/47#wpcf7-f2231-o1\">\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<input type=\"hidden\" name=\"trp-form-language\" value=\"es\"\/><\/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>\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\/es\/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\/es\/automotriz\/\" target=\"_blank\" rel=\"noopener\">Automotriz<\/a><\/li>\r\n                <li><a href=\"https:\/\/isk.com.mx\/es\/electronica\/\" target=\"_blank\" rel=\"noopener\">Electr\u00f3nica<\/a><\/li>\r\n                <li><a href=\"https:\/\/isk.com.mx\/es\/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>",
        "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.6 - 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\/es\/\" \/>\n<meta property=\"og:locale\" content=\"es_MX\" \/>\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\/es\/\" \/>\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-09-26T00:01:26+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<meta name=\"twitter:label1\" content=\"Tiempo de lectura\" \/>\n\t<meta name=\"twitter:data1\" content=\"73 minutos\" \/>\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-09-26T00:01:26+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\":\"es\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/isk.com.mx\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@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\":\"es\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/isk.com.mx\\\/#organization\",\"name\":\"Ingenier\u00eda y Control Industrial ISK\",\"url\":\"https:\\\/\\\/isk.com.mx\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@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\/es\/",
        "og_locale": "es_MX",
        "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\/es\/",
        "og_site_name": "Automation ISK",
        "article_publisher": "https:\/\/www.facebook.com\/ISKautomation",
        "article_modified_time": "2026-09-26T00:01:26+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",
        "twitter_misc": {
            "Tiempo de lectura": "73 minutos"
        },
        "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-09-26T00:01:26+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": "es",
                    "potentialAction": [
                        {
                            "@type": "ReadAction",
                            "target": [
                                "https:\/\/isk.com.mx\/"
                            ]
                        }
                    ]
                },
                {
                    "@type": "ImageObject",
                    "inLanguage": "es",
                    "@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": "es"
                },
                {
                    "@type": "Organization",
                    "@id": "https:\/\/isk.com.mx\/#organization",
                    "name": "Ingenier\u00eda y Control Industrial ISK",
                    "url": "https:\/\/isk.com.mx\/",
                    "logo": {
                        "@type": "ImageObject",
                        "inLanguage": "es",
                        "@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\/es\/wp-json\/wp\/v2\/pages\/47",
                "targetHints": {
                    "allow": [
                        "GET"
                    ]
                }
            }
        ],
        "collection": [
            {
                "href": "https:\/\/isk.com.mx\/es\/wp-json\/wp\/v2\/pages"
            }
        ],
        "about": [
            {
                "href": "https:\/\/isk.com.mx\/es\/wp-json\/wp\/v2\/types\/page"
            }
        ],
        "author": [
            {
                "embeddable": true,
                "href": "https:\/\/isk.com.mx\/es\/wp-json\/wp\/v2\/users\/1"
            }
        ],
        "replies": [
            {
                "embeddable": true,
                "href": "https:\/\/isk.com.mx\/es\/wp-json\/wp\/v2\/comments?post=47"
            }
        ],
        "version-history": [
            {
                "count": 598,
                "href": "https:\/\/isk.com.mx\/es\/wp-json\/wp\/v2\/pages\/47\/revisions"
            }
        ],
        "predecessor-version": [
            {
                "id": 2411,
                "href": "https:\/\/isk.com.mx\/es\/wp-json\/wp\/v2\/pages\/47\/revisions\/2411"
            }
        ],
        "wp:featuredmedia": [
            {
                "embeddable": true,
                "href": "https:\/\/isk.com.mx\/es\/wp-json\/wp\/v2\/media\/1598"
            }
        ],
        "wp:attachment": [
            {
                "href": "https:\/\/isk.com.mx\/es\/wp-json\/wp\/v2\/media?parent=47"
            }
        ],
        "curies": [
            {
                "name": "wp",
                "href": "https:\/\/api.w.org\/{rel}",
                "templated": true
            }
        ]
    }
}