{"id":549,"date":"2026-06-05T21:31:56","date_gmt":"2026-06-05T21:31:56","guid":{"rendered":"https:\/\/ocelote.ai\/?page_id=549"},"modified":"2026-06-09T04:35:38","modified_gmt":"2026-06-09T04:35:38","slug":"aitana","status":"publish","type":"page","link":"https:\/\/ocelote.ai\/en\/aitana\/","title":{"rendered":"AITANA"},"content":{"rendered":"\n<style data-wp-block-html=\"css\">\n\/* ==========================================================================\n   RESERVA DE ESPACIO Y CONFIGURACI\u00d3N DEL HERO (CON ZOOM FORZADO)\n   ========================================================================== *\/\n.hero-spacer {\n    display: none !important; \/* Eliminado para acoplamiento directo debajo del men\u00fa *\/\n}\n\n.hero-panel {\n    position: relative !important;\n    width: 100vw !important; \n    height: calc(100vh - 80px) !important; \/* Ajuste el\u00e1stico hasta el borde inferior *\/\n    overflow: hidden !important;\n    background-color: #000000 !important;\n    z-index: 10 !important;\n    \n    \/* Forzado lateral para romper contenedores hijos de la plantilla sin dejar huecos *\/\n    margin-left: calc(-50vw + 50%) !important; \n    margin-right: calc(-50vw + 50%) !important;\n}\n\n\/* Zoom proporcional del video para erradicar bordes negros *\/\n.hero-video {\n    position: absolute !important;\n    top: 0 !important;\n    left: 0 !important;\n    width: 100% !important;\n    height: 100% !important;\n    object-fit: cover !important; \n    object-position: center center !important;\n    z-index: 1 !important;\n}\n\n\/* Capa de contraste *\/\n.hero-overlay {\n    position: absolute !important;\n    top: 0 !important;\n    left: 0 !important;\n    width: 100% !important;\n    height: 100% !important;\n    background: rgba(0, 0, 0, 0.25) !important; \/* Incrementado ligeramente para dar contraste *\/\n    z-index: 2 !important;\n}\n\n\/* ==========================================================================\n   CONTENEDOR DE MARCA Y ANIMACI\u00d3N FADE ULTRA-LUMINOSA\n   ========================================================================== *\/\n.hero-brand-wrapper {\n    position: absolute !important;\n    bottom: 8% !important; \n    left: 5% !important;   \n    width: 33vw !important; \n    z-index: 3 !important;\n    box-sizing: border-box !important;\n\n    \/* Transici\u00f3n nativa de 4 segundos *\/\n    opacity: 0 !important;\n    visibility: hidden !important;\n    transition: opacity 4s ease-in-out, visibility 4s ease-in-out !important;\n}\n\n\/* Clase de activaci\u00f3n disparada por JS *\/\n.hero-brand-wrapper.visible {\n    opacity: 1 !important;\n    visibility: visible !important;\n}\n\n.hero-brand-text {\n    color: #FFFFFF !important; \/* Forzado a blanco puro brillante *\/\n    text-shadow: 0 4px 12px rgba(0, 0, 0, 0.5) !important; \/* Sombra sutil para despegarlo del video *\/\n    font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, sans-serif;\n    font-size: clamp(3.5rem, 5.5vw, 6.5rem) !important; \n    font-weight: 900 !important;\n    letter-spacing: 2px !important; \n    margin: 0 !important;\n    line-height: 0.9 !important; \n    text-transform: uppercase !important;\n    text-align: left !important;\n}\n\n\/* ==========================================================================\n   ADAPTACI\u00d3N RESPONSIVA (M\u00d3VILES)\n   ========================================================================== *\/\n@media (max-width: 768px) {\n    .hero-panel {\n        height: calc(100vh - 60px) !important; \n    }\n    \n    .hero-brand-wrapper {\n        width: 65vw !important; \n        bottom: 6% !important;\n        left: 6% !important;\n    }\n    \n    .hero-brand-text {\n        font-size: clamp(2.2rem, 8vw, 3.2rem) !important;\n    }\n}\n<\/style>\n\n<script data-wp-block-html=\"js\">\n(function() {\n    const ejecutarAparicionHero = () => {\n        const marcaAitana = document.getElementById(\"hero-brand-container\");\n        const tiempoRetraso = 500; \/\/ 0.5 segundos de espera reglamentarios\n\n        setTimeout(() => {\n            if (marcaAitana) {\n                marcaAitana.classList.add(\"visible\");\n            }\n        }, tiempoRetraso);\n    };\n\n    \/\/ Verificaci\u00f3n de ciclo de vida seguro para el entorno frontend de WordPress\n    if (document.readyState === \"loading\") {\n        document.addEventListener(\"DOMContentLoaded\", ejecutarAparicionHero);\n    } else {\n        ejecutarAparicionHero();\n    }\n})();\n<\/script>\n\n<div class=\"hero-flow-container\">\n    <div class=\"hero-panel-scroll\">\n        <video class=\"hero-video\" autoplay=\"\" loop=\"\" muted=\"\" playsinline=\"\">\n            <source src=\"\/wp-content\/uploads\/2026\/06\/Comedor_Comunitario_opt.webm\" type=\"video\/webm\">\n            Tu navegador no soporta video embebido.\n        <\/video>\n        <div class=\"hero-overlay\"><\/div>\n    <\/div>\n    \n    <div id=\"hero-brand-container\" class=\"hero-brand-wrapper\">\n        <h1 class=\"hero-brand-text\">AITANA<\/h1>\n    <\/div>\n<\/div>\n\n<style>\n\/* ==========================================================================\n   FLUJO Y ESPACIADO (Mantiene el scroll nativo intacto)\n   ========================================================================== *\/\n.hero-flow-container {\n    position: relative !important;\n    display: block !important;\n    height: calc(100vh - 80px) !important;\n    \n    \/* Forzado lateral matem\u00e1tico para reventar el contenedor de WordPress *\/\n    width: 100vw !important;\n    max-width: 100vw !important;\n    margin-left: calc(-50vw + 50%) !important;\n    margin-right: calc(-50vw + 50%) !important;\n    padding: 0 !important;\n}\n\n\/* ==========================================================================\n   PANEL CONTENEDOR (Ocupa el 100% del flujo forzado)\n   ========================================================================== *\/\n.hero-panel-scroll {\n    position: absolute !important;\n    top: 0 !important;\n    left: 0 !important;\n    width: 100% !important;\n    height: 100% !important;\n    overflow: hidden !important;\n    background-color: #000000 !important;\n    z-index: 1 !important;\n}\n\n.hero-video {\n    display: block !important;\n    position: absolute !important;\n    top: 50% !important;\n    left: 50% !important;\n    width: 101% !important; \/* Evita microbrechas en los bordes *\/\n    height: 101% !important;\n    object-fit: cover !important;\n    transform: translate(-50%, -50%) !important;\n}\n\n.hero-overlay {\n    position: absolute !important;\n    top: 0 !important;\n    left: 0 !important;\n    width: 100% !important;\n    height: 100% !important;\n    z-index: 2 !important;\n    \n    \/* ==========================================================================\n       [MODULABLE] CONTROL DE OSCURIDAD\n       ========================================================================== *\/\n    background: rgba(0, 0, 0, 0.50) !important;\n}\n\n\/* ==========================================================================\n   TEXTO Y ANIMACI\u00d3N\n   ========================================================================== *\/\n.hero-brand-wrapper {\n    position: absolute !important;\n    bottom: 8% !important;\n    left: 5% !important;\n    width: 33vw !important;\n    z-index: 3 !important;\n    box-sizing: border-box !important;\n    opacity: 0 !important;\n    visibility: hidden !important;\n    transition: opacity 4s ease-in-out, visibility 4s ease-in-out !important;\n}\n\n.hero-brand-wrapper.visible {\n    opacity: 1 !important;\n    visibility: visible !important;\n}\n\n.hero-brand-text {\n    color: #FFFFFF !important;\n    text-shadow: 0 4px 12px rgba(0, 0, 0, 0.6) !important;\n    font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, sans-serif;\n    font-size: clamp(3.5rem, 5.5vw, 6.5rem) !important;\n    font-weight: 900 !important;\n    letter-spacing: 2px !important;\n    margin: 0 !important;\n    line-height: 0.9 !important;\n    text-transform: uppercase !important;\n}\n\n\/* ==========================================================================\n   RESPONSIVO (M\u00f3viles) - Ajustado con reducci\u00f3n del 10% en altura\n   ========================================================================== *\/\n@media (max-width: 768px) {\n    .hero-flow-container {\n        height: calc(90vh - 60px) !important;\n    }\n    .hero-brand-wrapper {\n        width: 65vw !important;\n        bottom: 6% !important;\n        left: 6% !important;\n    }\n    .hero-brand-text {\n        font-size: clamp(2.2rem, 8vw, 3.2rem) !important;\n    }\n}\n<\/style>\n\n<script>\n(function() {\n    const ejecutarAparicionHero = () => {\n        const marcaAitana = document.getElementById(\"hero-brand-container\");\n        const tiempoRetraso = 2000;\n\n        setTimeout(() => {\n            if (marcaAitana) {\n                marcaAitana.classList.add(\"visible\");\n            }\n        }, tiempoRetraso);\n    };\n\n    if (document.readyState === \"loading\") {\n        document.addEventListener(\"DOMContentLoaded\", ejecutarAparicionHero);\n    } else {\n        ejecutarAparicionHero();\n    }\n})();\n<\/script>\n\n\n\n<div id=\"wp-block-themeisle-blocks-advanced-columns-35825447\" class=\"wp-block-themeisle-blocks-advanced-columns alignfull has-2-columns has-desktop-equal-layout has-tablet-equal-layout has-mobile-collapsedRows-layout has-vertical-center ticss-c00aadba\"><div class=\"wp-block-themeisle-blocks-advanced-columns-overlay\"><\/div><div class=\"innerblocks-wrap\">\n<div id=\"wp-block-themeisle-blocks-advanced-column-fedc9d47\" class=\"wp-block-themeisle-blocks-advanced-column\">\n<figure class=\"wp-block-image animated zoomIn wp-duotone-default\"><img loading=\"lazy\" decoding=\"async\" width=\"600\" height=\"480\" src=\"https:\/\/ocelote.ai\/wp-content\/uploads\/2026\/06\/Logo-AITANA_opt.png\" alt=\"\" class=\"wp-image-636\" srcset=\"https:\/\/ocelote.ai\/wp-content\/uploads\/2026\/06\/Logo-AITANA_opt.png 600w, https:\/\/ocelote.ai\/wp-content\/uploads\/2026\/06\/Logo-AITANA_opt-300x240.png 300w, https:\/\/ocelote.ai\/wp-content\/uploads\/2026\/06\/Logo-AITANA_opt-15x12.png 15w\" sizes=\"auto, (max-width: 600px) 100vw, 600px\" \/><\/figure>\n<\/div>\n\n\n\n<div id=\"wp-block-themeisle-blocks-advanced-column-ed1b12ac\" class=\"wp-block-themeisle-blocks-advanced-column\">\n<h2 id=\"wp-block-themeisle-blocks-advanced-heading-8f3ca166\" class=\"wp-block-themeisle-blocks-advanced-heading wp-block-themeisle-blocks-advanced-heading-8f3ca166\">El Reto<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Impulsados por nuestro manifiesto, aceleramos la inclusi\u00f3n digital en sectores vulnerables de M\u00e9xico comenzando por el <strong>sustento m\u00e1s esencial<\/strong>. <br><br><strong>AITANA <\/strong>es el puente que une a comercios con coraz\u00f3n con organismos de vocaci\u00f3n social, utilizando el poder de la IA para potenciar la difusi\u00f3n y la eficiencia log\u00edstica.<\/p>\n\n\n\n<div class=\"wp-block-buttons wp-container-content-42fb7c7f is-content-justification-center is-layout-flex wp-container-core-buttons-is-layout-d9a36c2f wp-block-buttons-is-layout-flex\">\n<div class=\"wp-block-button is-style-outline animated zoomIn is-style-outline--1\"><a class=\"wp-block-button__link has-contrast-color has-text-color has-link-color has-large-font-size has-custom-font-size wp-element-button\" href=\"https:\/\/forms.gle\/kZ7ju1GLkxjZSzaA7\" target=\"_blank\" rel=\"noreferrer noopener\">S\u00famate<\/a><\/div>\n<\/div>\n\n\n\n<div style=\"height:10px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n<\/div>\n<\/div><\/div>\n\n\n\n<section id=\"wp-block-themeisle-blocks-advanced-columns-a5663609\" class=\"wp-block-themeisle-blocks-advanced-columns alignfull has-1-columns has-desktop-equal-layout has-tablet-equal-layout has-mobile-equal-layout has-vertical-flex-start has-light-bg\"><div class=\"wp-block-themeisle-blocks-advanced-columns-overlay\"><\/div><div class=\"innerblocks-wrap\">\n<div id=\"wp-block-themeisle-blocks-advanced-column-4c4fd106\" class=\"wp-block-themeisle-blocks-advanced-column\">\n<section id=\"wp-block-themeisle-blocks-advanced-columns-fd016a8d\" class=\"wp-block-themeisle-blocks-advanced-columns has-1-columns has-desktop-equal-layout has-tablet-equal-layout has-mobile-equal-layout has-vertical-flex-start\"><div class=\"wp-block-themeisle-blocks-advanced-columns-overlay\"><\/div><div class=\"innerblocks-wrap\">\n<div id=\"wp-block-themeisle-blocks-advanced-column-313f8391\" class=\"wp-block-themeisle-blocks-advanced-column\">\n<h2 class=\"wp-block-heading has-text-align-center ticss-c854ed1e has-custom-obsidiana-color has-text-color has-link-color wp-elements-ff73c37387aa3952d25a51d0b8c3d1d6\">Un <strong>circuito <\/strong>muy simple,<\/h2>\n\n\n\n<h3 class=\"wp-block-heading has-text-align-center\">acelerado con tecnolog\u00edas que ya usas.<\/h3>\n<\/div>\n<\/div><\/section>\n\n\n\n<section id=\"wp-block-themeisle-blocks-advanced-columns-0eb219a1\" class=\"wp-block-themeisle-blocks-advanced-columns has-3-columns has-desktop-equal-layout has-tablet-equal-layout has-mobile-collapsedRows-layout has-vertical-flex-start\"><div class=\"wp-block-themeisle-blocks-advanced-columns-overlay\"><\/div><div class=\"innerblocks-wrap\">\n<div id=\"wp-block-themeisle-blocks-advanced-column-dce98669\" class=\"wp-block-themeisle-blocks-advanced-column\">\n<div id=\"wp-block-themeisle-blocks-font-awesome-icons-502de6ef\" class=\"wp-block-themeisle-blocks-font-awesome-icons\"><span class=\"wp-block-themeisle-blocks-font-awesome-icons-container\"><i class=\"fas fa-shopping-basket\"><\/i><\/span><\/div>\n\n\n\n<h3 class=\"wp-block-heading has-text-align-center has-custom-obsidiana-color has-text-color has-link-color wp-elements-d166fa15f52d68a09a8a5ced1cc37abc\">Captaci\u00f3n<\/h3>\n\n\n\n<p class=\"has-text-align-center has-text-color has-link-color has-custom-obsidiana-color wp-elements-d6596bf32554a67964d41cb9075ba4ab wp-block-paragraph\">Nuestro circuito rescata y canaliza excedentes de alimentos y art\u00edculos de primera necesidad hacia donde m\u00e1s se necesitan.<\/p>\n<\/div>\n\n\n\n<div id=\"wp-block-themeisle-blocks-advanced-column-840de2b2\" class=\"wp-block-themeisle-blocks-advanced-column\">\n<div id=\"wp-block-themeisle-blocks-font-awesome-icons-2c9fc007\" class=\"wp-block-themeisle-blocks-font-awesome-icons\"><span class=\"wp-block-themeisle-blocks-font-awesome-icons-container\"><i class=\"fas fa-hands-helping\"><\/i><\/span><\/div>\n\n\n\n<h3 class=\"wp-block-heading has-text-align-center has-custom-obsidiana-color has-text-color has-link-color wp-elements-7a76ee777feb287371688ce4fd6a87bf\">Difusi\u00f3n<\/h3>\n\n\n\n<p class=\"has-text-align-center has-text-color has-link-color has-custom-obsidiana-color wp-elements-51b8ac3273aef02d7bdd934494b0321a wp-block-paragraph\">Conectamos de forma \u00e1gil con organismos y redes aliadas facultadas para la recepci\u00f3n y distribuci\u00f3n del producto.<\/p>\n<\/div>\n\n\n\n<div id=\"wp-block-themeisle-blocks-advanced-column-2e2d3255\" class=\"wp-block-themeisle-blocks-advanced-column\">\n<div id=\"wp-block-themeisle-blocks-font-awesome-icons-ceabc6e2\" class=\"wp-block-themeisle-blocks-font-awesome-icons\"><span class=\"wp-block-themeisle-blocks-font-awesome-icons-container\"><i class=\"fas fa-truck\"><\/i><\/span><\/div>\n\n\n\n<h3 class=\"wp-block-heading has-text-align-center has-custom-obsidiana-color has-text-color has-link-color wp-elements-36fedb0aa6db9ce8e9971e5a6019d47c\">Log\u00edstica<\/h3>\n\n\n\n<p class=\"has-text-align-center has-text-color has-link-color wp-block-paragraph\">Monitoreamos, orientamos y damos fe de cada etapa del proceso para garantizar transparencia total en tu aportaci\u00f3n.<\/p>\n<\/div>\n<\/div><\/section>\n\n\n<\/div>\n<\/div><\/section>\n\n\n\n<section id=\"wp-block-themeisle-blocks-advanced-columns-e39c8885\" class=\"wp-block-themeisle-blocks-advanced-columns alignfull has-1-columns has-desktop-equal-layout has-tablet-equal-layout has-mobile-equal-layout has-vertical-flex-start has-dark-bg\"><div class=\"wp-block-themeisle-blocks-advanced-columns-overlay\"><\/div><div class=\"innerblocks-wrap\">\n<div id=\"wp-block-themeisle-blocks-advanced-column-c15031b9\" class=\"wp-block-themeisle-blocks-advanced-column\">\n<section id=\"wp-block-themeisle-blocks-advanced-columns-227154e3\" class=\"wp-block-themeisle-blocks-advanced-columns has-1-columns has-desktop-equal-layout has-tablet-equal-layout has-mobile-equal-layout has-vertical-flex-start\"><div class=\"wp-block-themeisle-blocks-advanced-columns-overlay\"><\/div><div class=\"innerblocks-wrap\">\n<div id=\"wp-block-themeisle-blocks-advanced-column-3d9850f7\" class=\"wp-block-themeisle-blocks-advanced-column\">\n<h3 class=\"wp-block-heading has-text-align-center has-contrast-color has-text-color has-link-color wp-elements-c7dc4606f12e8af51a8d641721ae183e\"><strong><strong>Valor Incremental<\/strong><\/strong><\/h3>\n\n\n\n<h2 id=\"wp-block-themeisle-blocks-advanced-heading-af739e4a\" class=\"wp-block-themeisle-blocks-advanced-heading wp-block-themeisle-blocks-advanced-heading-af739e4a\">Tecnolog\u00eda Democratizada y Emp\u00e1tica<\/h2>\n<\/div>\n<\/div><\/section>\n\n\n\n<section id=\"wp-block-themeisle-blocks-advanced-columns-bdcb8b3e\" class=\"wp-block-themeisle-blocks-advanced-columns has-3-columns has-desktop-equal-layout has-tablet-equal-layout has-mobile-collapsedRows-layout has-vertical-flex-start\"><div class=\"wp-block-themeisle-blocks-advanced-columns-overlay\"><\/div><div class=\"innerblocks-wrap\">\n<div id=\"wp-block-themeisle-blocks-advanced-column-a9adfdad\" class=\"wp-block-themeisle-blocks-advanced-column\">\n<div id=\"wp-block-themeisle-blocks-font-awesome-icons-e7ce89d1\" class=\"wp-block-themeisle-blocks-font-awesome-icons\"><span class=\"wp-block-themeisle-blocks-font-awesome-icons-container\"><i class=\"fas fa-toggle-on\"><\/i><\/span><\/div>\n\n\n\n<h4 id=\"wp-block-themeisle-blocks-advanced-heading-d46c01e8\" class=\"wp-block-themeisle-blocks-advanced-heading wp-block-themeisle-blocks-advanced-heading-d46c01e8\">Adopci\u00f3n Intuitiva<\/h4>\n\n\n\n<p id=\"wp-block-themeisle-blocks-advanced-heading-0c67a313\" class=\"wp-block-themeisle-blocks-advanced-heading wp-block-themeisle-blocks-advanced-heading-0c67a313\">Te integras al circuito aprovechando funciones que ya dominas en tu dispositivo, sin curvas de aprendizaje.<\/p>\n<\/div>\n\n\n\n<div id=\"wp-block-themeisle-blocks-advanced-column-356e53fd\" class=\"wp-block-themeisle-blocks-advanced-column\">\n<div id=\"wp-block-themeisle-blocks-font-awesome-icons-6fed80af\" class=\"wp-block-themeisle-blocks-font-awesome-icons\"><span class=\"wp-block-themeisle-blocks-font-awesome-icons-container\"><i class=\"fas fa-graduation-cap\"><\/i><\/span><\/div>\n\n\n\n<h4 id=\"wp-block-themeisle-blocks-advanced-heading-f7668cf7\" class=\"wp-block-themeisle-blocks-advanced-heading wp-block-themeisle-blocks-advanced-heading-f7668cf7\">Democratizaci\u00f3n<\/h4>\n\n\n\n<p id=\"wp-block-themeisle-blocks-advanced-heading-151995c5\" class=\"wp-block-themeisle-blocks-advanced-heading wp-block-themeisle-blocks-advanced-heading-151995c5\">Creces junto con AITANA, absorbiendo su conocimiento de la cadena de valor mientras el sistema mejora continuamente.<\/p>\n<\/div>\n\n\n\n<div id=\"wp-block-themeisle-blocks-advanced-column-fbf5450a\" class=\"wp-block-themeisle-blocks-advanced-column\">\n<div id=\"wp-block-themeisle-blocks-font-awesome-icons-eb26cb3a\" class=\"wp-block-themeisle-blocks-font-awesome-icons\"><span class=\"wp-block-themeisle-blocks-font-awesome-icons-container\"><i class=\"fas fa-chart-line\"><\/i><\/span><\/div>\n\n\n\n<h4 id=\"wp-block-themeisle-blocks-advanced-heading-c7ffe99f\" class=\"wp-block-themeisle-blocks-advanced-heading wp-block-themeisle-blocks-advanced-heading-c7ffe99f\">Ganar-Ganar<\/h4>\n\n\n\n<p id=\"wp-block-themeisle-blocks-advanced-heading-8e3a6c22\" class=\"wp-block-themeisle-blocks-advanced-heading wp-block-themeisle-blocks-advanced-heading-8e3a6c22\">Optimizamos tu operaci\u00f3n elevando el valor de tus colaboradores, impulsando el negocio sin sustituir al factor humano.<\/p>\n<\/div>\n<\/div><\/section>\n<\/div>\n<\/div><\/section>\n\n\n\n<section id=\"wp-block-themeisle-blocks-advanced-columns-e4373a2b\" class=\"wp-block-themeisle-blocks-advanced-columns alignfull has-1-columns has-desktop-equal-layout has-tablet-equal-layout has-mobile-equal-layout has-vertical-flex-start has-light-bg\"><div class=\"wp-block-themeisle-blocks-advanced-columns-overlay\"><\/div><div class=\"innerblocks-wrap\">\n<div id=\"wp-block-themeisle-blocks-advanced-column-0b9db5af\" class=\"wp-block-themeisle-blocks-advanced-column\">\n<section id=\"wp-block-themeisle-blocks-advanced-columns-62d68e08\" class=\"wp-block-themeisle-blocks-advanced-columns has-1-columns has-desktop-equal-layout has-tablet-equal-layout has-mobile-equal-layout has-vertical-flex-start\"><div class=\"wp-block-themeisle-blocks-advanced-columns-overlay\"><\/div><div class=\"innerblocks-wrap\">\n<div id=\"wp-block-themeisle-blocks-advanced-column-ba020b38\" class=\"wp-block-themeisle-blocks-advanced-column\">\n<h3 class=\"wp-block-heading has-text-align-center\"><strong>Ocelote Labs<\/strong><\/h3>\n\n\n\n<h2 id=\"wp-block-themeisle-blocks-advanced-heading-6d6c2f48\" class=\"wp-block-themeisle-blocks-advanced-heading wp-block-themeisle-blocks-advanced-heading-6d6c2f48\">\u00bfPor qu\u00e9 funciona?<\/h2>\n<\/div>\n<\/div><\/section>\n\n\n\n<section id=\"wp-block-themeisle-blocks-advanced-columns-6fc7adce\" class=\"wp-block-themeisle-blocks-advanced-columns has-3-columns has-desktop-equal-layout has-tablet-equal-layout has-mobile-collapsedRows-layout has-vertical-flex-start\"><div class=\"wp-block-themeisle-blocks-advanced-columns-overlay\"><\/div><div class=\"innerblocks-wrap\">\n<div id=\"wp-block-themeisle-blocks-advanced-column-25e97a9a\" class=\"wp-block-themeisle-blocks-advanced-column\">\n<div id=\"wp-block-themeisle-blocks-font-awesome-icons-d5c7d449\" class=\"wp-block-themeisle-blocks-font-awesome-icons\"><span class=\"wp-block-themeisle-blocks-font-awesome-icons-container\"><i class=\"fas fa-hammer\"><\/i><\/span><\/div>\n\n\n\n<h4 id=\"wp-block-themeisle-blocks-advanced-heading-72a9f7c8\" class=\"wp-block-themeisle-blocks-advanced-heading wp-block-themeisle-blocks-advanced-heading-72a9f7c8\">La IA como Herramienta<\/h4>\n\n\n\n<p id=\"wp-block-themeisle-blocks-advanced-heading-a5f28f8f\" class=\"wp-block-themeisle-blocks-advanced-heading wp-block-themeisle-blocks-advanced-heading-a5f28f8f\">Conceptualizamos a la tecnolog\u00eda como el martillo y cincel detr\u00e1s de nuestro esfuerzo, pero nunca como la obra final ni el habitante de la casa.<\/p>\n<\/div>\n\n\n\n<div id=\"wp-block-themeisle-blocks-advanced-column-b5b3ad1c\" class=\"wp-block-themeisle-blocks-advanced-column\">\n<div id=\"wp-block-themeisle-blocks-font-awesome-icons-71995a22\" class=\"wp-block-themeisle-blocks-font-awesome-icons\"><span class=\"wp-block-themeisle-blocks-font-awesome-icons-container\"><i class=\"fas fa-glasses\"><\/i><\/span><\/div>\n\n\n\n<h4 id=\"wp-block-themeisle-blocks-advanced-heading-067b6e63\" class=\"wp-block-themeisle-blocks-advanced-heading wp-block-themeisle-blocks-advanced-heading-067b6e63\">Mirada de Entorno<\/h4>\n\n\n\n<p id=\"wp-block-themeisle-blocks-advanced-heading-7b136259\" class=\"wp-block-themeisle-blocks-advanced-heading wp-block-themeisle-blocks-advanced-heading-7b136259\">Traducimos carencias sociales en soluciones accesibles con la claridad que conlleva el ser parte de ella; y lo hacemos siempre con empat\u00eda.<\/p>\n<\/div>\n\n\n\n<div id=\"wp-block-themeisle-blocks-advanced-column-6be03cf4\" class=\"wp-block-themeisle-blocks-advanced-column\">\n<div id=\"wp-block-themeisle-blocks-font-awesome-icons-52fbd165\" class=\"wp-block-themeisle-blocks-font-awesome-icons\"><span class=\"wp-block-themeisle-blocks-font-awesome-icons-container\"><i class=\"fas fa-heartbeat\"><\/i><\/span><\/div>\n\n\n\n<h4 id=\"wp-block-themeisle-blocks-advanced-heading-57826d4c\" class=\"wp-block-themeisle-blocks-advanced-heading wp-block-themeisle-blocks-advanced-heading-57826d4c\">Equilibrio Social<\/h4>\n\n\n\n<p id=\"wp-block-themeisle-blocks-advanced-heading-9962089c\" class=\"wp-block-themeisle-blocks-advanced-heading wp-block-themeisle-blocks-advanced-heading-9962089c\">Nivelamos la balanza para los sectores vulnerables de nuestra sociedad, acortando brechas de desigualdad econ\u00f3mica y rezago cognitivo.<\/p>\n<\/div>\n<\/div><\/section>\n<\/div>\n<\/div><\/section>\n\n\n\n<div id=\"wp-block-themeisle-blocks-advanced-columns-2ba3afc0\" class=\"wp-block-themeisle-blocks-advanced-columns alignfull has-2-columns has-desktop-equal-layout has-tablet-equal-layout has-mobile-collapsedRows-layout has-vertical-center ticss-c00aadba has-light-bg\"><div class=\"wp-block-themeisle-blocks-advanced-columns-overlay\"><\/div><div class=\"innerblocks-wrap\">\n<div id=\"wp-block-themeisle-blocks-advanced-column-bf8f78fc\" class=\"wp-block-themeisle-blocks-advanced-column has-light-bg\">\n<div class=\"contenedor-mapa-sismico\">\n  <img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/06\/Mapa-300x215_cafe.webp\" alt=\"Mapa de Operaci\u00f3n Ocelote Labs\" class=\"mapa-base\">\n\n  <div class=\"nodo-sismico centro\" data-volumen=\"alto\">\n    <div class=\"nucleo-punto\"><\/div>\n  <\/div>\n<\/div>\n\n<style>\n  \/* Contenedor principal adaptable *\/\n  .contenedor-mapa-sismico {\n    position: relative;\n    width: 100%;\n    display: block;\n    \n  }\n\n  .mapa-base {\n    width: 100%;\n    height: auto;\n    display: block;\n  }\n\n  \/* Estructura base del Nodo (Duplicado a 28px) *\/\n  .nodo-sismico {\n    position: absolute;\n    transform: translate(-50%, -50%);\n    width: 28px;  \/* MODIFICADO: Antes 14px *\/\n    height: 28px; \/* MODIFICADO: Antes 14px *\/\n    z-index: 10;\n  }\n\n  \/* N\u00facleo s\u00f3lido con 30% de OPACIDAD *\/\n  .nodo-sismico .nucleo-punto {\n    width: 100%;\n    height: 100%;\n    background-color: #2e7d32; \/* Verde Ocelote *\/\n    border-radius: 50%;\n    box-shadow: 0 0 8px rgba(0,0,0,0.3);\n    opacity: 0.3; \/* A\u00d1ADIDO: Permite ver los estados debajo *\/\n  }\n\n  \/* Coordenada precisa para el nodo del Centro *\/\n  .nodo-sismico.centro { top: 72%; left: 53%; }\n\n  \/* Estilo com\u00fan de las ondas generadas por JS *\/\n  .onda-dinamica {\n    position: absolute;\n    top: 50%;\n    left: 50%;\n    width: 100%;\n    height: 100%;\n    transform: translate(-50%, -50%);\n    border: 1.5px solid #2e7d32; \/* Mismo verde corporativo *\/\n    border-radius: 50%;\n    pointer-events: none;\n    opacity: 0;\n  }\n\n  \/* Variaci\u00f3n de color para el sismo principal *\/\n  .nodo-sismico[data-volumen=\"alto\"] .onda-dinamica { border-color: #2e7d32; }\n\n  \/* Clases de animaci\u00f3n con desfase temporal continuo *\/\n  .animar-onda-1 { animation: sismoExpansivo 3s cubic-bezier(0.165, 0.84, 0.44, 1) infinite; }\n  .animar-onda-2 { animation: sismoExpansivo 3s cubic-bezier(0.165, 0.84, 0.44, 1) infinite 1s; }\n  .animar-onda-3 { animation: sismoExpansivo 3s cubic-bezier(0.165, 0.84, 0.44, 1) infinite 2s; }\n\n  \/* Keyframe de la onda de choque expansiva (Duplicada a 1100%) *\/\n  @keyframes sismoExpansivo {\n    0% {\n      width: 100%;\n      height: 100%;\n      opacity: 0.8;\n    }\n    100% {\n      width: 1100%; \/* MODIFICADO: Antes 550% - Expansi\u00f3n a 200% del radio *\/\n      height: 1100%; \/* MODIFICADO: Antes 550% *\/\n      opacity: 0;\n    }\n  }\n<\/style>\n\n<script>\n  (function() {\n    \/\/ Ejecutar cuando el script cargue en el \u00e1rbol HTML\n    const inicializarSismo = () => {\n      const nodos = document.querySelectorAll('.nodo-sismico');\n      \n      nodos.forEach(nodo => {\n        \/\/ Para evitar duplicaciones si el script se ejecuta re-renderizado\n        if (nodo.querySelector('.onda-dinamica')) return;\n\n        \/\/ Inyectar tres capas conc\u00e9ntricas desfasadas\n        for (let i = 1; i <= 3; i++) {\n          const onda = document.createElement('div');\n          onda.classList.add('onda-dinamica', `animar-onda-${i}`);\n          nodo.appendChild(onda);\n        }\n      });\n    };\n\n    \/\/ Asegurar ejecuci\u00f3n segura seg\u00fan el estado de carga del DOM\n    if (document.readyState === 'loading') {\n      document.addEventListener('DOMContentLoaded', inicializarSismo);\n    } else {\n      inicializarSismo();\n    }\n  })();\n<\/script>\n<\/div>\n\n\n\n<div id=\"wp-block-themeisle-blocks-advanced-column-7780ba7d\" class=\"wp-block-themeisle-blocks-advanced-column\">\n<h2 id=\"wp-block-themeisle-blocks-advanced-heading-f528a953\" class=\"wp-block-themeisle-blocks-advanced-heading wp-block-themeisle-blocks-advanced-heading-f528a953\">Circuito Activado<\/h2>\n\n\n\n<div id=\"wp-block-themeisle-blocks-progress-bar-b4d63408\" class=\"wp-block-themeisle-blocks-progress-bar\" data-percent=\"100\" data-duration=\"2\"><div class=\"wp-block-themeisle-blocks-progress-bar__area\"><div class=\"wp-block-themeisle-blocks-progress-bar__area__title\"><span>Liberado<\/span><\/div><div class=\"wp-block-themeisle-blocks-progress-bar__area__bar\"><div class=\"wp-block-themeisle-blocks-progress-bar__progress__append wp-block-themeisle-blocks-progress-bar__number\">100<\/div><\/div><\/div><\/div>\n\n\n\n<div style=\"height:10px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<div id=\"wp-block-themeisle-blocks-progress-bar-d620fe76\" class=\"wp-block-themeisle-blocks-progress-bar\" data-percent=\"60\" data-duration=\"2\"><div class=\"wp-block-themeisle-blocks-progress-bar__area\"><div class=\"wp-block-themeisle-blocks-progress-bar__area__title\"><span>Aprendiendo<\/span><\/div><div class=\"wp-block-themeisle-blocks-progress-bar__area__bar\"><div class=\"wp-block-themeisle-blocks-progress-bar__progress__append wp-block-themeisle-blocks-progress-bar__number\">60<\/div><\/div><\/div><\/div>\n\n\n\n<p class=\"wp-block-paragraph\">Ya estamos acelerando la causa social de los comercios en CDMX y Morelos, democratizando su acceso a la IA avanzada y, sobre todo, conect\u00e1ndolos de forma inmediata con los beneficios econ\u00f3micos que esta transformaci\u00f3n conlleva.<\/p>\n\n\n\n<div class=\"wp-block-buttons wp-container-content-42fb7c7f is-content-justification-center is-layout-flex wp-container-core-buttons-is-layout-d9a36c2f wp-block-buttons-is-layout-flex\">\n<div class=\"wp-block-button is-style-outline animated zoomIn is-style-outline--2\"><a class=\"wp-block-button__link has-custom-obsidiana-color has-text-color has-link-color has-large-font-size has-custom-font-size wp-element-button\" href=\"https:\/\/forms.gle\/kZ7ju1GLkxjZSzaA7\" target=\"_blank\" rel=\"noreferrer noopener\">S\u00famate<\/a><\/div>\n<\/div>\n<\/div>\n<\/div><\/div>\n","protected":false},"excerpt":{"rendered":"<p>Tu navegador no soporta video embebido. AITANA<\/p>","protected":false},"author":4,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_themeisle_gutenberg_block_has_review":false,"footnotes":""},"class_list":["post-549","page","type-page","status-publish","hentry"],"aioseo_notices":[],"_hostinger_reach_plugin_has_subscription_block":false,"_hostinger_reach_plugin_is_elementor":false,"_links":{"self":[{"href":"https:\/\/ocelote.ai\/en\/wp-json\/wp\/v2\/pages\/549","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/ocelote.ai\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/ocelote.ai\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/ocelote.ai\/en\/wp-json\/wp\/v2\/users\/4"}],"replies":[{"embeddable":true,"href":"https:\/\/ocelote.ai\/en\/wp-json\/wp\/v2\/comments?post=549"}],"version-history":[{"count":138,"href":"https:\/\/ocelote.ai\/en\/wp-json\/wp\/v2\/pages\/549\/revisions"}],"predecessor-version":[{"id":999,"href":"https:\/\/ocelote.ai\/en\/wp-json\/wp\/v2\/pages\/549\/revisions\/999"}],"wp:attachment":[{"href":"https:\/\/ocelote.ai\/en\/wp-json\/wp\/v2\/media?parent=549"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}