{"id":25,"date":"2026-02-12T15:17:01","date_gmt":"2026-02-12T14:17:01","guid":{"rendered":"https:\/\/intellectsystem.net\/propuesta.intellectsystem.net\/?page_id=25"},"modified":"2026-02-21T00:17:50","modified_gmt":"2026-02-20T23:17:50","slug":"gira","status":"publish","type":"page","link":"https:\/\/intellectsystem.net\/propuesta.intellectsystem.net\/gira\/","title":{"rendered":"GIRA"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"25\" class=\"elementor elementor-25\">\n\t\t\t\t<div class=\"elementor-element elementor-element-dad888f e-flex e-con-boxed e-con e-parent\" data-id=\"dad888f\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-183352b elementor-widget elementor-widget-html\" data-id=\"183352b\" 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>Golden Minute - Gira<\/title>\r\n    \r\n    <!-- Cargar Tailwind CSS (Estilos) -->\r\n    <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\r\n    \r\n    <!-- Cargar Fuente Inter -->\r\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@300;400;600;700;900&display=swap\" rel=\"stylesheet\">\r\n    \r\n    <!-- Cargar Iconos Lucide -->\r\n    <script src=\"https:\/\/unpkg.com\/lucide@latest\"><\/script>\r\n\r\n    <style>\r\n        \/* Reset agresivo para asegurar que no interfiera el tema de WordPress *\/\r\n        body, html { \r\n            margin: 0 !important; \r\n            padding: 0 !important; \r\n            width: 100% !important; \r\n            height: 100% !important; \r\n            overflow: hidden !important; \/* Deshabilitar scroll del body de WP *\/\r\n        }\r\n        \r\n        .perspective-1000 { perspective: 1000px; }\r\n        .animate-fade-in-up { animation: fadeInUp 0.8s ease-out forwards; }\r\n        @keyframes fadeInUp {\r\n            from { opacity: 0; transform: translateY(20px); }\r\n            to { opacity: 1; transform: translateY(0); }\r\n        }\r\n        \r\n        \/* Estilos para el contenedor Overlay que fuerza pantalla completa *\/\r\n        #landing-overlay {\r\n            position: fixed;\r\n            top: 0;\r\n            left: 0;\r\n            width: 100vw;\r\n            height: 100vh;\r\n            z-index: 999999; \/* Z-index alt\u00edsimo para tapar header de WP *\/\r\n            background-color: #f8fafc; \/* bg-slate-50 *\/\r\n            overflow-y: auto; \/* El scroll ocurre aqu\u00ed dentro *\/\r\n            overflow-x: hidden;\r\n        }\r\n\r\n        \/* Ocultar barra de scroll en algunos navegadores para est\u00e9tica limpia (opcional) *\/\r\n        #landing-overlay::-webkit-scrollbar {\r\n            width: 8px;\r\n        }\r\n        #landing-overlay::-webkit-scrollbar-track {\r\n            background: #f1f1f1;\r\n        }\r\n        #landing-overlay::-webkit-scrollbar-thumb {\r\n            background: #cbd5e1;\r\n            border-radius: 4px;\r\n        }\r\n        \r\n        \/* CLASE DE SEGURIDAD PARA IM\u00c1GENES:\r\n           Fuerza a que las im\u00e1genes respeten el tama\u00f1o y no se estiren por culpa de Elementor *\/\r\n        .safe-img {\r\n            max-width: none !important; \/* Evita que WP limite el ancho *\/\r\n            width: auto !important;     \/* El ancho se ajusta a la altura *\/\r\n            display: block !important;\r\n            border: none !important;\r\n            box-shadow: none !important;\r\n            margin: 0 !important;\r\n        }\r\n\r\n        \/* Estilos para el Modal *\/\r\n        .modal-open {\r\n            overflow: hidden;\r\n        }\r\n    <\/style>\r\n<\/head>\r\n<body>\r\n\r\n    <!-- CONTENEDOR SUPERPUESTO (Full Screen Overlay) -->\r\n    <div id=\"landing-overlay\" class=\"font-sans antialiased text-slate-800\">\r\n\r\n        <!-- NAV \/ HEADER -->\r\n        <nav id=\"navbar\" class=\"fixed top-0 left-0 w-full z-50 transition-all duration-300 py-2 bg-white\/90 backdrop-blur-md shadow-sm\">\r\n            <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 flex justify-between items-center\">\r\n                <div class=\"flex items-center gap-3\">\r\n                    <!-- LOGOS HEADER: Uso de style inline para forzar tama\u00f1o peque\u00f1o -->\r\n                    <div class=\"flex items-center gap-3\">\r\n                       <img decoding=\"async\" \r\n                           src=\"https:\/\/intellectsystem.net\/propuesta.intellectsystem.net\/wp-content\/uploads\/2026\/02\/descarga-1.png\" \r\n                           alt=\"Logo Gira\" \r\n                           class=\"safe-img object-contain\" \r\n                           style=\"height: 20px !important; width: auto !important;\"\r\n                           onerror=\"this.style.display='none'\"\r\n                       >\r\n                       <span class=\"text-slate-300 text-sm font-light\">|<\/span>\r\n                       <img decoding=\"async\" \r\n                           src=\"https:\/\/intellectsystem.net\/propuesta.intellectsystem.net\/wp-content\/uploads\/2026\/02\/intellect.png\" \r\n                           alt=\"Logo Intellect\" \r\n                           class=\"safe-img object-contain\" \r\n                           style=\"height: 24px !important; width: auto !important;\"\r\n                           onerror=\"this.style.display='none'\"\r\n                       >\r\n                    <\/div>\r\n                <\/div>\r\n                <div class=\"flex items-center gap-2 bg-slate-100 px-2 py-1 rounded-full border border-slate-200\">\r\n                    <i data-lucide=\"lock\" class=\"w-2.5 h-2.5 text-slate-500\"><\/i>\r\n                    <span class=\"text-[9px] font-semibold text-slate-500 tracking-wider uppercase\">Confidencial<\/span>\r\n                <\/div>\r\n            <\/div>\r\n        <\/nav>\r\n\r\n        <!-- HERO SECTION -->\r\n        <header class=\"relative min-h-[90vh] flex items-center justify-center overflow-hidden bg-slate-900\">\r\n            <!-- Background Image with Overlay -->\r\n            <div class=\"absolute inset-0 z-0\">\r\n               <img decoding=\"async\" \r\n                 src=\"https:\/\/intellectsystem.net\/propuesta.intellectsystem.net\/wp-content\/uploads\/2026\/02\/supermercado.jpg\" \r\n                 alt=\"Supermarket Background\" \r\n                 class=\"w-full h-full object-cover opacity-60\"\r\n               >\r\n               <div class=\"absolute inset-0 bg-gradient-to-t from-slate-50 via-white\/80 to-white\/90\"><\/div>\r\n            <\/div>\r\n            \r\n            <div class=\"relative max-w-5xl mx-auto px-4 sm:px-6 lg:px-8 text-center z-10 pt-20\">\r\n                <div class=\"inline-block mb-6 animate-fade-in-up\">\r\n                    <span class=\"bg-slate-900 text-white text-sm font-bold px-6 py-2 rounded-full shadow-lg tracking-wide uppercase border border-slate-700\">\r\n                      Fidelizaci\u00f3n Inteligente\r\n                    <\/span>\r\n                <\/div>\r\n                <h1 class=\"text-5xl md:text-8xl font-black text-slate-900 tracking-tighter mb-8 leading-tight drop-shadow-sm animate-fade-in-up\">\r\n                    El <span class=\"text-transparent bg-clip-text bg-gradient-to-r from-amber-500 to-orange-600 relative inline-block\">\r\n                      Golden Minute\r\n                      <!-- Decorative underline -->\r\n                      <svg class=\"absolute w-full h-3 -bottom-1 left-0 text-orange-400 opacity-80\" viewBox=\"0 0 100 10\" preserveAspectRatio=\"none\">\r\n                         <path d=\"M0 5 Q 50 10 100 5\" stroke=\"currentColor\" stroke-width=\"3\" fill=\"none\" \/>\r\n                      <\/svg>\r\n                    <\/span> <br\/>de Gira\r\n                <\/h1>\r\n                <p class=\"text-xl md:text-2xl text-slate-600 max-w-3xl mx-auto leading-relaxed font-medium mb-12 drop-shadow-sm animate-fade-in-up\" style=\"animation-delay: 0.2s;\">\r\n                    Transformando el reciclaje en el estacionamiento en una <strong class=\"text-slate-900 bg-orange-100 px-1 rounded\">compra inmediata<\/strong> dentro del supermercado mediante Big Data.\r\n                <\/p>\r\n                \r\n                <div class=\"flex justify-center animate-fade-in-up\" style=\"animation-delay: 0.4s;\">\r\n                    <button \r\n                      onclick=\"document.getElementById('video-section').scrollIntoView({ behavior: 'smooth' })\"\r\n                      class=\"group bg-slate-900 text-white hover:bg-blue-600 px-8 py-4 rounded-full flex items-center gap-3 transition-all shadow-xl hover:shadow-2xl hover:-translate-y-1 cursor-pointer\"\r\n                    >\r\n                      <span class=\"text-lg font-bold\">Ver la Estrategia<\/span>\r\n                      <i data-lucide=\"chevron-down\" class=\"w-5 h-5 group-hover:translate-y-1 transition-transform\"><\/i>\r\n                    <\/button>\r\n                <\/div>\r\n            <\/div>\r\n        <\/header>\r\n\r\n        <!-- VIDEO SECTION (INTRO) -->\r\n        <section id=\"video-section\" class=\"bg-white py-24 border-b border-slate-100\">\r\n            <div class=\"max-w-5xl mx-auto px-4\">\r\n                <div class=\"text-center mb-12\">\r\n                   <h2 class=\"text-3xl font-bold text-slate-900\">Nuestra Propuesta de Valor<\/h2>\r\n                   <p class=\"text-slate-500 mt-2\">Una breve introducci\u00f3n sobre qui\u00e9nes somos y por qu\u00e9 esta alianza es estrat\u00e9gica.<\/p>\r\n                <\/div>\r\n                <div class=\"relative rounded-3xl overflow-hidden shadow-2xl bg-slate-900 aspect-video border-4 border-slate-100\">\r\n                    <iframe \r\n                        class=\"absolute top-0 left-0 w-full h-full\" \r\n                        src=\"https:\/\/www.youtube.com\/embed\/B5nqy6zaDDI?rel=0&modestbranding=1\" \r\n                        title=\"Intellect & Gira: El Siguiente Nivel\" \r\n                        frameborder=\"0\" \r\n                        allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" \r\n                        allowfullscreen>\r\n                    <\/iframe>\r\n                <\/div>\r\n            <\/div>\r\n        <\/section>\r\n\r\n        <!-- TIMELINE SECTION -->\r\n        <section id=\"timeline\" class=\"py-24 bg-slate-50 relative\">\r\n            <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8\">\r\n                <div class=\"text-center mb-20\">\r\n                    <h2 class=\"text-4xl font-bold text-slate-900 mb-4\">La Ruta de la Oportunidad<\/h2>\r\n                    <p class=\"text-xl text-slate-500 max-w-2xl mx-auto\">\r\n                      Cuatro momentos clave donde la tecnolog\u00eda cambia la decisi\u00f3n de compra.\r\n                    <\/p>\r\n                <\/div>\r\n\r\n                <div class=\"relative\">\r\n                    <div class=\"hidden lg:block absolute left-1\/2 top-0 bottom-0 w-0.5 bg-slate-200 -translate-x-1\/2\"><\/div>\r\n                    <div class=\"space-y-24\">\r\n                        \r\n                        <!-- STEP 1 -->\r\n                        <div class=\"flex flex-col lg:flex-row gap-12 items-center\">\r\n                            <div class=\"flex-1 w-full group perspective-1000\">\r\n                                <div class=\"relative rounded-2xl overflow-hidden shadow-2xl bg-white border-4 border-white rotate-1 group-hover:rotate-0 transition-all duration-500 ease-out\">\r\n                                    <div class=\"aspect-[4\/3] bg-slate-200 relative flex items-center justify-center overflow-hidden\">\r\n                                        <div class=\"absolute inset-0 opacity-20 bg-green-600\"><\/div>\r\n                                        <img decoding=\"async\" \r\n                                            src=\"https:\/\/intellectsystem.net\/propuesta.intellectsystem.net\/wp-content\/uploads\/2026\/02\/gira1.jpg\" \r\n                                            onerror=\"this.src='https:\/\/placehold.co\/800x600\/e2e8f0\/475569?text=Punto+de+Reciclaje'\"\r\n                                            alt=\"Punto de reciclaje Gira\"\r\n                                            class=\"w-full h-full object-cover transition-all duration-700 grayscale group-hover:grayscale-0\"\r\n                                        >\r\n                                        <div class=\"absolute bottom-4 left-4 right-4 bg-white\/90 backdrop-blur-sm p-3 rounded-lg opacity-0 group-hover:opacity-100 transition-opacity duration-300 transform translate-y-2 group-hover:translate-y-0\">\r\n                                           <p class=\"text-xs font-bold text-slate-500 uppercase tracking-wider\">Visualizaci\u00f3n<\/p>\r\n                                           <p class=\"text-sm text-slate-800\">Punto de reciclaje Gira en parqueadero<\/p>\r\n                                        <\/div>\r\n                                    <\/div>\r\n                                    <div class=\"absolute -top-6 -right-6 w-20 h-20 bg-green-600 rounded-full flex items-center justify-center shadow-lg border-4 border-slate-50 z-10 group-hover:scale-110 transition-transform\">\r\n                                        <i data-lucide=\"car\" class=\"w-7 h-7 text-white\"><\/i>\r\n                                    <\/div>\r\n                                <\/div>\r\n                            <\/div>\r\n                            <div class=\"flex-1 relative\">\r\n                                <span class=\"absolute -top-20 -left-10 text-[10rem] font-bold text-slate-100 -z-10 select-none opacity-80\">01<\/span>\r\n                                <div class=\"relative z-10\">\r\n                                    <div class=\"inline-flex items-center gap-2 mb-4\">\r\n                                        <span class=\"h-px w-8 bg-green-600\"><\/span>\r\n                                        <span class=\"text-sm font-bold uppercase tracking-widest text-green-600\">El Detonante<\/span>\r\n                                    <\/div>\r\n                                    <h3 class=\"text-3xl font-bold text-slate-900 mb-6\">EL PARQUEADERO<\/h3>\r\n                                    <div class=\"bg-white p-6 rounded-xl border border-green-200 shadow-sm space-y-4 hover:shadow-md transition-shadow\">\r\n                                        <div class=\"space-y-1\">\r\n                                            <p class=\"text-xs text-slate-400 font-bold uppercase\">Acci\u00f3n<\/p>\r\n                                            <p class=\"text-slate-700 leading-relaxed\">El cliente llega a los Puntos Gira ubicados en el estacionamiento de Supermaxi.<\/p>\r\n                                        <\/div>\r\n                                        <div class=\"space-y-1\">\r\n                                            <p class=\"text-xs text-slate-400 font-bold uppercase\">Contexto<\/p>\r\n                                            <p class=\"text-slate-600\">Trae su reciclaje (vidrio, cart\u00f3n) y su celular en mano.<\/p>\r\n                                        <\/div>\r\n                                        <div class=\"pl-4 border-l-2 border-green-400 italic text-slate-500 bg-green-50\/50 py-2 rounded-r\">\r\n                                            \"Cumpl\u00ed con el planeta, ahora voy a hacer mis compras\".\r\n                                        <\/div>\r\n                                    <\/div>\r\n                                <\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n\r\n                        <!-- STEP 2 -->\r\n                        <div class=\"flex flex-col lg:flex-row-reverse gap-12 items-center\">\r\n                            <div class=\"flex-1 w-full group perspective-1000\">\r\n                                <div class=\"relative rounded-2xl overflow-hidden shadow-2xl bg-white border-4 border-white rotate-1 group-hover:rotate-0 transition-all duration-500 ease-out\">\r\n                                    <div class=\"aspect-[4\/3] bg-slate-200 relative flex items-center justify-center overflow-hidden\">\r\n                                        <div class=\"absolute inset-0 opacity-20 bg-blue-900\"><\/div>\r\n                                        <img decoding=\"async\" \r\n                                            src=\"https:\/\/intellectsystem.net\/propuesta.intellectsystem.net\/wp-content\/uploads\/2026\/02\/Gemini_Generated_Image_11k5yn11k5yn11k5.jpg\" \r\n                                            alt=\"Cliente caminando\"\r\n                                            class=\"w-full h-full object-cover transition-all duration-700 mix-blend-multiply opacity-50 grayscale group-hover:grayscale-0\"\r\n                                        >\r\n                                    <\/div>\r\n                                    <div class=\"absolute -top-6 -right-6 w-20 h-20 bg-blue-900 rounded-full flex items-center justify-center shadow-lg border-4 border-slate-50 z-10 group-hover:scale-110 transition-transform\">\r\n                                        <i data-lucide=\"footprints\" class=\"w-7 h-7 text-white\"><\/i>\r\n                                    <\/div>\r\n                                <\/div>\r\n                            <\/div>\r\n                            <div class=\"flex-1 relative\">\r\n                                <span class=\"absolute -top-20 -left-10 text-[10rem] font-bold text-slate-100 -z-10 select-none opacity-80\">02<\/span>\r\n                                <div class=\"relative z-10\">\r\n                                    <div class=\"inline-flex items-center gap-2 mb-4\">\r\n                                        <span class=\"h-px w-8 bg-blue-900\"><\/span>\r\n                                        <span class=\"text-sm font-bold uppercase tracking-widest text-blue-900\">La Ventana de Oro<\/span>\r\n                                    <\/div>\r\n                                    <h3 class=\"text-3xl font-bold text-slate-900 mb-6\">LA CAMINATA<\/h3>\r\n                                    <div class=\"bg-white p-6 rounded-xl border border-blue-200 shadow-sm space-y-4 hover:shadow-md transition-shadow\">\r\n                                        <div class=\"space-y-1\">\r\n                                            <p class=\"text-xs text-slate-400 font-bold uppercase\">Acci\u00f3n<\/p>\r\n                                            <p class=\"text-slate-700 leading-relaxed\">El cliente camina del punto de reciclaje hacia la puerta de entrada.<\/p>\r\n                                        <\/div>\r\n                                        <div class=\"mt-4 bg-blue-50\/80 p-5 rounded-xl border border-blue-100 relative overflow-hidden\">\r\n                                            <div class=\"absolute top-0 right-0 p-2 opacity-10\">\r\n                                              <i data-lucide=\"database\" class=\"w-16 h-16 text-blue-900\"><\/i>\r\n                                            <\/div>\r\n                                            <div class=\"flex items-center gap-2 mb-3\">\r\n                                              <div class=\"bg-blue-600 p-1.5 rounded text-white\">\r\n                                                <i data-lucide=\"database\" class=\"w-4 h-4\"><\/i>\r\n                                              <\/div>\r\n                                              <span class=\"text-sm font-bold text-blue-900\">An\u00e1lisis Intellect Systems<\/span>\r\n                                            <\/div>\r\n                                            <p class=\"text-sm text-blue-900 leading-relaxed font-medium mb-3\">\r\n                                              \"Gracias a la inmensa cantidad de datos de Corporaci\u00f3n Favorita, activamos una visi\u00f3n 360\u00b0 del cliente en tiempo real: conocemos su historial de compras, sus marcas favoritas y frecuencia. El sistema detecta: 'Luc\u00eda suele comprar Queso Floralp, pero hoy sus puntos le permiten acceder al Kiosko'.\"\r\n                                            <\/p>\r\n                                            <div class=\"flex items-center gap-2 text-xs font-semibold text-blue-700 bg-white\/50 p-2 rounded w-fit\">\r\n                                               <i data-lucide=\"smartphone\" class=\"w-3.5 h-3.5 animate-pulse\"><\/i> El celular vibra en su bolsillo antes de tomar el carrito.\r\n                                            <\/div>\r\n                                        <\/div>\r\n                                    <\/div>\r\n                                <\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n\r\n                        <!-- STEP 3 -->\r\n                        <div class=\"flex flex-col lg:flex-row gap-12 items-center\">\r\n                            <div class=\"flex-1 w-full group perspective-1000\">\r\n                                <div class=\"relative rounded-2xl overflow-hidden shadow-2xl bg-white border-4 border-white rotate-1 group-hover:rotate-0 transition-all duration-500 ease-out\">\r\n                                    <div class=\"aspect-[4\/3] bg-slate-200 relative flex items-center justify-center overflow-hidden\">\r\n                                        <div class=\"absolute inset-0 opacity-20 bg-amber-500\"><\/div>\r\n                                        <img decoding=\"async\" \r\n                                            src=\"https:\/\/intellectsystem.net\/propuesta.intellectsystem.net\/wp-content\/uploads\/2026\/02\/compras.jpg\" \r\n                                            alt=\"Notificaci\u00f3n\"\r\n                                            class=\"w-full h-full object-cover transition-all duration-700 mix-blend-multiply opacity-50 grayscale group-hover:grayscale-0\"\r\n                                        >\r\n                                    <\/div>\r\n                                    <div class=\"absolute -top-6 -right-6 w-20 h-20 bg-amber-500 rounded-full flex items-center justify-center shadow-lg border-4 border-slate-50 z-10 group-hover:scale-110 transition-transform\">\r\n                                        <i data-lucide=\"smartphone\" class=\"w-7 h-7 text-white\"><\/i>\r\n                                    <\/div>\r\n                                <\/div>\r\n                            <\/div>\r\n                            <div class=\"flex-1 relative\">\r\n                                <span class=\"absolute -top-20 -left-10 text-[10rem] font-bold text-slate-100 -z-10 select-none opacity-80\">03<\/span>\r\n                                <div class=\"relative z-10\">\r\n                                    <div class=\"inline-flex items-center gap-2 mb-4\">\r\n                                        <span class=\"h-px w-8 bg-amber-500\"><\/span>\r\n                                        <span class=\"text-sm font-bold uppercase tracking-widest text-amber-500\">La Decisi\u00f3n<\/span>\r\n                                    <\/div>\r\n                                    <h3 class=\"text-3xl font-bold text-slate-900 mb-6\">LA NOTIFICACI\u00d3N<\/h3>\r\n                                    <div class=\"bg-white p-6 rounded-xl border border-amber-200 shadow-sm space-y-4 hover:shadow-md transition-shadow\">\r\n                                        <div class=\"mt-4 bg-slate-800 text-white p-5 rounded-xl font-mono text-sm shadow-xl relative max-w-md mx-auto transform hover:scale-[1.02] transition-transform cursor-pointer\">\r\n                                            <div class=\"flex justify-between items-center mb-3 border-b border-slate-700 pb-2\">\r\n                                               <span class=\"flex items-center gap-1 text-xs text-slate-400\">\r\n                                                 <div class=\"w-2 h-2 rounded-full bg-green-500\"><\/div> Gira App\r\n                                               <\/span>\r\n                                               <span class=\"text-xs text-slate-500\">Ahora<\/span>\r\n                                            <\/div>\r\n                                            <p>\u00a1Hola Luc\u00eda! Tus puntos de hoy hacen magia: Ll\u00e9vate el Queso Kiosko por $3.20 (M\u00e1s barato que el Floralp de $3.50).<\/p>\r\n                                        <\/div>\r\n                                        <div class=\"pl-4 border-l-2 border-amber-400 italic text-slate-500 bg-amber-50\/50 py-2 rounded-r\">\r\n                                            Luc\u00eda ya no entra a 'ver qu\u00e9 hay'. Entra con una misi\u00f3n: buscar su queso Kiosko.\r\n                                        <\/div>\r\n                                    <\/div>\r\n                                <\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n\r\n                        <!-- STEP 4 -->\r\n                        <div class=\"flex flex-col lg:flex-row-reverse gap-12 items-center\">\r\n                            <div class=\"flex-1 w-full group perspective-1000\">\r\n                                <div class=\"relative rounded-2xl overflow-hidden shadow-2xl bg-white border-4 border-white rotate-1 group-hover:rotate-0 transition-all duration-500 ease-out\">\r\n                                    <div class=\"aspect-[4\/3] bg-slate-200 relative flex items-center justify-center overflow-hidden\">\r\n                                        <div class=\"absolute inset-0 opacity-20 bg-emerald-700\"><\/div>\r\n                                        <img decoding=\"async\" \r\n                                            src=\"https:\/\/intellectsystem.net\/propuesta.intellectsystem.net\/wp-content\/uploads\/2026\/02\/quesos.jpg\" \r\n                                            alt=\"G\u00f3ndola\"\r\n                                            class=\"w-full h-full object-cover transition-all duration-700 mix-blend-multiply opacity-50 grayscale group-hover:grayscale-0\"\r\n                                        >\r\n                                    <\/div>\r\n                                    <div class=\"absolute -top-6 -right-6 w-20 h-20 bg-emerald-700 rounded-full flex items-center justify-center shadow-lg border-4 border-slate-50 z-10 group-hover:scale-110 transition-transform\">\r\n                                        <i data-lucide=\"shopping-cart\" class=\"w-7 h-7 text-white\"><\/i>\r\n                                    <\/div>\r\n                                <\/div>\r\n                            <\/div>\r\n                            <div class=\"flex-1 relative\">\r\n                                <span class=\"absolute -top-20 -left-10 text-[10rem] font-bold text-slate-100 -z-10 select-none opacity-80\">04<\/span>\r\n                                <div class=\"relative z-10\">\r\n                                    <div class=\"inline-flex items-center gap-2 mb-4\">\r\n                                        <span class=\"h-px w-8 bg-emerald-700\"><\/span>\r\n                                        <span class=\"text-sm font-bold uppercase tracking-widest text-emerald-700\">La Ejecuci\u00f3n<\/span>\r\n                                    <\/div>\r\n                                    <h3 class=\"text-3xl font-bold text-slate-900 mb-6\">LA G\u00d3NDOLA<\/h3>\r\n                                    <div class=\"bg-white p-6 rounded-xl border border-emerald-200 shadow-sm space-y-4 hover:shadow-md transition-shadow\">\r\n                                        <div class=\"space-y-1\">\r\n                                            <p class=\"text-xs text-slate-400 font-bold uppercase\">Acci\u00f3n<\/p>\r\n                                            <p class=\"text-slate-700 leading-relaxed\">Luc\u00eda llega al pasillo de l\u00e1cteos. Ve el precio de etiqueta ($4.00), pero sabe que su 'Precio Real' es $3.20.<\/p>\r\n                                        <\/div>\r\n                                        <div class=\"space-y-1\">\r\n                                            <p class=\"text-xs text-slate-400 font-bold uppercase\">Resultado<\/p>\r\n                                            <p class=\"text-slate-600\">Ignora la marca barata y toma la marca premium.<\/p>\r\n                                        <\/div>\r\n                                        <div class=\"mt-4 pt-4 border-t border-slate-100\">\r\n                                             <div class=\"flex items-start gap-3\">\r\n                                                <div class=\"bg-emerald-100 p-2 rounded-full text-emerald-600 mt-1\">\r\n                                                  <i data-lucide=\"leaf\" class=\"w-4 h-4\"><\/i>\r\n                                                <\/div>\r\n                                                <div>\r\n                                                  <p class=\"text-xs text-emerald-600 font-bold uppercase mb-1\">Resultado Ganar-Ganar<\/p>\r\n                                                  <p class=\"text-sm text-slate-700\">Supermaxi gana margen, Gira reduce su pasivo de puntos, Luc\u00eda se siente ganadora.<\/p>\r\n                                                <\/div>\r\n                                             <\/div>\r\n                                        <\/div>\r\n                                    <\/div>\r\n                                <\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/section>\r\n\r\n        <!-- CLOSING SECTION (PSYCHOLOGY) -->\r\n        <section class=\"bg-slate-950 text-white py-32 relative overflow-hidden\">\r\n            <div class=\"absolute top-0 left-1\/2 w-[800px] h-[800px] bg-blue-600\/10 rounded-full blur-3xl -translate-x-1\/2 -translate-y-1\/2\"><\/div>\r\n            <div class=\"max-w-4xl mx-auto px-6 relative z-10 text-center\">\r\n                <div class=\"inline-flex items-center gap-2 mb-8 bg-white\/5 border border-white\/10 px-4 py-2 rounded-full backdrop-blur-sm\">\r\n                   <div class=\"w-2 h-2 rounded-full bg-red-500 animate-pulse\"><\/div>\r\n                   <span class=\"text-xs font-bold tracking-widest text-slate-300 uppercase\">Factor Cr\u00edtico de \u00c9xito<\/span>\r\n                <\/div>\r\n                \r\n                <h3 class=\"text-4xl md:text-6xl font-bold mb-10 leading-tight\">\r\n                    No es solo tecnolog\u00eda.<br\/>\r\n                    Es <span class=\"text-transparent bg-clip-text bg-gradient-to-r from-blue-400 via-purple-400 to-amber-400\">Psicolog\u00eda del Consumidor<\/span>.\r\n                <\/h3>\r\n                \r\n                <div class=\"bg-slate-900\/50 backdrop-blur-xl p-10 rounded-2xl border border-white\/10 shadow-2xl relative\">\r\n                    <div class=\"absolute -top-6 -left-6 text-6xl text-blue-500 opacity-30 font-serif\">\"<\/div>\r\n                    <p class=\"text-xl md:text-2xl text-slate-200 leading-relaxed font-light\">\r\n                      El cliente es c\u00f3modo por naturaleza. Muchos de nosotros no revisamos el cat\u00e1logo antes de hacer las compras. Es importante que nos pongan la oferta delante, en el momento preciso, justo cuando tiene la intenci\u00f3n de compra m\u00e1s alta: <span class=\"text-white font-semibold underline decoration-blue-500 underline-offset-4 decoration-2\">caminando hacia el carrito<\/span>.\r\n                    <\/p>\r\n                <\/div>\r\n\r\n                <div class=\"mt-16 pt-16 border-t border-white\/5 flex flex-col md:flex-row justify-between items-center gap-8\">\r\n                   <div class=\"flex gap-4 bg-white\/90 backdrop-blur-sm px-4 py-2 rounded-lg shadow-sm\">\r\n                      <img decoding=\"async\" \r\n                          src=\"https:\/\/intellectsystem.net\/propuesta.intellectsystem.net\/wp-content\/uploads\/2026\/02\/descarga-1.png\" \r\n                          alt=\"Gira\" \r\n                          class=\"safe-img object-contain\" \r\n                          style=\"height: 25px !important; width: auto !important;\"\r\n                          onerror=\"this.style.display='none'\"\r\n                      >\r\n                      <span class=\"text-slate-400 text-xl font-light\">|<\/span>\r\n                      <img decoding=\"async\" \r\n                          src=\"https:\/\/intellectsystem.net\/propuesta.intellectsystem.net\/wp-content\/uploads\/2026\/02\/intellect.png\" \r\n                          alt=\"Intellect\" \r\n                          class=\"safe-img object-contain\" \r\n                          style=\"height: 30px !important; width: auto !important;\"\r\n                          onerror=\"this.style.display='none'\"\r\n                      >\r\n                   <\/div>\r\n                   \r\n                   <!-- Bot\u00f3n Call to Action que abre el Modal -->\r\n                   <button \r\n                     onclick=\"openModal()\"\r\n                     class=\"bg-blue-600 hover:bg-blue-500 text-white text-lg font-bold py-4 px-12 rounded-full shadow-lg shadow-blue-900\/50 transition-all hover:-translate-y-1 flex items-center gap-3 cursor-pointer\"\r\n                   >\r\n                     Me interesa <i data-lucide=\"send\" class=\"w-5 h-5\"><\/i>\r\n                   <\/button>\r\n                <\/div>\r\n            <\/div>\r\n        <\/section>\r\n\r\n        <!-- FOOTER -->\r\n        <footer class=\"bg-black text-slate-500 py-12 border-t border-slate-900 text-center text-xs tracking-wider\">\r\n            <p>\u00a9 2026 Intellect Systems & Gira. Propuesta Confidencial Nivel C.<\/p>\r\n        <\/footer>\r\n\r\n    <\/div> <!-- FIN DEL CONTENEDOR OVERLAY -->\r\n\r\n    <!-- Modal del Formulario -->\r\n    <div id=\"pardot-modal\" class=\"fixed inset-0 z-[1000000] hidden flex items-center justify-center p-4\"> <!-- Flex centering -->\r\n        <!-- Backdrop -->\r\n        <div class=\"absolute inset-0 bg-black\/60 backdrop-blur-sm\" onclick=\"closeModal()\"><\/div>\r\n        \r\n        <!-- Modal Content -->\r\n        <div class=\"relative w-full max-w-md bg-white rounded-2xl shadow-2xl overflow-hidden animate-fade-in-up max-h-[90vh] overflow-y-auto\"> <!-- Relative positioning & max-height -->\r\n            <div class=\"p-8\">\r\n                <div class=\"flex justify-between items-center mb-6\">\r\n                    <h3 class=\"text-2xl font-bold text-slate-800\">Me interesa<\/h3>\r\n                    <button onclick=\"closeModal()\" class=\"text-slate-400 hover:text-slate-600 transition-colors\">\r\n                        <i data-lucide=\"x\" class=\"w-6 h-6\"><\/i>\r\n                    <\/button>\r\n                <\/div>\r\n                \r\n                <p class=\"text-slate-600 mb-6 text-sm\">D\u00e9janos tus datos y te contactaremos para presentarte la estrategia completa.<\/p>\r\n                \r\n                <!-- FORMULARIO PARDOT NATIVO -->\r\n                <form id=\"pardot-form\" action=\"https:\/\/www2.intellectsystem.net\/l\/874111\/2026-02-20\/j7875t\" method=\"POST\" class=\"space-y-4\">\r\n                    \r\n                    <div>\r\n                        <label class=\"block text-sm font-medium text-slate-700 mb-1\">Nombre<\/label>\r\n                        <input type=\"text\" name=\"first_name\" class=\"w-full px-4 py-3 rounded-lg border border-slate-300 focus:ring-2 focus:ring-blue-500 focus:border-blue-500 transition-all outline-none\" placeholder=\"Tu nombre\">\r\n                    <\/div>\r\n\r\n                    <div>\r\n                        <label class=\"block text-sm font-medium text-slate-700 mb-1\">Email <span class=\"text-red-500\">*<\/span><\/label>\r\n                        <input type=\"email\" name=\"email\" required class=\"w-full px-4 py-3 rounded-lg border border-slate-300 focus:ring-2 focus:ring-blue-500 focus:border-blue-500 transition-all outline-none\" placeholder=\"tu@email.com\">\r\n                    <\/div>\r\n\r\n                    <div>\r\n                        <label class=\"block text-sm font-medium text-slate-700 mb-1\">Tel\u00e9fono<\/label>\r\n                        <input type=\"tel\" name=\"phone\" class=\"w-full px-4 py-3 rounded-lg border border-slate-300 focus:ring-2 focus:ring-blue-500 focus:border-blue-500 transition-all outline-none\" placeholder=\"+593...\">\r\n                    <\/div>\r\n\r\n                    <button type=\"submit\" id=\"btn-submit-pardot\" class=\"w-full bg-blue-600 hover:bg-blue-700 text-white font-bold py-3.5 rounded-lg shadow-lg shadow-blue-900\/20 transition-all hover:-translate-y-1 mt-2\">\r\n                        Enviar Solicitud\r\n                    <\/button>\r\n                <\/form>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <!-- Script para inicializar iconos y l\u00f3gica simple -->\r\n    <script>\r\n        \/\/ Inicializar Iconos Lucide\r\n        lucide.createIcons();\r\n\r\n        \/\/ Obtener el contenedor Overlay\r\n        const overlay = document.getElementById('landing-overlay');\r\n        const navbar = document.getElementById('navbar');\r\n\r\n        \/\/ Efecto scroll en Navbar\r\n        overlay.addEventListener('scroll', function() {\r\n            if (overlay.scrollTop > 50) {\r\n                navbar.classList.add('bg-white\/90', 'backdrop-blur-md', 'shadow-md', 'py-1');\r\n            } else {\r\n                navbar.classList.remove('bg-white\/90', 'backdrop-blur-md', 'shadow-md', 'py-1');\r\n            }\r\n        });\r\n\r\n        \/\/ Funciones del Modal\r\n        function openModal() {\r\n            const modal = document.getElementById('pardot-modal');\r\n            modal.classList.remove('hidden');\r\n            lucide.createIcons();\r\n        }\r\n\r\n        function closeModal() {\r\n            const modal = document.getElementById('pardot-modal');\r\n            modal.classList.add('hidden');\r\n        }\r\n\r\n        \/\/ --- SISTEMA DE BACKUP INFALIBLE (FORMSUBMIT) ---\r\n        \/\/ Env\u00eda datos a trav\u00e9s de un servicio externo seguro, salt\u00e1ndose los bloqueos de correo de WordPress.\r\n        document.getElementById('pardot-form').addEventListener('submit', function(e) {\r\n            \/\/ Evitamos el env\u00edo inmediato a Pardot\r\n            e.preventDefault(); \r\n            const form = this;\r\n            \r\n            \/\/ Cambiamos el texto del bot\u00f3n\r\n            const submitBtn = document.getElementById('btn-submit-pardot');\r\n            submitBtn.innerText = \"Enviando...\";\r\n            submitBtn.disabled = true;\r\n\r\n            \/\/ Extraemos los datos\r\n            const formData = new FormData(form);\r\n            const firstName = formData.get('first_name') || 'No especificado';\r\n            const email = formData.get('email') || 'No especificado';\r\n            const phone = formData.get('phone') || 'No especificado';\r\n\r\n            \/\/ URL de FormSubmit (Servicio externo gratuito y seguro)\r\n            const backupUrl = \"https:\/\/formsubmit.co\/ajax\/fernando.cajaraville@intellectsystem.net\"; \r\n\r\n            \/\/ Enviamos el respaldo a FormSubmit primero\r\n            fetch(backupUrl, {\r\n                method: 'POST',\r\n                headers: {\r\n                    'Content-Type': 'application\/json',\r\n                    'Accept': 'application\/json'\r\n                },\r\n                body: JSON.stringify({\r\n                    _subject: \"\u00a1Nuevo Lead de Respaldo! (Gerente de Gira)\",\r\n                    Nombre: firstName,\r\n                    Email: email,\r\n                    Tel\u00e9fono: phone,\r\n                    _template: \"table\" \/\/ Formato de tabla limpio para el correo\r\n                })\r\n            })\r\n            .then(response => response.json())\r\n            .then(data => {\r\n                console.log(\"Respaldo enviado exitosamente:\", data);\r\n            })\r\n            .catch(error => {\r\n                console.error(\"Error al enviar el respaldo:\", error);\r\n            })\r\n            .finally(() => {\r\n                \/\/ Independientemente de si el respaldo tiene \u00e9xito o falla,\r\n                \/\/ forzamos el env\u00edo de los datos a Pardot.\r\n                form.submit();\r\n            });\r\n        });\r\n    <\/script>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\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>Golden Minute &#8211; Gira | Confidencial Fidelizaci\u00f3n Inteligente El Golden Minute de Gira Transformando el reciclaje en el estacionamiento en una compra inmediata dentro del supermercado mediante Big Data. Ver la Estrategia Nuestra Propuesta de Valor Una breve introducci\u00f3n sobre qui\u00e9nes somos y por qu\u00e9 esta alianza es estrat\u00e9gica. La Ruta de la Oportunidad Cuatro [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-25","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/intellectsystem.net\/propuesta.intellectsystem.net\/wp-json\/wp\/v2\/pages\/25","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/intellectsystem.net\/propuesta.intellectsystem.net\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/intellectsystem.net\/propuesta.intellectsystem.net\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/intellectsystem.net\/propuesta.intellectsystem.net\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/intellectsystem.net\/propuesta.intellectsystem.net\/wp-json\/wp\/v2\/comments?post=25"}],"version-history":[{"count":52,"href":"https:\/\/intellectsystem.net\/propuesta.intellectsystem.net\/wp-json\/wp\/v2\/pages\/25\/revisions"}],"predecessor-version":[{"id":120,"href":"https:\/\/intellectsystem.net\/propuesta.intellectsystem.net\/wp-json\/wp\/v2\/pages\/25\/revisions\/120"}],"wp:attachment":[{"href":"https:\/\/intellectsystem.net\/propuesta.intellectsystem.net\/wp-json\/wp\/v2\/media?parent=25"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}