{"id":115,"date":"2025-09-05T20:09:20","date_gmt":"2025-09-05T20:09:20","guid":{"rendered":"https:\/\/isk.com.mx\/?page_id=115"},"modified":"2026-05-30T01:09:54","modified_gmt":"2026-05-30T01:09:54","slug":"automotriz","status":"publish","type":"page","link":"https:\/\/isk.com.mx\/es\/automotriz\/","title":{"rendered":"Automotriz"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"115\" class=\"elementor elementor-115\">\n\t\t\t\t<div class=\"elementor-element elementor-element-fb47c2b e-con-full e-flex e-con e-parent\" data-id=\"fb47c2b\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-9752a9a elementor-widget elementor-widget-html\" data-id=\"9752a9a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@500;700;900&display=swap\" rel=\"stylesheet\">\r\n\r\n<style>\r\n    \/* --- CONTENEDOR PRINCIPAL --- *\/\r\n    .isk-auto-hero-wrapper {\r\n        --v2-azul-base: #103059; \/* Tu azul exacto *\/\r\n        --v2-azul-media: #0f2642;\r\n        --v2-celeste: #00A3FF;\r\n        --v2-blanco: #ffffff;\r\n        --v2-negro: #000000;\r\n        --v2-fuente: 'Montserrat', sans-serif;\r\n        \r\n        font-family: var(--v2-fuente);\r\n        position: relative;\r\n        width: 100%;\r\n        height: 75vh; \r\n        min-height: 580px;\r\n        overflow: hidden;\r\n        background: var(--v2-azul-base);\r\n        display: flex;\r\n        box-sizing: border-box;\r\n    }\r\n\r\n    \/* --- BLOQUE DE TEXTO IZQUIERDO (AZUL #103059 CUADRICULADO) --- *\/\r\n    .isk-auto-hero-content {\r\n        flex: 1;\r\n        display: flex;\r\n        flex-direction: column;\r\n        justify-content: center;\r\n        padding: 0 5% 0 6%;\r\n        z-index: 3;\r\n        position: relative;\r\n        \r\n        \/* Fondo con tu color corporativo *\/\r\n        background-color: var(--v2-azul-base);\r\n        \/* Malla cuadriculada de ingenier\u00eda de alta precisi\u00f3n *\/\r\n        background-image: linear-gradient(rgba(0, 163, 255, 0.05) 1px, transparent 1px), \r\n                          linear-gradient(90deg, rgba(0, 163, 255, 0.05) 1px, transparent 1px);\r\n        background-size: 45px 45px;\r\n        box-sizing: border-box;\r\n    }\r\n\r\n    .isk-auto-hero-content h2 {\r\n        font-family: var(--v2-fuente);\r\n        font-weight: 700; \/* Montserrat 700 para subt\u00edtulos *\/\r\n        font-size: clamp(11px, 1.2vw, 14px);\r\n        color: var(--v2-celeste);\r\n        text-transform: uppercase;\r\n        letter-spacing: 4px;\r\n        margin: 0 0 15px 0;\r\n        opacity: 0;\r\n        animation: iskFadeUp 0.8s cubic-bezier(0.16, 1, 0.3, 1) 0.2s forwards;\r\n    }\r\n\r\n    .isk-auto-hero-content h1 {\r\n        font-family: var(--v2-fuente);\r\n        font-weight: 900; \/* Fuerza visual m\u00e1xima con Montserrat 900 *\/\r\n        font-size: clamp(28px, 3.8vw, 46px);\r\n        color: var(--v2-blanco);\r\n        line-height: 1.15;\r\n        margin: 0 0 20px 0;\r\n        text-transform: uppercase;\r\n        opacity: 0;\r\n        animation: iskFadeUp 0.8s cubic-bezier(0.16, 1, 0.3, 1) 0.4s forwards;\r\n    }\r\n\r\n    .isk-auto-hero-content p {\r\n        font-family: var(--v2-fuente);\r\n        font-weight: 500; \/* Montserrat 500 para bloques de texto *\/\r\n        font-size: clamp(14px, 1.3vw, 15.5px);\r\n        color: rgba(255, 255, 255, 0.9); \/* Legibilidad premium sobre azul oscuro *\/\r\n        max-width: 520px;\r\n        margin: 0 0 35px 0;\r\n        line-height: 1.6;\r\n        opacity: 0;\r\n        animation: iskFadeUp 0.8s cubic-bezier(0.16, 1, 0.3, 1) 0.6s forwards;\r\n    }\r\n\r\n    \/* --- BOT\u00d3N DE ACCI\u00d3N INTERACTIVO (DISE\u00d1O PREMIUM) --- *\/\r\n    .isk-auto-btn-single {\r\n        display: inline-block;\r\n        width: fit-content;\r\n        padding: clamp(14px, 1.5vw, 20px) clamp(30px, 3.2vw, 45px);\r\n        font-size: clamp(11px, 1.1vw, 13.5px);\r\n        \r\n        background: var(--v2-celeste);\r\n        color: white !important;\r\n        text-decoration: none;\r\n        font-family: var(--v2-fuente);\r\n        font-weight: 700;\r\n        border-radius: 0 25px 0 25px;\r\n        text-transform: uppercase;\r\n        letter-spacing: 0.5px;\r\n        transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1);\r\n        border: 2px solid var(--v2-celeste);\r\n        box-shadow: 0 8px 20px rgba(0, 163, 255, 0.25);\r\n        text-align: center;\r\n        box-sizing: border-box;\r\n        opacity: 0;\r\n        animation: iskFadeUp 0.8s cubic-bezier(0.16, 1, 0.3, 1) 0.8s forwards;\r\n    }\r\n\r\n    .isk-auto-btn-single:hover {\r\n        background: transparent;\r\n        color: var(--v2-celeste) !important;\r\n        transform: translateY(-4px);\r\n        box-shadow: 0 12px 25px rgba(0, 163, 255, 0.4);\r\n        border-radius: 25px 0 25px 0; \/* Inversi\u00f3n de esquinas din\u00e1mica *\/\r\n    }\r\n\r\n    \/* --- CONTENEDOR MULTIMEDIA DERECHO --- *\/\r\n    .isk-auto-hero-media {\r\n        flex: 1.2;\r\n        position: relative;\r\n        overflow: hidden;\r\n        background: var(--v2-azul-media);\r\n        clip-path: polygon(12% 0, 100% 0, 100% 100%, 0% 100%);\r\n        opacity: 0;\r\n        animation: iskMediaIn 1.2s cubic-bezier(0.16, 1, 0.3, 1) forwards;\r\n    }\r\n\r\n    \/* Video incrustado *\/\r\n    .isk-auto-video-embed {\r\n        position: absolute;\r\n        top: 50%;\r\n        left: 50%;\r\n        width: 100vw;\r\n        height: 56.25vw; \r\n        min-height: 100%;\r\n        min-width: 177.77vh;\r\n        transform: translate(-50%, -50%);\r\n        pointer-events: none;\r\n    }\r\n\r\n    \/* Capa de contraste optimizada *\/\r\n    .isk-auto-media-overlay {\r\n        position: absolute;\r\n        top: 0;\r\n        left: 0;\r\n        width: 100%;\r\n        height: 100%;\r\n        background: linear-gradient(to right, rgba(16, 48, 89, 0.65) 0%, rgba(16, 48, 89, 0.1) 100%);\r\n        z-index: 2;\r\n        pointer-events: none;\r\n    }\r\n\r\n    \/* --- INDICADOR HUD INTERACTIVO --- *\/\r\n    .isk-hud-badge {\r\n        position: absolute;\r\n        top: 25px;\r\n        right: 25px;\r\n        background: rgba(16, 48, 89, 0.85);\r\n        backdrop-filter: blur(8px);\r\n        -webkit-backdrop-filter: blur(8px);\r\n        border: 1px solid rgba(0, 163, 255, 0.3);\r\n        padding: 8px 16px;\r\n        border-radius: 50px;\r\n        color: var(--v2-blanco);\r\n        font-family: var(--v2-fuente);\r\n        font-weight: 700;\r\n        font-size: 10px;\r\n        letter-spacing: 1.5px;\r\n        display: flex;\r\n        align-items: center;\r\n        gap: 8px;\r\n        z-index: 5;\r\n    }\r\n\r\n    .isk-hud-dot {\r\n        width: 6px;\r\n        height: 6px;\r\n        background: #00ff66;\r\n        border-radius: 50%;\r\n        animation: iskDotPulse 1.6s infinite;\r\n    }\r\n\r\n    \/* --- COREOGRAF\u00cdAS DE ANIMACI\u00d3N --- *\/\r\n    @keyframes iskFadeUp {\r\n        from { opacity: 0; transform: translateY(25px); }\r\n        to { opacity: 1; transform: translateY(0); }\r\n    }\r\n\r\n    @keyframes iskMediaIn {\r\n        from { opacity: 0; transform: scale(1.05); }\r\n        to { opacity: 1; transform: scale(1); }\r\n    }\r\n\r\n    @keyframes iskDotPulse {\r\n        0% { box-shadow: 0 0 0 0 rgba(0, 255, 102, 0.6); }\r\n        70% { box-shadow: 0 0 0 8px rgba(0, 255, 102, 0); }\r\n        100% { box-shadow: 0 0 0 0 rgba(0, 255, 102, 0); }\r\n    }\r\n\r\n    \/* --- RESPONSIVIDAD (TABLETS \/ IPADS) --- *\/\r\n    @media (max-width: 1024px) {\r\n        .isk-auto-hero-wrapper { height: 65vh; min-height: 500px; }\r\n        .isk-auto-hero-content { padding: 0 4% 0 5%; background-size: 35px 35px; }\r\n        .isk-auto-hero-media { flex: 1; }\r\n    }\r\n\r\n    \/* --- RESPONSIVIDAD (DISPOSITIVOS MEDIANOS A SMARTPHONES) --- *\/\r\n    @media (max-width: 992px) {\r\n        .isk-auto-hero-wrapper { height: auto; min-height: auto; flex-direction: column-reverse; }\r\n        \r\n        .isk-auto-hero-media { \r\n            clip-path: none; \r\n            flex: none;\r\n            width: 100%;\r\n            height: 380px; \r\n        }\r\n\r\n        .isk-auto-hero-content { \r\n            flex: none; \r\n            width: 100%;\r\n            padding: 55px 35px; \r\n            text-align: center; \r\n            align-items: center;\r\n            background-size: 40px 40px;\r\n        }\r\n\r\n        .isk-auto-hero-content h1 { margin-bottom: 15px; }\r\n        .isk-auto-hero-content p { margin-bottom: 25px; max-width: 600px; }\r\n        .isk-auto-btn-single { width: 100%; max-width: 290px; }\r\n        .isk-hud-badge { right: auto; left: 50%; transform: translateX(-50%); top: 20px; }\r\n    }\r\n\r\n    \/* --- RESPONSIVIDAD (CELULARES PEQUE\u00d1OS) --- *\/\r\n    @media (max-width: 480px) {\r\n        .isk-auto-hero-media { height: 240px; }\r\n        .isk-auto-hero-content { padding: 45px 20px; background-size: 30px 30px; }\r\n        .isk-auto-btn-single { max-width: 260px; }\r\n    }\r\n<\/style>\r\n\r\n<section class=\"isk-auto-hero-wrapper\" aria-label=\"Ingenier\u00eda y automatizaci\u00f3n avanzada para la industria automotriz por Automation ISK\">\r\n    \r\n    <div class=\"isk-auto-hero-content\">\r\n        <h2>Ingenier\u00eda Avanzada<\/h2>\r\n        <h1>Industria <br><span style=\"color:var(--v2-celeste)\">Automotriz<\/span><\/h1>\r\n        <p>Desarrollamos e integramos celdas de manufactura e infraestructura tecnol\u00f3gica de alta velocidad, enfocado en optimizar de manera cr\u00edtica los tiempos de ciclo y la precisi\u00f3n en planta.<\/p>\r\n        \r\n        <a href=\"mailto:jose.flores@isk.com.mx?subject=Contacto%20-%20Ingenieria%20Automotriz\" class=\"isk-auto-btn-single\">Contactar Ingeniero<\/a>\r\n    <\/div>\r\n\r\n    <div class=\"isk-auto-hero-media\">\r\n        <div class=\"isk-hud-badge\">\r\n            <span class=\"isk-hud-dot\"><\/span> PLANTA EN OPERACI\u00d3N\r\n        <\/div>\r\n        <div class=\"isk-auto-media-overlay\"><\/div>\r\n        <iframe class=\"isk-auto-video-embed\"\r\n            src=\"https:\/\/www.youtube.com\/embed\/j4aANcODDvo?autoplay=1&amp;mute=1&amp;loop=1&amp;controls=0&amp;rel=0&amp;modestbranding=1&amp;playlist=j4aANcODDvo\" \r\n            allow=\"autoplay; encrypted-media\" \r\n            loading=\"lazy\"\r\n            title=\"Video Automatizaci\u00f3n Automotriz ISK\">\r\n        <\/iframe>\r\n    <\/div>\r\n\r\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-7c5c579 e-con-full e-flex e-con e-parent\" data-id=\"7c5c579\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f94bb5c elementor-widget elementor-widget-html\" data-id=\"f94bb5c\" 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        \/* Tipograf\u00edas corporativas ISK *\/\r\n        @import url('https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@500;700&display=swap');\r\n\r\n        :root {\r\n            --azul-isk: #123661;\r\n            --azul-oscuro: #0a2544;\r\n            --celeste-isk: #00A3FF;\r\n            --blanco: #ffffff;\r\n            --negro: #000000;\r\n            --gris-claro: #f0f4f8;\r\n        }\r\n\r\n        .isk-node-section {\r\n            font-family: 'Montserrat', sans-serif;\r\n            background-color: var(--blanco);\r\n            padding: 60px 5%;\r\n        }\r\n\r\n        .isk-main-container {\r\n            max-width: 1400px;\r\n            margin: 0 auto;\r\n        }\r\n\r\n        \/* --- HEADER --- *\/\r\n        .isk-header-group {\r\n            margin-bottom: 40px;\r\n            border-left: 6px solid var(--celeste-isk);\r\n            padding-left: 20px;\r\n        }\r\n\r\n        .isk-header-group h1 {\r\n            font-family: 'Montserrat', sans-serif;\r\n            font-weight: 700; \/* Montserrat 700 para t\u00edtulos *\/\r\n            font-size: 48px;\r\n            color: var(--azul-isk);\r\n            margin: 0;\r\n        }\r\n\r\n        .isk-header-group .isk-subtitle {\r\n            font-family: 'Montserrat', sans-serif;\r\n            font-weight: 700;\r\n            font-size: 18px; \r\n            color: var(--celeste-isk); \r\n            text-transform: uppercase;\r\n            display: block;\r\n            margin-top: 5px;\r\n        }\r\n\r\n        \/* --- LAYOUT PRINCIPAL --- *\/\r\n        .isk-grid-layout {\r\n            display: grid;\r\n            grid-template-columns: 1fr 1fr;\r\n            gap: 40px;\r\n            align-items: start;\r\n        }\r\n\r\n        \/* --- IZQUIERDA: ESTACIONES --- *\/\r\n        .isk-intro-text {\r\n            font-family: 'Montserrat', sans-serif;\r\n            font-weight: 500; \/* Montserrat 500 para textos *\/\r\n            font-size: 16px;\r\n            line-height: 1.5;\r\n            color: var(--negro); \r\n            margin-bottom: 30px;\r\n        }\r\n\r\n        .isk-stations-flow {\r\n            display: grid;\r\n            grid-template-columns: 1fr;\r\n            gap: 15px;\r\n        }\r\n\r\n        .isk-station-box {\r\n            background: var(--gris-claro);\r\n            padding: 20px 25px;\r\n            border-radius: 0 15px 15px 15px;\r\n            position: relative;\r\n            transition: 0.4s ease;\r\n        }\r\n\r\n        .isk-station-box:hover {\r\n            background: var(--azul-isk);\r\n            transform: translateX(10px);\r\n        }\r\n\r\n        .isk-station-box:hover * { color: var(--blanco) !important; }\r\n\r\n        .isk-station-num {\r\n            position: absolute;\r\n            top: -12px;\r\n            left: 0;\r\n            background: var(--celeste-isk);\r\n            color: white;\r\n            font-weight: 700;\r\n            padding: 4px 12px;\r\n            font-size: 12px;\r\n            border-radius: 4px;\r\n        }\r\n\r\n        .isk-station-box h3 { font-weight: 700; font-size: 17px; color: var(--azul-isk); margin: 8px 0; }\r\n        .isk-station-box p { font-weight: 500; font-size: 14px; color: var(--negro); }\r\n\r\n        \/* --- DERECHA: VIDEO Y TABLA --- *\/\r\n        .isk-media-side {\r\n            display: flex;\r\n            flex-direction: column;\r\n            gap: 30px;\r\n        }\r\n\r\n        \/* EFECTO DE MOVIMIENTO (FLOTADO) *\/\r\n        @keyframes floatVideo {\r\n            0% { transform: translateY(0px); }\r\n            50% { transform: translateY(-15px); }\r\n            100% { transform: translateY(0px); }\r\n        }\r\n\r\n        .isk-video-container {\r\n            width: 100%;\r\n            aspect-ratio: 16 \/ 9;\r\n            background: #000;\r\n            border-radius: 15px;\r\n            overflow: hidden;\r\n            box-shadow: 0 15px 35px rgba(0,0,0,0.2);\r\n            \/* Aplicaci\u00f3n de la animaci\u00f3n *\/\r\n            animation: floatVideo 5s ease-in-out infinite;\r\n        }\r\n\r\n        .isk-video-container iframe { width: 100%; height: 100%; border: none; }\r\n\r\n        \/* TABLA INTERACTIVA *\/\r\n        .isk-custom-table {\r\n            background-color: var(--azul-oscuro);\r\n            border-radius: 20px;\r\n            padding: 25px;\r\n            color: white;\r\n            box-shadow: 0 15px 35px rgba(0,0,0,0.2);\r\n        }\r\n\r\n        .isk-table-header {\r\n            display: grid;\r\n            grid-template-columns: 1fr 1.5fr 1fr;\r\n            padding: 0 15px 12px 15px;\r\n            border-bottom: 2px solid var(--celeste-isk);\r\n            margin-bottom: 15px;\r\n        }\r\n\r\n        .isk-table-header span {\r\n            font-weight: 700;\r\n            font-size: 11px;\r\n            color: var(--celeste-isk);\r\n            text-transform: uppercase;\r\n        }\r\n\r\n        .isk-table-row {\r\n            display: grid;\r\n            grid-template-columns: 1fr 1.5fr 1fr;\r\n            align-items: center;\r\n            padding: 15px;\r\n            border-radius: 12px;\r\n            margin-bottom: 8px;\r\n            background: rgba(255, 255, 255, 0.03);\r\n            transition: all 0.3s ease;\r\n        }\r\n\r\n        .isk-table-row:hover {\r\n            background: rgba(255, 255, 255, 0.95);\r\n            transform: scale(1.02);\r\n        }\r\n\r\n        .isk-table-row:hover .row-title, \r\n        .isk-table-row:hover .row-desc { color: var(--azul-isk) !important; }\r\n\r\n        .row-title { font-weight: 700; font-size: 14px; color: white; }\r\n        .row-desc { font-weight: 500; font-size: 13px; color: rgba(255,255,255,0.7); }\r\n        .row-value { font-weight: 700; font-size: 12px; color: var(--celeste-isk); text-align: right; }\r\n\r\n        @media (max-width: 1024px) {\r\n            .isk-grid-layout { grid-template-columns: 1fr; }\r\n            .isk-header-group h1 { font-size: 30px; }\r\n            \/* Desactivar animaci\u00f3n en m\u00f3viles para mejor rendimiento si se prefiere *\/\r\n            .isk-video-container { animation: none; }\r\n        }\r\n    <\/style>\r\n<\/head>\r\n<body data-rsssl=1 data-rsssl=1 data-rsssl=1 data-rsssl=1 data-rsssl=1 data-rsssl=1 data-rsssl=1 data-rsssl=1>\r\n\r\n<section class=\"isk-node-section\">\r\n    <div class=\"isk-main-container\">\r\n        \r\n        <header class=\"isk-header-group\">\r\n            <h1>Mesa Indexadora<\/h1>\r\n            <span class=\"isk-subtitle\">Ingenier\u00eda de 8 Estaciones<\/span>\r\n        <\/header>\r\n\r\n        <div class=\"isk-grid-layout\">\r\n            \r\n            <div class=\"isk-content-side\">\r\n                <p class=\"isk-intro-text\">\r\n                    Esta soluci\u00f3n avanzada integra procesos de <strong>inspecci\u00f3n, verificaci\u00f3n y ensamble<\/strong> en un sistema automatizado continuo. La sincronizaci\u00f3n milim\u00e9trica mediante PLC asegura una producci\u00f3n sin interrupciones y con trazabilidad total del producto.\r\n                <\/p>\r\n\r\n                <div class=\"isk-stations-flow\">\r\n                    <article class=\"isk-station-box\">\r\n                        <span class=\"isk-station-num\">ETAPA A<\/span>\r\n                        <h3>Inspecci\u00f3n y L\u00e1ser<\/h3>\r\n                        <p>Validaci\u00f3n dimensional mediante sensores de alta precisi\u00f3n para cada pi\u00f1\u00f3n cargado en el sistema.<\/p>\r\n                    <\/article>\r\n\r\n                    <article class=\"isk-station-box\">\r\n                        <span class=\"isk-station-num\">ETAPA B<\/span>\r\n                        <h3>Visi\u00f3n Artificial<\/h3>\r\n                        <p>Sistemas GO\/NO GO y c\u00e1maras inteligentes para la detecci\u00f3n confiable de defectos y verificaci\u00f3n de roscas.<\/p>\r\n                    <\/article>\r\n\r\n                    <article class=\"isk-station-box\">\r\n                        <span class=\"isk-station-num\">ETAPA C<\/span>\r\n                        <h3>Ensamble de Precisi\u00f3n<\/h3>\r\n                        <p>Prensa controlada y sistema Pick & Place para la integraci\u00f3n exacta del deflector de manera eficiente.<\/p>\r\n                    <\/article>\r\n\r\n                    <article class=\"isk-station-box\">\r\n                        <span class=\"isk-station-num\">ETAPA D<\/span>\r\n                        <h3>Marcaje y Salida<\/h3>\r\n                        <p>Identificaci\u00f3n permanente con c\u00f3digo \u00fanico para trazabilidad completa y liberaci\u00f3n de piezas certificadas.<\/p>\r\n                    <\/article>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"isk-media-side\">\r\n                <div class=\"isk-video-container\">\r\n                    <iframe \r\n                        src=\"https:\/\/www.youtube.com\/embed\/64V2dbP4QBU?rel=0&modestbranding=1\" \r\n                        title=\"Mesa Indexadora ISK - Automatizaci\u00f3n Industrial\" \r\n                        allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\" \r\n                        allowfullscreen>\r\n                    <\/iframe>\r\n                <\/div>\r\n\r\n                <div class=\"isk-custom-table\">\r\n                    <div class=\"isk-table-header\">\r\n                        <span>Soluci\u00f3n T\u00e9cnica<\/span>\r\n                        <span>Impacto en Planta<\/span>\r\n                        <span style=\"text-align: right;\">Valor Agregado<\/span>\r\n                    <\/div>\r\n                    \r\n                    <div class=\"isk-table-body\">\r\n                        <div class=\"isk-table-row\">\r\n                            <span class=\"row-title\">Rob\u00f3tica<\/span>\r\n                            <span class=\"row-desc\">Celdas de alta velocidad para ensamble estructural.<\/span>\r\n                            <span class=\"row-value\">PRECISI\u00d3N CR\u00cdTICA<\/span>\r\n                        <\/div>\r\n\r\n                        <div class=\"isk-table-row\">\r\n                            <span class=\"row-title\">Visi\u00f3n Artificial<\/span>\r\n                            <span class=\"row-desc\">Control de calidad con detecci\u00f3n de defectos.<\/span>\r\n                            <span class=\"row-value\">CERO ERRORES<\/span>\r\n                        <\/div>\r\n\r\n                        <div class=\"isk-table-row\">\r\n                            <span class=\"row-title\">Trazabilidad<\/span>\r\n                            <span class=\"row-desc\">Registro digital punto a punto del proceso.<\/span>\r\n                            <span class=\"row-value\">ISO\/TS 16949<\/span>\r\n                        <\/div>\r\n\r\n                        <div class=\"isk-table-row\">\r\n                            <span class=\"row-title\">Eficiencia<\/span>\r\n                            <span class=\"row-desc\">Optimizaci\u00f3n para maximizar el ciclo del equipo.<\/span>\r\n                            <span class=\"row-value\">MEJORA DE CICLO<\/span>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n        <\/div>\r\n    <\/div>\r\n<\/section>\r\n\r\n<\/body>\r\n<\/html>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-1e1b520 e-con-full e-flex e-con e-parent\" data-id=\"1e1b520\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-9ec1c8a elementor-widget elementor-widget-html\" data-id=\"9ec1c8a\" 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>Celda Automatizada de Corte e Inspecci\u00f3n | Automation ISK<\/title>\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-isk: #123661;\r\n            --azul-oscuro: #0a2544;\r\n            --celeste-isk: #00A3FF;\r\n            --blanco: #ffffff;\r\n            --negro: #000000;\r\n            --gris-claro: #f4f7f9;\r\n            --negro-visor: #0b0c10;\r\n        }\r\n\r\n        body {\r\n            font-family: 'Montserrat', sans-serif;\r\n            margin: 0;\r\n            padding: 0;\r\n            background-color: var(--blanco);\r\n        }\r\n\r\n        .isk-project-section {\r\n            padding: 60px 5%;\r\n            max-width: 1400px;\r\n            margin: 0 auto;\r\n        }\r\n\r\n        \/* --- HEADER --- *\/\r\n        .isk-header-wrap {\r\n            margin-bottom: 50px;\r\n            border-left: 6px solid var(--celeste-isk);\r\n            padding-left: 20px;\r\n            animation: fadeIn 1s ease-out;\r\n        }\r\n\r\n        .isk-header-wrap h1 {\r\n            font-family: 'Montserrat', sans-serif;\r\n            font-weight: 700;\r\n            font-size: 44px;\r\n            color: var(--azul-isk);\r\n            margin: 0;\r\n            line-height: 1.2;\r\n        }\r\n\r\n        .isk-header-wrap h1 span.small-text {\r\n            font-size: 26px;\r\n            text-transform: none; \r\n            display: inline-block;\r\n            vertical-align: middle;\r\n        }\r\n\r\n        .isk-header-wrap .isk-tag {\r\n            font-family: 'Montserrat', sans-serif;\r\n            font-weight: 700;\r\n            font-size: 16px;\r\n            color: var(--celeste-isk);\r\n            display: block;\r\n            margin-top: 5px;\r\n            text-transform: uppercase; \r\n        }\r\n\r\n        \/* --- GRID PRINCIPAL --- *\/\r\n        .isk-main-grid {\r\n            display: grid;\r\n            grid-template-columns: 1fr 1fr;\r\n            gap: 40px;\r\n            align-items: start;\r\n        }\r\n\r\n        \/* --- IZQUIERDA: VISOR INTERACTIVO, VIDEOS Y TABLA --- *\/\r\n        .isk-media-column {\r\n            display: flex;\r\n            flex-direction: column;\r\n            gap: 40px;\r\n        }\r\n\r\n        \/* --- VISOR INTERACTIVO EN ESPACIO PRINCIPAL --- *\/\r\n        .isk-interactive-viewer-container {\r\n            width: 100%;\r\n            display: flex;\r\n            flex-direction: column;\r\n            align-items: center;\r\n        }\r\n\r\n        .isk-visor-open {\r\n            position: relative;\r\n            width: 100%;\r\n            height: 480px;\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 20px 45px rgba(0, 0, 0, 0.25);\r\n            touch-action: none; \/* Previene el comportamiento nativo de scroll solo dentro del visor *\/\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            font-family: 'Montserrat', sans-serif;\r\n            font-weight: 700;\r\n            color: var(--azul-isk); \r\n            font-size: 12px; \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        \/* MINIMAPA DE LOCALIZACI\u00d3N DE ZOOM *\/\r\n        .isk-minimap {\r\n            position: absolute;\r\n            top: 25px;\r\n            right: 25px;\r\n            width: 80px;\r\n            height: 55px;\r\n            background: rgba(11, 12, 16, 0.8);\r\n            border: 1px solid rgba(0, 163, 255, 0.4);\r\n            border-radius: 6px;\r\n            overflow: hidden;\r\n            z-index: 5;\r\n            pointer-events: none;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            box-shadow: 0 4px 10px rgba(0,0,0,0.3);\r\n            opacity: 0;\r\n            transition: opacity 0.3s ease;\r\n        }\r\n\r\n        .isk-minimap img {\r\n            width: 100%;\r\n            height: 100%;\r\n            object-fit: contain;\r\n            opacity: 0.5;\r\n        }\r\n\r\n        .isk-minimap-reticle {\r\n            position: absolute;\r\n            top: 0;\r\n            left: 0;\r\n            width: 100%;\r\n            height: 100%;\r\n            border: 1.5px solid var(--celeste-isk);\r\n            background: rgba(0, 163, 255, 0.15);\r\n            box-sizing: border-box;\r\n            transform-origin: top left;\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.4; 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        \/* BLOQUE VIDEO ORIGINAL *\/\r\n        .video-box {\r\n            animation: float 4s ease-in-out infinite;\r\n        }\r\n\r\n        .video-box:nth-child(2) { animation-delay: 2s; }\r\n\r\n        .isk-video-label {\r\n            font-family: 'Montserrat', sans-serif;\r\n            font-weight: 700;\r\n            font-size: 12px;\r\n            color: var(--azul-isk);\r\n            text-transform: uppercase;\r\n            margin-bottom: 8px;\r\n            display: flex;\r\n            align-items: center;\r\n            gap: 6px;\r\n        }\r\n\r\n        .isk-video-label::before {\r\n            content: '';\r\n            display: inline-block;\r\n            width: 6px;\r\n            height: 6px;\r\n            background-color: var(--celeste-isk);\r\n            border-radius: 50%;\r\n        }\r\n\r\n        .isk-video-frame {\r\n            width: 100%;\r\n            aspect-ratio: 16 \/ 9;\r\n            background: #000;\r\n            border-radius: 15px;\r\n            overflow: hidden;\r\n            box-shadow: 0 10px 25px rgba(0,0,0,0.2);\r\n        }\r\n\r\n        .isk-video-frame iframe {\r\n            width: 100%;\r\n            height: 100%;\r\n            border: 0;\r\n        }\r\n\r\n        \/* TABLA DE ESPECIFICACIONES *\/\r\n        .isk-custom-table {\r\n            background-color: var(--azul-oscuro);\r\n            border-radius: 20px;\r\n            padding: 25px;\r\n            color: white;\r\n            box-shadow: 0 15px 35px rgba(0,0,0,0.2);\r\n        }\r\n\r\n        .isk-table-header {\r\n            display: grid;\r\n            grid-template-columns: 1fr 1.5fr 1fr;\r\n            padding: 0 15px 12px 15px;\r\n            border-bottom: 2px solid var(--celeste-isk);\r\n            margin-bottom: 15px;\r\n        }\r\n\r\n        .isk-table-header span {\r\n            font-family: 'Montserrat', sans-serif;\r\n            font-weight: 700;\r\n            font-size: 11px;\r\n            color: var(--celeste-isk);\r\n            text-transform: uppercase;\r\n        }\r\n\r\n        .isk-table-row {\r\n            display: grid;\r\n            grid-template-columns: 1fr 1.5fr 1fr;\r\n            align-items: center;\r\n            padding: 18px 15px;\r\n            border-radius: 12px;\r\n            margin-bottom: 10px;\r\n            background: rgba(255, 255, 255, 0.05);\r\n            transition: all 0.3s ease;\r\n            cursor: pointer;\r\n        }\r\n\r\n        .isk-table-row:hover {\r\n            background: var(--blanco);\r\n            transform: scale(1.02);\r\n        }\r\n\r\n        .isk-table-row:hover .row-title, \r\n        .isk-table-row:hover .row-desc { color: var(--azul-isk); }\r\n        .isk-table-row:hover .row-value { color: var(--celeste-isk); }\r\n\r\n        .row-title { font-family: 'Montserrat', sans-serif; font-weight: 700; font-size: 15px; color: white; }\r\n        .row-desc { font-family: 'Montserrat', sans-serif; font-weight: 500; font-size: 13px; color: rgba(255,255,255,0.7); }\r\n        .row-value { font-family: 'Montserrat', sans-serif; font-weight: 700; font-size: 12px; color: var(--celeste-isk); text-align: right; text-transform: uppercase; }\r\n\r\n        \/* --- DERECHA: TARJETAS --- *\/\r\n        .isk-content-column {\r\n            display: flex;\r\n            flex-direction: column;\r\n            gap: 25px;\r\n        }\r\n\r\n        .isk-card {\r\n            background: var(--gris-claro);\r\n            padding: 30px;\r\n            border-radius: 0 20px 20px 20px;\r\n            position: relative;\r\n            transition: all 0.4s ease;\r\n            border-left: 0px solid var(--celeste-isk);\r\n        }\r\n\r\n        .isk-card h3, \r\n        .isk-card ul li strong { \r\n            color: var(--azul-isk); \r\n            transition: color 0.4s ease;\r\n        }\r\n\r\n        .isk-card p, \r\n        .isk-card ul li { \r\n            color: var(--negro); \r\n            transition: color 0.4s ease;\r\n        }\r\n\r\n        .isk-card:hover {\r\n            background: var(--azul-isk);\r\n            transform: translateX(-10px);\r\n            border-left: 8px solid var(--celeste-isk);\r\n        }\r\n\r\n        .isk-card:hover h3, \r\n        .isk-card:hover p, \r\n        .isk-card:hover ul li,\r\n        .isk-card:hover ul li strong { \r\n            color: var(--blanco) !important; \r\n        }\r\n\r\n        .isk-card-num {\r\n            font-family: 'Montserrat', sans-serif;\r\n            font-weight: 700;\r\n            position: absolute;\r\n            top: -15px;\r\n            left: 0;\r\n            background: var(--celeste-isk);\r\n            color: white;\r\n            padding: 5px 15px;\r\n            font-size: 11px;\r\n            border-radius: 4px;\r\n        }\r\n\r\n        .isk-card h3 { font-family: 'Montserrat', sans-serif; font-weight: 700; font-size: 20px; margin: 10px 0; }\r\n        .isk-card p { font-family: 'Montserrat', sans-serif; font-weight: 500; font-size: 14px; line-height: 1.6; }\r\n\r\n        .isk-list { list-style: none; padding: 0; margin-top: 15px; }\r\n        .isk-list li { \r\n            position: relative; \r\n            padding-left: 20px; \r\n            margin-bottom: 8px; \r\n            font-size: 13px;\r\n            font-weight: 500;\r\n        }\r\n        .isk-list li::before { content: \"\u2192\"; position: absolute; left: 0; color: var(--celeste-isk); }\r\n\r\n        \/* KEYFRAMES REQUERIDOS *\/\r\n        @keyframes float {\r\n            0% { transform: translateY(0px); }\r\n            50% { transform: translateY(-10px); }\r\n            100% { transform: translateY(0px); }\r\n        }\r\n        @keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } }\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\r\n        \/* --- RESPONSIVE ADAPTATIVO M\u00d3VIL Y TABLETAS --- *\/\r\n        @media (max-width: 1024px) {\r\n            .isk-main-grid { grid-template-columns: 1fr; gap: 50px; }\r\n            .isk-header-wrap h1 { font-size: 32px; }\r\n            .isk-header-wrap h1 span.small-text { font-size: 20px; display: block; margin-top: 5px; }\r\n            .isk-visor-open { height: 380px; }\r\n            .isk-card:hover { transform: translateY(-5px); border-left: 8px solid var(--celeste-isk); }\r\n            .isk-minimap { top: 15px; right: 15px; width: 65px; height: 45px; }\r\n        }\r\n\r\n        @media (max-width: 480px) {\r\n            .isk-project-section { padding: 40px 4%; }\r\n            .isk-visor-open { height: 280px; }\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            .isk-table-header { display: none; }\r\n            .isk-table-row { grid-template-columns: 1fr; gap: 8px; text-align: center; }\r\n            .row-value { text-align: center; }\r\n        }\r\n    <\/style>\r\n<\/head>\r\n<body data-rsssl=1 data-rsssl=1 data-rsssl=1>\r\n\r\n<section class=\"isk-project-section\">\r\n    <!-- Encabezado Estructurado para SEO -->\r\n    <header class=\"isk-header-wrap\">\r\n        <h1>Celda Automatizada de Corte e Inspecci\u00f3n <span class=\"small-text\">(Inyecci\u00f3n de Pl\u00e1stico)<\/span><\/h1>\r\n        <span class=\"isk-tag\">SOLUCI\u00d3N AUTOMOTRIZ LLAVE EN MANO<\/span>\r\n    <\/header>\r\n\r\n    <div class=\"isk-main-grid\">\r\n        \r\n        <!-- COLUMNA IZQUIERDA: VISOR PRINCIPAL, VIDEO ABAJO Y TABLA -->\r\n        <div class=\"isk-media-column\">\r\n            \r\n            <!-- CONTENEDOR DEL VISOR INTERACTIVO (ESPACIO PRINCIPAL) -->\r\n            <div class=\"isk-interactive-viewer-container\">\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                    <!-- Imagen de la celda de corte ajustada din\u00e1micamente -->\r\n                    <img fetchpriority=\"high\" decoding=\"async\" src=\"https:\/\/isk.com.mx\/wp-content\/uploads\/2026\/05\/Celda-Automatizada-de-Corte-y-Inspeccion.webp\" \r\n                         id=\"iskImgV10\" \r\n                         alt=\"Celda Automatizada de Corte e Inspecci\u00f3n ISK Automation\" \r\n                         width=\"750\" height=\"520\"\r\n                         loading=\"eager\">\r\n                    \r\n                    <!-- Minimapa indicador de \u00e1rea de Zoom -->\r\n                    <div class=\"isk-minimap\" id=\"iskMinimap\">\r\n                        <img decoding=\"async\" src=\"https:\/\/isk.com.mx\/wp-content\/uploads\/2026\/05\/Celda-Automatizada-de-Corte-y-Inspeccion.webp\" alt=\"Navegador de escala\" aria-hidden=\"true\">\r\n                        <div class=\"isk-minimap-reticle\" id=\"iskReticle\"><\/div>\r\n                    <\/div>\r\n\r\n                    <!-- Marcos HUD de Dise\u00f1o T\u00e9cnico -->\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                <\/div>\r\n            <\/div>\r\n\r\n            <!-- VIDEO DE OPERACI\u00d3N REAL -->\r\n            <div class=\"video-box\">\r\n                <div class=\"isk-video-label\">Proyecto en Operaci\u00f3n<\/div>\r\n                <div class=\"isk-video-frame\">\r\n                    <iframe src=\"https:\/\/www.youtube.com\/embed\/ssphCVjzYcw\" allowfullscreen title=\"Celda rob\u00f3tica en operaci\u00f3n real\"><\/iframe>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <!-- TABLA DE ESPECIFICACIONES T\u00c9CNICAS -->\r\n            <div class=\"isk-custom-table\">\r\n                <div class=\"isk-table-header\">\r\n                    <span>Soluci\u00f3n T\u00e9cnica<\/span>\r\n                    <span>Impacto en Planta<\/span>\r\n                    <span style=\"text-align: right;\">Valor Agregado<\/span>\r\n                <\/div>\r\n                \r\n                <div class=\"isk-table-row\">\r\n                    <span class=\"row-title\">Rob\u00f3tica<\/span>\r\n                    <span class=\"row-desc\">Celdas de alta velocidad para ensamble estructural.<\/span>\r\n                    <span class=\"row-value\">Precisi\u00f3n Cr\u00edtica<\/span>\r\n                <\/div>\r\n\r\n                <div class=\"isk-table-row\">\r\n                    <span class=\"row-title\">Visi\u00f3n Artificial<\/span>\r\n                    <span class=\"row-desc\">Control de calidad con detecci\u00f3n de defectos.<\/span>\r\n                    <span class=\"row-value\">Cero Errores<\/span>\r\n                <\/div>\r\n\r\n                <div class=\"isk-table-row\">\r\n                    <span class=\"row-title\">Trazabilidad<\/span>\r\n                    <span class=\"row-desc\">Registro digital punto a punto del proceso.<\/span>\r\n                    <span class=\"row-value\">ISO\/TS 16949<\/span>\r\n                <\/div>\r\n\r\n                <div class=\"isk-table-row\">\r\n                    <span class=\"row-title\">Eficiencia<\/span>\r\n                    <span class=\"row-desc\">Optimizaci\u00f3n para maximizar el ciclo del equipo.<\/span>\r\n                    <span class=\"row-value\">Mejora de Ciclo<\/span>\r\n                <\/div>\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n        <!-- COLUMNA DERECHA: TARJETAS INFORMATIVAS DE PROCESO -->\r\n        <div class=\"isk-content-column\">\r\n            <article class=\"isk-card\">\r\n                <span class=\"isk-card-num\">PROCESO 01<\/span>\r\n                <h3>Objetivo del Proceso<\/h3>\r\n                <p>Gesti\u00f3n aut\u00f3noma del flujo de tableros desde la salida de inyecci\u00f3n hasta su disposici\u00f3n final.<\/p>\r\n                <ul class=\"isk-list\">\r\n                    <li><strong>Pokayoke:<\/strong> Inspecci\u00f3n con sensores de visi\u00f3n y fotoel\u00e9ctricos.<\/li>\r\n                    <li><strong>Procesamiento Mec\u00e1nico:<\/strong> Retiro automatizado de gates (excedentes).<\/li>\r\n                    <li><strong>Validaci\u00f3n de Peso:<\/strong> B\u00e1scula integrada para cumplimiento de specs.<\/li>\r\n                    <li><strong>Clasificaci\u00f3n:<\/strong> Separaci\u00f3n autom\u00e1tica de OK vs Scrap.<\/li>\r\n                <\/ul>\r\n            <\/article>\r\n\r\n            <article class=\"isk-card\">\r\n                <span class=\"isk-card-num\">ALCANCE 02<\/span>\r\n                <h3>Ingenier\u00eda e Integraci\u00f3n<\/h3>\r\n                <p>Oferta \"Llave en Mano\" que cubre todo el ciclo de vida del proyecto industrial.<\/p>\r\n                <ul class=\"isk-list\">\r\n                    <li><strong>Dise\u00f1o 3D:<\/strong> Modelado mec\u00e1nico y el\u00e9ctrico de detalle.<\/li>\r\n                    <li><strong>Control:<\/strong> Programaci\u00f3n de PLC y pantallas HMI intuitivas.<\/li>\r\n                    <li><strong>Hardware:<\/strong> Fabricaci\u00f3n de End-Effectors y nidos de sujeci\u00f3n.<\/li>\r\n                    <li><strong>Seguridad:<\/strong> Malla perimetral con interlocks de seguridad.<\/li>\r\n                <\/ul>\r\n            <\/article>\r\n\r\n            <article class=\"isk-card\">\r\n                <span class=\"isk-card-num\">INSTALACI\u00d3N 03<\/span>\r\n                <h3>Implementaci\u00f3n y Soporte<\/h3>\r\n                <p>Garantizamos que la celda opere bajo los est\u00e1ndares m\u00e1s exigentes de la industria automotriz.<\/p>\r\n                <ul class=\"isk-list\">\r\n                    <li>Pruebas FAT en instalaciones de ISK.<\/li>\r\n                    <li>Instalaci\u00f3n f\u00edsica y nivelaci\u00f3n en planta del cliente.<\/li>\r\n                    <li>Soporte t\u00e9cnico presencial en producci\u00f3n inicial.<\/li>\r\n                    <li>Capacitaci\u00f3n t\u00e9cnica para operadores y mantenimiento.<\/li>\r\n                <\/ul>\r\n            <\/article>\r\n        <\/div>\r\n    <\/div>\r\n<\/section>\r\n\r\n<!-- SCRIPT DE MANEJO DE ZOOM MULTI-DISPOSITIVO (ESCRITORIO Y T\u00c1CTIL M\u00d3VIL) -->\r\n<script>\r\n  (function() {\r\n    const frame = document.getElementById(\"iskFrameV10\");\r\n    const img = document.getElementById(\"iskImgV10\");\r\n    const minimap = document.getElementById(\"iskMinimap\");\r\n    const reticle = document.getElementById(\"iskReticle\");\r\n    \r\n    let zoom = 1;\r\n    let mX = 50, mY = 50;\r\n    const mobileZoomLevel = 2.5; \r\n\r\n    \/\/ --- MANEJO EN ESCRITORIO (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      updateTransform();\r\n    });\r\n\r\n    frame.addEventListener(\"wheel\", (e) => {\r\n      const prevZoom = zoom;\r\n      zoom = Math.min(Math.max(1, zoom + (e.deltaY < 0 ? 0.3 : -0.3)), 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    frame.addEventListener(\"mouseleave\", () => {\r\n      zoom = 1;\r\n      updateTransform();\r\n    });\r\n\r\n    \/\/ --- MANEJO EN DISPOSITIVOS M\u00d3VILES (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      handleTouch(e);\r\n    }, { passive: true });\r\n\r\n    frame.addEventListener(\"touchmove\", (e) => {\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    \/\/ --- FUNCI\u00d3N UNIFICADA DE ACTUALIZACI\u00d3N VISUAL ---\r\n    function updateTransform() {\r\n      img.style.transformOrigin = `${mX}% ${mY}%`;\r\n      img.style.transform = `scale(${zoom})`;\r\n\r\n      const mapW = window.innerWidth <= 1024 ? 65 : 80;\r\n      const mapH = window.innerWidth <= 1024 ? 45 : 55;\r\n\r\n      if (zoom > 1) {\r\n        minimap.style.opacity = \"1\";\r\n        \r\n        const size = 100 \/ zoom;\r\n        const xOffset = Math.min(Math.max(0, (mX - size \/ 2)), 100 - size);\r\n        const yOffset = Math.min(Math.max(0, (mY - size \/ 2)), 100 - size);\r\n\r\n        reticle.style.width = `${size}%`;\r\n        reticle.style.height = `${size}%`;\r\n        reticle.style.transform = `translate(${xOffset * (mapW \/ 100)}px, ${yOffset * (mapH \/ 100)}px)`;\r\n      } else {\r\n        minimap.style.opacity = \"0\";\r\n      }\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-de3c431 e-con-full e-flex e-con e-parent\" data-id=\"de3c431\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-112efbd elementor-widget elementor-widget-html\" data-id=\"112efbd\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@500;700&display=swap\" rel=\"stylesheet\">\r\n\r\n<style>\r\n.isk-robotic-section {\r\n    --azul-isk: #123661;\r\n    --azul-fondo: #0f2642; \r\n    --azul-medio: #0961a4;\r\n    --celeste-isk: #00A3FF;\r\n    --blanco: #ffffff;\r\n    --gris-claro: #E0E6ED;\r\n    --overlay-video: rgba(15, 38, 66, 0.88);\r\n    \r\n    font-family: 'Montserrat', sans-serif;\r\n    width: 100%;\r\n    padding: 100px 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}\r\n\r\n\/* --- CONTENEDOR DE VIDEO DE FONDO --- *\/\r\n.isk-video-bg-container {\r\n    position: absolute;\r\n    top: 0;\r\n    left: 0;\r\n    width: 100%;\r\n    height: 100%;\r\n    z-index: -3;\r\n    overflow: hidden;\r\n    background-color: var(--azul-fondo);\r\n}\r\n\r\n.isk-video-bg-container iframe {\r\n    position: absolute;\r\n    top: 50%;\r\n    left: 50%;\r\n    width: 100vw;\r\n    height: 56.25vw;\r\n    min-height: 100vh;\r\n    min-width: 177.77vh;\r\n    transform: translate(-50%, -50%);\r\n    pointer-events: none;\r\n}\r\n\r\n\/* M\u00e1scara de contraste para oscurecer el video *\/\r\n.isk-video-overlay {\r\n    position: absolute;\r\n    top: 0;\r\n    left: 0;\r\n    width: 100%;\r\n    height: 100%;\r\n    background: radial-gradient(circle at 50% 50%, rgba(26, 67, 117, 0.75) 0%, var(--overlay-video) 100%);\r\n    z-index: -2;\r\n    pointer-events: none;\r\n}\r\n\r\n\/* Rejilla t\u00e9cnica de circuitos *\/\r\n.isk-robotic-section::before {\r\n    content: \"\";\r\n    position: absolute;\r\n    top: 0; left: 0; width: 100%; height: 100%;\r\n    background-image:  \r\n        linear-gradient(to right, rgba(9, 97, 164, 0.06) 1px, transparent 1px),\r\n        linear-gradient(to bottom, rgba(9, 97, 164, 0.06) 1px, transparent 1px);\r\n    background-size: 80px 80px;\r\n    opacity: 0.5;\r\n    z-index: -1;\r\n    pointer-events: none;\r\n}\r\n\r\n\/* --- ENCABEZADOS DE SECCI\u00d3N --- *\/\r\n.isk-header {\r\n    text-align: center;\r\n    margin-bottom: 60px;\r\n    z-index: 10;\r\n    padding: 0 20px;\r\n    width: 100%;\r\n    max-width: 1200px;\r\n    box-sizing: border-box;\r\n}\r\n\r\n.isk-header h2 {\r\n    font-size: clamp(22px, 3.2vw, 35px); \r\n    font-weight: 700;\r\n    color: var(--blanco);\r\n    margin: 0;\r\n    text-transform: uppercase;\r\n    text-shadow: 0 4px 12px rgba(0,0,0,0.5);\r\n    letter-spacing: 0.5px;\r\n    white-space: nowrap; \r\n}\r\n\r\n.isk-header p {\r\n    font-size: clamp(14px, 2vw, 18px);\r\n    font-weight: 700;\r\n    color: var(--celeste-isk);\r\n    margin: 12px 0 0 0;\r\n    text-transform: uppercase;\r\n    letter-spacing: 1.5px;\r\n}\r\n\r\n\/* --- CONTENEDOR SLIDER --- *\/\r\n.isk-timeline-wrapper {\r\n    display: flex;\r\n    justify-content: center;\r\n    align-items: center;\r\n    position: relative;\r\n    width: 100%;\r\n    max-width: 1100px;\r\n    gap: 45px;\r\n    z-index: 2;\r\n}\r\n\r\n.isk-dotted-line {\r\n    position: absolute;\r\n    top: 50%;\r\n    left: 80px;\r\n    right: 80px;\r\n    height: 2px;\r\n    border-top: 2px dotted rgba(0, 163, 255, 0.35);\r\n    z-index: 1;\r\n}\r\n\r\n\/* Estructura de cada nodo *\/\r\n.isk-step-node {\r\n    position: relative;\r\n    z-index: 5;\r\n    width: 270px;\r\n    height: 270px;\r\n    flex-shrink: 0;\r\n    cursor: pointer;\r\n}\r\n\r\n.isk-step-badge {\r\n    position: absolute;\r\n    top: -12px;\r\n    left: 50%;\r\n    transform: translateX(-50%);\r\n    background: var(--celeste-isk);\r\n    color: var(--blanco);\r\n    width: 34px;\r\n    height: 34px;\r\n    border-radius: 50%;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    font-size: 15px;\r\n    font-weight: 700;\r\n    z-index: 20;\r\n    box-shadow: 0 4px 10px rgba(0,0,0,0.4);\r\n}\r\n\r\n.isk-circle-main {\r\n    width: 100%;\r\n    height: 100%;\r\n    border-radius: 50%;\r\n    background: var(--azul-fondo);\r\n    border: 5px solid var(--blanco);\r\n    position: relative;\r\n    overflow: hidden;\r\n    display: flex;\r\n    flex-direction: column;\r\n    align-items: center;\r\n    justify-content: center;\r\n    box-shadow: 0 15px 35px rgba(0,0,0,0.35);\r\n    transition: transform 0.4s cubic-bezier(0.25, 1, 0.5, 1), border-color 0.4s ease, box-shadow 0.4s ease;\r\n    will-change: transform;\r\n}\r\n\r\n\/* --- IMAGEN: COBERTURA TOTAL INTEGRAL --- *\/\r\n.isk-img-icon {\r\n    position: absolute;\r\n    top: 0;\r\n    left: 0;\r\n    width: 100% !important;\r\n    height: 100% !important;\r\n    object-fit: cover !important; \r\n    border-radius: 50%;\r\n    box-sizing: border-box;\r\n    z-index: 1;\r\n}\r\n\r\n.isk-node-content {\r\n    text-align: center;\r\n    display: flex;\r\n    flex-direction: column;\r\n    align-items: center;\r\n    justify-content: flex-end;\r\n    width: 100%;\r\n    height: 100%;\r\n    padding-bottom: 35px;\r\n    box-sizing: border-box;\r\n    z-index: 3;\r\n    position: relative;\r\n}\r\n\r\n\/* Sombreado interno inferior *\/\r\n.isk-node-content::after {\r\n    content: '';\r\n    position: absolute;\r\n    bottom: 0;\r\n    left: 0;\r\n    width: 100%;\r\n    height: 60%;\r\n    background: linear-gradient(to top, rgba(15, 38, 66, 0.95) 0%, rgba(15, 38, 66, 0.4) 60%, transparent 100%);\r\n    border-radius: 0 0 50% 50%;\r\n    z-index: 2;\r\n}\r\n\r\n.isk-circle-main h3 {\r\n    color: var(--blanco);\r\n    font-size: 14px;\r\n    font-weight: 700;\r\n    margin: 0;\r\n    text-transform: uppercase;\r\n    text-shadow: 0 2px 6px rgba(0,0,0,1);\r\n    letter-spacing: 0.5px;\r\n    z-index: 4;\r\n}\r\n\r\n\/* Cortina informativa *\/\r\n.isk-info-overlay {\r\n    position: absolute;\r\n    top: 0;\r\n    left: 0;\r\n    width: 100%;\r\n    height: 100%;\r\n    background: rgba(18, 54, 97, 0.97);\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    padding: 28px;\r\n    box-sizing: border-box;\r\n    opacity: 0;\r\n    transition: opacity 0.3s ease;\r\n    text-align: center;\r\n    z-index: 10;\r\n    border-radius: 50%;\r\n}\r\n\r\n.isk-info-overlay p {\r\n    color: var(--blanco);\r\n    font-size: 13.5px;\r\n    font-weight: 500;\r\n    line-height: 1.5;\r\n    margin: 0;\r\n}\r\n\r\n\/* --- INTERACCIONES EN ESCRITORIO (HOVER) Y M\u00d3VIL (CLICK\/TOUCH) --- *\/\r\n@media (min-width: 1025px) {\r\n    .isk-circle-main { animation: floatAnim 4s infinite ease-in-out; }\r\n    .isk-step-node:nth-child(2) .isk-circle-main { animation-delay: 0s; }\r\n    .isk-step-node:nth-child(3) .isk-circle-main { animation-delay: 0.7s; }\r\n    .isk-step-node:nth-child(4) .isk-circle-main { animation-delay: 1.4s; }\r\n\r\n    .isk-step-node:hover .isk-info-overlay { opacity: 1; }\r\n    .isk-step-node:hover .isk-circle-main {\r\n        transform: scale(1.06) translateY(-4px);\r\n        border-color: var(--celeste-isk);\r\n        box-shadow: 0 20px 45px rgba(0, 163, 255, 0.35);\r\n    }\r\n    @keyframes floatAnim {\r\n        0%, 100% { transform: translateY(0); }\r\n        50% { transform: translateY(-12px); }\r\n    }\r\n}\r\n\r\n\/* --- ACTIVACI\u00d3N DEL EVENTO AL CLIC \/ TOQUE --- *\/\r\n.isk-step-node:active .isk-info-overlay,\r\n.isk-step-node:focus .isk-info-overlay {\r\n    opacity: 1 !important;\r\n}\r\n\r\n\/* --- RESPONSIVIDAD Y CONFIGURACI\u00d3N M\u00d3VIL (SLIDER INTEGRAL) --- *\/\r\n@media (max-width: 1024px) {\r\n    .isk-robotic-section { padding: 60px 0; }\r\n    .isk-header { margin-bottom: 40px; }\r\n    .isk-header h2 { white-space: normal; font-size: 24px; } \r\n    .isk-dotted-line { display: none; }\r\n    \r\n    .isk-timeline-wrapper {\r\n        justify-content: flex-start;\r\n        overflow-x: auto;\r\n        scroll-snap-type: x mandatory;\r\n        padding: 20px 0 30px 0;\r\n        width: 100%;\r\n        gap: 24px;\r\n        scrollbar-width: none;\r\n    }\r\n    \r\n    .isk-timeline-wrapper::-webkit-scrollbar { display: none; }\r\n    \r\n    .isk-timeline-wrapper::before,\r\n    .isk-timeline-wrapper::after {\r\n        content: '';\r\n        width: calc(50vw - 120px);\r\n        flex-shrink: 0;\r\n    }\r\n\r\n    .isk-step-node {\r\n        width: 240px;\r\n        height: 240px;\r\n        margin-bottom: 0px; \/* Removido el espacio muerto inferior *\/\r\n    }\r\n\r\n    \/* Correcci\u00f3n: La informaci\u00f3n ahora aparece como cortina t\u00e1ctil DENTRO del c\u00edrculo *\/\r\n    .isk-info-overlay {\r\n        position: absolute;\r\n        opacity: 0;\r\n        background: rgba(12, 54, 97, 0.98);\r\n        border-radius: 50%;\r\n        top: 0;\r\n        left: 0;\r\n        width: 100%;\r\n        height: 100%;\r\n        padding: 20px;\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n    }\r\n\r\n    \/* Al dar clic en celular, la informaci\u00f3n se muestra de inmediato *\/\r\n    .isk-step-node:active .isk-info-overlay,\r\n    .isk-step-node:hover .isk-info-overlay {\r\n        opacity: 1;\r\n    }\r\n    \r\n    .isk-info-overlay p {\r\n        color: var(--blanco);\r\n        font-size: 13px;\r\n        text-shadow: none;\r\n    }\r\n}\r\n\r\n@media (max-width: 480px) {\r\n    .isk-header h2 { font-size: 20px; }\r\n    .isk-step-node { width: 230px; height: 230px; }\r\n    .isk-timeline-wrapper::before, .isk-timeline-wrapper::after { width: calc(50vw - 115px); }\r\n}\r\n<\/style>\r\n\r\n<section class=\"isk-robotic-section\" itemscope itemtype=\"https:\/\/schema.org\/HowTo\">\r\n    \r\n    <div class=\"isk-video-bg-container\">\r\n        <iframe \r\n            src=\"https:\/\/www.youtube.com\/embed\/vucBx4E5n7c?autoplay=1&amp;mute=1&amp;loop=1&amp;controls=0&amp;rel=0&amp;modestbranding=1&amp;playlist=vucBx4E5n7c\" \r\n            allow=\"autoplay; encrypted-media\" \r\n            loading=\"lazy\"\r\n            title=\"Fondo rob\u00f3tico industrial en movimiento\">\r\n        <\/iframe>\r\n    <\/div>\r\n    <div class=\"isk-video-overlay\"><\/div>\r\n    \r\n    <header class=\"isk-header\">\r\n        <h2 itemprop=\"name\">Innovaci\u00f3n de Alta Velocidad para el Sector Automotriz<\/h2>\r\n        <p itemprop=\"description\">Soluci\u00f3n T\u00e9cnica Avanzada<\/p>\r\n    <\/header>\r\n\r\n    <div class=\"isk-timeline-wrapper\">\r\n        <div class=\"isk-dotted-line\"><\/div>\r\n\r\n        <div class=\"isk-step-node\" tabindex=\"0\" ontouchstart=\"\" itemprop=\"step\" itemscope itemtype=\"https:\/\/schema.org\/HowToStep\">\r\n            <div class=\"isk-step-badge\">1<\/div>\r\n            <div class=\"isk-circle-main\">\r\n                <img decoding=\"async\" itemprop=\"image\" src=\"https:\/\/isk.com.mx\/wp-content\/uploads\/2026\/05\/Lineas-de-ensamble.webp\" alt=\"L\u00edneas de Ensamble\" class=\"isk-img-icon\" loading=\"lazy\">\r\n                <div class=\"isk-node-content\">\r\n                    <h3 itemprop=\"name\">L\u00edneas de Ensamble<\/h3>\r\n                <\/div>\r\n                <div class=\"isk-info-overlay\">\r\n                    <p itemprop=\"itemListElement\">Integraci\u00f3n de estaciones de trabajo inteligentes con trazabilidad completa para componentes de motor y sistemas de seguridad.<\/p>\r\n                <\/div>\r\n            <\/div>\r\n            <meta itemprop=\"position\" content=\"1\" \/>\r\n        <\/div>\r\n\r\n        <div class=\"isk-step-node\" tabindex=\"0\" ontouchstart=\"\" itemprop=\"step\" itemscope itemtype=\"https:\/\/schema.org\/HowToStep\">\r\n            <div class=\"isk-step-badge\">2<\/div>\r\n            <div class=\"isk-circle-main\">\r\n                <img decoding=\"async\" itemprop=\"image\" src=\"https:\/\/isk.com.mx\/wp-content\/uploads\/2026\/05\/Inspeccion-de-calidad.webp\" alt=\"Inspecci\u00f3n de Calidad\" class=\"isk-img-icon\" loading=\"lazy\">\r\n                <div class=\"isk-node-content\">\r\n                    <h3 itemprop=\"name\">Calidad<\/h3>\r\n                <\/div>\r\n                <div class=\"isk-info-overlay\">\r\n                    <p itemprop=\"itemListElement\">Sistemas de visi\u00f3n artificial para la detecci\u00f3n de defectos en tiempo real, cumpliendo normativas internacionales.<\/p>\r\n                <\/div>\r\n            <\/div>\r\n            <meta itemprop=\"position\" content=\"2\" \/>\r\n        <\/div>\r\n\r\n        <div class=\"isk-step-node\" tabindex=\"0\" ontouchstart=\"\" itemprop=\"step\" itemscope itemtype=\"https:\/\/schema.org\/HowToStep\">\r\n            <div class=\"isk-step-badge\">3<\/div>\r\n            <div class=\"isk-circle-main\">\r\n                <img decoding=\"async\" itemprop=\"image\" src=\"https:\/\/isk.com.mx\/wp-content\/uploads\/2026\/05\/Celdas-Roboticas.webp\" alt=\"Celdas Rob\u00f3ticas\" class=\"isk-img-icon\" loading=\"lazy\">\r\n                <div class=\"isk-node-content\">\r\n                    <h3 itemprop=\"name\">Celdas Rob\u00f3ticas<\/h3>\r\n                <\/div>\r\n                <div class=\"isk-info-overlay\">\r\n                    <p itemprop=\"itemListElement\">Automatizaci\u00f3n de soldadura, atornillado y manejo de materiales con brazos rob\u00f3ticos para maximizar el rendimiento.<\/p>\r\n                <\/div>\r\n            <\/div>\r\n            <meta itemprop=\"position\" content=\"3\" \/>\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-2691ac0 e-con-full e-flex e-con e-parent\" data-id=\"2691ac0\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-34ae2b2 elementor-widget elementor-widget-html\" data-id=\"34ae2b2\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<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\r\n<style>\r\n    \/* --- CONTENEDOR INTEGRADO Y EQUILIBRADO --- *\/\r\n    .isk-contact-section {\r\n        --azul-isk: #123661;\r\n        --azul-oscuro: #103059; \r\n        --celeste-isk: #00A3FF;\r\n        --blanco: #ffffff;\r\n        --texto-muted: rgba(255, 255, 255, 0.8);\r\n        --fondo-campo: rgba(18, 54, 97, 0.4);\r\n        --fuente-isk: 'Montserrat', sans-serif;\r\n\r\n        font-family: var(--fuente-isk);\r\n        display: flex;\r\n        width: 100%;\r\n        max-width: 1200px;\r\n        min-height: 580px;\r\n        margin: 40px auto;\r\n        background-color: var(--azul-oscuro);\r\n        border-radius: 8px;\r\n        box-shadow: 0 20px 40px rgba(0, 0, 0, 0.3);\r\n        overflow: hidden;\r\n        position: relative;\r\n    }\r\n\r\n    \/* --- FONDO DIN\u00c1MICO 3D (Heredado de tu Footer Premium) --- *\/\r\n    .isk-contact-section::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.05) 1px, transparent 1px),\r\n            linear-gradient(90deg, rgba(0, 163, 255, 0.05) 1px, transparent 1px);\r\n        background-size: 45px 45px;\r\n        transform: perspective(500px) rotateX(45deg);\r\n        animation: iskGridMove 15s linear infinite;\r\n        z-index: 1;\r\n        will-change: transform;\r\n        pointer-events: none;\r\n    }\r\n\r\n    .isk-contact-section::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.03) 50%, transparent 100%),\r\n            radial-gradient(circle at 80% 30%, rgba(0, 163, 255, 0.08) 0%, transparent 40%);\r\n        z-index: 1;\r\n        pointer-events: none;\r\n    }\r\n\r\n    @keyframes iskGridMove {\r\n        from { transform: perspective(500px) rotateX(45deg) translateY(0); }\r\n        to { transform: perspective(500px) rotateX(45deg) translateY(45px); }\r\n    }\r\n\r\n    \/* --- SECCI\u00d3N IZQUIERDA: MAPA MODERADO --- *\/\r\n    .isk-contact-map-side {\r\n        flex: 0.8;\r\n        position: relative;\r\n        z-index: 2;\r\n        background: #0d2545;\r\n    }\r\n\r\n    .isk-contact-map-side iframe {\r\n        width: 100%;\r\n        height: 100%;\r\n        border: 0;\r\n        display: block;\r\n    }\r\n\r\n    \/* --- SECCI\u00d3N DERECHA: FORMULARIO ESTILIZADO --- *\/\r\n    .isk-contact-form-side {\r\n        flex: 1.2;\r\n        padding: 45px 50px;\r\n        display: flex;\r\n        flex-direction: column;\r\n        justify-content: center;\r\n        position: relative;\r\n        z-index: 2;\r\n        box-sizing: border-box;\r\n    }\r\n\r\n    .isk-contact-form-side h2 {\r\n        font-size: 26px;\r\n        font-weight: 700;\r\n        color: var(--blanco);\r\n        margin: 0 0 5px 0;\r\n        text-transform: uppercase;\r\n        letter-spacing: 0.5px;\r\n    }\r\n\r\n    .isk-contact-form-side .isk-form-subtitle {\r\n        font-size: 13px;\r\n        font-weight: 700;\r\n        color: var(--celeste-isk);\r\n        text-transform: uppercase;\r\n        letter-spacing: 2px;\r\n        margin-bottom: 30px;\r\n        display: block;\r\n    }\r\n\r\n    .isk-input-group {\r\n        margin-bottom: 18px;\r\n    }\r\n\r\n    .isk-input-group label {\r\n        display: block;\r\n        font-size: 12px;\r\n        font-weight: 700;\r\n        color: var(--blanco);\r\n        margin-bottom: 6px;\r\n        text-transform: uppercase;\r\n        letter-spacing: 0.5px;\r\n    }\r\n\r\n    .isk-input-group input,\r\n    .isk-input-group select,\r\n    .isk-input-group textarea {\r\n        width: 100%;\r\n        padding: 12px 16px;\r\n        font-family: var(--fuente-isk);\r\n        font-weight: 500;\r\n        font-size: 14px;\r\n        color: var(--blanco);\r\n        background-color: var(--fondo-campo);\r\n        border: 1px solid rgba(255, 255, 255, 0.15);\r\n        border-radius: 4px;\r\n        box-sizing: border-box;\r\n        transition: all 0.3s ease;\r\n    }\r\n\r\n    .isk-input-group input::placeholder,\r\n    .isk-input-group textarea::placeholder {\r\n        color: rgba(255, 255, 255, 0.4);\r\n        font-weight: 500;\r\n    }\r\n\r\n    .isk-input-group select option {\r\n        background-color: var(--azul-oscuro);\r\n        color: var(--blanco);\r\n    }\r\n\r\n    .isk-input-group input:focus,\r\n    .isk-input-group select:focus,\r\n    .isk-input-group textarea:focus {\r\n        outline: none;\r\n        border-color: var(--celeste-isk);\r\n        background-color: rgba(18, 54, 97, 0.7);\r\n        box-shadow: 0 0 12px rgba(0, 163, 255, 0.3);\r\n    }\r\n\r\n    \/* --- BOT\u00d3N DE ACCI\u00d3N COMPACTO --- *\/\r\n    .isk-form-btn-container {\r\n        margin-top: 10px;\r\n    }\r\n\r\n    .isk-form-submit-btn {\r\n        background: linear-gradient(90deg, #1279ca 0%, #0961a4 100%);\r\n        border: none;\r\n        color: var(--blanco);\r\n        padding: 14px 35px;\r\n        border-radius: 4px 25px 25px 4px;\r\n        font-family: var(--fuente-isk);\r\n        font-weight: 700;\r\n        font-size: 13px;\r\n        text-transform: uppercase;\r\n        letter-spacing: 0.5px;\r\n        cursor: pointer;\r\n        display: flex;\r\n        align-items: center;\r\n        gap: 10px;\r\n        transition: all 0.3s ease;\r\n        box-shadow: 0 4px 15px rgba(0, 163, 255, 0.2);\r\n    }\r\n\r\n    .isk-form-submit-btn:hover {\r\n        transform: translateX(4px) scale(1.02);\r\n        background: var(--celeste-isk);\r\n        box-shadow: 0 5px 20px rgba(0, 163, 255, 0.5);\r\n    }\r\n\r\n    \/* --- RESPONSIVE GENERAL --- *\/\r\n    @media (max-width: 992px) {\r\n        .isk-contact-section {\r\n            flex-direction: column;\r\n            max-width: 92%;\r\n            min-height: auto;\r\n        }\r\n        .isk-contact-map-side {\r\n            flex: none;\r\n            width: 100%;\r\n            height: 320px;\r\n        }\r\n        .isk-contact-form-side {\r\n            flex: none;\r\n            width: 100%;\r\n            padding: 40px 30px;\r\n        }\r\n    }\r\n\r\n    @media (max-width: 576px) {\r\n        .isk-contact-form-side h2 { font-size: 22px; }\r\n        .isk-contact-form-side .isk-form-subtitle { font-size: 11px; }\r\n        .isk-form-submit-btn { width: 100%; justify-content: center; }\r\n    }\r\n<\/style>\r\n\r\n<!-- CONTENEDOR PRINCIPAL -->\r\n<section class=\"isk-contact-section\">\r\n\r\n    <!-- LADO IZQUIERDO: MAPA -->\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    <!-- LADO DERECHO: FORMULARIO -->\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        <form id=\"isk-dynamic-contact-form\">\r\n            <div class=\"isk-input-group\">\r\n                <label for=\"isk-name\">Nombre Completo<\/label>\r\n                <input type=\"text\" id=\"isk-name\" required placeholder=\"Ej. Ing. Carlos Mendoza\">\r\n            <\/div>\r\n\r\n            <div class=\"isk-input-group\">\r\n                <label for=\"isk-email\">Correo Electr\u00f3nico<\/label>\r\n                <input type=\"email\" id=\"isk-email\" required placeholder=\"nombre@empresa.com\">\r\n            <\/div>\r\n\r\n            <div class=\"isk-input-group\">\r\n                <label for=\"isk-phone\">Tel\u00e9fono<\/label>\r\n                <input type=\"tel\" id=\"isk-phone\" required placeholder=\"Ej. +52 (664) 898-2660\">\r\n            <\/div>\r\n\r\n            <div class=\"isk-input-group\">\r\n                <label for=\"isk-department\">Tipo de Solicitud<\/label>\r\n                <select id=\"isk-department\" required>\r\n                    <option value=\"\" disabled selected>Selecciona una opci\u00f3n...<\/option>\r\n                    <option value=\"proyecto\">Cotizar Proyecto \/ Ingenier\u00eda<\/option>\r\n                    <option value=\"proveedores\">Deseo ser Proveedor \/ Compras<\/option>\r\n                    <option value=\"vacante\">Bolsa de Trabajo \/ Vacantes<\/option>\r\n                <\/select>\r\n            <\/div>\r\n\r\n            <div class=\"isk-input-group\">\r\n                <label for=\"isk-message\">Detalles del Mensaje<\/label>\r\n                <textarea id=\"isk-message\" rows=\"3\" required placeholder=\"Describa detalladamente su solicitud...\"><\/textarea>\r\n            <\/div>\r\n\r\n            <div class=\"isk-form-btn-container\">\r\n                <button type=\"submit\" class=\"isk-form-submit-btn\">\r\n                    <span>Enviar Soluci\u00f3n<\/span>\r\n                    <i class=\"fas fa-chevron-right\"><\/i>\r\n                <\/button>\r\n            <\/div>\r\n        <\/form>\r\n    <\/div>\r\n\r\n<\/section>\r\n\r\n<!-- SCRIPT ENRUTADOR DE CORREOS AUTOM\u00c1TICO -->\r\n<script>\r\ndocument.getElementById('isk-dynamic-contact-form').addEventListener('submit', function(e) {\r\n    e.preventDefault();\r\n\r\n    \/\/ Capturar valores de los campos\r\n    const nombre = document.getElementById('isk-name').value;\r\n    const correoUsuario = document.getElementById('isk-email').value;\r\n    const telefono = document.getElementById('isk-phone').value;\r\n    const departamento = document.getElementById('isk-department').value;\r\n    const mensaje = document.getElementById('isk-message').value;\r\n\r\n    let correoPrincipal = \"\";\r\n    let correosCopia = \"\";\r\n    let asunto = \"\";\r\n\r\n    \/\/ L\u00f3gica de enrutamiento din\u00e1mico seg\u00fan tu equipo de trabajo\r\n    if (departamento === \"proyecto\") {\r\n        correoPrincipal = \"tijuana@isk.com.mx\";\r\n        correosCopia = \"jose.flores@isk.com.mx,giovani@isk.com.mx,javier@isk.com.mx\";\r\n        asunto = \"Solicitud de Cotizaci\u00f3n de Proyecto - \" + nombre;\r\n    } else if (departamento === \"proveedores\") {\r\n        correoPrincipal = \"brenda.proveedores@isk.com.mx\";\r\n        correosCopia = \"johan.camacho@isk.com.mx\";\r\n        asunto = \"Propuesta de Proveedor \/ Comercial - \" + nombre;\r\n    } else if (departamento === \"vacante\") {\r\n        correoPrincipal = \"recursoshumanos@isk.com.mx\";\r\n        correosCopia = \"\";\r\n        asunto = \"Postulaci\u00f3n a Vacante \/ Bolsa de Trabajo - \" + nombre;\r\n    }\r\n\r\n    \/\/ Estructurar el cuerpo del correo\r\n    const cuerpoCorreo = `Hola equipo de ISK Automation,%0D%0A%0D%0A` +\r\n        `Se ha recibido una nueva solicitud a trav\u00e9s del formulario de contacto:%0D%0A%0D%0A` +\r\n        `\u2022 Nombre: ${nombre}%0D%0A` +\r\n        `\u2022 Correo de contacto: ${correoUsuario}%0D%0A` +\r\n        `\u2022 Tel\u00e9fono: ${telefono}%0D%0A%0D%0A` +\r\n        `Detalles del Mensaje:%0D%0A${mensaje}%0D%0A%0D%0A` +\r\n        `Saludos cordiales.`;\r\n\r\n    \/\/ Construcci\u00f3n del enlace Mailto optimizado\r\n    let mailtoUrl = `mailto:${correoPrincipal}?subject=${encodeURIComponent(asunto)}&body=${cuerpoCorreo}`;\r\n    \r\n    if (correosCopia !== \"\") {\r\n        mailtoUrl += `&cc=${correosCopia}`;\r\n    }\r\n\r\n    \/\/ Abrir el gestor de correo del usuario listo para enviar\r\n    window.location.href = mailtoUrl;\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-2da2aab e-con-full e-flex e-con e-parent\" data-id=\"2da2aab\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b4fd247 elementor-widget elementor-widget-html\" data-id=\"b4fd247\" 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@400;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            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 (m\u00e1s r\u00e1pida y notoria) *\/\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        \/* --- MONTSERRAT 700 BOLD para T\u00edtulos --- *\/\r\n        .footer-title {\r\n            font-size: 16px;\r\n            font-weight: 700;\r\n            margin-bottom: 30px;\r\n            color: var(--blanco);\r\n            text-transform: uppercase;\r\n            letter-spacing: 1px;\r\n            border-left: 3px solid var(--celeste-isk);\r\n            padding-left: 10px;\r\n        }\r\n\r\n        .nav-links {\r\n            list-style: none;\r\n            padding: 0;\r\n            margin: 0;\r\n        }\r\n\r\n        .nav-links li { margin-bottom: 12px; }\r\n\r\n        \/* --- MONTSERRAT 500 MEDIUM para Enlaces --- *\/\r\n        .nav-links a {\r\n            color: var(--texto-muted);\r\n            text-decoration: none;\r\n            font-size: 14px;\r\n            font-weight: 500;\r\n            transition: color 0.3s ease, transform 0.3s ease;\r\n            display: inline-block;\r\n        }\r\n\r\n        .nav-links a:hover {\r\n            color: var(--celeste-isk);\r\n            transform: translateX(5px);\r\n        }\r\n\r\n        .actions-col {\r\n            display: flex;\r\n            flex-direction: column;\r\n            gap: 13px;\r\n        }\r\n\r\n        \/* --- MONTSERRAT 500 MEDIUM para Botones Generales --- *\/\r\n        .action-btn {\r\n            background: linear-gradient(90deg, #1e4b82 0%, var(--azul-isk) 100%);\r\n            border: 1px solid rgba(255,255,255,0.1);\r\n            color: var(--blanco);\r\n            text-decoration: none;\r\n            padding: 16px 20px;\r\n            border-radius: 4px 30px 30px 4px;\r\n            font-weight: 500;\r\n            font-size: 14px;\r\n            display: flex;\r\n            justify-content: space-between;\r\n            align-items: center;\r\n            transition: all 0.4s ease;\r\n            text-transform: uppercase;\r\n            backdrop-filter: blur(5px);\r\n            animation: floating 4s ease-in-out infinite;\r\n            -webkit-tap-highlight-color: transparent;\r\n        }\r\n\r\n        .action-btn.btn-feedback {\r\n            background: linear-gradient(90deg, #1279ca 0%, var(--azul-btn-contacto) 100%);\r\n            border: none;\r\n            animation-delay: 0.5s;\r\n        }\r\n\r\n        \/* --- BOT\u00d3N DE VENTA (Montserrat 700 Bold para Resaltado) --- *\/\r\n        .action-btn.btn-venta {\r\n            background: linear-gradient(90deg, var(--rojo-puro) 0%, var(--rojo-oscuro) 100%);\r\n            border: none;\r\n            color: var(--blanco) !important;\r\n            font-weight: 700;\r\n            animation: floating-sale 3s ease-in-out infinite;\r\n            box-shadow: 0 4px 25px rgba(255, 0, 0, 0.5);\r\n            border: 1px solid rgba(255,255,255,0.2);\r\n        }\r\n\r\n        @media (hover: hover) {\r\n            .action-btn.btn-venta:hover {\r\n                background: linear-gradient(90deg, #ff4d4d 0%, #ff0000 100%) !important;\r\n                box-shadow: 0 8px 35px rgba(255, 255, 255, 0.7);\r\n                color: var(--blanco) !important;\r\n            }\r\n        }\r\n\r\n        .action-btn.btn-venta:active {\r\n            background: var(--azul-click) !important; \r\n            color: var(--blanco) !important; \r\n            transform: scale(0.95) translateY(0) !important; \r\n            box-shadow: 0 0 40px rgba(0, 163, 255, 1) !important; \r\n            transition: all 0.1s ease-out; \r\n            animation-play-state: paused; \r\n        }\r\n\r\n        @media (hover: none) {\r\n            .action-btn.btn-venta:active {\r\n                background: var(--azul-click) !important;\r\n                color: var(--blanco) !important;\r\n                box-shadow: 0 0 40px rgba(0, 163, 255, 1) !important;\r\n            }\r\n        }\r\n\r\n        .action-btn.primary {\r\n            background: linear-gradient(90deg, #c7ced0 0%, var(--gris-accion) 100%);\r\n            border: none;\r\n            color: var(--azul-isk);\r\n            font-weight: 700;\r\n            animation-delay: 1s;\r\n        }\r\n\r\n        .action-btn:hover {\r\n            transform: translateX(8px) scale(1.05);\r\n            background: var(--celeste-isk) !important;\r\n            color: var(--blanco) !important;\r\n            box-shadow: 0 5px 25px rgba(0, 163, 255, 0.6);\r\n            animation-play-state: paused;\r\n        }\r\n\r\n        .social-row { \r\n            display: flex; \r\n            gap: 15px; \r\n            margin-top: 20px; \r\n        }\r\n\r\n        .social-circle {\r\n            width: 45px; \r\n            height: 45px;\r\n            background: rgba(255,255,255,0.08);\r\n            border: 1px solid rgba(255,255,255,0.1);\r\n            border-radius: 50%;\r\n            display: flex; align-items: center; justify-content: center;\r\n            color: var(--blanco); \r\n            text-decoration: none; transition: background-color 0.3s, transform 0.3s, border-color 0.3s;\r\n            font-size: 18px; \r\n            animation: floating 3.5s ease-in-out infinite;\r\n        }\r\n\r\n        .social-circle:hover { \r\n            background: var(--celeste-isk); \r\n            transform: translateY(-5px) rotate(360deg); \r\n            border-color: var(--celeste-isk);\r\n            color: var(--blanco) !important;\r\n            animation-play-state: paused;\r\n        }\r\n\r\n        .footer-bottom {\r\n            border-top: 1px solid rgba(255,255,255,0.1);\r\n            margin-top: 60px;\r\n            padding-top: 30px;\r\n            position: relative;\r\n            z-index: 2;\r\n        }\r\n\r\n        .info-bar {\r\n            max-width: 1400px;\r\n            margin: 0 auto;\r\n            display: flex;\r\n            justify-content: center;\r\n            gap: 40px;\r\n            flex-wrap: wrap;\r\n            font-style: normal;\r\n        }\r\n\r\n        \/* --- MONTSERRAT 500 MEDIUM para datos informativos de barra inferior --- *\/\r\n        .info-item {\r\n            display: flex; align-items: center; gap: 8px;\r\n            font-size: 13px; \r\n            font-weight: 500;\r\n            color: var(--texto-muted);\r\n        }\r\n\r\n        .info-item i { color: var(--celeste-isk); }\r\n\r\n        \/* Media Queries Responsivas *\/\r\n        @media (max-width: 1100px) {\r\n            .footer-wrapper { grid-template-columns: repeat(2, 1fr); }\r\n            .brand-col, .actions-col { grid-column: span 2; }\r\n        }\r\n\r\n        @media (max-width: 768px) {\r\n            .footer-wrapper { gap: 30px; }\r\n            .info-bar { gap: 20px; }\r\n        }\r\n\r\n        @media (max-width: 650px) {\r\n            .isk-footer-premium { padding: 50px 0 30px; }\r\n            .footer-wrapper { grid-template-columns: 1fr; text-align: center; }\r\n            .brand-col, .actions-col { grid-column: span 1; }\r\n            .footer-title { border-left: none; border-bottom: 2px solid var(--celeste-isk); display: inline-block; padding: 0 10px 5px; margin-bottom: 20px; }\r\n            .info-bar { flex-direction: column; align-items: center; gap: 15px; }\r\n            .action-btn { border-radius: 30px; padding: 14px 18px; }\r\n            .brand-col p { text-align: center; font-size: 13px; }\r\n            .social-row { justify-content: center; }\r\n        }\r\n    <\/style>\r\n<\/head>\r\n<body data-rsssl=1 data-rsssl=1 data-rsssl=1 data-rsssl=1 data-rsssl=1 data-rsssl=1 data-rsssl=1>\r\n\r\n<footer class=\"isk-footer-premium\">\r\n    <div class=\"footer-wrapper\">\r\n        \r\n        <!-- Secci\u00f3n de Marca -->\r\n        <div class=\"brand-col\">\r\n            <img decoding=\"async\" src=\"https:\/\/isk.com.mx\/wp-content\/uploads\/2025\/10\/footer-web.webp\" alt=\"Logo ISK Automation\" class=\"logo-footer\" width=\"230\" height=\"80\">\r\n            <p>Especialistas en la integraci\u00f3n de tecnolog\u00eda avanzada y automatizaci\u00f3n industrial. Desde Tijuana, impulsamos la eficiencia global con soluciones de ingenier\u00eda de precisi\u00f3n para los sectores m\u00e1s exigentes.<\/p>\r\n            <div class=\"social-row\">\r\n                <a href=\"https:\/\/www.facebook.com\/ISKautomation\" class=\"social-circle\" target=\"_blank\" rel=\"noopener\" aria-label=\"Facebook de ISK Automation\"><i class=\"fab fa-facebook-f\"><\/i><\/a>\r\n                <a href=\"https:\/\/www.linkedin.com\/company\/automation-isk\/\" class=\"social-circle\" target=\"_blank\" rel=\"noopener\" aria-label=\"LinkedIn de ISK Automation\"><i class=\"fab fa-linkedin-in\"><\/i><\/a>\r\n                <a href=\"https:\/\/www.youtube.com\/@AutomationISK\" class=\"social-circle\" target=\"_blank\" rel=\"noopener\" aria-label=\"YouTube de ISK Automation\"><i class=\"fab fa-youtube\"><\/i><\/a>\r\n                <a href=\"https:\/\/www.tiktok.com\/@automation.isk\" class=\"social-circle\" target=\"_blank\" rel=\"noopener\" aria-label=\"TikTok de ISK Automation\"><i class=\"fab fa-tiktok\"><\/i><\/a>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <!-- Navegaci\u00f3n de Enlaces (SEO Sem\u00e1ntico con aria-label) -->\r\n        <nav aria-label=\"Enlaces de Documentaci\u00f3n\">\r\n            <h4 class=\"footer-title\">Documentaci\u00f3n<\/h4>\r\n            <ul class=\"nav-links\">\r\n                <li><a href=\"https:\/\/drive.google.com\/file\/d\/1dvbsOKau8txumQKBs22grhC8CALKy4Bl\/view?usp=sharing\" target=\"_blank\" rel=\"noopener\">Materiales de Control<\/a><\/li>\r\n                <li><a href=\"#\">Pick and Place<\/a><\/li>\r\n                <li><a href=\"https:\/\/drive.google.com\/file\/d\/1OI0a9JYJx60FDGYGgTso-FJVWydsqOBO\/view?usp=sharing\" target=\"_blank\" rel=\"noopener\">Sistemas Contra Incendios<\/a><\/li>\r\n            <\/ul>\r\n        <\/nav>\r\n\r\n        <nav aria-label=\"Enlaces de Maquinaria comercial\">\r\n            <h4 class=\"footer-title\">Maquinaria<\/h4>\r\n            <ul class=\"nav-links\">\r\n                <li><a href=\"https:\/\/isk.mx\/venta-robots-industriales\/\" target=\"_blank\" rel=\"noopener\">Robots Industriales<\/a><\/li>\r\n                <li><a href=\"https:\/\/isk.mx\/venta-maquinaria-cnc\/\" target=\"_blank\" rel=\"noopener\">Maquinaria CNC<\/a><\/li>\r\n                <li><a href=\"https:\/\/isk.com.mx\/conveyors-industriales\/\" target=\"_blank\" rel=\"noopener\">Sistemas de Conveyors<\/a><\/li>\r\n                <li><a href=\"https:\/\/isk.mx\/venta-estampado-y-corte\/\" target=\"_blank\" rel=\"noopener\">Estampado y Corte<\/a><\/li>\r\n            <\/ul>\r\n        <\/nav>\r\n\r\n        <nav aria-label=\"Enlaces de Sectores industriales\">\r\n            <h4 class=\"footer-title\">Sectores<\/h4>\r\n            <ul class=\"nav-links\">\r\n                <li><a href=\"https:\/\/isk.com.mx\/automotriz\/\" target=\"_blank\" rel=\"noopener\">Automotriz<\/a><\/li>\r\n                <li><a href=\"https:\/\/isk.com.mx\/electronica\/\" target=\"_blank\" rel=\"noopener\">Electr\u00f3nica<\/a><\/li>\r\n                <li><a href=\"https:\/\/isk.com.mx\/manufactura\/\" target=\"_blank\" rel=\"noopener\">Manufactura<\/a><\/li>\r\n            <\/ul>\r\n        <\/nav>\r\n\r\n        <!-- Columna de Botones de Acci\u00f3n Directa -->\r\n        <div class=\"actions-col\">\r\n            <h4 class=\"footer-title\">Contacto Directo<\/h4>\r\n            \r\n            <a href=\"https:\/\/wa.me\/526648982660\" class=\"action-btn btn-feedback\" target=\"_blank\" rel=\"noopener\">\r\n                <span>Retroalimentaci\u00f3n<\/span>\r\n                <i class=\"fab fa-whatsapp\"><\/i>\r\n            <\/a>\r\n\r\n            <a href=\"https:\/\/isk.mx\" class=\"action-btn btn-venta\" target=\"_blank\" rel=\"noopener\">\r\n                <span>Venta de Equipos<\/span>\r\n                <i class=\"fas fa-microchip\"><\/i>\r\n            <\/a>\r\n\r\n            <a href=\"mailto:jose.flores@isk.com.mx,tijuana@isk.com.mx?subject=Solicitud%20de%20Cotizaci%C3%B3n\" class=\"action-btn primary\">\r\n                <span>Solicitar Cotizaci\u00f3n<\/span>\r\n                <i class=\"fas fa-envelope-open-text\"><\/i>\r\n            <\/a>\r\n        <\/div>\r\n\r\n    <\/div>\r\n\r\n    <!-- Barra Inferior de Datos de Contacto Directo -->\r\n    <div class=\"footer-bottom\">\r\n        <address class=\"info-bar\">\r\n            <div class=\"info-item\"><i class=\"fas fa-phone-alt\"><\/i> +52 664-898-2660<\/div>\r\n            <div class=\"info-item\"><i class=\"fas fa-envelope\"><\/i> tijuana@isk.com.mx<\/div>\r\n            <div class=\"info-item\"><i class=\"fas fa-map-marker-alt\"><\/i> Tijuana, Baja California, M\u00e9xico<\/div>\r\n            <div class=\"info-item\"><i class=\"far fa-clock\"><\/i> Lun - Vie: 8AM - 5PM<\/div>\r\n        <\/address>\r\n    <\/div>\r\n<\/footer>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Ingenier\u00eda Avanzada Industria Automotriz Desarrollamos e integramos celdas de manufactura e infraestructura tecnol\u00f3gica de alta velocidad, enfocado en optimizar de manera cr\u00edtica los tiempos de ciclo y la precisi\u00f3n en planta. Contactar Ingeniero PLANTA EN OPERACI\u00d3N Mesa Indexadora Ingenier\u00eda de 8 Estaciones Esta soluci\u00f3n avanzada integra procesos de inspecci\u00f3n, verificaci\u00f3n y ensamble en un sistema&#8230;<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_kadence_starter_templates_imported_post":false,"_kad_post_transparent":"","_kad_post_title":"hide","_kad_post_layout":"fullwidth","_kad_post_sidebar_id":"","_kad_post_content_style":"unboxed","_kad_post_vertical_padding":"hide","_kad_post_feature":"hide","_kad_post_feature_position":"","_kad_post_header":false,"_kad_post_footer":false,"_kad_post_classname":"","footnotes":""},"class_list":["post-115","page","type-page","status-publish","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.7 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Automatizaci\u00f3n Industrial Automotriz | Soluciones Automation ISK<\/title>\n<meta name=\"description\" content=\"\u00bfBuscas automatizaci\u00f3n industrial automotriz? En Automation ISK optimizamos tu producci\u00f3n con celdas rob\u00f3ticas y visi\u00f3n artificial. \u00a1Cotiza tu proyecto hoy!\" \/>\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\/automotriz\/\" \/>\n<meta property=\"og:locale\" content=\"es_MX\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Automatizaci\u00f3n Industrial Automotriz | Soluciones Automation ISK\" \/>\n<meta property=\"og:description\" content=\"\u00bfBuscas automatizaci\u00f3n industrial automotriz? En Automation ISK optimizamos tu producci\u00f3n con celdas rob\u00f3ticas y visi\u00f3n artificial. \u00a1Cotiza tu proyecto hoy!\" \/>\n<meta property=\"og:url\" content=\"https:\/\/isk.com.mx\/es\/automotriz\/\" \/>\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-05-30T01:09:54+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/isk.com.mx\/wp-content\/uploads\/2026\/05\/Celda-Automatizada-de-Corte-y-Inspeccion.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=\"4 minutos\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/isk.com.mx\\\/automotriz\\\/\",\"url\":\"https:\\\/\\\/isk.com.mx\\\/automotriz\\\/\",\"name\":\"Automatizaci\u00f3n Industrial Automotriz | Soluciones Automation ISK\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/isk.com.mx\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/isk.com.mx\\\/automotriz\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/isk.com.mx\\\/automotriz\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/isk.com.mx\\\/wp-content\\\/uploads\\\/2026\\\/05\\\/Celda-Automatizada-de-Corte-y-Inspeccion.webp\",\"datePublished\":\"2025-09-05T20:09:20+00:00\",\"dateModified\":\"2026-05-30T01:09:54+00:00\",\"description\":\"\u00bfBuscas automatizaci\u00f3n industrial automotriz? En Automation ISK optimizamos tu producci\u00f3n con celdas rob\u00f3ticas y visi\u00f3n artificial. \u00a1Cotiza tu proyecto hoy!\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/isk.com.mx\\\/automotriz\\\/#breadcrumb\"},\"inLanguage\":\"es\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/isk.com.mx\\\/automotriz\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\\\/\\\/isk.com.mx\\\/automotriz\\\/#primaryimage\",\"url\":\"https:\\\/\\\/isk.com.mx\\\/wp-content\\\/uploads\\\/2026\\\/05\\\/Celda-Automatizada-de-Corte-y-Inspeccion.webp\",\"contentUrl\":\"https:\\\/\\\/isk.com.mx\\\/wp-content\\\/uploads\\\/2026\\\/05\\\/Celda-Automatizada-de-Corte-y-Inspeccion.webp\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/isk.com.mx\\\/automotriz\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/isk.com.mx\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Automotriz\"}]},{\"@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 Automotriz | Soluciones Automation ISK","description":"\u00bfBuscas automatizaci\u00f3n industrial automotriz? En Automation ISK optimizamos tu producci\u00f3n con celdas rob\u00f3ticas y visi\u00f3n artificial. \u00a1Cotiza tu proyecto hoy!","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\/automotriz\/","og_locale":"es_MX","og_type":"article","og_title":"Automatizaci\u00f3n Industrial Automotriz | Soluciones Automation ISK","og_description":"\u00bfBuscas automatizaci\u00f3n industrial automotriz? En Automation ISK optimizamos tu producci\u00f3n con celdas rob\u00f3ticas y visi\u00f3n artificial. \u00a1Cotiza tu proyecto hoy!","og_url":"https:\/\/isk.com.mx\/es\/automotriz\/","og_site_name":"Automation ISK","article_publisher":"https:\/\/www.facebook.com\/ISKautomation","article_modified_time":"2026-05-30T01:09:54+00:00","og_image":[{"url":"https:\/\/isk.com.mx\/wp-content\/uploads\/2026\/05\/Celda-Automatizada-de-Corte-y-Inspeccion.webp","type":"","width":"","height":""}],"twitter_card":"summary_large_image","twitter_misc":{"Tiempo de lectura":"4 minutos"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/isk.com.mx\/automotriz\/","url":"https:\/\/isk.com.mx\/automotriz\/","name":"Automatizaci\u00f3n Industrial Automotriz | Soluciones Automation ISK","isPartOf":{"@id":"https:\/\/isk.com.mx\/#website"},"primaryImageOfPage":{"@id":"https:\/\/isk.com.mx\/automotriz\/#primaryimage"},"image":{"@id":"https:\/\/isk.com.mx\/automotriz\/#primaryimage"},"thumbnailUrl":"https:\/\/isk.com.mx\/wp-content\/uploads\/2026\/05\/Celda-Automatizada-de-Corte-y-Inspeccion.webp","datePublished":"2025-09-05T20:09:20+00:00","dateModified":"2026-05-30T01:09:54+00:00","description":"\u00bfBuscas automatizaci\u00f3n industrial automotriz? En Automation ISK optimizamos tu producci\u00f3n con celdas rob\u00f3ticas y visi\u00f3n artificial. \u00a1Cotiza tu proyecto hoy!","breadcrumb":{"@id":"https:\/\/isk.com.mx\/automotriz\/#breadcrumb"},"inLanguage":"es","potentialAction":[{"@type":"ReadAction","target":["https:\/\/isk.com.mx\/automotriz\/"]}]},{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/isk.com.mx\/automotriz\/#primaryimage","url":"https:\/\/isk.com.mx\/wp-content\/uploads\/2026\/05\/Celda-Automatizada-de-Corte-y-Inspeccion.webp","contentUrl":"https:\/\/isk.com.mx\/wp-content\/uploads\/2026\/05\/Celda-Automatizada-de-Corte-y-Inspeccion.webp"},{"@type":"BreadcrumbList","@id":"https:\/\/isk.com.mx\/automotriz\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/isk.com.mx\/"},{"@type":"ListItem","position":2,"name":"Automotriz"}]},{"@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\/115","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=115"}],"version-history":[{"count":81,"href":"https:\/\/isk.com.mx\/es\/wp-json\/wp\/v2\/pages\/115\/revisions"}],"predecessor-version":[{"id":2077,"href":"https:\/\/isk.com.mx\/es\/wp-json\/wp\/v2\/pages\/115\/revisions\/2077"}],"wp:attachment":[{"href":"https:\/\/isk.com.mx\/es\/wp-json\/wp\/v2\/media?parent=115"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}