CUBU Marketing Studio | Agencia de Marketing, Dise\u00f1o, Tecnolog\u00eda, V\u00edvelo & Pantallas LED<\/title>\r\n \r\n \r\n \r\n \r\n \r\n\r\n <meta name=\"description\" content=\"CUBU Marketing Studio es una agencia global de marketing digital, branding, performance ads, producci\u00f3n audiovisual, software, app V\u00edvelo y red de pantallas LED 4K indoor.\">\r\n <meta name=\"keywords\" content=\"agencia de marketing, publicidad, marketing digital, performance ads, Meta Ads, branding, pantallas LED, dise\u00f1o grafico, desarrollo web, Vivelo, Vivelo pro, boleteria, eventos, Ecuador, publicidades indoor\">\r\n <meta name=\"author\" content=\"CUBU Marketing Studio\">\r\n <meta name=\"robots\" content=\"index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1\">\r\n <meta name=\"geo.region\" content=\"EC\">\r\n <meta name=\"geo.placename\" content=\"Ecuador\">\r\n <link rel=\"canonical\" href=\"https:\/\/cubumkt.com\/\">\r\n\r\n <meta property=\"og:type\" content=\"website\">\r\n <meta property=\"og:locale\" content=\"es_EC\">\r\n <meta property=\"og:site_name\" content=\"CUBU Marketing Studio\">\r\n <meta property=\"og:url\" content=\"https:\/\/cubumkt.com\/\">\r\n <meta property=\"og:title\" content=\"CUBU Marketing Studio | Agencia de Marketing, V\u00edvelo App & Pantallas LED\">\r\n <meta property=\"og:description\" content=\"Estrategia y comunicaci\u00f3n para marcas. Performance ads, branding, tecnolog\u00eda, app V\u00edvelo y nuestra red exclusiva de pantallas LED 4K.\">\r\n <meta property=\"og:image\" content=\"https:\/\/cubumkt.com\/wp-content\/uploads\/2026\/09\/CUBU-MARKETING-BLANCO-scaled.png\">\r\n\r\n <meta name=\"twitter:card\" content=\"summary_large_image\">\r\n <meta name=\"twitter:title\" content=\"CUBU Marketing Studio | Agencia de Marketing, V\u00edvelo App & Tecnolog\u00eda\">\r\n <meta name=\"twitter:description\" content=\"Acelera el crecimiento de tu marca con estrategias de rendimiento, branding, desarrollo web, V\u00edvelo y pantallas LED.\">\r\n <meta name=\"twitter:image\" content=\"https:\/\/cubumkt.com\/wp-content\/uploads\/2026\/09\/CUBU-MARKETING-BLANCO-scaled.png\">\r\n\r\n <script type=\"application\/ld+json\">\r\n {\r\n \"@context\": \"https:\/\/schema.org\",\r\n \"@graph\": [\r\n {\r\n \"@type\": \"MarketingAgency\",\r\n \"@id\": \"https:\/\/cubumkt.com\/#agency\",\r\n \"name\": \"CUBU Marketing Studio\",\r\n \"alternateName\": [\"CUBU.mkt\", \"CUBU Studio\"],\r\n \"url\": \"https:\/\/cubumkt.com\",\r\n \"logo\": \"https:\/\/cubumkt.com\/wp-content\/uploads\/2026\/09\/CUBU-MARKETING-BLANCO-scaled.png\",\r\n \"image\": \"https:\/\/cubumkt.com\/wp-content\/uploads\/2026\/09\/CUBU-MARKETING-BLANCO-scaled.png\",\r\n \"description\": \"Agencia integral de marketing digital, estrategias de growth performance ads, branding, desarrollo de software web\/m\u00f3vil, app V\u00edvelo y red exclusiva de pantallas LED 4K indoor.\",\r\n \"telephone\": \"+593987828290\",\r\n \"email\": \"contacto@cubumkt.com\",\r\n \"priceRange\": \"$$\",\r\n \"address\": {\r\n \"@type\": \"PostalAddress\",\r\n \"addressCountry\": \"EC\"\r\n },\r\n \"areaServed\": [\r\n {\r\n \"@type\": \"Country\",\r\n \"name\": \"Ecuador\"\r\n },\r\n {\r\n \"@type\": \"Place\",\r\n \"name\": \"Latinoam\u00e9rica\"\r\n }\r\n ],\r\n \"sameAs\": [\r\n \"https:\/\/www.instagram.com\/cubumkt\",\r\n \"https:\/\/vivelo.pro\/\"\r\n ],\r\n \"knowsAbout\": [\r\n \"Marketing Digital\",\r\n \"Performance Ads\",\r\n \"Dise\u00f1o de Marca y Branding\",\r\n \"Publicidad en Pantallas LED Indoor\",\r\n \"Desarrollo Web y Aplicaciones M\u00f3viles\",\r\n \"Plataforma de Boleter\u00eda y App V\u00edvelo\"\r\n ],\r\n \"hasOfferCatalog\": {\r\n \"@type\": \"OfferCatalog\",\r\n \"name\": \"Servicios de CUBU Marketing Studio\",\r\n \"itemListElement\": [\r\n {\r\n \"@type\": \"OfferCatalog\",\r\n \"name\": \"CUBU.mkt - Marketing Digital & Performance Ads\",\r\n \"description\": \"Campa\u00f1as en Meta Ads, Google Ads, TikTok Ads y gesti\u00f3n estrat\u00e9gica de redes sociales.\"\r\n },\r\n {\r\n \"@type\": \"OfferCatalog\",\r\n \"name\": \"CUBU.design - Branding & Dise\u00f1o Gr\u00e1fico\",\r\n \"description\": \"Identidad corporativa, manuales de marca y dise\u00f1o publicitario para formatos digitales e impresos.\"\r\n },\r\n {\r\n \"@type\": \"OfferCatalog\",\r\n \"name\": \"V\u00edvelo App & Tickets - Boleter\u00eda Digital\",\r\n \"description\": \"Plataforma e app m\u00f3vil para la compra de entradas, control de acceso QR y boletaje de eventos masivos.\"\r\n },\r\n {\r\n \"@type\": \"OfferCatalog\",\r\n \"name\": \"CUBU.play - Red de Pantallas LED 4K & Producci\u00f3n Audiovisual\",\r\n \"description\": \"Publicidad indoor en pantallas LED 4K y producci\u00f3n audiovisual en Motion Graphics 2D\/3D.\"\r\n },\r\n {\r\n \"@type\": \"OfferCatalog\",\r\n \"name\": \"CUBU.labs - Desarrollo Web, Software & Apps\",\r\n \"description\": \"P\u00e1ginas web, tiendas online, software a medida, apps y desarrollo tecnol\u00f3gico.\"\r\n }\r\n ]\r\n }\r\n },\r\n {\r\n \"@type\": \"FAQPage\",\r\n \"@id\": \"https:\/\/cubumkt.com\/#faq\",\r\n \"mainEntity\": [\r\n {\r\n \"@type\": \"Question\",\r\n \"name\": \"\u00bfQu\u00e9 es la aplicaci\u00f3n V\u00edvelo y c\u00f3mo puedo descargarla?\",\r\n \"acceptedAnswer\": {\r\n \"@type\": \"Answer\",\r\n \"text\": \"V\u00edvelo (https:\/\/vivelo.pro\/) es la plataforma insignia desarrollada por CUBU para la compra f\u00e1cil y segura de boletos para eventos en vivo, conciertos y espect\u00e1culos. Puedes descargarla directamente en Google Play Store, Apple App Store o acceder desde el sitio web oficial vivelo.pro.\"\r\n }\r\n },\r\n {\r\n \"@type\": \"Question\",\r\n \"name\": \"\u00bfQu\u00e9 servicios ofrece CUBU Marketing Studio?\",\r\n \"acceptedAnswer\": {\r\n \"@type\": \"Answer\",\r\n \"text\": \"CUBU Marketing Studio ofrece 4 divisiones principales: CUBU.mkt (Marketing Digital y Performance Ads), CUBU.design (Branding y Dise\u00f1o Gr\u00e1fico), CUBU.play (Red de Pantallas LED Indoor 4K y Producci\u00f3n Audiovisual) y CUBU.labs (Desarrollo Web, Apps y Soluciones de Software como V\u00edvelo Tickets).\"\r\n }\r\n },\r\n {\r\n \"@type\": \"Question\",\r\n \"name\": \"\u00bfC\u00f3mo funciona la publicidad en la Red de Pantallas LED 4K?\",\r\n \"acceptedAnswer\": {\r\n \"@type\": \"Answer\",\r\n \"text\": \"Nuestra Red de Pantallas LED Indoor 4K proyecta anuncios de 10 a 15 segundos en ubicaciones estrat\u00e9gicas de alto tr\u00e1fico gastron\u00f3mico y comercial. Ofrecemos planes como Nodo \u00danico ($59\/mes por pantalla), Multi-Punto ($54\/mes por pantalla) y Omnipresencia ($49\/mes por pantalla), con descuentos adicionales por pago anticipado a 6 meses.\"\r\n }\r\n }\r\n ]\r\n }\r\n ]\r\n }\r\n <\/script>\r\n\r\n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\r\n \r\n <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap\" rel=\"stylesheet\">\r\n \r\n <script>\r\n tailwind.config = {\r\n darkMode: 'class',\r\n theme: {\r\n extend: {\r\n fontFamily: {\r\n sans: ['Poppins', 'sans-serif'],\r\n },\r\n colors: {\r\n darkBg: '#0b0f19',\r\n cardBg: '#131b2e',\r\n accentPurple: '#7c3aed',\r\n accentBlue: '#06b6d4',\r\n viveloRed: '#ff3366',\r\n }\r\n }\r\n }\r\n }\r\n <\/script>\r\n\r\n <style>\r\n .cubu-icon-isolated {\r\n width: 32px !important;\r\n height: 32px !important;\r\n max-width: 32px !important;\r\n max-height: 32px !important;\r\n min-width: 32px !important;\r\n min-height: 32px !important;\r\n object-fit: contain !important;\r\n display: inline-block !important;\r\n margin: 0 !important;\r\n padding: 0 !important;\r\n }\r\n\r\n .cubu-logo-header {\r\n height: 30px !important;\r\n width: auto !important;\r\n max-height: 30px !important;\r\n object-fit: contain !important;\r\n display: block !important;\r\n }\r\n\r\n .cubu-client-logo {\r\n height: 32px !important;\r\n width: auto !important;\r\n max-height: 32px !important;\r\n object-fit: contain !important;\r\n display: block !important;\r\n filter: brightness(1.1) contrast(1.1);\r\n transition: filter 0.3s ease, transform 0.3s ease;\r\n }\r\n\r\n .cubu-client-logo:hover {\r\n filter: brightness(1.3);\r\n transform: scale(1.08);\r\n }\r\n\r\n @keyframes cubu-marquee {\r\n 0% { transform: translateX(0%); }\r\n 100% { transform: translateX(-50%); }\r\n }\r\n\r\n .animate-cubu-marquee {\r\n display: flex;\r\n width: max-content;\r\n animation: cubu-marquee 65s linear infinite;\r\n }\r\n\r\n .animate-cubu-marquee:hover {\r\n animation-play-state: paused;\r\n }\r\n <\/style>\r\n<\/head>\r\n<body class=\"bg-darkBg text-white font-sans antialiased selection:bg-purple-600 selection:text-white overflow-x-hidden\">\r\n\r\n <header class=\"fixed top-0 left-0 right-0 z-50 bg-[#0b0f19]\/90 backdrop-blur-md border-b border-gray-800\/60 w-full transition-all duration-300\">\r\n <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 h-[60px] flex items-center justify-between\">\r\n \r\n <a href=\"#\" class=\"flex items-center gap-3 group shrink-0\" aria-label=\"Inicio CUBU Marketing Studio\">\r\n <img decoding=\"async\" src=\"https:\/\/cubumkt.com\/wp-content\/uploads\/2026\/09\/CUBU-MARKETING-BLANCO-scaled.png\" alt=\"CUBU Marketing Studio Logo\" class=\"cubu-logo-header transition-transform group-hover:scale-105\">\r\n <\/a>\r\n\r\n <nav class=\"hidden lg:flex items-center gap-6 text-xs font-medium\" aria-label=\"Navegaci\u00f3n principal\">\r\n <a href=\"#servicios\" class=\"text-white hover:text-cyan-400 transition-colors\">Servicios<\/a>\r\n <a href=\"#vivelo-app\" class=\"flex items-center gap-1.5 px-3 py-1 rounded-full border border-pink-500\/50 bg-pink-950\/40 text-pink-400 hover:bg-pink-900\/60 transition-all text-[11px] font-semibold\">\r\n <span class=\"w-1.5 h-1.5 rounded-full bg-pink-500 animate-pulse\"><\/span>\r\n App V\u00edvelo\r\n <\/a>\r\n <a href=\"#pantallas-led\" class=\"flex items-center gap-1.5 px-3 py-1 rounded-full border border-cyan-500\/40 bg-cyan-950\/30 text-cyan-400 hover:bg-cyan-900\/40 transition-all text-[11px] font-semibold\">\r\n <span class=\"w-1.5 h-1.5 rounded-full bg-cyan-400 animate-pulse\"><\/span>\r\n Red LED\r\n <\/a>\r\n <a href=\"#planes\" class=\"text-white hover:text-cyan-400 transition-colors\">Planes LED<\/a>\r\n <a href=\"#faq\" class=\"text-white hover:text-cyan-400 transition-colors\">Preguntas Frecuentes<\/a>\r\n <a href=\"#contacto\" class=\"text-white hover:text-cyan-400 transition-colors\">Contacto<\/a>\r\n <\/nav>\r\n\r\n <div class=\"hidden lg:flex items-center gap-4 shrink-0\">\r\n <button onclick=\"abrirModalContacto()\" class=\"px-4 py-1.5 rounded-full bg-gradient-to-r from-purple-600 to-cyan-500 text-white font-medium text-xs shadow-md shadow-purple-500\/20 hover:shadow-cyan-500\/30 hover:scale-105 transition-all flex items-center justify-center gap-1.5\">\r\n <span>\ud83d\udcc5<\/span>\r\n <span>Solicita tu Asesor\u00eda<\/span>\r\n <\/button>\r\n <\/div>\r\n\r\n <button id=\"menu-btn\" onclick=\"toggleMobileMenu()\" aria-label=\"Abrir men\u00fa\" aria-expanded=\"false\" class=\"lg:hidden p-1.5 text-white hover:text-cyan-400 focus:outline-none rounded-lg bg-gray-800\/80 border border-gray-700\/60 text-sm\">\r\n ☰\r\n <\/button>\r\n <\/div>\r\n\r\n <div id=\"mobile-menu\" class=\"hidden lg:hidden bg-[#0d1322] border-b border-gray-800 px-6 py-4 space-y-3 shadow-2xl\">\r\n <a href=\"#servicios\" onclick=\"toggleMobileMenu()\" class=\"block text-sm font-medium text-white hover:text-cyan-400 py-1 border-b border-gray-800\/50\">Servicios<\/a>\r\n <a href=\"#vivelo-app\" onclick=\"toggleMobileMenu()\" class=\"flex items-center gap-2 text-sm font-medium text-pink-400 py-1 border-b border-gray-800\/50\">\r\n <span class=\"w-2 h-2 rounded-full bg-pink-500 animate-pulse\"><\/span>\r\n App V\u00edvelo (Eventos & Boletos)\r\n <\/a>\r\n <a href=\"#pantallas-led\" onclick=\"toggleMobileMenu()\" class=\"flex items-center gap-2 text-sm font-medium text-cyan-400 py-1 border-b border-gray-800\/50\">\r\n <span class=\"w-2 h-2 rounded-full bg-cyan-400 animate-pulse\"><\/span>\r\n Red Pantallas LED 4K\r\n <\/a>\r\n <a href=\"#planes\" onclick=\"toggleMobileMenu()\" class=\"block text-sm font-medium text-white hover:text-cyan-400 py-1 border-b border-gray-800\/50\">Planes LED<\/a>\r\n <a href=\"#faq\" onclick=\"toggleMobileMenu()\" class=\"block text-sm font-medium text-white hover:text-cyan-400 py-1 border-b border-gray-800\/50\">Preguntas Frecuentes<\/a>\r\n <a href=\"#contacto\" onclick=\"toggleMobileMenu()\" class=\"block text-sm font-medium text-white hover:text-cyan-400 py-1 border-b border-gray-800\/50\">Contacto<\/a>\r\n <div class=\"pt-2\">\r\n <button onclick=\"toggleMobileMenu(); abrirModalContacto();\" class=\"w-full py-2.5 rounded-full bg-gradient-to-r from-purple-600 to-cyan-500 text-white font-semibold text-xs text-center shadow-lg flex items-center justify-center gap-2\">\r\n <span>\ud83d\udcc5<\/span>\r\n <span>Solicitar Asesor\u00eda Personalizada<\/span>\r\n <\/button>\r\n <\/div>\r\n <\/div>\r\n <\/header>\r\n\r\n <main class=\"overflow-hidden\">\r\n\r\n <section id=\"hero-wrapper\" class=\"relative pt-28 pb-16 md:pt-36 md:pb-24 px-4 sm:px-6 lg:px-8 max-w-7xl mx-auto overflow-hidden min-h-[82vh] flex flex-col justify-center\">\r\n \r\n <div class=\"absolute inset-0 z-0 w-full h-full pointer-events-none overflow-hidden\">\r\n <canvas id=\"motion-graphics-canvas\" class=\"w-full h-full opacity-80 block\" style=\"position: absolute; top: 0; left: 0; width: 100%; height: 100%;\"><\/canvas>\r\n <\/div>\r\n\r\n <div class=\"absolute top-1\/3 left-1\/2 -translate-x-1\/2 -translate-y-1\/2 w-80 sm:w-96 h-80 sm:h-96 bg-purple-600\/20 blur-[120px] rounded-full z-0 pointer-events-none\"><\/div>\r\n \r\n <div class=\"text-center max-w-4xl mx-auto space-y-6 sm:space-y-8 relative z-10\">\r\n \r\n <div class=\"inline-flex items-center gap-2 px-3.5 py-1.5 rounded-full bg-purple-950\/70 border border-purple-500\/40 text-purple-300 text-xs sm:text-sm font-medium tracking-wide backdrop-blur-md shadow-lg shadow-purple-900\/20\">\r\n <span class=\"w-2 h-2 rounded-full bg-cyan-400 animate-ping\"><\/span>\r\n Agencia de Marketing L\u00edder\r\n <\/div>\r\n\r\n <h1 class=\"text-3xl sm:text-5xl md:text-6xl lg:text-7xl font-bold tracking-tight leading-[1.15] text-white drop-shadow-md\">\r\n <span>Escalamos Tu Marca con<\/span><br>\r\n <span class=\"bg-gradient-to-r from-[#c084fc] via-[#38bdf8] to-[#34d399] bg-clip-text text-transparent\">Estrategia, Dise\u00f1o & Datos<\/span>\r\n <\/h1>\r\n\r\n <p class=\"text-base sm:text-lg md:text-xl text-gray-200 max-w-3xl mx-auto font-light leading-relaxed\">\r\n En <strong class=\"text-white font-semibold\">CUBU Marketing Studio<\/strong> transformamos marcas. Combinamos rendimiento publicitario en redes Ads, branding memorable, la plataforma <span class=\"text-pink-400 font-medium\">V\u00edvelo Tickets<\/span> y nuestra exclusiva <span class=\"text-cyan-400 font-medium\">Red de Pantallas LED Indoor 4K<\/span>.\r\n <\/p>\r\n\r\n <div class=\"flex flex-col sm:flex-row items-center justify-center gap-4 pt-2\">\r\n <button onclick=\"abrirModalContacto()\" class=\"w-full sm:w-auto px-8 py-3.5 rounded-full bg-gradient-to-r from-purple-600 to-cyan-500 text-white font-semibold text-sm sm:text-base shadow-xl shadow-purple-600\/30 hover:shadow-cyan-500\/40 hover:scale-105 transition-all flex items-center justify-center gap-2\">\r\n <span>\ud83d\ude80<\/span>\r\n <span>Impulsar Mi Marca Ahora<\/span>\r\n <\/button>\r\n <a href=\"#vivelo-app\" class=\"w-full sm:w-auto px-8 py-3.5 rounded-full bg-gray-900\/90 border border-pink-500\/40 text-pink-300 font-medium text-sm sm:text-base hover:bg-pink-950\/40 transition-all text-center backdrop-blur-sm flex items-center justify-center gap-2\">\r\n <span>\ud83c\udf9f\ufe0f<\/span>\r\n <span>Conocer App V\u00edvelo<\/span>\r\n <\/a>\r\n <\/div>\r\n\r\n <div class=\"grid grid-cols-2 md:grid-cols-4 gap-4 pt-8 sm:pt-12 text-left\">\r\n <div class=\"p-5 sm:p-6 rounded-2xl bg-cardBg\/80 border border-gray-800\/80 backdrop-blur-md hover:border-purple-500\/40 transition-all\">\r\n <div class=\"text-2xl sm:text-4xl font-black text-white\">+100<\/div>\r\n <div class=\"text-[11px] sm:text-xs uppercase tracking-wider text-purple-400 font-semibold mt-1\">Campa\u00f1as Exitosas<\/div>\r\n <div class=\"text-xs text-gray-300 mt-1.5 hidden sm:block\">Estrategias de Growth & Performance en marcas globales.<\/div>\r\n <\/div>\r\n <div class=\"p-5 sm:p-6 rounded-2xl bg-cardBg\/80 border border-gray-800\/80 backdrop-blur-md hover:border-cyan-500\/40 transition-all\">\r\n <div class=\"text-2xl sm:text-4xl font-black text-white\">3-5x<\/div>\r\n <div class=\"text-[11px] sm:text-xs uppercase tracking-wider text-cyan-400 font-semibold mt-1\">ROAS Promedio<\/div>\r\n <div class=\"text-xs text-gray-300 mt-1.5 hidden sm:block\">Retorno garantizado en anuncios Meta & Google.<\/div>\r\n <\/div>\r\n <div class=\"p-5 sm:p-6 rounded-2xl bg-cardBg\/80 border border-gray-800\/80 backdrop-blur-md hover:border-pink-500\/40 transition-all\">\r\n <div class=\"text-2xl sm:text-4xl font-black text-white\">V\u00edvelo<\/div>\r\n <div class=\"text-[11px] sm:text-xs uppercase tracking-wider text-pink-400 font-semibold mt-1\">App de Boleter\u00eda<\/div>\r\n <div class=\"text-xs text-gray-300 mt-1.5 hidden sm:block\">Control de acceso y boletos para los mejores eventos.<\/div>\r\n <\/div>\r\n <div class=\"p-5 sm:p-6 rounded-2xl bg-cardBg\/80 border border-gray-800\/80 backdrop-blur-md hover:border-cyan-500\/40 transition-all\">\r\n <div class=\"text-2xl sm:text-4xl font-black text-white\">360\u00b0<\/div>\r\n <div class=\"text-[11px] sm:text-xs uppercase tracking-wider text-cyan-300 font-semibold mt-1\">Soluci\u00f3n Integral<\/div>\r\n <div class=\"text-xs text-gray-300 mt-1.5 hidden sm:block\">Branding, contenido, software y medios propios.<\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <section id=\"servicios\" class=\"py-20 px-4 sm:px-6 lg:px-8 max-w-7xl mx-auto space-y-12 border-t border-gray-800\/80\">\r\n \r\n <div class=\"text-center space-y-3\">\r\n <span class=\"text-purple-400 uppercase tracking-widest text-xs font-bold\">Servicios<\/span>\r\n <h2 class=\"text-3xl sm:text-4xl md:text-5xl font-bold tracking-tight text-white\">Nuestras 4 Soluciones Principales<\/h2>\r\n <p class=\"text-gray-300 max-w-2xl mx-auto text-sm sm:text-base font-light\">Estructuradas con precisi\u00f3n para cubrir el 100% de las necesidades de comunicaci\u00f3n, marca, publicidad y tecnolog\u00eda de tu empresa.<\/p>\r\n <\/div>\r\n\r\n <div class=\"flex flex-wrap items-center justify-center gap-2 sm:gap-3 pt-2\">\r\n <button onclick=\"filtrarDivision('todas')\" id=\"btn-div-todas\" class=\"btn-division px-5 py-2 rounded-full text-xs font-semibold bg-gradient-to-r from-purple-600 to-cyan-500 text-white shadow-lg transition-all\">\r\n Todos los Servicios\r\n <\/button>\r\n <button onclick=\"filtrarDivision('mkt')\" id=\"btn-div-mkt\" class=\"btn-division px-5 py-2 rounded-full text-xs font-semibold bg-gray-900 border border-gray-800 text-gray-300 hover:text-white hover:border-purple-500 transition-all\">\r\n \ud83c\udfaf CUBU.mkt\r\n <\/button>\r\n <button onclick=\"filtrarDivision('design')\" id=\"btn-div-design\" class=\"btn-division px-5 py-2 rounded-full text-xs font-semibold bg-gray-900 border border-gray-800 text-gray-300 hover:text-white hover:border-purple-500 transition-all\">\r\n \ud83c\udfa8 CUBU.design\r\n <\/button>\r\n <button onclick=\"filtrarDivision('play')\" id=\"btn-div-play\" class=\"btn-division px-5 py-2 rounded-full text-xs font-semibold bg-gray-900 border border-gray-800 text-gray-300 hover:text-white hover:border-purple-500 transition-all\">\r\n \ud83c\udfac CUBU.play\r\n <\/button>\r\n <button onclick=\"filtrarDivision('labs')\" id=\"btn-div-labs\" class=\"btn-division px-5 py-2 rounded-full text-xs font-semibold bg-gray-900 border border-gray-800 text-gray-300 hover:text-white hover:border-cyan-500 transition-all\">\r\n \ud83d\udcbb CUBU.labs\r\n <\/button>\r\n <\/div>\r\n\r\n <div class=\"grid grid-cols-1 md:grid-cols-2 gap-8 pt-4\">\r\n \r\n <div class=\"card-division div-mkt p-6 sm:p-8 rounded-3xl bg-cardBg border border-gray-800\/80 hover:border-purple-500\/50 transition-all flex flex-col justify-between space-y-6 group relative overflow-hidden\">\r\n <div class=\"space-y-4\">\r\n <div class=\"flex items-center gap-3 border-b border-gray-800\/80 pb-4\">\r\n <div class=\"w-9 h-9 shrink-0 flex items-center justify-center\">\r\n <img decoding=\"async\" src=\"https:\/\/cubumkt.com\/wp-content\/uploads\/2026\/09\/cropped-ISO-CUBUmkt-blanco.png\" alt=\"CUBU.mkt Logo\" class=\"cubu-icon-isolated\">\r\n <\/div>\r\n <div>\r\n <h3 class=\"text-xl font-bold text-white group-hover:text-purple-300 transition-colors leading-tight\">CUBU.mkt<\/h3>\r\n <span class=\"text-xs text-purple-400 font-medium block\">Marketing Digital & Performance<\/span>\r\n <\/div>\r\n <\/div>\r\n\r\n <p class=\"text-gray-300 text-xs sm:text-sm leading-relaxed font-light\">\r\n Todo lo relacionado con estrategia digital, adquisici\u00f3n acelerada de clientes, posicionamiento y gesti\u00f3n integral de campa\u00f1as publicitarias.\r\n <\/p>\r\n\r\n <div class=\"space-y-2.5 pt-2\">\r\n <div class=\"flex items-start gap-2.5 text-xs text-gray-200\">\r\n <span class=\"text-purple-400 mt-0.5\">\u2714<\/span>\r\n <div><strong class=\"text-white\">Performance Ads:<\/strong> Campa\u00f1as orientadas a ventas en Meta Ads, Google Ads y TikTok Ads.<\/div>\r\n <\/div>\r\n <div class=\"flex items-start gap-2.5 text-xs text-gray-200\">\r\n <span class=\"text-purple-400 mt-0.5\">\u2714<\/span>\r\n <div><strong class=\"text-white\">Social Media Strategy:<\/strong> Planificaci\u00f3n de contenido comercial y calendarios editoriales.<\/div>\r\n <\/div>\r\n <div class=\"flex items-start gap-2.5 text-xs text-gray-200\">\r\n <span class=\"text-purple-400 mt-0.5\">\u2714<\/span>\r\n <div><strong class=\"text-white\">Growth & Community Management:<\/strong> Interacci\u00f3n proactiva, captaci\u00f3n e incremento de ventas.<\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <button onclick=\"abrirModalContacto('CUBU.mkt - Marketing Digital')\" class=\"w-full py-3 rounded-full bg-purple-600\/20 hover:bg-purple-600 border border-purple-500\/40 text-purple-200 hover:text-white font-medium text-xs transition-all flex items-center justify-center gap-2 shadow-md\">\r\n <span>\ud83c\udfaf<\/span>\r\n <span>Cotizar Servicios de Marketing<\/span>\r\n <\/button>\r\n <\/div>\r\n\r\n <div class=\"card-division div-design p-6 sm:p-8 rounded-3xl bg-cardBg border border-gray-800\/80 hover:border-cyan-500\/50 transition-all flex flex-col justify-between space-y-6 group relative overflow-hidden\">\r\n <div class=\"space-y-4\">\r\n <div class=\"flex items-center gap-3 border-b border-gray-800\/80 pb-4\">\r\n <div class=\"w-9 h-9 shrink-0 flex items-center justify-center\">\r\n <img decoding=\"async\" src=\"https:\/\/cubumkt.com\/wp-content\/uploads\/2026\/09\/ISO-CUBUdesign-blanco.png\" alt=\"CUBU.design Logo\" class=\"cubu-icon-isolated\">\r\n <\/div>\r\n <div>\r\n <h3 class=\"text-xl font-bold text-white group-hover:text-cyan-300 transition-colors leading-tight\">CUBU.design<\/h3>\r\n <span class=\"text-xs text-cyan-400 font-medium block\">Dise\u00f1o Gr\u00e1fico & Branding<\/span>\r\n <\/div>\r\n <\/div>\r\n\r\n <p class=\"text-gray-300 text-xs sm:text-sm leading-relaxed font-light\">\r\n Todo lo relacionado con identidad visual, branding corporativo y direcci\u00f3n de arte para marcas que buscan destacar con sofisticaci\u00f3n.\r\n <\/p>\r\n\r\n <div class=\"space-y-2.5 pt-2\">\r\n <div class=\"flex items-start gap-2.5 text-xs text-gray-200\">\r\n <span class=\"text-cyan-400 mt-0.5\">\u2714<\/span>\r\n <div><strong class=\"text-white\">Branding & Logo Design:<\/strong> Creaci\u00f3n e identidades visuales \u00fanicas y memorables.<\/div>\r\n <\/div>\r\n <div class=\"flex items-start gap-2.5 text-xs text-gray-200\">\r\n <span class=\"text-cyan-400 mt-0.5\">\u2714<\/span>\r\n <div><strong class=\"text-white\">Manuales de Marca:<\/strong> Gu\u00edas corporativas de tipograf\u00eda, color y aplicaciones visuales.<\/div>\r\n <\/div>\r\n <div class=\"flex items-start gap-2.5 text-xs text-gray-200\">\r\n <span class=\"text-cyan-400 mt-0.5\">\u2714<\/span>\r\n <div><strong class=\"text-white\">Dise\u00f1o Publicitario & Banners:<\/strong> Piezas para medios impresos, empaques y redes digitales.<\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <button onclick=\"abrirModalContacto('CUBU.design - Dise\u00f1o Gr\u00e1fico')\" class=\"w-full py-3 rounded-full bg-cyan-600\/20 hover:bg-cyan-600 border border-cyan-500\/40 text-cyan-200 hover:text-white font-medium text-xs transition-all flex items-center justify-center gap-2 shadow-md\">\r\n <span>\ud83c\udfa8<\/span>\r\n <span>Cotizar Dise\u00f1o & Branding<\/span>\r\n <\/button>\r\n <\/div>\r\n\r\n <div class=\"card-division div-play p-6 sm:p-8 rounded-3xl bg-gradient-to-b from-cardBg to-purple-950\/30 border border-purple-500\/40 hover:border-purple-300 transition-all flex flex-col justify-between space-y-6 group relative overflow-hidden\">\r\n <div class=\"space-y-4\">\r\n <div class=\"flex items-center gap-3 border-b border-gray-800\/80 pb-4\">\r\n <div class=\"w-9 h-9 shrink-0 flex items-center justify-center\">\r\n <img decoding=\"async\" src=\"https:\/\/cubumkt.com\/wp-content\/uploads\/2026\/09\/ISO-CUBUplay-blanco.png\" alt=\"CUBU.play Logo\" class=\"cubu-icon-isolated\">\r\n <\/div>\r\n <div>\r\n <h3 class=\"text-xl font-bold text-white group-hover:text-purple-300 transition-colors leading-tight\">CUBU.play<\/h3>\r\n <span class=\"text-xs text-purple-400 font-medium block\">Producci\u00f3n Audiovisual & Red LED 4K<\/span>\r\n <\/div>\r\n <\/div>\r\n\r\n <p class=\"text-gray-300 text-xs sm:text-sm leading-relaxed font-light\">\r\n Todo lo relacionado con producci\u00f3n audiovisual de alto impacto, animaci\u00f3n Motion Graphics y nuestra red exclusiva de pantallas LED 4K.\r\n <\/p>\r\n\r\n <div class=\"space-y-2.5 pt-2\">\r\n <div class=\"flex items-start gap-2.5 text-xs text-gray-200\">\r\n <span class=\"text-purple-400 mt-0.5\">\u2714<\/span>\r\n <div><strong class=\"text-white\">Red de Pantallas LED Indoor 4K:<\/strong> Emisi\u00f3n constante en los mejores puntos gastron\u00f3micos y comerciales.<\/div>\r\n <\/div>\r\n <div class=\"flex items-start gap-2.5 text-xs text-gray-200\">\r\n <span class=\"text-purple-400 mt-0.5\">\u2714<\/span>\r\n <div><strong class=\"text-white\">Motion Graphics 2D\/3D:<\/strong> Animaciones din\u00e1micas de 10 a 15 segundos dise\u00f1adas para captar atenci\u00f3n.<\/div>\r\n <\/div>\r\n <div class=\"flex items-start gap-2.5 text-xs text-gray-200\">\r\n <span class=\"text-purple-400 mt-0.5\">\u2714<\/span>\r\n <div><strong class=\"text-white\">Spots Publicitarios Cinem\u00e1ticos:<\/strong> Grabaci\u00f3n y edici\u00f3n profesional en formato vertical y horizontal.<\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"space-y-2\">\r\n <button onclick=\"abrirModalContacto('CUBU.play - Producci\u00f3n Audiovisual & Pantallas LED')\" class=\"w-full py-3 rounded-full bg-gradient-to-r from-purple-600 to-cyan-500 hover:opacity-90 text-white font-medium text-xs transition-all shadow-md flex items-center justify-center gap-2\">\r\n <span>\ud83d\udcfa<\/span>\r\n <span>Cotizar Producci\u00f3n o Pantallas LED<\/span>\r\n <\/button>\r\n <a href=\"#planes\" class=\"block text-center text-[11px] text-cyan-400 hover:underline pt-1\">Ver Planes de la Red LED →<\/a>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"card-division div-labs p-6 sm:p-8 rounded-3xl bg-gradient-to-b from-cardBg via-cardBg to-cyan-950\/40 border border-cyan-500\/40 hover:border-cyan-300 transition-all flex flex-col justify-between space-y-6 group relative overflow-hidden\">\r\n <div class=\"space-y-4\">\r\n <div class=\"flex items-center gap-3 border-b border-gray-800\/80 pb-4\">\r\n <div class=\"w-9 h-9 shrink-0 flex items-center justify-center\">\r\n <img decoding=\"async\" src=\"https:\/\/cubumkt.com\/wp-content\/uploads\/2026\/09\/ISO-CUBUlabs-blanco.png\" alt=\"CUBU.labs Logo\" class=\"cubu-icon-isolated\">\r\n <\/div>\r\n <div>\r\n <h3 class=\"text-xl font-bold text-white group-hover:text-cyan-300 transition-colors leading-tight\">CUBU.labs<\/h3>\r\n <span class=\"text-xs text-cyan-400 font-medium block\">Desarrollo Web, Apps & Sistemas<\/span>\r\n <\/div>\r\n <\/div>\r\n\r\n <p class=\"text-gray-300 text-xs sm:text-sm leading-relaxed font-light\">\r\n Todo lo relacionado con ingenier\u00eda de software, plataformas web de alta conversi\u00f3n, aplicaciones m\u00f3viles para iOS\/Android y desarrollo tecnol\u00f3gico.\r\n <\/p>\r\n\r\n <div class=\"space-y-2.5 pt-2\">\r\n <div class=\"flex items-start gap-2.5 text-xs text-gray-200\">\r\n <span class=\"text-cyan-400 mt-0.5\">\u2714<\/span>\r\n <div><strong class=\"text-white\">Desarrollo Web & Landing Pages:<\/strong> Sitios r\u00e1pidos, adaptables e hiperoptimizados para convertir.<\/div>\r\n <\/div>\r\n <div class=\"flex items-start gap-2.5 text-xs text-gray-200\">\r\n <span class=\"text-cyan-400 mt-0.5\">\u2714<\/span>\r\n <div><strong class=\"text-white\">Aplicaciones M\u00f3viles & Sistemas SaaS:<\/strong> Software personalizado con arquitectura escalable.<\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"p-3.5 rounded-2xl bg-gray-950\/80 border border-pink-500\/40 space-y-2 mt-2\">\r\n <div class=\"flex items-center justify-between\">\r\n <img decoding=\"async\" src=\"https:\/\/cubumkt.com\/wp-content\/uploads\/2026\/09\/LOGO-VIVELO-COLOR-PLANO.png\" alt=\"V\u00edvelo Tickets Logo\" style=\"height: 22px !important; width: auto !important; max-height: 22px !important; object-fit: contain !important;\">\r\n <span class=\"px-2 py-0.5 rounded bg-pink-950\/90 border border-pink-500\/40 text-[9px] text-pink-300 font-bold\">Plataforma Insignia<\/span>\r\n <\/div>\r\n <p class=\"text-[11px] text-gray-300 leading-tight\">Plataforma digital y app m\u00f3vil de boleter\u00eda y acceso masivo en vivo.<\/p>\r\n <a href=\"#vivelo-app\" class=\"inline-flex items-center gap-1 text-[11px] text-pink-400 font-semibold hover:underline\">\r\n <span>Explorar V\u00edvelo & Eventos<\/span>\r\n <span>→<\/span>\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n\r\n <button onclick=\"abrirModalContacto('CUBU.labs - Desarrollo Web & Software')\" class=\"w-full py-3 rounded-full bg-cyan-600\/20 hover:bg-cyan-600 border border-cyan-500\/40 text-cyan-200 hover:text-white font-medium text-xs transition-all flex items-center justify-center gap-2 shadow-md\">\r\n <span>\ud83d\udcbb<\/span>\r\n <span>Cotizar Desarrollo Web o App<\/span>\r\n <\/button>\r\n <\/div>\r\n\r\n <\/div>\r\n <\/section>\r\n\r\n <section id=\"vivelo-app\" class=\"py-20 px-4 sm:px-6 lg:px-8 max-w-7xl mx-auto border-t border-gray-800\/80 relative\">\r\n <div class=\"absolute -top-20 right-10 w-96 h-96 bg-pink-600\/15 blur-[140px] rounded-full pointer-events-none\"><\/div>\r\n\r\n <div class=\"p-8 sm:p-12 rounded-3xl bg-gradient-to-br from-[#1b0d23] via-cardBg to-[#0f172a] border border-pink-500\/40 shadow-2xl relative overflow-hidden space-y-10\">\r\n \r\n <div class=\"grid grid-cols-1 lg:grid-cols-12 gap-8 items-center\">\r\n \r\n <div class=\"lg:col-span-7 space-y-6 text-left\">\r\n <div class=\"inline-flex items-center gap-2 px-3.5 py-1.5 rounded-full bg-pink-950\/80 border border-pink-500\/50 text-pink-300 text-xs font-semibold tracking-wide\">\r\n <span class=\"w-2 h-2 rounded-full bg-pink-500 animate-ping\"><\/span>\r\n App Oficial & Boleter\u00eda Digital\r\n <\/div>\r\n\r\n <div class=\"space-y-3\">\r\n <img decoding=\"async\" src=\"https:\/\/cubumkt.com\/wp-content\/uploads\/2026\/09\/LOGO-VIVELO-BLANCO.png\" alt=\"V\u00edvelo Tickets App Logo\" class=\"h-10 sm:h-12 w-auto object-contain\">\r\n <h2 class=\"text-2xl sm:text-4xl font-extrabold text-white tracking-tight leading-tight\">\r\n Tu Entrada a las Mejores Experiencias & Eventos en Vivo\r\n <\/h2>\r\n <\/div>\r\n\r\n <p class=\"text-gray-200 text-xs sm:text-base font-light leading-relaxed\">\r\n <strong class=\"text-white font-semibold\">V\u00edvelo<\/strong> es la plataforma y aplicaci\u00f3n m\u00f3vil insignia creada por CUBU para revolucionar la compra de entradas, el boletaje digital, control de acceso QR y promoci\u00f3n de eventos masivos, conciertos, festivales y obras teatrales.\r\n <\/p>\r\n\r\n <div class=\"pt-2 space-y-3\">\r\n <span class=\"text-xs font-semibold uppercase text-pink-300 tracking-wider block\">Descarga la App o Ingresa Online:<\/span>\r\n <div class=\"flex flex-wrap items-center gap-3\">\r\n \r\n <a href=\"https:\/\/play.google.com\/store\/apps\/details?id=pro.vivelo.app&pcampaignid=web_share\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"px-5 py-2.5 rounded-2xl bg-gray-900 border border-gray-700 hover:border-pink-500 hover:bg-gray-800 transition-all flex items-center gap-3 shadow-lg group\">\r\n <img decoding=\"async\" src=\"https:\/\/cubumkt.com\/wp-content\/uploads\/2026\/09\/icon-google-play.png\" alt=\"Google Play Icon\" class=\"w-6 h-6 object-contain shrink-0\">\r\n <div class=\"text-left\">\r\n <span class=\"text-[9px] uppercase text-gray-400 font-medium block leading-none\">Descarga en<\/span>\r\n <span class=\"text-xs font-bold text-white group-hover:text-pink-300 transition-colors\">Google Play<\/span>\r\n <\/div>\r\n <\/a>\r\n\r\n <a href=\"https:\/\/apps.apple.com\/ec\/app\/v%C3%ADvelo-app\/id6778046428\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"px-5 py-2.5 rounded-2xl bg-gray-900 border border-gray-700 hover:border-pink-500 hover:bg-gray-800 transition-all flex items-center gap-3 shadow-lg group\">\r\n <img decoding=\"async\" src=\"https:\/\/cubumkt.com\/wp-content\/uploads\/2026\/09\/icon-apple.png\" alt=\"App Store Icon\" class=\"w-6 h-6 object-contain shrink-0\">\r\n <div class=\"text-left\">\r\n <span class=\"text-[9px] uppercase text-gray-400 font-medium block leading-none\">Descarga en el<\/span>\r\n <span class=\"text-xs font-bold text-white group-hover:text-pink-300 transition-colors\">App Store<\/span>\r\n <\/div>\r\n <\/a>\r\n\r\n <a href=\"https:\/\/vivelo.pro\/\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"px-5 py-2.5 rounded-2xl bg-gradient-to-r from-pink-600 to-purple-600 hover:opacity-95 text-white transition-all flex items-center gap-2 shadow-lg font-semibold text-xs\">\r\n <span>\ud83c\udf10<\/span>\r\n <span>Web vivelo.pro<\/span>\r\n <\/a>\r\n\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <div class=\"lg:col-span-5 bg-gray-950\/70 border border-pink-500\/30 rounded-2xl p-6 space-y-4 shadow-xl\">\r\n <h3 class=\"text-sm font-bold text-pink-300 uppercase tracking-wider border-b border-gray-800 pb-2\">Ventajas para Asistentes & Organizadores<\/h3>\r\n \r\n <div class=\"space-y-3 text-xs text-gray-200\">\r\n <div class=\"flex items-start gap-2.5\">\r\n <span class=\"text-pink-400 font-bold text-sm\">\ud83d\udcf2<\/span>\r\n <div><strong class=\"text-white\">Tickets 100% Digitales:<\/strong> Tu entrada siempre en tu smartphone con c\u00f3digo QR din\u00e1mico e infalsificable.<\/div>\r\n <\/div>\r\n <div class=\"flex items-start gap-2.5\">\r\n <span class=\"text-pink-400 font-bold text-sm\">\u26a1<\/span>\r\n <div><strong class=\"text-white\">Ingreso R\u00e1pido & Acceso QR:<\/strong> Validador de escaneo ultras\u00f3nico en puerta para evitar filas.<\/div>\r\n <\/div>\r\n <div class=\"flex items-start gap-2.5\">\r\n <span class=\"text-pink-400 font-bold text-sm\">\ud83d\udcb3<\/span>\r\n <div><strong class=\"text-white\">Pagos Seguros:<\/strong> Tarjetas de cr\u00e9dito, d\u00e9bito y transferencias con procesamiento cifrado.<\/div>\r\n <\/div>\r\n <div class=\"flex items-start gap-2.5\">\r\n <span class=\"text-pink-400 font-bold text-sm\">\ud83d\udd14<\/span>\r\n <div><strong class=\"text-white\">Notificaciones Push:<\/strong> Avisos de inicio de eventos, ubicaciones y preventas exclusivas.<\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <div class=\"pt-8 border-t border-pink-900\/40 space-y-6\">\r\n \r\n <div class=\"flex flex-col sm:flex-row items-start sm:items-center justify-between gap-4\">\r\n <div>\r\n <span class=\"text-[11px] uppercase tracking-widest font-bold text-pink-400\">Cartelera en Vivo<\/span>\r\n <h3 class=\"text-xl sm:text-2xl font-bold text-white\">Pr\u00f3ximos Eventos<\/h3>\r\n <p class=\"text-xs text-gray-300 font-light\">Explora y asegura tu entrada para los eventos m\u00e1s destacados de la semana en <a href=\"https:\/\/vivelo.pro\/\" target=\"_blank\" class=\"text-pink-400 underline font-medium\">vivelo.pro<\/a>.<\/p>\r\n <\/div>\r\n <a href=\"https:\/\/vivelo.pro\/\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"px-4 py-2 rounded-full bg-pink-950\/80 border border-pink-500\/40 text-pink-300 hover:text-white hover:bg-pink-900\/80 text-xs font-semibold transition-all shrink-0 flex items-center gap-1.5\">\r\n <span>\ud83c\udf9f\ufe0f<\/span>\r\n <span>Ver Todos los Eventos en V\u00edvelo<\/span>\r\n <\/a>\r\n <\/div>\r\n\r\n <div id=\"events-grid-container\" class=\"grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-6 pt-2\">\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n <\/section>\r\n\r\n <section id=\"planes\" class=\"py-20 px-4 sm:px-6 lg:px-8 max-w-7xl mx-auto border-t border-gray-800\/80\">\r\n \r\n <div id=\"pantallas-led\" class=\"text-center space-y-3 mb-10 sm:mb-14\">\r\n <span class=\"text-purple-400 uppercase tracking-widest text-xs font-bold\">Planes Publicitarios LED<\/span>\r\n <h2 class=\"text-3xl sm:text-4xl font-bold tracking-tight text-white\">Elige tu Nivel de Presencia<\/h2>\r\n <p class=\"text-gray-300 max-w-2xl mx-auto text-sm sm:text-base font-light\">Invierte en la red publicitaria m\u00e1s efectiva. Elige tu plan mensual o aprovecha la opci\u00f3n de pago anticipado por 6 meses (calculado a 10 horas\/d\u00eda de emisi\u00f3n con spots de 15 segundos max).<\/p>\r\n \r\n <div class=\"inline-flex items-center justify-center pt-6\">\r\n <div class=\"inline-flex items-center gap-3 sm:gap-4 px-5 py-2.5 rounded-full bg-gray-900\/90 border border-gray-800 backdrop-blur-md shadow-lg\">\r\n <span id=\"label-mensual\" class=\"text-xs sm:text-sm font-semibold text-white transition-colors\">Pago Mensual Regular<\/span>\r\n <button id=\"toggle-pago\" onclick=\"togglePagoAnticipado()\" role=\"switch\" aria-checked=\"false\" aria-label=\"Cambiar entre Pago Mensual y Pago Anticipado (M\u00ednimo 6 Meses)\" class=\"w-14 h-7 rounded-full bg-purple-900\/60 border border-purple-500\/60 p-0.5 flex items-center transition-all cursor-pointer relative\">\r\n <div id=\"toggle-circle\" class=\"w-6 h-6 rounded-full bg-gradient-to-r from-purple-500 to-cyan-400 shadow-md transform transition-transform duration-300 translate-x-0\"><\/div>\r\n <\/button>\r\n <span id=\"label-anticipado\" class=\"text-xs sm:text-sm font-semibold text-gray-400 transition-colors\">Pago Anticipado (M\u00ednimo 6 Meses)<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"grid grid-cols-1 md:grid-cols-3 gap-6 lg:gap-8 items-stretch\">\r\n \r\n <div class=\"p-6 sm:p-8 rounded-3xl bg-[#121929] border border-gray-800 flex flex-col justify-between space-y-6 relative hover:border-purple-500\/40 transition-all shadow-xl group\">\r\n <div class=\"space-y-6\">\r\n \r\n <div class=\"space-y-2 border-b border-gray-800\/80 pb-5\">\r\n <span class=\"px-3 py-1 rounded-full bg-gray-800\/80 text-[11px] font-semibold text-gray-300 inline-block\">B\u00e1sico \/ Entrada<\/span>\r\n <h3 class=\"text-2xl font-bold text-white tracking-tight\">Nodo \u00danico<\/h3>\r\n <\/div>\r\n\r\n <div class=\"space-y-1\">\r\n <div class=\"flex items-baseline gap-2\">\r\n <span id=\"precio-nodo\" class=\"text-4xl sm:text-5xl font-extrabold text-white tracking-tight\">$59<\/span>\r\n <div class=\"flex flex-col\">\r\n <span id=\"periodo-nodo\" class=\"text-xs text-gray-300 font-medium\">\/ mes<\/span>\r\n <span class=\"text-[11px] text-purple-300 font-semibold\">(1 Pantalla)<\/span>\r\n <\/div>\r\n <\/div>\r\n <span class=\"text-[10px] text-gray-400 block font-normal pt-1\">*Precio por pantalla + impuestos<\/span>\r\n <p id=\"ahorro-nodo\" class=\"text-[11px] text-cyan-400 font-semibold hidden pt-1\">\u2728 Ahorras $10\/mes por pantalla<\/p>\r\n <\/div>\r\n\r\n <div id=\"total-nodo-container\" class=\"hidden p-4 rounded-2xl bg-gradient-to-br from-purple-950\/60 to-cardBg border border-purple-500\/40 space-y-1 shadow-inner\">\r\n <span class=\"text-[10px] uppercase font-extrabold text-purple-300 tracking-wider block\">TOTAL PAGO ANTICIPADO (6 MESES - 1 PANTALLA)<\/span>\r\n <div class=\"flex items-baseline gap-1.5\">\r\n <span class=\"text-2xl font-black text-white\">$294<\/span>\r\n <span class=\"text-[11px] text-gray-300 font-normal\">+ impuestos<\/span>\r\n <\/div>\r\n <p class=\"text-[10px] text-gray-300 leading-normal pt-0.5\">Calculado a <strong class=\"text-purple-300\">$49\/mes<\/strong> x 6 meses. Cubre la presencia completa e ininterrumpida en 1 pantalla.<\/p>\r\n <\/div>\r\n\r\n <div class=\"space-y-3 pt-2\">\r\n <div id=\"feat-arte-nodo\" class=\"hidden flex items-start gap-3 p-2 rounded-xl bg-purple-900\/30 border border-purple-500\/40 transition-all\">\r\n <div class=\"w-5 h-5 rounded-full bg-purple-600\/50 border border-purple-400\/80 flex items-center justify-center shrink-0 mt-0.5\">\r\n <span class=\"text-purple-200 text-[10px]\">\u2605<\/span>\r\n <\/div>\r\n <span class=\"text-xs sm:text-sm text-gray-100\">\r\n <strong class=\"text-purple-300 font-semibold\">Arte est\u00e1tico<\/strong> incluido \r\n <span class=\"text-[9px] uppercase font-extrabold text-cyan-300 block\">Exclusivo Pago Anticipado<\/span>\r\n <\/span>\r\n <\/div>\r\n\r\n <div class=\"flex items-start gap-3\">\r\n <div class=\"w-5 h-5 rounded-full bg-purple-950\/80 border border-purple-500\/50 flex items-center justify-center shrink-0 mt-0.5\">\r\n <span class=\"text-purple-300 text-[10px]\">\u2713<\/span>\r\n <\/div>\r\n <span class=\"text-xs sm:text-sm text-gray-200\">Reproducci\u00f3n constante cada <strong>15 min<\/strong> (spots max 15s)<\/span>\r\n <\/div>\r\n\r\n <div class=\"flex items-start gap-3\">\r\n <div class=\"w-5 h-5 rounded-full bg-purple-950\/80 border border-purple-500\/50 flex items-center justify-center shrink-0 mt-0.5\">\r\n <span class=\"text-purple-300 text-[10px]\">\u2713<\/span>\r\n <\/div>\r\n <span class=\"text-xs sm:text-sm text-gray-200\"><strong class=\"text-white font-bold\">1,200<\/strong> reproducciones \/ mes<\/span>\r\n <\/div>\r\n\r\n <div class=\"flex items-start gap-3\">\r\n <div class=\"w-5 h-5 rounded-full bg-purple-950\/80 border border-purple-500\/50 flex items-center justify-center shrink-0 mt-0.5\">\r\n <span class=\"text-purple-300 text-[10px]\">\u2713<\/span>\r\n <\/div>\r\n <span class=\"text-xs sm:text-sm text-gray-200\"><strong class=\"text-cyan-400 font-bold\">+21,600<\/strong> impactos visuales estimados<\/span>\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <button onclick=\"abrirModalContacto('Plan LED: Nodo \u00danico')\" class=\"w-full py-3 rounded-full bg-gray-800 hover:bg-gray-700 text-white font-semibold text-xs sm:text-sm transition-all flex items-center justify-center gap-2 shadow-md\">\r\n <span>\u26a1<\/span>\r\n <span>Elegir Nodo \u00danico<\/span>\r\n <\/button>\r\n <\/div>\r\n\r\n <div class=\"p-6 sm:p-8 rounded-3xl bg-gradient-to-b from-purple-950\/40 via-[#121929] to-[#121929] border-2 border-purple-500\/70 flex flex-col justify-between space-y-6 relative shadow-2xl scale-[1.02] z-10 group\">\r\n <div class=\"absolute -top-3.5 left-1\/2 -translate-x-1\/2 px-4 py-1 rounded-full bg-gradient-to-r from-purple-600 to-cyan-500 text-white text-[10px] font-extrabold uppercase tracking-widest shadow-lg\">\r\n M\u00c1S POPULAR\r\n <\/div>\r\n\r\n <div class=\"space-y-6\">\r\n \r\n <div class=\"space-y-2 border-b border-purple-800\/50 pb-5\">\r\n <span class=\"px-3 py-1 rounded-full bg-purple-900\/60 text-[11px] font-semibold text-purple-200 inline-block\">Recomendado<\/span>\r\n <h3 class=\"text-2xl font-bold text-white tracking-tight\">Multi-Punto<\/h3>\r\n <\/div>\r\n\r\n <div class=\"space-y-1\">\r\n <div class=\"flex items-baseline gap-2\">\r\n <span id=\"precio-multi\" class=\"text-4xl sm:text-5xl font-extrabold text-white tracking-tight\">$54<\/span>\r\n <div class=\"flex flex-col\">\r\n <span id=\"periodo-multi\" class=\"text-xs text-gray-300 font-medium\">\/ mes por pantalla<\/span>\r\n <span class=\"text-[11px] text-cyan-300 font-semibold\">(2 Pantallas)<\/span>\r\n <\/div>\r\n <\/div>\r\n <span class=\"text-[10px] text-gray-400 block font-normal pt-1\">*Precio por pantalla + impuestos<\/span>\r\n <p id=\"ahorro-multi\" class=\"text-[11px] text-cyan-400 font-semibold hidden pt-1\">\u2728 Ahorras $10\/mes por pantalla<\/p>\r\n <\/div>\r\n\r\n <div id=\"total-multi-container\" class=\"hidden p-4 rounded-2xl bg-purple-900\/40 border border-cyan-500\/50 space-y-1 shadow-inner\">\r\n <span class=\"text-[10px] uppercase font-extrabold text-cyan-300 tracking-wider block\">TOTAL PAGO ANTICIPADO (6 MESES - 2 PANTALLAS)<\/span>\r\n <div class=\"flex items-baseline gap-1.5\">\r\n <span class=\"text-2xl font-black text-white\">$528<\/span>\r\n <span class=\"text-[11px] text-gray-300 font-normal\">+ impuestos ($264 por pantalla)<\/span>\r\n <\/div>\r\n <p class=\"text-[10px] text-gray-300 leading-normal pt-0.5\">Calculado a <strong class=\"text-cyan-300\">$44\/mes<\/strong> x 6 meses x 2 pantallas. Cubre la presencia completa sumada en ambas pantallas.<\/p>\r\n <\/div>\r\n\r\n <div class=\"space-y-3 pt-2\">\r\n <div id=\"feat-arte-multi\" class=\"hidden flex items-start gap-3 p-2 rounded-xl bg-purple-900\/30 border border-purple-500\/40 transition-all\">\r\n <div class=\"w-5 h-5 rounded-full bg-purple-600\/50 border border-purple-400\/80 flex items-center justify-center shrink-0 mt-0.5\">\r\n <span class=\"text-purple-200 text-[10px]\">\u2605<\/span>\r\n <\/div>\r\n <span class=\"text-xs sm:text-sm text-gray-100\"><strong class=\"text-purple-300 font-semibold\">Arte Din\u00e1mico Completo<\/strong> incluido <span class=\"text-[9px] uppercase font-extrabold text-cyan-300 block\">Exclusivo Pago Anticipado<\/span><\/span>\r\n <\/div>\r\n\r\n <div class=\"flex items-start gap-3\">\r\n <div class=\"w-5 h-5 rounded-full bg-purple-600\/30 border border-purple-400\/60 flex items-center justify-center shrink-0 mt-0.5\">\r\n <span class=\"text-purple-300 text-[10px]\">\u2713<\/span>\r\n <\/div>\r\n <span class=\"text-xs sm:text-sm text-gray-200\">Reproducci\u00f3n constante cada <strong>10 min<\/strong> (spots max 15s)<\/span>\r\n <\/div>\r\n\r\n <div class=\"flex items-start gap-3\">\r\n <div class=\"w-5 h-5 rounded-full bg-purple-600\/30 border border-purple-400\/60 flex items-center justify-center shrink-0 mt-0.5\">\r\n <span class=\"text-purple-300 text-[10px]\">\u2713<\/span>\r\n <\/div>\r\n <span class=\"text-xs sm:text-sm text-gray-200\"><strong class=\"text-white font-bold\">3,600<\/strong> reproducciones \/ mes (total 2 pantallas)<\/span>\r\n <\/div>\r\n\r\n <div class=\"flex items-start gap-3\">\r\n <div class=\"w-5 h-5 rounded-full bg-purple-600\/30 border border-purple-400\/60 flex items-center justify-center shrink-0 mt-0.5\">\r\n <span class=\"text-purple-300 text-[10px]\">\u2713<\/span>\r\n <\/div>\r\n <span class=\"text-xs sm:text-sm text-gray-200\"><strong class=\"text-cyan-400 font-bold\">+97,200<\/strong> impactos visuales estimados<\/span>\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <button onclick=\"abrirModalContacto('Plan LED: Multi-Punto')\" class=\"w-full py-3 rounded-full bg-gradient-to-r from-purple-600 to-cyan-500 hover:opacity-90 text-white font-bold text-xs sm:text-sm transition-all shadow-lg shadow-purple-600\/30 flex items-center justify-center gap-2\">\r\n <span>\u2b50<\/span>\r\n <span>Elegir Multi-Punto<\/span>\r\n <\/button>\r\n <\/div>\r\n\r\n <div class=\"p-6 sm:p-8 rounded-3xl bg-[#121929] border border-gray-800 flex flex-col justify-between space-y-6 relative hover:border-cyan-500\/40 transition-all shadow-xl group\">\r\n <div class=\"space-y-6\">\r\n \r\n <div class=\"space-y-2 border-b border-gray-800\/80 pb-5\">\r\n <span class=\"px-3 py-1 rounded-full bg-cyan-950\/80 text-[11px] font-semibold text-cyan-300 inline-block\">M\u00e1ximo Impacto<\/span>\r\n <h3 class=\"text-2xl font-bold text-white tracking-tight\">Omnipresencia<\/h3>\r\n <\/div>\r\n\r\n <div class=\"space-y-1\">\r\n <div class=\"flex items-baseline gap-2\">\r\n <span id=\"precio-omni\" class=\"text-4xl sm:text-5xl font-extrabold text-white tracking-tight\">$49<\/span>\r\n <div class=\"flex flex-col\">\r\n <span id=\"periodo-omni\" class=\"text-xs text-gray-300 font-medium\">\/ mes por pantalla<\/span>\r\n <span class=\"text-[11px] text-cyan-300 font-semibold\">(4 Pantallas - Toda la Red)<\/span>\r\n <\/div>\r\n <\/div>\r\n <span class=\"text-[10px] text-gray-400 block font-normal pt-1\">*Precio por pantalla + impuestos<\/span>\r\n <p id=\"ahorro-omni\" class=\"text-[11px] text-cyan-400 font-semibold hidden pt-1\">\u2728 Ahorras $10\/mes por pantalla<\/p>\r\n <\/div>\r\n\r\n <div id=\"total-omni-container\" class=\"hidden p-4 rounded-2xl bg-cyan-950\/60 border border-cyan-500\/50 space-y-1 shadow-inner\">\r\n <span class=\"text-[10px] uppercase font-extrabold text-cyan-300 tracking-wider block\">TOTAL PAGO ANTICIPADO (6 MESES - TODA LA RED \/ 4 PANTALLAS)<\/span>\r\n <div class=\"flex items-baseline gap-1.5\">\r\n <span class=\"text-2xl font-black text-white\">$936<\/span>\r\n <span class=\"text-[11px] text-gray-300 font-normal\">+ impuestos ($234 por pantalla)<\/span>\r\n <\/div>\r\n <p class=\"text-[10px] text-gray-300 leading-normal pt-0.5\">Calculado a <strong class=\"text-cyan-300\">$39\/mes<\/strong> x 6 meses x 4 pantallas. Cubre la presencia completa sumada en toda la red.<\/p>\r\n <\/div>\r\n\r\n <div class=\"space-y-3 pt-2\">\r\n <div id=\"feat-arte-omni\" class=\"hidden flex items-start gap-3 p-2 rounded-xl bg-cyan-950\/80 border border-cyan-500\/50 transition-all\">\r\n <div class=\"w-5 h-5 rounded-full bg-cyan-600\/50 border border-cyan-400\/80 flex items-center justify-center shrink-0 mt-0.5\">\r\n <span class=\"text-cyan-200 text-[10px]\">\u2605<\/span>\r\n <\/div>\r\n <span class=\"text-xs sm:text-sm text-gray-100\"><strong class=\"text-cyan-300 font-semibold\">Video Pro (10-15s) o Arte Premium<\/strong> incluido <span class=\"text-[9px] uppercase font-extrabold text-cyan-300 block\">Exclusivo Pago Anticipado<\/span><\/span>\r\n <\/div>\r\n\r\n <div class=\"flex items-start gap-3\">\r\n <div class=\"w-5 h-5 rounded-full bg-cyan-950\/80 border border-cyan-500\/50 flex items-center justify-center shrink-0 mt-0.5\">\r\n <span class=\"text-cyan-300 text-[10px]\">\u2713<\/span>\r\n <\/div>\r\n <span class=\"text-xs sm:text-sm text-gray-200\">Reproducci\u00f3n constante cada <strong>5 min<\/strong> (spots max 15s)<\/span>\r\n <\/div>\r\n\r\n <div class=\"flex items-start gap-3\">\r\n <div class=\"w-5 h-5 rounded-full bg-cyan-950\/80 border border-cyan-500\/50 flex items-center justify-center shrink-0 mt-0.5\">\r\n <span class=\"text-cyan-300 text-[10px]\">\u2713<\/span>\r\n <\/div>\r\n <span class=\"text-xs sm:text-sm text-gray-200\"><strong class=\"text-white font-bold\">14,400<\/strong> reproducciones \/ mes (total 4 pantallas)<\/span>\r\n <\/div>\r\n\r\n <div class=\"flex items-start gap-3\">\r\n <div class=\"w-5 h-5 rounded-full bg-cyan-950\/80 border border-cyan-500\/50 flex items-center justify-center shrink-0 mt-0.5\">\r\n <span class=\"text-cyan-300 text-[10px]\">\u2713<\/span>\r\n <\/div>\r\n <span class=\"text-xs sm:text-sm text-gray-200\"><strong class=\"text-cyan-400 font-bold\">+259,200<\/strong> impactos visuales estimados<\/span>\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <button onclick=\"abrirModalContacto('Plan LED: Omnipresencia')\" class=\"w-full py-3 rounded-full bg-cyan-600 hover:bg-cyan-700 text-white font-semibold text-xs sm:text-sm transition-all shadow-lg shadow-cyan-600\/30 flex items-center justify-center gap-2\">\r\n <span>\ud83d\udd25<\/span>\r\n <span>Elegir Omnipresencia<\/span>\r\n <\/button>\r\n <\/div>\r\n\r\n <\/div>\r\n <\/section>\r\n\r\n <section id=\"faq\" class=\"py-16 sm:py-20 px-4 sm:px-6 lg:px-8 max-w-5xl mx-auto border-t border-gray-800\/80\">\r\n <div class=\"text-center space-y-3 mb-10\">\r\n <span class=\"text-cyan-400 uppercase tracking-widest text-xs font-bold\">Resuelve tus Dudas<\/span>\r\n <h2 class=\"text-3xl sm:text-4xl font-bold tracking-tight text-white\">Preguntas Frecuentes<\/h2>\r\n <p class=\"text-gray-300 max-w-xl mx-auto text-sm font-light\">Informaci\u00f3n clave sobre c\u00f3mo trabajamos y aceleramos tus resultados.<\/p>\r\n <\/div>\r\n\r\n <div class=\"space-y-4\">\r\n <div class=\"border border-gray-800 rounded-2xl bg-cardBg overflow-hidden transition-all\">\r\n <button onclick=\"toggleFaq('faq-0')\" class=\"w-full p-5 text-left font-semibold text-sm sm:text-base text-white flex items-center justify-between gap-4 hover:text-pink-300 transition-colors\">\r\n <span>\u00bfQu\u00e9 es la aplicaci\u00f3n V\u00edvelo y c\u00f3mo funciona la venta de boletos?<\/span>\r\n <span id=\"faq-0-icon\" class=\"text-pink-400 font-bold text-lg\">+<\/span>\r\n <\/button>\r\n <div id=\"faq-0\" class=\"hidden px-5 pb-5 text-xs sm:text-sm text-gray-300 font-light leading-relaxed border-t border-gray-800\/60 pt-3\">\r\n <strong class=\"text-white\">V\u00edvelo<\/strong> es la plataforma de boletaje y app m\u00f3vil oficial desarrollada por SurCode.Studio y CUBU Marketing Studio para la comercializaci\u00f3n de entradas de conciertos, ferias y eventos. Puedes ingresar desde <a href=\"https:\/\/vivelo.pro\/\" target=\"_blank\" class=\"text-pink-400 underline\">vivelo.pro<\/a> o descargar la app en Google Play y App Store para comprar boletos y guardarlos en formato QR en tu smartphone.\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"border border-gray-800 rounded-2xl bg-cardBg overflow-hidden transition-all\">\r\n <button onclick=\"toggleFaq('faq-1')\" class=\"w-full p-5 text-left font-semibold text-sm sm:text-base text-white flex items-center justify-between gap-4 hover:text-cyan-300 transition-colors\">\r\n <span>\u00bfQu\u00e9 servicios ofrece CUBU Marketing Studio?<\/span>\r\n <span id=\"faq-1-icon\" class=\"text-purple-400 font-bold text-lg\">+<\/span>\r\n <\/button>\r\n <div id=\"faq-1\" class=\"hidden px-5 pb-5 text-xs sm:text-sm text-gray-300 font-light leading-relaxed border-t border-gray-800\/60 pt-3\">\r\n Contamos con 4 servicios especializadas: <strong class=\"text-white\">-CUBU.mkt<\/strong> (Marketing digital y Performance Ads), <strong class=\"text-white\">-CUBU.design<\/strong> (Branding y Dise\u00f1o corporativo), <strong class=\"text-white\">-CUBU.play<\/strong> (Producci\u00f3n audiovisual, Publicidad en Pantallas y Letreros LED) y <strong class=\"text-white\">-CUBU.labs<\/strong> (Desarrollo web, aplicaciones y la plataforma V\u00edvelo Tickets).\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"border border-gray-800 rounded-2xl bg-cardBg overflow-hidden transition-all\">\r\n <button onclick=\"toggleFaq('faq-2')\" class=\"w-full p-5 text-left font-semibold text-sm sm:text-base text-white flex items-center justify-between gap-4 hover:text-cyan-300 transition-colors\">\r\n <span>\u00bfC\u00f3mo funciona la publicidad en la Red de Pantallas LED Indoor?<\/span>\r\n <span id=\"faq-2-icon\" class=\"text-purple-400 font-bold text-lg\">+<\/span>\r\n <\/button>\r\n <div id=\"faq-2\" class=\"hidden px-5 pb-5 text-xs sm:text-sm text-gray-300 font-light leading-relaxed border-t border-gray-800\/60 pt-3\">\r\n Transmitimos anuncios en alta definici\u00f3n (spots de 10 a 15 segundos, visuales sin audio) en puntos de m\u00e1xima afluencia. Disponemos de planes flexibles desde $59\/mes por pantalla, con descuentos adicionales al elegir la opci\u00f3n de pago anticipado por m\u00ednimo 6 meses.\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"border border-gray-800 rounded-2xl bg-cardBg overflow-hidden transition-all\">\r\n <button onclick=\"toggleFaq('faq-3')\" class=\"w-full p-5 text-left font-semibold text-sm sm:text-base text-white flex items-center justify-between gap-4 hover:text-cyan-300 transition-colors\">\r\n <span>\u00bfEl plan Nodo \u00danico incluye el dise\u00f1o de la publicidad?<\/span>\r\n <span id=\"faq-3-icon\" class=\"text-purple-400 font-bold text-lg\">+<\/span>\r\n <\/button>\r\n <div id=\"faq-3\" class=\"hidden px-5 pb-5 text-xs sm:text-sm text-gray-300 font-light leading-relaxed border-t border-gray-800\/60 pt-3\">\r\n En la modalidad de <strong class=\"text-white\">Pago Anticipado (m\u00ednimo 6 meses)<\/strong>, el plan Nodo \u00danico ($49\/mes) incluye <strong class=\"text-white\">un arte est\u00e1tico profesional<\/strong> adaptado al formato de la pantalla elegida.\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"border border-gray-800 rounded-2xl bg-cardBg overflow-hidden transition-all\">\r\n <button onclick=\"toggleFaq('faq-4')\" class=\"w-full p-5 text-left font-semibold text-sm sm:text-base text-white flex items-center justify-between gap-4 hover:text-cyan-300 transition-colors\">\r\n <span>\u00bfC\u00f3mo iniciar una campa\u00f1a o cotizaci\u00f3n con CUBU.play?<\/span>\r\n <span id=\"faq-4-icon\" class=\"text-purple-400 font-bold text-lg\">+<\/span>\r\n <\/button>\r\n <div id=\"faq-4\" class=\"hidden px-5 pb-5 text-xs sm:text-sm text-gray-300 font-light leading-relaxed border-t border-gray-800\/60 pt-3\">\r\n Puedes presionar el bot\u00f3n <strong class=\"text-white\">\"Solicita tu Asesor\u00eda Personalizada\"<\/strong> o enviarnos un mensaje directo a WhatsApp. Analizaremos las necesidades de tu empresa y te entregaremos una propuesta personalizada.\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <section class=\"py-12 bg-[#1c2538] border-y border-gray-700\/60 overflow-hidden relative shadow-inner\">\r\n <div class=\"max-w-7xl mx-auto px-5 mb-6 text-center\">\r\n <span class=\"text-[11px] uppercase tracking-widest text-cyan-300 font-bold\">MARCAS Y ALIADOS QUE CONF\u00cdAN EN NOSOTROS<\/span>\r\n <\/div>\r\n \r\n <div class=\"absolute top-0 bottom-0 left-0 w-16 sm:w-28 bg-gradient-to-r from-[#1c2538] to-transparent z-10 pointer-events-none\"><\/div>\r\n <div class=\"absolute top-0 bottom-0 right-0 w-16 sm:w-28 bg-gradient-to-l from-[#1c2538] to-transparent z-10 pointer-events-none\"><\/div>\r\n\r\n <div class=\"flex overflow-hidden relative w-full\">\r\n <div id=\"marquee-track\" class=\"animate-cubu-marquee flex items-center gap-10 sm:gap-14\">\r\n <div id=\"marquee-loop-1\" class=\"flex items-center gap-10 sm:gap-14 shrink-0\"><\/div>\r\n <div id=\"marquee-loop-2\" class=\"flex items-center gap-10 sm:gap-14 shrink-0\"><\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <section id=\"contacto\" class=\"py-16 sm:py-20 px-4 sm:px-6 lg:px-8 max-w-5xl mx-auto\">\r\n <div class=\"p-8 sm:p-14 rounded-3xl bg-gradient-to-r from-purple-900\/60 via-cardBg to-cyan-950\/60 border border-purple-500\/40 text-center space-y-6 shadow-2xl relative overflow-hidden\">\r\n <div class=\"space-y-3 max-w-2xl mx-auto\">\r\n <h2 class=\"text-2xl sm:text-4xl md:text-5xl font-extrabold tracking-tight text-white\">\u00bfListo para Dominar la Atenci\u00f3n de tu Mercado?<\/h2>\r\n <p class=\"text-gray-200 font-light text-sm sm:text-base\">\r\n Conversemos sobre tu marca o evento. Escr\u00edbenos directamente por WhatsApp y agenda tu asesor\u00eda estrat\u00e9gica personalizada.\r\n <\/p>\r\n <\/div>\r\n <div class=\"flex items-center justify-center pt-2\">\r\n <a href=\"https:\/\/wa.me\/593987828290?text=Hola%20CUBU%20Marketing%20Studio,%20quiero%20impulsar%20mi%20marca%20o%20evento%20con%20V%C3%ADvelo%20y%20solicitar%20una%20asesor%C3%ADa%20personalizada.\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"w-full sm:w-auto px-8 py-3.5 rounded-full bg-gradient-to-r from-green-600 to-emerald-500 text-white font-bold text-sm shadow-xl shadow-green-600\/30 hover:scale-105 transition-all text-center flex items-center justify-center gap-2\">\r\n <span>\ud83d\udcac<\/span>\r\n <span>Contactar por WhatsApp<\/span>\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <\/main>\r\n\r\n <footer class=\"border-t border-gray-800\/80 bg-[#070a12] py-6 sm:py-8 px-4 sm:px-6 lg:px-8 text-xs\">\r\n <div class=\"max-w-7xl mx-auto flex flex-col md:flex-row items-center justify-between gap-6\">\r\n \r\n <div class=\"flex flex-col sm:flex-row items-center gap-4 text-center sm:text-left\">\r\n <img decoding=\"async\" src=\"https:\/\/cubumkt.com\/wp-content\/uploads\/2026\/09\/CUBU-MARKETING-BLANCO-scaled.png\" alt=\"CUBU Marketing Studio Logo\" class=\"cubu-logo-header\">\r\n <span class=\"hidden sm:inline text-gray-700\">|<\/span>\r\n <p class=\"text-gray-400 text-[11px] font-light max-w-sm\">Estrategia y comunicaci\u00f3n para marcas & boleter\u00eda V\u00edvelo.<\/p>\r\n <\/div>\r\n\r\n <div class=\"flex flex-wrap items-center justify-center gap-4 text-gray-300 text-[11px]\">\r\n <span class=\"hover:text-white transition-colors\">CUBU.marketing<\/span>\r\n <span class=\"text-gray-700\">\u2022<\/span>\r\n <span class=\"hover:text-white transition-colors\">CUBU.design<\/span>\r\n <span class=\"text-gray-700\">\u2022<\/span>\r\n <a href=\"https:\/\/vivelo.pro\/\" target=\"_blank\" class=\"text-pink-400 font-medium hover:underline\">V\u00edvelo Tickets<\/a>\r\n <span class=\"text-gray-700\">\u2022<\/span>\r\n <span class=\"hover:text-white transition-colors\">CUBU.play<\/span>\r\n <span class=\"text-gray-700\">\u2022<\/span>\r\n <span class=\"hover:text-white transition-colors\">CUBU.labs<\/span>\r\n <\/div>\r\n\r\n <div class=\"flex items-center gap-3\">\r\n <a href=\"https:\/\/www.instagram.com\/cubumkt\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"w-9 h-9 rounded-xl bg-gradient-to-tr from-[#f09433] via-[#dc2743] to-[#bc1888] flex items-center justify-center shadow-lg shadow-purple-950\/40 hover:scale-110 transition-transform\" title=\"Instagram @cubumkt\" aria-label=\"Instagram de CUBU Marketing Studio\">\r\n <div class=\"w-[20px] h-[20px] rounded-[6px] border-[2px] border-white flex items-center justify-center relative\">\r\n <div class=\"w-[8px] h-[8px] rounded-full border-[2px] border-white\"><\/div>\r\n <div class=\"w-[2.5px] h-[2.5px] rounded-full bg-white absolute top-[2px] right-[2px]\"><\/div>\r\n <\/div>\r\n <\/a>\r\n\r\n <a href=\"https:\/\/wa.me\/593987828290?text=Hola%20CUBU%20Marketing%20Studio\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"w-9 h-9 rounded-full bg-[#25D366] flex items-center justify-center text-white shadow-lg shadow-green-950\/40 hover:scale-110 transition-transform\" title=\"WhatsApp +593 98 782 8290\" aria-label=\"WhatsApp de CUBU Marketing Studio\">\r\n <span class=\"text-white text-base select-none leading-none transform -scale-x-100 rotate-[45deg]\" style=\"font-family: Arial, sans-serif;\">📞<\/span>\r\n <\/a>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <div class=\"max-w-7xl mx-auto mt-6 pt-4 border-t border-gray-900\/80 text-center text-[10px] text-gray-400\">\r\n © <span id=\"copyright-year\">2026<\/span> CUBU Marketing Studio. Todos los derechos reservados. \u00a9\r\n <\/div>\r\n <\/footer>\r\n\r\n <div id=\"modal-contacto\" class=\"fixed inset-0 z-50 hidden items-center justify-center bg-black\/80 backdrop-blur-sm p-4\">\r\n <div class=\"bg-cardBg border border-gray-800 w-full max-w-md rounded-3xl p-6 sm:p-8 relative shadow-2xl space-y-5\">\r\n <button onclick=\"cerrarModalContacto()\" class=\"absolute top-4 right-4 text-white hover:text-cyan-400 p-2 text-sm\" aria-label=\"Cerrar modal\">\r\n ✕\r\n <\/button>\r\n <div class=\"space-y-1.5 text-center\">\r\n <h3 class=\"text-xl sm:text-2xl font-bold text-white\">Solicitar Asesor\u00eda Personalizada<\/h3>\r\n <p class=\"text-xs text-gray-300\">Completa tus datos y nos pondremos en contacto inmediato por WhatsApp.<\/p>\r\n <\/div>\r\n <form onsubmit=\"enviarFormulario(event)\" class=\"space-y-4\">\r\n <div>\r\n <label for=\"form-nombre\" class=\"block text-xs font-medium text-white mb-1\">Tu Nombre o Empresa<\/label>\r\n <input type=\"text\" id=\"form-nombre\" required class=\"w-full px-4 py-2.5 rounded-xl bg-gray-900 border border-gray-700 text-white text-xs sm:text-sm focus:outline-none focus:border-purple-500\" placeholder=\"Ej. Juan P\u00e9rez\">\r\n <\/div>\r\n <div>\r\n <label for=\"form-servicio\" class=\"block text-xs font-medium text-white mb-1\">Servicio de Inter\u00e9s<\/label>\r\n <select id=\"form-servicio\" class=\"w-full px-4 py-2.5 rounded-xl bg-gray-900 border border-gray-700 text-white text-xs sm:text-sm focus:outline-none focus:border-purple-500\">\r\n <option value=\"V\u00edvelo Tickets - Boleter\u00eda y Eventos\">V\u00edvelo Tickets - Boleter\u00eda y Eventos<\/option>\r\n <option value=\"CUBU.mkt - Marketing Digital & Ads\">CUBU.mkt - Marketing Digital & Ads<\/option>\r\n <option value=\"CUBU.design - Branding & Dise\u00f1o Gr\u00e1fico\">CUBU.design - Branding & Dise\u00f1o Gr\u00e1fico<\/option>\r\n <option value=\"CUBU.play - Producci\u00f3n Audiovisual & Pantallas LED\">CUBU.play - Producci\u00f3n Audiovisual & Publicidad en Pantallas<\/option>\r\n <option value=\"CUBU.labs - Desarrollo Web, Apps & Software\">CUBU.labs - Desarrollo Web, Apps & Software<\/option>\r\n <option value=\"Plan LED: Nodo \u00danico\">Plan LED: Nodo \u00danico<\/option>\r\n <option value=\"Plan LED: Multi-Punto\">Plan LED: Multi-Punto<\/option>\r\n <option value=\"Plan LED: Omnipresencia\">Plan LED: Omnipresencia<\/option>\r\n <\/select>\r\n <\/div>\r\n <button type=\"submit\" class=\"w-full py-3 rounded-xl bg-gradient-to-r from-purple-600 to-cyan-500 text-white font-semibold text-xs sm:text-sm shadow-lg shadow-purple-600\/30 hover:opacity-90 transition-all flex items-center justify-center gap-2\">\r\n <span>\ud83d\udcac<\/span>\r\n <span>Iniciar Conversaci\u00f3n por WhatsApp<\/span>\r\n <\/button>\r\n <\/form>\r\n <\/div>\r\n <\/div>\r\n\r\n <script>\r\n const clientLogos = [\r\n \"https:\/\/cubumkt.com\/wp-content\/uploads\/2026\/09\/LOGO-VIVELO-BLANCO.png\",\r\n \"https:\/\/cubumkt.com\/wp-content\/uploads\/2026\/09\/logoCALVA-VELEZ-RUIZ.png\",\r\n \"https:\/\/cubumkt.com\/wp-content\/uploads\/2026\/09\/logoCARPEDIEM.png\",\r\n \"https:\/\/cubumkt.com\/wp-content\/uploads\/2026\/09\/logoCASMUL.png\",\r\n \"https:\/\/cubumkt.com\/wp-content\/uploads\/2026\/09\/logoCENTRO-SOCIAL-LOJA-NJ.png\",\r\n \"https:\/\/cubumkt.com\/wp-content\/uploads\/2026\/09\/logoCOFFE-TIME.png\",\r\n \"https:\/\/cubumkt.com\/wp-content\/uploads\/2026\/09\/logoCOOP-LOJA.png\",\r\n \"https:\/\/cubumkt.com\/wp-content\/uploads\/2026\/09\/logoDEF-MEDIA.png\",\r\n \"https:\/\/cubumkt.com\/wp-content\/uploads\/2026\/09\/logoECOHIT.png\",\r\n \"https:\/\/cubumkt.com\/wp-content\/uploads\/2026\/09\/logoECOTEL-PRESS.png\",\r\n \"https:\/\/cubumkt.com\/wp-content\/uploads\/2026\/09\/logoECOTEL-TRAVEL.png\",\r\n \"https:\/\/cubumkt.com\/wp-content\/uploads\/2026\/09\/logoECOTEL-TV.png\",\r\n \"https:\/\/cubumkt.com\/wp-content\/uploads\/2026\/09\/logoFUTBOLEROS-FC.png\",\r\n \"https:\/\/cubumkt.com\/wp-content\/uploads\/2026\/09\/logoGONET.png\",\r\n \"https:\/\/cubumkt.com\/wp-content\/uploads\/2026\/09\/logoIMPORTADORA-ORTEGA.png\",\r\n \"https:\/\/cubumkt.com\/wp-content\/uploads\/2026\/09\/logoINCATEPROF.png\",\r\n \"https:\/\/cubumkt.com\/wp-content\/uploads\/2026\/09\/logoINTERNATIONAL-TRAINING-SCHOOL.png\",\r\n \"https:\/\/cubumkt.com\/wp-content\/uploads\/2026\/09\/logoKANTA-MUNANI.png\",\r\n \"https:\/\/cubumkt.com\/wp-content\/uploads\/2026\/09\/logoMARQUES.png\",\r\n \"https:\/\/cubumkt.com\/wp-content\/uploads\/2026\/09\/logoMUNDOVISION.png\",\r\n \"https:\/\/cubumkt.com\/wp-content\/uploads\/2026\/09\/logoMUNICIPIO-LOJA.png\",\r\n \"https:\/\/cubumkt.com\/wp-content\/uploads\/2026\/09\/logoODONTO-SONRISAS.png\",\r\n \"https:\/\/cubumkt.com\/wp-content\/uploads\/2026\/09\/logoOPERACION-SONRISA.png\",\r\n \"https:\/\/cubumkt.com\/wp-content\/uploads\/2026\/09\/logoPREFECTURA.png\",\r\n \"https:\/\/cubumkt.com\/wp-content\/uploads\/2026\/09\/logoPRIVILEGE-CLUB.png\",\r\n \"https:\/\/cubumkt.com\/wp-content\/uploads\/2026\/09\/logoSINFONICA-DE-LOJA.png\",\r\n \"https:\/\/cubumkt.com\/wp-content\/uploads\/2026\/09\/logoTEATRO-BENJAMIN.png\",\r\n \"https:\/\/cubumkt.com\/wp-content\/uploads\/2026\/09\/logoUTPL.png\",\r\n \"https:\/\/cubumkt.com\/wp-content\/uploads\/2026\/09\/logoVISIONARIOS-Y-ASOCIADOS.png\",\r\n \"https:\/\/cubumkt.com\/wp-content\/uploads\/2026\/09\/logoAEMC.png\",\r\n \"https:\/\/cubumkt.com\/wp-content\/uploads\/2026\/09\/logoAGOSTINOS.png\",\r\n \"https:\/\/cubumkt.com\/wp-content\/uploads\/2026\/09\/logoALBACORA.png\",\r\n \"https:\/\/cubumkt.com\/wp-content\/uploads\/2026\/09\/logoAMEDIC.png\",\r\n \"https:\/\/cubumkt.com\/wp-content\/uploads\/2026\/09\/logoANDANA.png\",\r\n \"https:\/\/cubumkt.com\/wp-content\/uploads\/2026\/09\/logoAQUA.png\",\r\n \"https:\/\/cubumkt.com\/wp-content\/uploads\/2026\/09\/logoATLAS-VISA.png\",\r\n \"https:\/\/cubumkt.com\/wp-content\/uploads\/2026\/09\/logoAUTOCOM.png\",\r\n \"https:\/\/cubumkt.com\/wp-content\/uploads\/2026\/09\/logoAZOLLA.png\"\r\n ];\r\n\r\n function shuffleArray(array) {\r\n const arr = [...array];\r\n for (let i = arr.length - 1; i > 0; i--) {\r\n const j = Math.floor(Math.random() * (i + 1));\r\n [arr[i], arr[j]] = [arr[j], arr[i]];\r\n }\r\n return arr;\r\n }\r\n\r\n function renderMarqueeLogos() {\r\n const loop1 = document.getElementById('marquee-loop-1');\r\n const loop2 = document.getElementById('marquee-loop-2');\r\n\r\n if (!loop1 || !loop2) return;\r\n\r\n const shuffledLogos = shuffleArray(clientLogos);\r\n\r\n let htmlContent = '';\r\n shuffledLogos.forEach((logoUrl, idx) => {\r\n htmlContent += `\r\n <div class=\"h-9 sm:h-10 flex items-center justify-center opacity-90 hover:opacity-100 transition-opacity shrink-0\">\r\n <img decoding=\"async\" src=\"${logoUrl}\" alt=\"Cliente CUBU ${idx + 1}\" class=\"cubu-client-logo\" loading=\"lazy\">\r\n <\/div>\r\n `;\r\n });\r\n\r\n loop1.innerHTML = htmlContent;\r\n loop2.innerHTML = htmlContent;\r\n }\r\n\r\n function generateUpcomingViveloEvents() {\r\n const container = document.getElementById('events-grid-container');\r\n if (!container) return;\r\n\r\n const today = new Date();\r\n const monthsEs = [\"ENE\", \"FEB\", \"MAR\", \"ABR\", \"MAY\", \"JUN\", \"JUL\", \"AGO\", \"SEP\", \"OCT\", \"NOV\", \"DIC\"];\r\n\r\n function getDatePlusDays(daysOffset) {\r\n const d = new Date(today);\r\n d.setDate(d.getDate() + daysOffset);\r\n return {\r\n dayNum: d.getDate(),\r\n monthStr: monthsEs[d.getMonth()],\r\n fullStr: `${d.getDate()} de ${monthsEs[d.getMonth()]}`\r\n };\r\n }\r\n\r\n const eventTemplates = [\r\n {\r\n offset: 2,\r\n title: \"Festival Nocturno de M\u00fasica & Arte en Vivo\",\r\n category: \"M\u00fasica & Concerts\",\r\n venue: \"Teatro Benjam\u00edn Carri\u00f3n\",\r\n time: \"20:00 PM\",\r\n price: \"Desde $15.00\",\r\n badge: \"\u00a1Quedan Pocas Entradas!\",\r\n gradient: \"from-purple-900 to-pink-900\"\r\n },\r\n {\r\n offset: 5,\r\n title: \"Gran Noche de Stand-Up Comedy & Gastronom\u00eda\",\r\n category: \"Teatro & Comedia\",\r\n venue: \"Centro Cultural Carpediem\",\r\n time: \"21:00 PM\",\r\n price: \"Desde $10.00\",\r\n badge: \"Casi Agotado\",\r\n gradient: \"from-pink-900 to-rose-950\"\r\n },\r\n {\r\n offset: 7,\r\n title: \"Expo Startup & Noche Electr\u00f3nica V\u00edvelo VIP\",\r\n category: \"Networking & Shows\",\r\n venue: \"Centro de Convenciones UTPL\",\r\n time: \"19:30 PM\",\r\n price: \"Desde $20.00\",\r\n badge: \"Preventa Exclusiva\",\r\n gradient: \"from-cyan-900 to-purple-950\"\r\n }\r\n ];\r\n\r\n let eventsHTML = '';\r\n\r\n eventTemplates.forEach(evt => {\r\n const dateInfo = getDatePlusDays(evt.offset);\r\n eventsHTML += `\r\n <div class=\"rounded-2xl bg-gray-900\/90 border border-pink-500\/30 hover:border-pink-400 transition-all p-5 flex flex-col justify-between space-y-4 shadow-xl hover:scale-[1.02] group\">\r\n \r\n <div class=\"space-y-3\">\r\n <div class=\"flex items-center justify-between gap-2 border-b border-gray-800 pb-3\">\r\n <div class=\"flex items-center gap-2.5\">\r\n <div class=\"w-12 h-12 rounded-xl bg-gradient-to-br ${evt.gradient} border border-pink-500\/50 flex flex-col items-center justify-center shrink-0\">\r\n <span class=\"text-sm font-black text-white leading-none\">${dateInfo.dayNum}<\/span>\r\n <span class=\"text-[9px] font-bold text-pink-300 uppercase leading-none mt-0.5\">${dateInfo.monthStr}<\/span>\r\n <\/div>\r\n <div>\r\n <span class=\"text-[10px] uppercase font-bold text-pink-400 block\">${evt.category}<\/span>\r\n <span class=\"text-xs text-gray-300 font-medium\">Siguientes 8 D\u00edas<\/span>\r\n <\/div>\r\n <\/div>\r\n <span class=\"px-2.5 py-0.5 rounded-full bg-pink-950 border border-pink-500\/40 text-[9px] font-extrabold text-pink-300 uppercase shrink-0\">${evt.badge}<\/span>\r\n <\/div>\r\n\r\n <h4 class=\"text-base font-bold text-white group-hover:text-pink-300 transition-colors leading-snug\">\r\n ${evt.title}\r\n <\/h4>\r\n\r\n <div class=\"space-y-1 text-xs text-gray-300\">\r\n <div class=\"flex items-center gap-1.5\">\r\n <span class=\"text-pink-400\">\ud83d\udccd<\/span>\r\n <span>${evt.venue}<\/span>\r\n <\/div>\r\n <div class=\"flex items-center gap-1.5\">\r\n <span class=\"text-pink-400\">\ud83d\udd52<\/span>\r\n <span>${dateInfo.fullStr} - ${evt.time}<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"pt-2 border-t border-gray-800\/80 flex items-center justify-between gap-2\">\r\n <div>\r\n <span class=\"text-[9px] uppercase text-gray-400 block font-medium\">Precio Ticket<\/span>\r\n <span class=\"text-xs font-bold text-white\">${evt.price}<\/span>\r\n <\/div>\r\n\r\n <a href=\"https:\/\/vivelo.pro\/\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"px-4 py-2 rounded-xl bg-gradient-to-r from-pink-600 to-purple-600 hover:opacity-90 text-white font-bold text-xs transition-all shadow-md flex items-center gap-1\">\r\n <span>\ud83c\udf9f\ufe0f<\/span>\r\n <span>Comprar en V\u00edvelo<\/span>\r\n <\/a>\r\n <\/div>\r\n\r\n <\/div>\r\n `;\r\n });\r\n\r\n container.innerHTML = eventsHTML;\r\n }\r\n\r\n document.addEventListener('DOMContentLoaded', () => {\r\n const yearElem = document.getElementById('copyright-year');\r\n if (yearElem) yearElem.textContent = new Date().getFullYear();\r\n\r\n renderMarqueeLogos();\r\n generateUpcomingViveloEvents();\r\n });\r\n\r\n (function runMotionCanvas() {\r\n function startCanvas() {\r\n const canvas = document.getElementById('motion-graphics-canvas');\r\n if (!canvas) return;\r\n\r\n const ctx = canvas.getContext('2d');\r\n if (!ctx) return;\r\n\r\n let width = 0, height = 0;\r\n let particles = [];\r\n let angle = 0;\r\n let animId = null;\r\n\r\n function resize() {\r\n const heroSection = document.getElementById('hero-wrapper') || canvas.parentElement;\r\n const rect = heroSection ? heroSection.getBoundingClientRect() : { width: window.innerWidth, height: 600 };\r\n\r\n width = canvas.width = rect.width || window.innerWidth || 300;\r\n height = canvas.height = rect.height || 600;\r\n\r\n initParticles();\r\n }\r\n\r\n function initParticles() {\r\n particles = [];\r\n const isMobile = width < 768;\r\n const particleCount = isMobile ? 22 : 45;\r\n\r\n for (let i = 0; i < particleCount; i++) {\r\n particles.push({\r\n x: Math.random() * width,\r\n y: Math.random() * height,\r\n radius: Math.random() * (isMobile ? 1.8 : 2.5) + 1,\r\n vx: (Math.random() - 0.5) * (isMobile ? 0.5 : 0.8),\r\n vy: (Math.random() - 0.5) * (isMobile ? 0.5 : 0.8),\r\n alpha: Math.random() * 0.6 + 0.3,\r\n color: Math.random() > 0.5 ? '#7c3aed' : '#06b6d4',\r\n pulse: Math.random() * Math.PI * 2\r\n });\r\n }\r\n }\r\n\r\n function render() {\r\n if (width === 0 || height === 0) {\r\n resize();\r\n }\r\n\r\n ctx.clearRect(0, 0, width, height);\r\n\r\n const maxDist = width < 768 ? 90 : 135;\r\n\r\n for (let i = 0; i < particles.length; i++) {\r\n for (let j = i + 1; j < particles.length; j++) {\r\n const dx = particles[i].x - particles[j].x;\r\n const dy = particles[i].y - particles[j].y;\r\n const dist = Math.sqrt(dx * dx + dy * dy);\r\n\r\n if (dist < maxDist) {\r\n ctx.save();\r\n ctx.globalAlpha = (1 - dist \/ maxDist) * 0.25;\r\n ctx.beginPath();\r\n ctx.moveTo(particles[i].x, particles[i].y);\r\n ctx.lineTo(particles[j].x, particles[j].y);\r\n ctx.strokeStyle = i % 2 === 0 ? '#7c3aed' : '#06b6d4';\r\n ctx.lineWidth = 1;\r\n ctx.stroke();\r\n ctx.restore();\r\n }\r\n }\r\n }\r\n\r\n particles.forEach(p => {\r\n p.x += p.vx;\r\n p.y += p.vy;\r\n\r\n if (p.x < 0 || p.x > width) p.vx *= -1;\r\n if (p.y < 0 || p.y > height) p.vy *= -1;\r\n\r\n p.pulse += 0.025;\r\n\r\n ctx.save();\r\n ctx.globalAlpha = p.alpha + Math.sin(p.pulse) * 0.2;\r\n ctx.beginPath();\r\n ctx.arc(p.x, p.y, p.radius + Math.sin(p.pulse) * 0.6, 0, Math.PI * 2);\r\n ctx.fillStyle = p.color;\r\n ctx.shadowColor = p.color;\r\n ctx.shadowBlur = 8;\r\n ctx.fill();\r\n ctx.restore();\r\n });\r\n\r\n ctx.save();\r\n const ringX = width * (width < 768 ? 0.85 : 0.8);\r\n const ringY = height * (width < 768 ? 0.25 : 0.3);\r\n const ringRadius = width < 768 ? 50 : 90;\r\n\r\n ctx.translate(ringX, ringY);\r\n ctx.rotate(angle);\r\n\r\n ctx.beginPath();\r\n ctx.arc(0, 0, ringRadius, 0, Math.PI * 1.5);\r\n ctx.strokeStyle = 'rgba(124, 58, 237, 0.25)';\r\n ctx.lineWidth = 2;\r\n ctx.shadowColor = '#7c3aed';\r\n ctx.shadowBlur = 10;\r\n ctx.stroke();\r\n\r\n ctx.beginPath();\r\n ctx.arc(0, 0, ringRadius * 1.2, Math.PI * 0.5, Math.PI * 1.8);\r\n ctx.strokeStyle = 'rgba(6, 182, 212, 0.22)';\r\n ctx.lineWidth = 1.5;\r\n ctx.shadowColor = '#06b6d4';\r\n ctx.shadowBlur = 10;\r\n ctx.stroke();\r\n ctx.restore();\r\n\r\n angle += 0.006;\r\n animId = requestAnimationFrame(render);\r\n }\r\n\r\n window.addEventListener('resize', resize);\r\n \r\n if (window.ResizeObserver && canvas.parentElement) {\r\n const ro = new ResizeObserver(() => resize());\r\n ro.observe(canvas.parentElement);\r\n }\r\n\r\n resize();\r\n if (animId) cancelAnimationFrame(animId);\r\n render();\r\n }\r\n\r\n if (document.readyState === 'complete' || document.readyState === 'interactive') {\r\n setTimeout(startCanvas, 100);\r\n } else {\r\n window.addEventListener('load', startCanvas);\r\n document.addEventListener('DOMContentLoaded', startCanvas);\r\n }\r\n })();\r\n\r\n function filtrarDivision(division) {\r\n const cards = document.querySelectorAll('.card-division');\r\n const btns = document.querySelectorAll('.btn-division');\r\n\r\n btns.forEach(b => {\r\n b.classList.remove('bg-gradient-to-r', 'from-purple-600', 'to-cyan-500', 'text-white');\r\n b.classList.add('bg-gray-900', 'border', 'border-gray-800', 'text-gray-300');\r\n });\r\n\r\n const activeBtn = document.getElementById(`btn-div-${division}`);\r\n if (activeBtn) {\r\n activeBtn.classList.remove('bg-gray-900', 'border-gray-800', 'text-gray-300');\r\n activeBtn.classList.add('bg-gradient-to-r', 'from-purple-600', 'to-cyan-500', 'text-white');\r\n }\r\n\r\n cards.forEach(card => {\r\n if (division === 'todas' || card.classList.contains(`div-${division}`)) {\r\n card.style.display = 'flex';\r\n } else {\r\n card.style.display = 'none';\r\n }\r\n });\r\n }\r\n\r\n let esPagoAnticipado = false;\r\n\r\n function togglePagoAnticipado() {\r\n esPagoAnticipado = !esPagoAnticipado;\r\n const toggleBtn = document.getElementById('toggle-pago');\r\n const circle = document.getElementById('toggle-circle');\r\n const labelMensual = document.getElementById('label-mensual');\r\n const labelAnticipado = document.getElementById('label-anticipado');\r\n\r\n const pNodo = document.getElementById('precio-nodo');\r\n const pMulti = document.getElementById('precio-multi');\r\n const pOmni = document.getElementById('precio-omni');\r\n\r\n const aNodo = document.getElementById('ahorro-nodo');\r\n const aMulti = document.getElementById('ahorro-multi');\r\n const aOmni = document.getElementById('ahorro-omni');\r\n\r\n const tNodo = document.getElementById('total-nodo-container');\r\n const tMulti = document.getElementById('total-multi-container');\r\n const tOmni = document.getElementById('total-omni-container');\r\n\r\n const fNodo = document.getElementById('feat-arte-nodo');\r\n const fMulti = document.getElementById('feat-arte-multi');\r\n const fOmni = document.getElementById('feat-arte-omni');\r\n\r\n if (esPagoAnticipado) {\r\n if (toggleBtn) toggleBtn.setAttribute('aria-checked', 'true');\r\n circle.classList.add('translate-x-6');\r\n labelMensual.classList.replace('text-white', 'text-gray-400');\r\n labelAnticipado.classList.replace('text-gray-400', 'text-white');\r\n\r\n pNodo.textContent = '$49';\r\n pMulti.textContent = '$44';\r\n pOmni.textContent = '$39';\r\n\r\n aNodo.classList.remove('hidden');\r\n aMulti.classList.remove('hidden');\r\n aOmni.classList.remove('hidden');\r\n\r\n if (tNodo) tNodo.classList.remove('hidden');\r\n if (tMulti) tMulti.classList.remove('hidden');\r\n if (tOmni) tOmni.classList.remove('hidden');\r\n\r\n if (fNodo) fNodo.classList.remove('hidden');\r\n if (fMulti) fMulti.classList.remove('hidden');\r\n if (fOmni) fOmni.classList.remove('hidden');\r\n } else {\r\n if (toggleBtn) toggleBtn.setAttribute('aria-checked', 'false');\r\n circle.classList.remove('translate-x-6');\r\n labelAnticipado.classList.replace('text-white', 'text-gray-400');\r\n labelMensual.classList.replace('text-gray-400', 'text-white');\r\n\r\n pNodo.textContent = '$59';\r\n pMulti.textContent = '$54';\r\n pOmni.textContent = '$49';\r\n\r\n aNodo.classList.add('hidden');\r\n aMulti.classList.add('hidden');\r\n aOmni.classList.add('hidden');\r\n\r\n if (tNodo) tNodo.classList.add('hidden');\r\n if (tMulti) tMulti.classList.add('hidden');\r\n if (tOmni) tOmni.classList.add('hidden');\r\n\r\n if (fNodo) fNodo.classList.add('hidden');\r\n if (fMulti) fMulti.classList.add('hidden');\r\n if (fOmni) fOmni.classList.add('hidden');\r\n }\r\n }\r\n\r\n function toggleMobileMenu() {\r\n const menu = document.getElementById('mobile-menu');\r\n const btn = document.getElementById('menu-btn');\r\n if (!menu) return;\r\n \r\n const isHidden = menu.classList.contains('hidden');\r\n if (isHidden) {\r\n menu.classList.remove('hidden');\r\n if (btn) btn.setAttribute('aria-expanded', 'true');\r\n } else {\r\n menu.classList.add('hidden');\r\n if (btn) btn.setAttribute('aria-expanded', 'false');\r\n }\r\n }\r\n\r\n function toggleFaq(faqId) {\r\n const faqContent = document.getElementById(faqId);\r\n const faqIcon = document.getElementById(`${faqId}-icon`);\r\n if (!faqContent) return;\r\n\r\n if (faqContent.classList.contains('hidden')) {\r\n faqContent.classList.remove('hidden');\r\n if (faqIcon) faqIcon.textContent = '\u2212';\r\n } else {\r\n faqContent.classList.add('hidden');\r\n if (faqIcon) faqIcon.textContent = '+';\r\n }\r\n }\r\n\r\n function abrirModalContacto(servicio) {\r\n const modal = document.getElementById('modal-contacto');\r\n const select = document.getElementById('form-servicio');\r\n if (servicio && select) {\r\n for (let i = 0; i < select.options.length; i++) {\r\n if (select.options[i].value.toLowerCase().includes(servicio.toLowerCase()) || \r\n servicio.toLowerCase().includes(select.options[i].value.toLowerCase())) {\r\n select.selectedIndex = i;\r\n break;\r\n }\r\n }\r\n }\r\n if (modal) {\r\n modal.classList.remove('hidden');\r\n modal.classList.add('flex');\r\n }\r\n }\r\n\r\n function cerrarModalContacto() {\r\n const modal = document.getElementById('modal-contacto');\r\n if (modal) {\r\n modal.classList.add('hidden');\r\n modal.classList.remove('flex');\r\n }\r\n }\r\n\r\n function enviarFormulario(event) {\r\n event.preventDefault();\r\n const nombre = document.getElementById('form-nombre').value;\r\n const servicio = document.getElementById('form-servicio').value;\r\n const mensaje = `Hola CUBU Marketing Studio, mi nombre es ${encodeURIComponent(nombre)} y me interesa el servicio: ${encodeURIComponent(servicio)}. Quisiera solicitar una asesor\u00eda personalizada.`;\r\n window.open(`https:\/\/wa.me\/593987828290?text=${mensaje}`, '_blank');\r\n cerrarModalContacto();\r\n }\r\n\r\n window.onclick = function(event) {\r\n const modal = document.getElementById('modal-contacto');\r\n if (event.target === modal) {\r\n cerrarModalContacto();\r\n }\r\n };\r\n <\/script>\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>CUBU Marketing Studio | Agencia de Marketing, Dise\u00f1o, Tecnolog\u00eda, V\u00edvelo & Pantallas LED Servicios App V\u00edvelo Red LED Planes LED Preguntas Frecuentes Contacto \ud83d\udcc5 Solicita tu Asesor\u00eda ☰ Servicios App V\u00edvelo (Eventos & Boletos) Red Pantallas LED 4K Planes LED Preguntas Frecuentes Contacto \ud83d\udcc5 Solicitar Asesor\u00eda Personalizada Agencia de Marketing L\u00edder Escalamos Tu Marca con […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-22","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/cubumkt.com\/index.php\/wp-json\/wp\/v2\/pages\/22","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/cubumkt.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/cubumkt.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/cubumkt.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/cubumkt.com\/index.php\/wp-json\/wp\/v2\/comments?post=22"}],"version-history":[{"count":56,"href":"https:\/\/cubumkt.com\/index.php\/wp-json\/wp\/v2\/pages\/22\/revisions"}],"predecessor-version":[{"id":142,"href":"https:\/\/cubumkt.com\/index.php\/wp-json\/wp\/v2\/pages\/22\/revisions\/142"}],"wp:attachment":[{"href":"https:\/\/cubumkt.com\/index.php\/wp-json\/wp\/v2\/media?parent=22"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

\n\t\t\t\t

\n\t\t\t\t\t\r\n\r\n\r\n \r\n \r\n CUBU Marketing Studio | Agencia de Marketing, Dise\u00f1o, Tecnolog\u00eda, V\u00edvelo & Pantallas LED<\/title>\r\n \r\n \r\n \r\n \r\n \r\n\r\n <meta name=\"description\" content=\"CUBU Marketing Studio es una agencia global de marketing digital, branding, performance ads, producci\u00f3n audiovisual, software, app V\u00edvelo y red de pantallas LED 4K indoor.\">\r\n <meta name=\"keywords\" content=\"agencia de marketing, publicidad, marketing digital, performance ads, Meta Ads, branding, pantallas LED, dise\u00f1o grafico, desarrollo web, Vivelo, Vivelo pro, boleteria, eventos, Ecuador, publicidades indoor\">\r\n <meta name=\"author\" content=\"CUBU Marketing Studio\">\r\n <meta name=\"robots\" content=\"index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1\">\r\n <meta name=\"geo.region\" content=\"EC\">\r\n <meta name=\"geo.placename\" content=\"Ecuador\">\r\n <link rel=\"canonical\" href=\"https:\/\/cubumkt.com\/\">\r\n\r\n <meta property=\"og:type\" content=\"website\">\r\n <meta property=\"og:locale\" content=\"es_EC\">\r\n <meta property=\"og:site_name\" content=\"CUBU Marketing Studio\">\r\n <meta property=\"og:url\" content=\"https:\/\/cubumkt.com\/\">\r\n <meta property=\"og:title\" content=\"CUBU Marketing Studio | Agencia de Marketing, V\u00edvelo App & Pantallas LED\">\r\n <meta property=\"og:description\" content=\"Estrategia y comunicaci\u00f3n para marcas. Performance ads, branding, tecnolog\u00eda, app V\u00edvelo y nuestra red exclusiva de pantallas LED 4K.\">\r\n <meta property=\"og:image\" content=\"https:\/\/cubumkt.com\/wp-content\/uploads\/2026\/09\/CUBU-MARKETING-BLANCO-scaled.png\">\r\n\r\n <meta name=\"twitter:card\" content=\"summary_large_image\">\r\n <meta name=\"twitter:title\" content=\"CUBU Marketing Studio | Agencia de Marketing, V\u00edvelo App & Tecnolog\u00eda\">\r\n <meta name=\"twitter:description\" content=\"Acelera el crecimiento de tu marca con estrategias de rendimiento, branding, desarrollo web, V\u00edvelo y pantallas LED.\">\r\n <meta name=\"twitter:image\" content=\"https:\/\/cubumkt.com\/wp-content\/uploads\/2026\/09\/CUBU-MARKETING-BLANCO-scaled.png\">\r\n\r\n <script type=\"application\/ld+json\">\r\n {\r\n \"@context\": \"https:\/\/schema.org\",\r\n \"@graph\": [\r\n {\r\n \"@type\": \"MarketingAgency\",\r\n \"@id\": \"https:\/\/cubumkt.com\/#agency\",\r\n \"name\": \"CUBU Marketing Studio\",\r\n \"alternateName\": [\"CUBU.mkt\", \"CUBU Studio\"],\r\n \"url\": \"https:\/\/cubumkt.com\",\r\n \"logo\": \"https:\/\/cubumkt.com\/wp-content\/uploads\/2026\/09\/CUBU-MARKETING-BLANCO-scaled.png\",\r\n \"image\": \"https:\/\/cubumkt.com\/wp-content\/uploads\/2026\/09\/CUBU-MARKETING-BLANCO-scaled.png\",\r\n \"description\": \"Agencia integral de marketing digital, estrategias de growth performance ads, branding, desarrollo de software web\/m\u00f3vil, app V\u00edvelo y red exclusiva de pantallas LED 4K indoor.\",\r\n \"telephone\": \"+593987828290\",\r\n \"email\": \"contacto@cubumkt.com\",\r\n \"priceRange\": \"$$\",\r\n \"address\": {\r\n \"@type\": \"PostalAddress\",\r\n \"addressCountry\": \"EC\"\r\n },\r\n \"areaServed\": [\r\n {\r\n \"@type\": \"Country\",\r\n \"name\": \"Ecuador\"\r\n },\r\n {\r\n \"@type\": \"Place\",\r\n \"name\": \"Latinoam\u00e9rica\"\r\n }\r\n ],\r\n \"sameAs\": [\r\n \"https:\/\/www.instagram.com\/cubumkt\",\r\n \"https:\/\/vivelo.pro\/\"\r\n ],\r\n \"knowsAbout\": [\r\n \"Marketing Digital\",\r\n \"Performance Ads\",\r\n \"Dise\u00f1o de Marca y Branding\",\r\n \"Publicidad en Pantallas LED Indoor\",\r\n \"Desarrollo Web y Aplicaciones M\u00f3viles\",\r\n \"Plataforma de Boleter\u00eda y App V\u00edvelo\"\r\n ],\r\n \"hasOfferCatalog\": {\r\n \"@type\": \"OfferCatalog\",\r\n \"name\": \"Servicios de CUBU Marketing Studio\",\r\n \"itemListElement\": [\r\n {\r\n \"@type\": \"OfferCatalog\",\r\n \"name\": \"CUBU.mkt - Marketing Digital & Performance Ads\",\r\n \"description\": \"Campa\u00f1as en Meta Ads, Google Ads, TikTok Ads y gesti\u00f3n estrat\u00e9gica de redes sociales.\"\r\n },\r\n {\r\n \"@type\": \"OfferCatalog\",\r\n \"name\": \"CUBU.design - Branding & Dise\u00f1o Gr\u00e1fico\",\r\n \"description\": \"Identidad corporativa, manuales de marca y dise\u00f1o publicitario para formatos digitales e impresos.\"\r\n },\r\n {\r\n \"@type\": \"OfferCatalog\",\r\n \"name\": \"V\u00edvelo App & Tickets - Boleter\u00eda Digital\",\r\n \"description\": \"Plataforma e app m\u00f3vil para la compra de entradas, control de acceso QR y boletaje de eventos masivos.\"\r\n },\r\n {\r\n \"@type\": \"OfferCatalog\",\r\n \"name\": \"CUBU.play - Red de Pantallas LED 4K & Producci\u00f3n Audiovisual\",\r\n \"description\": \"Publicidad indoor en pantallas LED 4K y producci\u00f3n audiovisual en Motion Graphics 2D\/3D.\"\r\n },\r\n {\r\n \"@type\": \"OfferCatalog\",\r\n \"name\": \"CUBU.labs - Desarrollo Web, Software & Apps\",\r\n \"description\": \"P\u00e1ginas web, tiendas online, software a medida, apps y desarrollo tecnol\u00f3gico.\"\r\n }\r\n ]\r\n }\r\n },\r\n {\r\n \"@type\": \"FAQPage\",\r\n \"@id\": \"https:\/\/cubumkt.com\/#faq\",\r\n \"mainEntity\": [\r\n {\r\n \"@type\": \"Question\",\r\n \"name\": \"\u00bfQu\u00e9 es la aplicaci\u00f3n V\u00edvelo y c\u00f3mo puedo descargarla?\",\r\n \"acceptedAnswer\": {\r\n \"@type\": \"Answer\",\r\n \"text\": \"V\u00edvelo (https:\/\/vivelo.pro\/) es la plataforma insignia desarrollada por CUBU para la compra f\u00e1cil y segura de boletos para eventos en vivo, conciertos y espect\u00e1culos. Puedes descargarla directamente en Google Play Store, Apple App Store o acceder desde el sitio web oficial vivelo.pro.\"\r\n }\r\n },\r\n {\r\n \"@type\": \"Question\",\r\n \"name\": \"\u00bfQu\u00e9 servicios ofrece CUBU Marketing Studio?\",\r\n \"acceptedAnswer\": {\r\n \"@type\": \"Answer\",\r\n \"text\": \"CUBU Marketing Studio ofrece 4 divisiones principales: CUBU.mkt (Marketing Digital y Performance Ads), CUBU.design (Branding y Dise\u00f1o Gr\u00e1fico), CUBU.play (Red de Pantallas LED Indoor 4K y Producci\u00f3n Audiovisual) y CUBU.labs (Desarrollo Web, Apps y Soluciones de Software como V\u00edvelo Tickets).\"\r\n }\r\n },\r\n {\r\n \"@type\": \"Question\",\r\n \"name\": \"\u00bfC\u00f3mo funciona la publicidad en la Red de Pantallas LED 4K?\",\r\n \"acceptedAnswer\": {\r\n \"@type\": \"Answer\",\r\n \"text\": \"Nuestra Red de Pantallas LED Indoor 4K proyecta anuncios de 10 a 15 segundos en ubicaciones estrat\u00e9gicas de alto tr\u00e1fico gastron\u00f3mico y comercial. Ofrecemos planes como Nodo \u00danico ($59\/mes por pantalla), Multi-Punto ($54\/mes por pantalla) y Omnipresencia ($49\/mes por pantalla), con descuentos adicionales por pago anticipado a 6 meses.\"\r\n }\r\n }\r\n ]\r\n }\r\n ]\r\n }\r\n <\/script>\r\n\r\n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\r\n \r\n <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap\" rel=\"stylesheet\">\r\n \r\n <script>\r\n tailwind.config = {\r\n darkMode: 'class',\r\n theme: {\r\n extend: {\r\n fontFamily: {\r\n sans: ['Poppins', 'sans-serif'],\r\n },\r\n colors: {\r\n darkBg: '#0b0f19',\r\n cardBg: '#131b2e',\r\n accentPurple: '#7c3aed',\r\n accentBlue: '#06b6d4',\r\n viveloRed: '#ff3366',\r\n }\r\n }\r\n }\r\n }\r\n <\/script>\r\n\r\n <style>\r\n .cubu-icon-isolated {\r\n width: 32px !important;\r\n height: 32px !important;\r\n max-width: 32px !important;\r\n max-height: 32px !important;\r\n min-width: 32px !important;\r\n min-height: 32px !important;\r\n object-fit: contain !important;\r\n display: inline-block !important;\r\n margin: 0 !important;\r\n padding: 0 !important;\r\n }\r\n\r\n .cubu-logo-header {\r\n height: 30px !important;\r\n width: auto !important;\r\n max-height: 30px !important;\r\n object-fit: contain !important;\r\n display: block !important;\r\n }\r\n\r\n .cubu-client-logo {\r\n height: 32px !important;\r\n width: auto !important;\r\n max-height: 32px !important;\r\n object-fit: contain !important;\r\n display: block !important;\r\n filter: brightness(1.1) contrast(1.1);\r\n transition: filter 0.3s ease, transform 0.3s ease;\r\n }\r\n\r\n .cubu-client-logo:hover {\r\n filter: brightness(1.3);\r\n transform: scale(1.08);\r\n }\r\n\r\n @keyframes cubu-marquee {\r\n 0% { transform: translateX(0%); }\r\n 100% { transform: translateX(-50%); }\r\n }\r\n\r\n .animate-cubu-marquee {\r\n display: flex;\r\n width: max-content;\r\n animation: cubu-marquee 65s linear infinite;\r\n }\r\n\r\n .animate-cubu-marquee:hover {\r\n animation-play-state: paused;\r\n }\r\n <\/style>\r\n<\/head>\r\n<body class=\"bg-darkBg text-white font-sans antialiased selection:bg-purple-600 selection:text-white overflow-x-hidden\">\r\n\r\n <header class=\"fixed top-0 left-0 right-0 z-50 bg-[#0b0f19]\/90 backdrop-blur-md border-b border-gray-800\/60 w-full transition-all duration-300\">\r\n <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 h-[60px] flex items-center justify-between\">\r\n \r\n <a href=\"#\" class=\"flex items-center gap-3 group shrink-0\" aria-label=\"Inicio CUBU Marketing Studio\">\r\n <img decoding=\"async\" src=\"https:\/\/cubumkt.com\/wp-content\/uploads\/2026\/09\/CUBU-MARKETING-BLANCO-scaled.png\" alt=\"CUBU Marketing Studio Logo\" class=\"cubu-logo-header transition-transform group-hover:scale-105\">\r\n <\/a>\r\n\r\n <nav class=\"hidden lg:flex items-center gap-6 text-xs font-medium\" aria-label=\"Navegaci\u00f3n principal\">\r\n <a href=\"#servicios\" class=\"text-white hover:text-cyan-400 transition-colors\">Servicios<\/a>\r\n <a href=\"#vivelo-app\" class=\"flex items-center gap-1.5 px-3 py-1 rounded-full border border-pink-500\/50 bg-pink-950\/40 text-pink-400 hover:bg-pink-900\/60 transition-all text-[11px] font-semibold\">\r\n <span class=\"w-1.5 h-1.5 rounded-full bg-pink-500 animate-pulse\"><\/span>\r\n App V\u00edvelo\r\n <\/a>\r\n <a href=\"#pantallas-led\" class=\"flex items-center gap-1.5 px-3 py-1 rounded-full border border-cyan-500\/40 bg-cyan-950\/30 text-cyan-400 hover:bg-cyan-900\/40 transition-all text-[11px] font-semibold\">\r\n <span class=\"w-1.5 h-1.5 rounded-full bg-cyan-400 animate-pulse\"><\/span>\r\n Red LED\r\n <\/a>\r\n <a href=\"#planes\" class=\"text-white hover:text-cyan-400 transition-colors\">Planes LED<\/a>\r\n <a href=\"#faq\" class=\"text-white hover:text-cyan-400 transition-colors\">Preguntas Frecuentes<\/a>\r\n <a href=\"#contacto\" class=\"text-white hover:text-cyan-400 transition-colors\">Contacto<\/a>\r\n <\/nav>\r\n\r\n <div class=\"hidden lg:flex items-center gap-4 shrink-0\">\r\n <button onclick=\"abrirModalContacto()\" class=\"px-4 py-1.5 rounded-full bg-gradient-to-r from-purple-600 to-cyan-500 text-white font-medium text-xs shadow-md shadow-purple-500\/20 hover:shadow-cyan-500\/30 hover:scale-105 transition-all flex items-center justify-center gap-1.5\">\r\n <span>\ud83d\udcc5<\/span>\r\n <span>Solicita tu Asesor\u00eda<\/span>\r\n <\/button>\r\n <\/div>\r\n\r\n <button id=\"menu-btn\" onclick=\"toggleMobileMenu()\" aria-label=\"Abrir men\u00fa\" aria-expanded=\"false\" class=\"lg:hidden p-1.5 text-white hover:text-cyan-400 focus:outline-none rounded-lg bg-gray-800\/80 border border-gray-700\/60 text-sm\">\r\n ☰\r\n <\/button>\r\n <\/div>\r\n\r\n <div id=\"mobile-menu\" class=\"hidden lg:hidden bg-[#0d1322] border-b border-gray-800 px-6 py-4 space-y-3 shadow-2xl\">\r\n <a href=\"#servicios\" onclick=\"toggleMobileMenu()\" class=\"block text-sm font-medium text-white hover:text-cyan-400 py-1 border-b border-gray-800\/50\">Servicios<\/a>\r\n <a href=\"#vivelo-app\" onclick=\"toggleMobileMenu()\" class=\"flex items-center gap-2 text-sm font-medium text-pink-400 py-1 border-b border-gray-800\/50\">\r\n <span class=\"w-2 h-2 rounded-full bg-pink-500 animate-pulse\"><\/span>\r\n App V\u00edvelo (Eventos & Boletos)\r\n <\/a>\r\n <a href=\"#pantallas-led\" onclick=\"toggleMobileMenu()\" class=\"flex items-center gap-2 text-sm font-medium text-cyan-400 py-1 border-b border-gray-800\/50\">\r\n <span class=\"w-2 h-2 rounded-full bg-cyan-400 animate-pulse\"><\/span>\r\n Red Pantallas LED 4K\r\n <\/a>\r\n <a href=\"#planes\" onclick=\"toggleMobileMenu()\" class=\"block text-sm font-medium text-white hover:text-cyan-400 py-1 border-b border-gray-800\/50\">Planes LED<\/a>\r\n <a href=\"#faq\" onclick=\"toggleMobileMenu()\" class=\"block text-sm font-medium text-white hover:text-cyan-400 py-1 border-b border-gray-800\/50\">Preguntas Frecuentes<\/a>\r\n <a href=\"#contacto\" onclick=\"toggleMobileMenu()\" class=\"block text-sm font-medium text-white hover:text-cyan-400 py-1 border-b border-gray-800\/50\">Contacto<\/a>\r\n <div class=\"pt-2\">\r\n <button onclick=\"toggleMobileMenu(); abrirModalContacto();\" class=\"w-full py-2.5 rounded-full bg-gradient-to-r from-purple-600 to-cyan-500 text-white font-semibold text-xs text-center shadow-lg flex items-center justify-center gap-2\">\r\n <span>\ud83d\udcc5<\/span>\r\n <span>Solicitar Asesor\u00eda Personalizada<\/span>\r\n <\/button>\r\n <\/div>\r\n <\/div>\r\n <\/header>\r\n\r\n <main class=\"overflow-hidden\">\r\n\r\n <section id=\"hero-wrapper\" class=\"relative pt-28 pb-16 md:pt-36 md:pb-24 px-4 sm:px-6 lg:px-8 max-w-7xl mx-auto overflow-hidden min-h-[82vh] flex flex-col justify-center\">\r\n \r\n <div class=\"absolute inset-0 z-0 w-full h-full pointer-events-none overflow-hidden\">\r\n <canvas id=\"motion-graphics-canvas\" class=\"w-full h-full opacity-80 block\" style=\"position: absolute; top: 0; left: 0; width: 100%; height: 100%;\"><\/canvas>\r\n <\/div>\r\n\r\n <div class=\"absolute top-1\/3 left-1\/2 -translate-x-1\/2 -translate-y-1\/2 w-80 sm:w-96 h-80 sm:h-96 bg-purple-600\/20 blur-[120px] rounded-full z-0 pointer-events-none\"><\/div>\r\n \r\n <div class=\"text-center max-w-4xl mx-auto space-y-6 sm:space-y-8 relative z-10\">\r\n \r\n <div class=\"inline-flex items-center gap-2 px-3.5 py-1.5 rounded-full bg-purple-950\/70 border border-purple-500\/40 text-purple-300 text-xs sm:text-sm font-medium tracking-wide backdrop-blur-md shadow-lg shadow-purple-900\/20\">\r\n <span class=\"w-2 h-2 rounded-full bg-cyan-400 animate-ping\"><\/span>\r\n Agencia de Marketing L\u00edder\r\n <\/div>\r\n\r\n <h1 class=\"text-3xl sm:text-5xl md:text-6xl lg:text-7xl font-bold tracking-tight leading-[1.15] text-white drop-shadow-md\">\r\n <span>Escalamos Tu Marca con<\/span><br>\r\n <span class=\"bg-gradient-to-r from-[#c084fc] via-[#38bdf8] to-[#34d399] bg-clip-text text-transparent\">Estrategia, Dise\u00f1o & Datos<\/span>\r\n <\/h1>\r\n\r\n <p class=\"text-base sm:text-lg md:text-xl text-gray-200 max-w-3xl mx-auto font-light leading-relaxed\">\r\n En <strong class=\"text-white font-semibold\">CUBU Marketing Studio<\/strong> transformamos marcas. Combinamos rendimiento publicitario en redes Ads, branding memorable, la plataforma <span class=\"text-pink-400 font-medium\">V\u00edvelo Tickets<\/span> y nuestra exclusiva <span class=\"text-cyan-400 font-medium\">Red de Pantallas LED Indoor 4K<\/span>.\r\n <\/p>\r\n\r\n <div class=\"flex flex-col sm:flex-row items-center justify-center gap-4 pt-2\">\r\n <button onclick=\"abrirModalContacto()\" class=\"w-full sm:w-auto px-8 py-3.5 rounded-full bg-gradient-to-r from-purple-600 to-cyan-500 text-white font-semibold text-sm sm:text-base shadow-xl shadow-purple-600\/30 hover:shadow-cyan-500\/40 hover:scale-105 transition-all flex items-center justify-center gap-2\">\r\n <span>\ud83d\ude80<\/span>\r\n <span>Impulsar Mi Marca Ahora<\/span>\r\n <\/button>\r\n <a href=\"#vivelo-app\" class=\"w-full sm:w-auto px-8 py-3.5 rounded-full bg-gray-900\/90 border border-pink-500\/40 text-pink-300 font-medium text-sm sm:text-base hover:bg-pink-950\/40 transition-all text-center backdrop-blur-sm flex items-center justify-center gap-2\">\r\n <span>\ud83c\udf9f\ufe0f<\/span>\r\n <span>Conocer App V\u00edvelo<\/span>\r\n <\/a>\r\n <\/div>\r\n\r\n <div class=\"grid grid-cols-2 md:grid-cols-4 gap-4 pt-8 sm:pt-12 text-left\">\r\n <div class=\"p-5 sm:p-6 rounded-2xl bg-cardBg\/80 border border-gray-800\/80 backdrop-blur-md hover:border-purple-500\/40 transition-all\">\r\n <div class=\"text-2xl sm:text-4xl font-black text-white\">+100<\/div>\r\n <div class=\"text-[11px] sm:text-xs uppercase tracking-wider text-purple-400 font-semibold mt-1\">Campa\u00f1as Exitosas<\/div>\r\n <div class=\"text-xs text-gray-300 mt-1.5 hidden sm:block\">Estrategias de Growth & Performance en marcas globales.<\/div>\r\n <\/div>\r\n <div class=\"p-5 sm:p-6 rounded-2xl bg-cardBg\/80 border border-gray-800\/80 backdrop-blur-md hover:border-cyan-500\/40 transition-all\">\r\n <div class=\"text-2xl sm:text-4xl font-black text-white\">3-5x<\/div>\r\n <div class=\"text-[11px] sm:text-xs uppercase tracking-wider text-cyan-400 font-semibold mt-1\">ROAS Promedio<\/div>\r\n <div class=\"text-xs text-gray-300 mt-1.5 hidden sm:block\">Retorno garantizado en anuncios Meta & Google.<\/div>\r\n <\/div>\r\n <div class=\"p-5 sm:p-6 rounded-2xl bg-cardBg\/80 border border-gray-800\/80 backdrop-blur-md hover:border-pink-500\/40 transition-all\">\r\n <div class=\"text-2xl sm:text-4xl font-black text-white\">V\u00edvelo<\/div>\r\n <div class=\"text-[11px] sm:text-xs uppercase tracking-wider text-pink-400 font-semibold mt-1\">App de Boleter\u00eda<\/div>\r\n <div class=\"text-xs text-gray-300 mt-1.5 hidden sm:block\">Control de acceso y boletos para los mejores eventos.<\/div>\r\n <\/div>\r\n <div class=\"p-5 sm:p-6 rounded-2xl bg-cardBg\/80 border border-gray-800\/80 backdrop-blur-md hover:border-cyan-500\/40 transition-all\">\r\n <div class=\"text-2xl sm:text-4xl font-black text-white\">360\u00b0<\/div>\r\n <div class=\"text-[11px] sm:text-xs uppercase tracking-wider text-cyan-300 font-semibold mt-1\">Soluci\u00f3n Integral<\/div>\r\n <div class=\"text-xs text-gray-300 mt-1.5 hidden sm:block\">Branding, contenido, software y medios propios.<\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <section id=\"servicios\" class=\"py-20 px-4 sm:px-6 lg:px-8 max-w-7xl mx-auto space-y-12 border-t border-gray-800\/80\">\r\n \r\n <div class=\"text-center space-y-3\">\r\n <span class=\"text-purple-400 uppercase tracking-widest text-xs font-bold\">Servicios<\/span>\r\n <h2 class=\"text-3xl sm:text-4xl md:text-5xl font-bold tracking-tight text-white\">Nuestras 4 Soluciones Principales<\/h2>\r\n <p class=\"text-gray-300 max-w-2xl mx-auto text-sm sm:text-base font-light\">Estructuradas con precisi\u00f3n para cubrir el 100% de las necesidades de comunicaci\u00f3n, marca, publicidad y tecnolog\u00eda de tu empresa.<\/p>\r\n <\/div>\r\n\r\n <div class=\"flex flex-wrap items-center justify-center gap-2 sm:gap-3 pt-2\">\r\n <button onclick=\"filtrarDivision('todas')\" id=\"btn-div-todas\" class=\"btn-division px-5 py-2 rounded-full text-xs font-semibold bg-gradient-to-r from-purple-600 to-cyan-500 text-white shadow-lg transition-all\">\r\n Todos los Servicios\r\n <\/button>\r\n <button onclick=\"filtrarDivision('mkt')\" id=\"btn-div-mkt\" class=\"btn-division px-5 py-2 rounded-full text-xs font-semibold bg-gray-900 border border-gray-800 text-gray-300 hover:text-white hover:border-purple-500 transition-all\">\r\n \ud83c\udfaf CUBU.mkt\r\n <\/button>\r\n <button onclick=\"filtrarDivision('design')\" id=\"btn-div-design\" class=\"btn-division px-5 py-2 rounded-full text-xs font-semibold bg-gray-900 border border-gray-800 text-gray-300 hover:text-white hover:border-purple-500 transition-all\">\r\n \ud83c\udfa8 CUBU.design\r\n <\/button>\r\n <button onclick=\"filtrarDivision('play')\" id=\"btn-div-play\" class=\"btn-division px-5 py-2 rounded-full text-xs font-semibold bg-gray-900 border border-gray-800 text-gray-300 hover:text-white hover:border-purple-500 transition-all\">\r\n \ud83c\udfac CUBU.play\r\n <\/button>\r\n <button onclick=\"filtrarDivision('labs')\" id=\"btn-div-labs\" class=\"btn-division px-5 py-2 rounded-full text-xs font-semibold bg-gray-900 border border-gray-800 text-gray-300 hover:text-white hover:border-cyan-500 transition-all\">\r\n \ud83d\udcbb CUBU.labs\r\n <\/button>\r\n <\/div>\r\n\r\n <div class=\"grid grid-cols-1 md:grid-cols-2 gap-8 pt-4\">\r\n \r\n <div class=\"card-division div-mkt p-6 sm:p-8 rounded-3xl bg-cardBg border border-gray-800\/80 hover:border-purple-500\/50 transition-all flex flex-col justify-between space-y-6 group relative overflow-hidden\">\r\n <div class=\"space-y-4\">\r\n <div class=\"flex items-center gap-3 border-b border-gray-800\/80 pb-4\">\r\n <div class=\"w-9 h-9 shrink-0 flex items-center justify-center\">\r\n <img decoding=\"async\" src=\"https:\/\/cubumkt.com\/wp-content\/uploads\/2026\/09\/cropped-ISO-CUBUmkt-blanco.png\" alt=\"CUBU.mkt Logo\" class=\"cubu-icon-isolated\">\r\n <\/div>\r\n <div>\r\n <h3 class=\"text-xl font-bold text-white group-hover:text-purple-300 transition-colors leading-tight\">CUBU.mkt<\/h3>\r\n <span class=\"text-xs text-purple-400 font-medium block\">Marketing Digital & Performance<\/span>\r\n <\/div>\r\n <\/div>\r\n\r\n <p class=\"text-gray-300 text-xs sm:text-sm leading-relaxed font-light\">\r\n Todo lo relacionado con estrategia digital, adquisici\u00f3n acelerada de clientes, posicionamiento y gesti\u00f3n integral de campa\u00f1as publicitarias.\r\n <\/p>\r\n\r\n <div class=\"space-y-2.5 pt-2\">\r\n <div class=\"flex items-start gap-2.5 text-xs text-gray-200\">\r\n <span class=\"text-purple-400 mt-0.5\">\u2714<\/span>\r\n <div><strong class=\"text-white\">Performance Ads:<\/strong> Campa\u00f1as orientadas a ventas en Meta Ads, Google Ads y TikTok Ads.<\/div>\r\n <\/div>\r\n <div class=\"flex items-start gap-2.5 text-xs text-gray-200\">\r\n <span class=\"text-purple-400 mt-0.5\">\u2714<\/span>\r\n <div><strong class=\"text-white\">Social Media Strategy:<\/strong> Planificaci\u00f3n de contenido comercial y calendarios editoriales.<\/div>\r\n <\/div>\r\n <div class=\"flex items-start gap-2.5 text-xs text-gray-200\">\r\n <span class=\"text-purple-400 mt-0.5\">\u2714<\/span>\r\n <div><strong class=\"text-white\">Growth & Community Management:<\/strong> Interacci\u00f3n proactiva, captaci\u00f3n e incremento de ventas.<\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <button onclick=\"abrirModalContacto('CUBU.mkt - Marketing Digital')\" class=\"w-full py-3 rounded-full bg-purple-600\/20 hover:bg-purple-600 border border-purple-500\/40 text-purple-200 hover:text-white font-medium text-xs transition-all flex items-center justify-center gap-2 shadow-md\">\r\n <span>\ud83c\udfaf<\/span>\r\n <span>Cotizar Servicios de Marketing<\/span>\r\n <\/button>\r\n <\/div>\r\n\r\n <div class=\"card-division div-design p-6 sm:p-8 rounded-3xl bg-cardBg border border-gray-800\/80 hover:border-cyan-500\/50 transition-all flex flex-col justify-between space-y-6 group relative overflow-hidden\">\r\n <div class=\"space-y-4\">\r\n <div class=\"flex items-center gap-3 border-b border-gray-800\/80 pb-4\">\r\n <div class=\"w-9 h-9 shrink-0 flex items-center justify-center\">\r\n <img decoding=\"async\" src=\"https:\/\/cubumkt.com\/wp-content\/uploads\/2026\/09\/ISO-CUBUdesign-blanco.png\" alt=\"CUBU.design Logo\" class=\"cubu-icon-isolated\">\r\n <\/div>\r\n <div>\r\n <h3 class=\"text-xl font-bold text-white group-hover:text-cyan-300 transition-colors leading-tight\">CUBU.design<\/h3>\r\n <span class=\"text-xs text-cyan-400 font-medium block\">Dise\u00f1o Gr\u00e1fico & Branding<\/span>\r\n <\/div>\r\n <\/div>\r\n\r\n <p class=\"text-gray-300 text-xs sm:text-sm leading-relaxed font-light\">\r\n Todo lo relacionado con identidad visual, branding corporativo y direcci\u00f3n de arte para marcas que buscan destacar con sofisticaci\u00f3n.\r\n <\/p>\r\n\r\n <div class=\"space-y-2.5 pt-2\">\r\n <div class=\"flex items-start gap-2.5 text-xs text-gray-200\">\r\n <span class=\"text-cyan-400 mt-0.5\">\u2714<\/span>\r\n <div><strong class=\"text-white\">Branding & Logo Design:<\/strong> Creaci\u00f3n e identidades visuales \u00fanicas y memorables.<\/div>\r\n <\/div>\r\n <div class=\"flex items-start gap-2.5 text-xs text-gray-200\">\r\n <span class=\"text-cyan-400 mt-0.5\">\u2714<\/span>\r\n <div><strong class=\"text-white\">Manuales de Marca:<\/strong> Gu\u00edas corporativas de tipograf\u00eda, color y aplicaciones visuales.<\/div>\r\n <\/div>\r\n <div class=\"flex items-start gap-2.5 text-xs text-gray-200\">\r\n <span class=\"text-cyan-400 mt-0.5\">\u2714<\/span>\r\n <div><strong class=\"text-white\">Dise\u00f1o Publicitario & Banners:<\/strong> Piezas para medios impresos, empaques y redes digitales.<\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <button onclick=\"abrirModalContacto('CUBU.design - Dise\u00f1o Gr\u00e1fico')\" class=\"w-full py-3 rounded-full bg-cyan-600\/20 hover:bg-cyan-600 border border-cyan-500\/40 text-cyan-200 hover:text-white font-medium text-xs transition-all flex items-center justify-center gap-2 shadow-md\">\r\n <span>\ud83c\udfa8<\/span>\r\n <span>Cotizar Dise\u00f1o & Branding<\/span>\r\n <\/button>\r\n <\/div>\r\n\r\n <div class=\"card-division div-play p-6 sm:p-8 rounded-3xl bg-gradient-to-b from-cardBg to-purple-950\/30 border border-purple-500\/40 hover:border-purple-300 transition-all flex flex-col justify-between space-y-6 group relative overflow-hidden\">\r\n <div class=\"space-y-4\">\r\n <div class=\"flex items-center gap-3 border-b border-gray-800\/80 pb-4\">\r\n <div class=\"w-9 h-9 shrink-0 flex items-center justify-center\">\r\n <img decoding=\"async\" src=\"https:\/\/cubumkt.com\/wp-content\/uploads\/2026\/09\/ISO-CUBUplay-blanco.png\" alt=\"CUBU.play Logo\" class=\"cubu-icon-isolated\">\r\n <\/div>\r\n <div>\r\n <h3 class=\"text-xl font-bold text-white group-hover:text-purple-300 transition-colors leading-tight\">CUBU.play<\/h3>\r\n <span class=\"text-xs text-purple-400 font-medium block\">Producci\u00f3n Audiovisual & Red LED 4K<\/span>\r\n <\/div>\r\n <\/div>\r\n\r\n <p class=\"text-gray-300 text-xs sm:text-sm leading-relaxed font-light\">\r\n Todo lo relacionado con producci\u00f3n audiovisual de alto impacto, animaci\u00f3n Motion Graphics y nuestra red exclusiva de pantallas LED 4K.\r\n <\/p>\r\n\r\n <div class=\"space-y-2.5 pt-2\">\r\n <div class=\"flex items-start gap-2.5 text-xs text-gray-200\">\r\n <span class=\"text-purple-400 mt-0.5\">\u2714<\/span>\r\n <div><strong class=\"text-white\">Red de Pantallas LED Indoor 4K:<\/strong> Emisi\u00f3n constante en los mejores puntos gastron\u00f3micos y comerciales.<\/div>\r\n <\/div>\r\n <div class=\"flex items-start gap-2.5 text-xs text-gray-200\">\r\n <span class=\"text-purple-400 mt-0.5\">\u2714<\/span>\r\n <div><strong class=\"text-white\">Motion Graphics 2D\/3D:<\/strong> Animaciones din\u00e1micas de 10 a 15 segundos dise\u00f1adas para captar atenci\u00f3n.<\/div>\r\n <\/div>\r\n <div class=\"flex items-start gap-2.5 text-xs text-gray-200\">\r\n <span class=\"text-purple-400 mt-0.5\">\u2714<\/span>\r\n <div><strong class=\"text-white\">Spots Publicitarios Cinem\u00e1ticos:<\/strong> Grabaci\u00f3n y edici\u00f3n profesional en formato vertical y horizontal.<\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"space-y-2\">\r\n <button onclick=\"abrirModalContacto('CUBU.play - Producci\u00f3n Audiovisual & Pantallas LED')\" class=\"w-full py-3 rounded-full bg-gradient-to-r from-purple-600 to-cyan-500 hover:opacity-90 text-white font-medium text-xs transition-all shadow-md flex items-center justify-center gap-2\">\r\n <span>\ud83d\udcfa<\/span>\r\n <span>Cotizar Producci\u00f3n o Pantallas LED<\/span>\r\n <\/button>\r\n <a href=\"#planes\" class=\"block text-center text-[11px] text-cyan-400 hover:underline pt-1\">Ver Planes de la Red LED →<\/a>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"card-division div-labs p-6 sm:p-8 rounded-3xl bg-gradient-to-b from-cardBg via-cardBg to-cyan-950\/40 border border-cyan-500\/40 hover:border-cyan-300 transition-all flex flex-col justify-between space-y-6 group relative overflow-hidden\">\r\n <div class=\"space-y-4\">\r\n <div class=\"flex items-center gap-3 border-b border-gray-800\/80 pb-4\">\r\n <div class=\"w-9 h-9 shrink-0 flex items-center justify-center\">\r\n <img decoding=\"async\" src=\"https:\/\/cubumkt.com\/wp-content\/uploads\/2026\/09\/ISO-CUBUlabs-blanco.png\" alt=\"CUBU.labs Logo\" class=\"cubu-icon-isolated\">\r\n <\/div>\r\n <div>\r\n <h3 class=\"text-xl font-bold text-white group-hover:text-cyan-300 transition-colors leading-tight\">CUBU.labs<\/h3>\r\n <span class=\"text-xs text-cyan-400 font-medium block\">Desarrollo Web, Apps & Sistemas<\/span>\r\n <\/div>\r\n <\/div>\r\n\r\n <p class=\"text-gray-300 text-xs sm:text-sm leading-relaxed font-light\">\r\n Todo lo relacionado con ingenier\u00eda de software, plataformas web de alta conversi\u00f3n, aplicaciones m\u00f3viles para iOS\/Android y desarrollo tecnol\u00f3gico.\r\n <\/p>\r\n\r\n <div class=\"space-y-2.5 pt-2\">\r\n <div class=\"flex items-start gap-2.5 text-xs text-gray-200\">\r\n <span class=\"text-cyan-400 mt-0.5\">\u2714<\/span>\r\n <div><strong class=\"text-white\">Desarrollo Web & Landing Pages:<\/strong> Sitios r\u00e1pidos, adaptables e hiperoptimizados para convertir.<\/div>\r\n <\/div>\r\n <div class=\"flex items-start gap-2.5 text-xs text-gray-200\">\r\n <span class=\"text-cyan-400 mt-0.5\">\u2714<\/span>\r\n <div><strong class=\"text-white\">Aplicaciones M\u00f3viles & Sistemas SaaS:<\/strong> Software personalizado con arquitectura escalable.<\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"p-3.5 rounded-2xl bg-gray-950\/80 border border-pink-500\/40 space-y-2 mt-2\">\r\n <div class=\"flex items-center justify-between\">\r\n <img decoding=\"async\" src=\"https:\/\/cubumkt.com\/wp-content\/uploads\/2026\/09\/LOGO-VIVELO-COLOR-PLANO.png\" alt=\"V\u00edvelo Tickets Logo\" style=\"height: 22px !important; width: auto !important; max-height: 22px !important; object-fit: contain !important;\">\r\n <span class=\"px-2 py-0.5 rounded bg-pink-950\/90 border border-pink-500\/40 text-[9px] text-pink-300 font-bold\">Plataforma Insignia<\/span>\r\n <\/div>\r\n <p class=\"text-[11px] text-gray-300 leading-tight\">Plataforma digital y app m\u00f3vil de boleter\u00eda y acceso masivo en vivo.<\/p>\r\n <a href=\"#vivelo-app\" class=\"inline-flex items-center gap-1 text-[11px] text-pink-400 font-semibold hover:underline\">\r\n <span>Explorar V\u00edvelo & Eventos<\/span>\r\n <span>→<\/span>\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n\r\n <button onclick=\"abrirModalContacto('CUBU.labs - Desarrollo Web & Software')\" class=\"w-full py-3 rounded-full bg-cyan-600\/20 hover:bg-cyan-600 border border-cyan-500\/40 text-cyan-200 hover:text-white font-medium text-xs transition-all flex items-center justify-center gap-2 shadow-md\">\r\n <span>\ud83d\udcbb<\/span>\r\n <span>Cotizar Desarrollo Web o App<\/span>\r\n <\/button>\r\n <\/div>\r\n\r\n <\/div>\r\n <\/section>\r\n\r\n <section id=\"vivelo-app\" class=\"py-20 px-4 sm:px-6 lg:px-8 max-w-7xl mx-auto border-t border-gray-800\/80 relative\">\r\n <div class=\"absolute -top-20 right-10 w-96 h-96 bg-pink-600\/15 blur-[140px] rounded-full pointer-events-none\"><\/div>\r\n\r\n <div class=\"p-8 sm:p-12 rounded-3xl bg-gradient-to-br from-[#1b0d23] via-cardBg to-[#0f172a] border border-pink-500\/40 shadow-2xl relative overflow-hidden space-y-10\">\r\n \r\n <div class=\"grid grid-cols-1 lg:grid-cols-12 gap-8 items-center\">\r\n \r\n <div class=\"lg:col-span-7 space-y-6 text-left\">\r\n <div class=\"inline-flex items-center gap-2 px-3.5 py-1.5 rounded-full bg-pink-950\/80 border border-pink-500\/50 text-pink-300 text-xs font-semibold tracking-wide\">\r\n <span class=\"w-2 h-2 rounded-full bg-pink-500 animate-ping\"><\/span>\r\n App Oficial & Boleter\u00eda Digital\r\n <\/div>\r\n\r\n <div class=\"space-y-3\">\r\n <img decoding=\"async\" src=\"https:\/\/cubumkt.com\/wp-content\/uploads\/2026\/09\/LOGO-VIVELO-BLANCO.png\" alt=\"V\u00edvelo Tickets App Logo\" class=\"h-10 sm:h-12 w-auto object-contain\">\r\n <h2 class=\"text-2xl sm:text-4xl font-extrabold text-white tracking-tight leading-tight\">\r\n Tu Entrada a las Mejores Experiencias & Eventos en Vivo\r\n <\/h2>\r\n <\/div>\r\n\r\n <p class=\"text-gray-200 text-xs sm:text-base font-light leading-relaxed\">\r\n <strong class=\"text-white font-semibold\">V\u00edvelo<\/strong> es la plataforma y aplicaci\u00f3n m\u00f3vil insignia creada por CUBU para revolucionar la compra de entradas, el boletaje digital, control de acceso QR y promoci\u00f3n de eventos masivos, conciertos, festivales y obras teatrales.\r\n <\/p>\r\n\r\n <div class=\"pt-2 space-y-3\">\r\n <span class=\"text-xs font-semibold uppercase text-pink-300 tracking-wider block\">Descarga la App o Ingresa Online:<\/span>\r\n <div class=\"flex flex-wrap items-center gap-3\">\r\n \r\n <a href=\"https:\/\/play.google.com\/store\/apps\/details?id=pro.vivelo.app&pcampaignid=web_share\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"px-5 py-2.5 rounded-2xl bg-gray-900 border border-gray-700 hover:border-pink-500 hover:bg-gray-800 transition-all flex items-center gap-3 shadow-lg group\">\r\n <img decoding=\"async\" src=\"https:\/\/cubumkt.com\/wp-content\/uploads\/2026\/09\/icon-google-play.png\" alt=\"Google Play Icon\" class=\"w-6 h-6 object-contain shrink-0\">\r\n <div class=\"text-left\">\r\n <span class=\"text-[9px] uppercase text-gray-400 font-medium block leading-none\">Descarga en<\/span>\r\n <span class=\"text-xs font-bold text-white group-hover:text-pink-300 transition-colors\">Google Play<\/span>\r\n <\/div>\r\n <\/a>\r\n\r\n <a href=\"https:\/\/apps.apple.com\/ec\/app\/v%C3%ADvelo-app\/id6778046428\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"px-5 py-2.5 rounded-2xl bg-gray-900 border border-gray-700 hover:border-pink-500 hover:bg-gray-800 transition-all flex items-center gap-3 shadow-lg group\">\r\n <img decoding=\"async\" src=\"https:\/\/cubumkt.com\/wp-content\/uploads\/2026\/09\/icon-apple.png\" alt=\"App Store Icon\" class=\"w-6 h-6 object-contain shrink-0\">\r\n <div class=\"text-left\">\r\n <span class=\"text-[9px] uppercase text-gray-400 font-medium block leading-none\">Descarga en el<\/span>\r\n <span class=\"text-xs font-bold text-white group-hover:text-pink-300 transition-colors\">App Store<\/span>\r\n <\/div>\r\n <\/a>\r\n\r\n <a href=\"https:\/\/vivelo.pro\/\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"px-5 py-2.5 rounded-2xl bg-gradient-to-r from-pink-600 to-purple-600 hover:opacity-95 text-white transition-all flex items-center gap-2 shadow-lg font-semibold text-xs\">\r\n <span>\ud83c\udf10<\/span>\r\n <span>Web vivelo.pro<\/span>\r\n <\/a>\r\n\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <div class=\"lg:col-span-5 bg-gray-950\/70 border border-pink-500\/30 rounded-2xl p-6 space-y-4 shadow-xl\">\r\n <h3 class=\"text-sm font-bold text-pink-300 uppercase tracking-wider border-b border-gray-800 pb-2\">Ventajas para Asistentes & Organizadores<\/h3>\r\n \r\n <div class=\"space-y-3 text-xs text-gray-200\">\r\n <div class=\"flex items-start gap-2.5\">\r\n <span class=\"text-pink-400 font-bold text-sm\">\ud83d\udcf2<\/span>\r\n <div><strong class=\"text-white\">Tickets 100% Digitales:<\/strong> Tu entrada siempre en tu smartphone con c\u00f3digo QR din\u00e1mico e infalsificable.<\/div>\r\n <\/div>\r\n <div class=\"flex items-start gap-2.5\">\r\n <span class=\"text-pink-400 font-bold text-sm\">\u26a1<\/span>\r\n <div><strong class=\"text-white\">Ingreso R\u00e1pido & Acceso QR:<\/strong> Validador de escaneo ultras\u00f3nico en puerta para evitar filas.<\/div>\r\n <\/div>\r\n <div class=\"flex items-start gap-2.5\">\r\n <span class=\"text-pink-400 font-bold text-sm\">\ud83d\udcb3<\/span>\r\n <div><strong class=\"text-white\">Pagos Seguros:<\/strong> Tarjetas de cr\u00e9dito, d\u00e9bito y transferencias con procesamiento cifrado.<\/div>\r\n <\/div>\r\n <div class=\"flex items-start gap-2.5\">\r\n <span class=\"text-pink-400 font-bold text-sm\">\ud83d\udd14<\/span>\r\n <div><strong class=\"text-white\">Notificaciones Push:<\/strong> Avisos de inicio de eventos, ubicaciones y preventas exclusivas.<\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <div class=\"pt-8 border-t border-pink-900\/40 space-y-6\">\r\n \r\n <div class=\"flex flex-col sm:flex-row items-start sm:items-center justify-between gap-4\">\r\n <div>\r\n <span class=\"text-[11px] uppercase tracking-widest font-bold text-pink-400\">Cartelera en Vivo<\/span>\r\n <h3 class=\"text-xl sm:text-2xl font-bold text-white\">Pr\u00f3ximos Eventos<\/h3>\r\n <p class=\"text-xs text-gray-300 font-light\">Explora y asegura tu entrada para los eventos m\u00e1s destacados de la semana en <a href=\"https:\/\/vivelo.pro\/\" target=\"_blank\" class=\"text-pink-400 underline font-medium\">vivelo.pro<\/a>.<\/p>\r\n <\/div>\r\n <a href=\"https:\/\/vivelo.pro\/\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"px-4 py-2 rounded-full bg-pink-950\/80 border border-pink-500\/40 text-pink-300 hover:text-white hover:bg-pink-900\/80 text-xs font-semibold transition-all shrink-0 flex items-center gap-1.5\">\r\n <span>\ud83c\udf9f\ufe0f<\/span>\r\n <span>Ver Todos los Eventos en V\u00edvelo<\/span>\r\n <\/a>\r\n <\/div>\r\n\r\n <div id=\"events-grid-container\" class=\"grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-6 pt-2\">\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n <\/section>\r\n\r\n <section id=\"planes\" class=\"py-20 px-4 sm:px-6 lg:px-8 max-w-7xl mx-auto border-t border-gray-800\/80\">\r\n \r\n <div id=\"pantallas-led\" class=\"text-center space-y-3 mb-10 sm:mb-14\">\r\n <span class=\"text-purple-400 uppercase tracking-widest text-xs font-bold\">Planes Publicitarios LED<\/span>\r\n <h2 class=\"text-3xl sm:text-4xl font-bold tracking-tight text-white\">Elige tu Nivel de Presencia<\/h2>\r\n <p class=\"text-gray-300 max-w-2xl mx-auto text-sm sm:text-base font-light\">Invierte en la red publicitaria m\u00e1s efectiva. Elige tu plan mensual o aprovecha la opci\u00f3n de pago anticipado por 6 meses (calculado a 10 horas\/d\u00eda de emisi\u00f3n con spots de 15 segundos max).<\/p>\r\n \r\n <div class=\"inline-flex items-center justify-center pt-6\">\r\n <div class=\"inline-flex items-center gap-3 sm:gap-4 px-5 py-2.5 rounded-full bg-gray-900\/90 border border-gray-800 backdrop-blur-md shadow-lg\">\r\n <span id=\"label-mensual\" class=\"text-xs sm:text-sm font-semibold text-white transition-colors\">Pago Mensual Regular<\/span>\r\n <button id=\"toggle-pago\" onclick=\"togglePagoAnticipado()\" role=\"switch\" aria-checked=\"false\" aria-label=\"Cambiar entre Pago Mensual y Pago Anticipado (M\u00ednimo 6 Meses)\" class=\"w-14 h-7 rounded-full bg-purple-900\/60 border border-purple-500\/60 p-0.5 flex items-center transition-all cursor-pointer relative\">\r\n <div id=\"toggle-circle\" class=\"w-6 h-6 rounded-full bg-gradient-to-r from-purple-500 to-cyan-400 shadow-md transform transition-transform duration-300 translate-x-0\"><\/div>\r\n <\/button>\r\n <span id=\"label-anticipado\" class=\"text-xs sm:text-sm font-semibold text-gray-400 transition-colors\">Pago Anticipado (M\u00ednimo 6 Meses)<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"grid grid-cols-1 md:grid-cols-3 gap-6 lg:gap-8 items-stretch\">\r\n \r\n <div class=\"p-6 sm:p-8 rounded-3xl bg-[#121929] border border-gray-800 flex flex-col justify-between space-y-6 relative hover:border-purple-500\/40 transition-all shadow-xl group\">\r\n <div class=\"space-y-6\">\r\n \r\n <div class=\"space-y-2 border-b border-gray-800\/80 pb-5\">\r\n <span class=\"px-3 py-1 rounded-full bg-gray-800\/80 text-[11px] font-semibold text-gray-300 inline-block\">B\u00e1sico \/ Entrada<\/span>\r\n <h3 class=\"text-2xl font-bold text-white tracking-tight\">Nodo \u00danico<\/h3>\r\n <\/div>\r\n\r\n <div class=\"space-y-1\">\r\n <div class=\"flex items-baseline gap-2\">\r\n <span id=\"precio-nodo\" class=\"text-4xl sm:text-5xl font-extrabold text-white tracking-tight\">$59<\/span>\r\n <div class=\"flex flex-col\">\r\n <span id=\"periodo-nodo\" class=\"text-xs text-gray-300 font-medium\">\/ mes<\/span>\r\n <span class=\"text-[11px] text-purple-300 font-semibold\">(1 Pantalla)<\/span>\r\n <\/div>\r\n <\/div>\r\n <span class=\"text-[10px] text-gray-400 block font-normal pt-1\">*Precio por pantalla + impuestos<\/span>\r\n <p id=\"ahorro-nodo\" class=\"text-[11px] text-cyan-400 font-semibold hidden pt-1\">\u2728 Ahorras $10\/mes por pantalla<\/p>\r\n <\/div>\r\n\r\n <div id=\"total-nodo-container\" class=\"hidden p-4 rounded-2xl bg-gradient-to-br from-purple-950\/60 to-cardBg border border-purple-500\/40 space-y-1 shadow-inner\">\r\n <span class=\"text-[10px] uppercase font-extrabold text-purple-300 tracking-wider block\">TOTAL PAGO ANTICIPADO (6 MESES - 1 PANTALLA)<\/span>\r\n <div class=\"flex items-baseline gap-1.5\">\r\n <span class=\"text-2xl font-black text-white\">$294<\/span>\r\n <span class=\"text-[11px] text-gray-300 font-normal\">+ impuestos<\/span>\r\n <\/div>\r\n <p class=\"text-[10px] text-gray-300 leading-normal pt-0.5\">Calculado a <strong class=\"text-purple-300\">$49\/mes<\/strong> x 6 meses. Cubre la presencia completa e ininterrumpida en 1 pantalla.<\/p>\r\n <\/div>\r\n\r\n <div class=\"space-y-3 pt-2\">\r\n <div id=\"feat-arte-nodo\" class=\"hidden flex items-start gap-3 p-2 rounded-xl bg-purple-900\/30 border border-purple-500\/40 transition-all\">\r\n <div class=\"w-5 h-5 rounded-full bg-purple-600\/50 border border-purple-400\/80 flex items-center justify-center shrink-0 mt-0.5\">\r\n <span class=\"text-purple-200 text-[10px]\">\u2605<\/span>\r\n <\/div>\r\n <span class=\"text-xs sm:text-sm text-gray-100\">\r\n <strong class=\"text-purple-300 font-semibold\">Arte est\u00e1tico<\/strong> incluido \r\n <span class=\"text-[9px] uppercase font-extrabold text-cyan-300 block\">Exclusivo Pago Anticipado<\/span>\r\n <\/span>\r\n <\/div>\r\n\r\n <div class=\"flex items-start gap-3\">\r\n <div class=\"w-5 h-5 rounded-full bg-purple-950\/80 border border-purple-500\/50 flex items-center justify-center shrink-0 mt-0.5\">\r\n <span class=\"text-purple-300 text-[10px]\">\u2713<\/span>\r\n <\/div>\r\n <span class=\"text-xs sm:text-sm text-gray-200\">Reproducci\u00f3n constante cada <strong>15 min<\/strong> (spots max 15s)<\/span>\r\n <\/div>\r\n\r\n <div class=\"flex items-start gap-3\">\r\n <div class=\"w-5 h-5 rounded-full bg-purple-950\/80 border border-purple-500\/50 flex items-center justify-center shrink-0 mt-0.5\">\r\n <span class=\"text-purple-300 text-[10px]\">\u2713<\/span>\r\n <\/div>\r\n <span class=\"text-xs sm:text-sm text-gray-200\"><strong class=\"text-white font-bold\">1,200<\/strong> reproducciones \/ mes<\/span>\r\n <\/div>\r\n\r\n <div class=\"flex items-start gap-3\">\r\n <div class=\"w-5 h-5 rounded-full bg-purple-950\/80 border border-purple-500\/50 flex items-center justify-center shrink-0 mt-0.5\">\r\n <span class=\"text-purple-300 text-[10px]\">\u2713<\/span>\r\n <\/div>\r\n <span class=\"text-xs sm:text-sm text-gray-200\"><strong class=\"text-cyan-400 font-bold\">+21,600<\/strong> impactos visuales estimados<\/span>\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <button onclick=\"abrirModalContacto('Plan LED: Nodo \u00danico')\" class=\"w-full py-3 rounded-full bg-gray-800 hover:bg-gray-700 text-white font-semibold text-xs sm:text-sm transition-all flex items-center justify-center gap-2 shadow-md\">\r\n <span>\u26a1<\/span>\r\n <span>Elegir Nodo \u00danico<\/span>\r\n <\/button>\r\n <\/div>\r\n\r\n <div class=\"p-6 sm:p-8 rounded-3xl bg-gradient-to-b from-purple-950\/40 via-[#121929] to-[#121929] border-2 border-purple-500\/70 flex flex-col justify-between space-y-6 relative shadow-2xl scale-[1.02] z-10 group\">\r\n <div class=\"absolute -top-3.5 left-1\/2 -translate-x-1\/2 px-4 py-1 rounded-full bg-gradient-to-r from-purple-600 to-cyan-500 text-white text-[10px] font-extrabold uppercase tracking-widest shadow-lg\">\r\n M\u00c1S POPULAR\r\n <\/div>\r\n\r\n <div class=\"space-y-6\">\r\n \r\n <div class=\"space-y-2 border-b border-purple-800\/50 pb-5\">\r\n <span class=\"px-3 py-1 rounded-full bg-purple-900\/60 text-[11px] font-semibold text-purple-200 inline-block\">Recomendado<\/span>\r\n <h3 class=\"text-2xl font-bold text-white tracking-tight\">Multi-Punto<\/h3>\r\n <\/div>\r\n\r\n <div class=\"space-y-1\">\r\n <div class=\"flex items-baseline gap-2\">\r\n <span id=\"precio-multi\" class=\"text-4xl sm:text-5xl font-extrabold text-white tracking-tight\">$54<\/span>\r\n <div class=\"flex flex-col\">\r\n <span id=\"periodo-multi\" class=\"text-xs text-gray-300 font-medium\">\/ mes por pantalla<\/span>\r\n <span class=\"text-[11px] text-cyan-300 font-semibold\">(2 Pantallas)<\/span>\r\n <\/div>\r\n <\/div>\r\n <span class=\"text-[10px] text-gray-400 block font-normal pt-1\">*Precio por pantalla + impuestos<\/span>\r\n <p id=\"ahorro-multi\" class=\"text-[11px] text-cyan-400 font-semibold hidden pt-1\">\u2728 Ahorras $10\/mes por pantalla<\/p>\r\n <\/div>\r\n\r\n <div id=\"total-multi-container\" class=\"hidden p-4 rounded-2xl bg-purple-900\/40 border border-cyan-500\/50 space-y-1 shadow-inner\">\r\n <span class=\"text-[10px] uppercase font-extrabold text-cyan-300 tracking-wider block\">TOTAL PAGO ANTICIPADO (6 MESES - 2 PANTALLAS)<\/span>\r\n <div class=\"flex items-baseline gap-1.5\">\r\n <span class=\"text-2xl font-black text-white\">$528<\/span>\r\n <span class=\"text-[11px] text-gray-300 font-normal\">+ impuestos ($264 por pantalla)<\/span>\r\n <\/div>\r\n <p class=\"text-[10px] text-gray-300 leading-normal pt-0.5\">Calculado a <strong class=\"text-cyan-300\">$44\/mes<\/strong> x 6 meses x 2 pantallas. Cubre la presencia completa sumada en ambas pantallas.<\/p>\r\n <\/div>\r\n\r\n <div class=\"space-y-3 pt-2\">\r\n <div id=\"feat-arte-multi\" class=\"hidden flex items-start gap-3 p-2 rounded-xl bg-purple-900\/30 border border-purple-500\/40 transition-all\">\r\n <div class=\"w-5 h-5 rounded-full bg-purple-600\/50 border border-purple-400\/80 flex items-center justify-center shrink-0 mt-0.5\">\r\n <span class=\"text-purple-200 text-[10px]\">\u2605<\/span>\r\n <\/div>\r\n <span class=\"text-xs sm:text-sm text-gray-100\"><strong class=\"text-purple-300 font-semibold\">Arte Din\u00e1mico Completo<\/strong> incluido <span class=\"text-[9px] uppercase font-extrabold text-cyan-300 block\">Exclusivo Pago Anticipado<\/span><\/span>\r\n <\/div>\r\n\r\n <div class=\"flex items-start gap-3\">\r\n <div class=\"w-5 h-5 rounded-full bg-purple-600\/30 border border-purple-400\/60 flex items-center justify-center shrink-0 mt-0.5\">\r\n <span class=\"text-purple-300 text-[10px]\">\u2713<\/span>\r\n <\/div>\r\n <span class=\"text-xs sm:text-sm text-gray-200\">Reproducci\u00f3n constante cada <strong>10 min<\/strong> (spots max 15s)<\/span>\r\n <\/div>\r\n\r\n <div class=\"flex items-start gap-3\">\r\n <div class=\"w-5 h-5 rounded-full bg-purple-600\/30 border border-purple-400\/60 flex items-center justify-center shrink-0 mt-0.5\">\r\n <span class=\"text-purple-300 text-[10px]\">\u2713<\/span>\r\n <\/div>\r\n <span class=\"text-xs sm:text-sm text-gray-200\"><strong class=\"text-white font-bold\">3,600<\/strong> reproducciones \/ mes (total 2 pantallas)<\/span>\r\n <\/div>\r\n\r\n <div class=\"flex items-start gap-3\">\r\n <div class=\"w-5 h-5 rounded-full bg-purple-600\/30 border border-purple-400\/60 flex items-center justify-center shrink-0 mt-0.5\">\r\n <span class=\"text-purple-300 text-[10px]\">\u2713<\/span>\r\n <\/div>\r\n <span class=\"text-xs sm:text-sm text-gray-200\"><strong class=\"text-cyan-400 font-bold\">+97,200<\/strong> impactos visuales estimados<\/span>\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <button onclick=\"abrirModalContacto('Plan LED: Multi-Punto')\" class=\"w-full py-3 rounded-full bg-gradient-to-r from-purple-600 to-cyan-500 hover:opacity-90 text-white font-bold text-xs sm:text-sm transition-all shadow-lg shadow-purple-600\/30 flex items-center justify-center gap-2\">\r\n <span>\u2b50<\/span>\r\n <span>Elegir Multi-Punto<\/span>\r\n <\/button>\r\n <\/div>\r\n\r\n <div class=\"p-6 sm:p-8 rounded-3xl bg-[#121929] border border-gray-800 flex flex-col justify-between space-y-6 relative hover:border-cyan-500\/40 transition-all shadow-xl group\">\r\n <div class=\"space-y-6\">\r\n \r\n <div class=\"space-y-2 border-b border-gray-800\/80 pb-5\">\r\n <span class=\"px-3 py-1 rounded-full bg-cyan-950\/80 text-[11px] font-semibold text-cyan-300 inline-block\">M\u00e1ximo Impacto<\/span>\r\n <h3 class=\"text-2xl font-bold text-white tracking-tight\">Omnipresencia<\/h3>\r\n <\/div>\r\n\r\n <div class=\"space-y-1\">\r\n <div class=\"flex items-baseline gap-2\">\r\n <span id=\"precio-omni\" class=\"text-4xl sm:text-5xl font-extrabold text-white tracking-tight\">$49<\/span>\r\n <div class=\"flex flex-col\">\r\n <span id=\"periodo-omni\" class=\"text-xs text-gray-300 font-medium\">\/ mes por pantalla<\/span>\r\n <span class=\"text-[11px] text-cyan-300 font-semibold\">(4 Pantallas - Toda la Red)<\/span>\r\n <\/div>\r\n <\/div>\r\n <span class=\"text-[10px] text-gray-400 block font-normal pt-1\">*Precio por pantalla + impuestos<\/span>\r\n <p id=\"ahorro-omni\" class=\"text-[11px] text-cyan-400 font-semibold hidden pt-1\">\u2728 Ahorras $10\/mes por pantalla<\/p>\r\n <\/div>\r\n\r\n <div id=\"total-omni-container\" class=\"hidden p-4 rounded-2xl bg-cyan-950\/60 border border-cyan-500\/50 space-y-1 shadow-inner\">\r\n <span class=\"text-[10px] uppercase font-extrabold text-cyan-300 tracking-wider block\">TOTAL PAGO ANTICIPADO (6 MESES - TODA LA RED \/ 4 PANTALLAS)<\/span>\r\n <div class=\"flex items-baseline gap-1.5\">\r\n <span class=\"text-2xl font-black text-white\">$936<\/span>\r\n <span class=\"text-[11px] text-gray-300 font-normal\">+ impuestos ($234 por pantalla)<\/span>\r\n <\/div>\r\n <p class=\"text-[10px] text-gray-300 leading-normal pt-0.5\">Calculado a <strong class=\"text-cyan-300\">$39\/mes<\/strong> x 6 meses x 4 pantallas. Cubre la presencia completa sumada en toda la red.<\/p>\r\n <\/div>\r\n\r\n <div class=\"space-y-3 pt-2\">\r\n <div id=\"feat-arte-omni\" class=\"hidden flex items-start gap-3 p-2 rounded-xl bg-cyan-950\/80 border border-cyan-500\/50 transition-all\">\r\n <div class=\"w-5 h-5 rounded-full bg-cyan-600\/50 border border-cyan-400\/80 flex items-center justify-center shrink-0 mt-0.5\">\r\n <span class=\"text-cyan-200 text-[10px]\">\u2605<\/span>\r\n <\/div>\r\n <span class=\"text-xs sm:text-sm text-gray-100\"><strong class=\"text-cyan-300 font-semibold\">Video Pro (10-15s) o Arte Premium<\/strong> incluido <span class=\"text-[9px] uppercase font-extrabold text-cyan-300 block\">Exclusivo Pago Anticipado<\/span><\/span>\r\n <\/div>\r\n\r\n <div class=\"flex items-start gap-3\">\r\n <div class=\"w-5 h-5 rounded-full bg-cyan-950\/80 border border-cyan-500\/50 flex items-center justify-center shrink-0 mt-0.5\">\r\n <span class=\"text-cyan-300 text-[10px]\">\u2713<\/span>\r\n <\/div>\r\n <span class=\"text-xs sm:text-sm text-gray-200\">Reproducci\u00f3n constante cada <strong>5 min<\/strong> (spots max 15s)<\/span>\r\n <\/div>\r\n\r\n <div class=\"flex items-start gap-3\">\r\n <div class=\"w-5 h-5 rounded-full bg-cyan-950\/80 border border-cyan-500\/50 flex items-center justify-center shrink-0 mt-0.5\">\r\n <span class=\"text-cyan-300 text-[10px]\">\u2713<\/span>\r\n <\/div>\r\n <span class=\"text-xs sm:text-sm text-gray-200\"><strong class=\"text-white font-bold\">14,400<\/strong> reproducciones \/ mes (total 4 pantallas)<\/span>\r\n <\/div>\r\n\r\n <div class=\"flex items-start gap-3\">\r\n <div class=\"w-5 h-5 rounded-full bg-cyan-950\/80 border border-cyan-500\/50 flex items-center justify-center shrink-0 mt-0.5\">\r\n <span class=\"text-cyan-300 text-[10px]\">\u2713<\/span>\r\n <\/div>\r\n <span class=\"text-xs sm:text-sm text-gray-200\"><strong class=\"text-cyan-400 font-bold\">+259,200<\/strong> impactos visuales estimados<\/span>\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <button onclick=\"abrirModalContacto('Plan LED: Omnipresencia')\" class=\"w-full py-3 rounded-full bg-cyan-600 hover:bg-cyan-700 text-white font-semibold text-xs sm:text-sm transition-all shadow-lg shadow-cyan-600\/30 flex items-center justify-center gap-2\">\r\n <span>\ud83d\udd25<\/span>\r\n <span>Elegir Omnipresencia<\/span>\r\n <\/button>\r\n <\/div>\r\n\r\n <\/div>\r\n <\/section>\r\n\r\n <section id=\"faq\" class=\"py-16 sm:py-20 px-4 sm:px-6 lg:px-8 max-w-5xl mx-auto border-t border-gray-800\/80\">\r\n <div class=\"text-center space-y-3 mb-10\">\r\n <span class=\"text-cyan-400 uppercase tracking-widest text-xs font-bold\">Resuelve tus Dudas<\/span>\r\n <h2 class=\"text-3xl sm:text-4xl font-bold tracking-tight text-white\">Preguntas Frecuentes<\/h2>\r\n <p class=\"text-gray-300 max-w-xl mx-auto text-sm font-light\">Informaci\u00f3n clave sobre c\u00f3mo trabajamos y aceleramos tus resultados.<\/p>\r\n <\/div>\r\n\r\n <div class=\"space-y-4\">\r\n <div class=\"border border-gray-800 rounded-2xl bg-cardBg overflow-hidden transition-all\">\r\n <button onclick=\"toggleFaq('faq-0')\" class=\"w-full p-5 text-left font-semibold text-sm sm:text-base text-white flex items-center justify-between gap-4 hover:text-pink-300 transition-colors\">\r\n <span>\u00bfQu\u00e9 es la aplicaci\u00f3n V\u00edvelo y c\u00f3mo funciona la venta de boletos?<\/span>\r\n <span id=\"faq-0-icon\" class=\"text-pink-400 font-bold text-lg\">+<\/span>\r\n <\/button>\r\n <div id=\"faq-0\" class=\"hidden px-5 pb-5 text-xs sm:text-sm text-gray-300 font-light leading-relaxed border-t border-gray-800\/60 pt-3\">\r\n <strong class=\"text-white\">V\u00edvelo<\/strong> es la plataforma de boletaje y app m\u00f3vil oficial desarrollada por SurCode.Studio y CUBU Marketing Studio para la comercializaci\u00f3n de entradas de conciertos, ferias y eventos. Puedes ingresar desde <a href=\"https:\/\/vivelo.pro\/\" target=\"_blank\" class=\"text-pink-400 underline\">vivelo.pro<\/a> o descargar la app en Google Play y App Store para comprar boletos y guardarlos en formato QR en tu smartphone.\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"border border-gray-800 rounded-2xl bg-cardBg overflow-hidden transition-all\">\r\n <button onclick=\"toggleFaq('faq-1')\" class=\"w-full p-5 text-left font-semibold text-sm sm:text-base text-white flex items-center justify-between gap-4 hover:text-cyan-300 transition-colors\">\r\n <span>\u00bfQu\u00e9 servicios ofrece CUBU Marketing Studio?<\/span>\r\n <span id=\"faq-1-icon\" class=\"text-purple-400 font-bold text-lg\">+<\/span>\r\n <\/button>\r\n <div id=\"faq-1\" class=\"hidden px-5 pb-5 text-xs sm:text-sm text-gray-300 font-light leading-relaxed border-t border-gray-800\/60 pt-3\">\r\n Contamos con 4 servicios especializadas: <strong class=\"text-white\">-CUBU.mkt<\/strong> (Marketing digital y Performance Ads), <strong class=\"text-white\">-CUBU.design<\/strong> (Branding y Dise\u00f1o corporativo), <strong class=\"text-white\">-CUBU.play<\/strong> (Producci\u00f3n audiovisual, Publicidad en Pantallas y Letreros LED) y <strong class=\"text-white\">-CUBU.labs<\/strong> (Desarrollo web, aplicaciones y la plataforma V\u00edvelo Tickets).\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"border border-gray-800 rounded-2xl bg-cardBg overflow-hidden transition-all\">\r\n <button onclick=\"toggleFaq('faq-2')\" class=\"w-full p-5 text-left font-semibold text-sm sm:text-base text-white flex items-center justify-between gap-4 hover:text-cyan-300 transition-colors\">\r\n <span>\u00bfC\u00f3mo funciona la publicidad en la Red de Pantallas LED Indoor?<\/span>\r\n <span id=\"faq-2-icon\" class=\"text-purple-400 font-bold text-lg\">+<\/span>\r\n <\/button>\r\n <div id=\"faq-2\" class=\"hidden px-5 pb-5 text-xs sm:text-sm text-gray-300 font-light leading-relaxed border-t border-gray-800\/60 pt-3\">\r\n Transmitimos anuncios en alta definici\u00f3n (spots de 10 a 15 segundos, visuales sin audio) en puntos de m\u00e1xima afluencia. Disponemos de planes flexibles desde $59\/mes por pantalla, con descuentos adicionales al elegir la opci\u00f3n de pago anticipado por m\u00ednimo 6 meses.\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"border border-gray-800 rounded-2xl bg-cardBg overflow-hidden transition-all\">\r\n <button onclick=\"toggleFaq('faq-3')\" class=\"w-full p-5 text-left font-semibold text-sm sm:text-base text-white flex items-center justify-between gap-4 hover:text-cyan-300 transition-colors\">\r\n <span>\u00bfEl plan Nodo \u00danico incluye el dise\u00f1o de la publicidad?<\/span>\r\n <span id=\"faq-3-icon\" class=\"text-purple-400 font-bold text-lg\">+<\/span>\r\n <\/button>\r\n <div id=\"faq-3\" class=\"hidden px-5 pb-5 text-xs sm:text-sm text-gray-300 font-light leading-relaxed border-t border-gray-800\/60 pt-3\">\r\n En la modalidad de <strong class=\"text-white\">Pago Anticipado (m\u00ednimo 6 meses)<\/strong>, el plan Nodo \u00danico ($49\/mes) incluye <strong class=\"text-white\">un arte est\u00e1tico profesional<\/strong> adaptado al formato de la pantalla elegida.\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"border border-gray-800 rounded-2xl bg-cardBg overflow-hidden transition-all\">\r\n <button onclick=\"toggleFaq('faq-4')\" class=\"w-full p-5 text-left font-semibold text-sm sm:text-base text-white flex items-center justify-between gap-4 hover:text-cyan-300 transition-colors\">\r\n <span>\u00bfC\u00f3mo iniciar una campa\u00f1a o cotizaci\u00f3n con CUBU.play?<\/span>\r\n <span id=\"faq-4-icon\" class=\"text-purple-400 font-bold text-lg\">+<\/span>\r\n <\/button>\r\n <div id=\"faq-4\" class=\"hidden px-5 pb-5 text-xs sm:text-sm text-gray-300 font-light leading-relaxed border-t border-gray-800\/60 pt-3\">\r\n Puedes presionar el bot\u00f3n <strong class=\"text-white\">\"Solicita tu Asesor\u00eda Personalizada\"<\/strong> o enviarnos un mensaje directo a WhatsApp. Analizaremos las necesidades de tu empresa y te entregaremos una propuesta personalizada.\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <section class=\"py-12 bg-[#1c2538] border-y border-gray-700\/60 overflow-hidden relative shadow-inner\">\r\n <div class=\"max-w-7xl mx-auto px-5 mb-6 text-center\">\r\n <span class=\"text-[11px] uppercase tracking-widest text-cyan-300 font-bold\">MARCAS Y ALIADOS QUE CONF\u00cdAN EN NOSOTROS<\/span>\r\n <\/div>\r\n \r\n <div class=\"absolute top-0 bottom-0 left-0 w-16 sm:w-28 bg-gradient-to-r from-[#1c2538] to-transparent z-10 pointer-events-none\"><\/div>\r\n <div class=\"absolute top-0 bottom-0 right-0 w-16 sm:w-28 bg-gradient-to-l from-[#1c2538] to-transparent z-10 pointer-events-none\"><\/div>\r\n\r\n <div class=\"flex overflow-hidden relative w-full\">\r\n <div id=\"marquee-track\" class=\"animate-cubu-marquee flex items-center gap-10 sm:gap-14\">\r\n <div id=\"marquee-loop-1\" class=\"flex items-center gap-10 sm:gap-14 shrink-0\"><\/div>\r\n <div id=\"marquee-loop-2\" class=\"flex items-center gap-10 sm:gap-14 shrink-0\"><\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <section id=\"contacto\" class=\"py-16 sm:py-20 px-4 sm:px-6 lg:px-8 max-w-5xl mx-auto\">\r\n <div class=\"p-8 sm:p-14 rounded-3xl bg-gradient-to-r from-purple-900\/60 via-cardBg to-cyan-950\/60 border border-purple-500\/40 text-center space-y-6 shadow-2xl relative overflow-hidden\">\r\n <div class=\"space-y-3 max-w-2xl mx-auto\">\r\n <h2 class=\"text-2xl sm:text-4xl md:text-5xl font-extrabold tracking-tight text-white\">\u00bfListo para Dominar la Atenci\u00f3n de tu Mercado?<\/h2>\r\n <p class=\"text-gray-200 font-light text-sm sm:text-base\">\r\n Conversemos sobre tu marca o evento. Escr\u00edbenos directamente por WhatsApp y agenda tu asesor\u00eda estrat\u00e9gica personalizada.\r\n <\/p>\r\n <\/div>\r\n <div class=\"flex items-center justify-center pt-2\">\r\n <a href=\"https:\/\/wa.me\/593987828290?text=Hola%20CUBU%20Marketing%20Studio,%20quiero%20impulsar%20mi%20marca%20o%20evento%20con%20V%C3%ADvelo%20y%20solicitar%20una%20asesor%C3%ADa%20personalizada.\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"w-full sm:w-auto px-8 py-3.5 rounded-full bg-gradient-to-r from-green-600 to-emerald-500 text-white font-bold text-sm shadow-xl shadow-green-600\/30 hover:scale-105 transition-all text-center flex items-center justify-center gap-2\">\r\n <span>\ud83d\udcac<\/span>\r\n <span>Contactar por WhatsApp<\/span>\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <\/main>\r\n\r\n <footer class=\"border-t border-gray-800\/80 bg-[#070a12] py-6 sm:py-8 px-4 sm:px-6 lg:px-8 text-xs\">\r\n <div class=\"max-w-7xl mx-auto flex flex-col md:flex-row items-center justify-between gap-6\">\r\n \r\n <div class=\"flex flex-col sm:flex-row items-center gap-4 text-center sm:text-left\">\r\n <img decoding=\"async\" src=\"https:\/\/cubumkt.com\/wp-content\/uploads\/2026\/09\/CUBU-MARKETING-BLANCO-scaled.png\" alt=\"CUBU Marketing Studio Logo\" class=\"cubu-logo-header\">\r\n <span class=\"hidden sm:inline text-gray-700\">|<\/span>\r\n <p class=\"text-gray-400 text-[11px] font-light max-w-sm\">Estrategia y comunicaci\u00f3n para marcas & boleter\u00eda V\u00edvelo.<\/p>\r\n <\/div>\r\n\r\n <div class=\"flex flex-wrap items-center justify-center gap-4 text-gray-300 text-[11px]\">\r\n <span class=\"hover:text-white transition-colors\">CUBU.marketing<\/span>\r\n <span class=\"text-gray-700\">\u2022<\/span>\r\n <span class=\"hover:text-white transition-colors\">CUBU.design<\/span>\r\n <span class=\"text-gray-700\">\u2022<\/span>\r\n <a href=\"https:\/\/vivelo.pro\/\" target=\"_blank\" class=\"text-pink-400 font-medium hover:underline\">V\u00edvelo Tickets<\/a>\r\n <span class=\"text-gray-700\">\u2022<\/span>\r\n <span class=\"hover:text-white transition-colors\">CUBU.play<\/span>\r\n <span class=\"text-gray-700\">\u2022<\/span>\r\n <span class=\"hover:text-white transition-colors\">CUBU.labs<\/span>\r\n <\/div>\r\n\r\n <div class=\"flex items-center gap-3\">\r\n <a href=\"https:\/\/www.instagram.com\/cubumkt\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"w-9 h-9 rounded-xl bg-gradient-to-tr from-[#f09433] via-[#dc2743] to-[#bc1888] flex items-center justify-center shadow-lg shadow-purple-950\/40 hover:scale-110 transition-transform\" title=\"Instagram @cubumkt\" aria-label=\"Instagram de CUBU Marketing Studio\">\r\n <div class=\"w-[20px] h-[20px] rounded-[6px] border-[2px] border-white flex items-center justify-center relative\">\r\n <div class=\"w-[8px] h-[8px] rounded-full border-[2px] border-white\"><\/div>\r\n <div class=\"w-[2.5px] h-[2.5px] rounded-full bg-white absolute top-[2px] right-[2px]\"><\/div>\r\n <\/div>\r\n <\/a>\r\n\r\n <a href=\"https:\/\/wa.me\/593987828290?text=Hola%20CUBU%20Marketing%20Studio\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"w-9 h-9 rounded-full bg-[#25D366] flex items-center justify-center text-white shadow-lg shadow-green-950\/40 hover:scale-110 transition-transform\" title=\"WhatsApp +593 98 782 8290\" aria-label=\"WhatsApp de CUBU Marketing Studio\">\r\n <span class=\"text-white text-base select-none leading-none transform -scale-x-100 rotate-[45deg]\" style=\"font-family: Arial, sans-serif;\">📞<\/span>\r\n <\/a>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <div class=\"max-w-7xl mx-auto mt-6 pt-4 border-t border-gray-900\/80 text-center text-[10px] text-gray-400\">\r\n © <span id=\"copyright-year\">2026<\/span> CUBU Marketing Studio. Todos los derechos reservados. \u00a9\r\n <\/div>\r\n <\/footer>\r\n\r\n <div id=\"modal-contacto\" class=\"fixed inset-0 z-50 hidden items-center justify-center bg-black\/80 backdrop-blur-sm p-4\">\r\n <div class=\"bg-cardBg border border-gray-800 w-full max-w-md rounded-3xl p-6 sm:p-8 relative shadow-2xl space-y-5\">\r\n <button onclick=\"cerrarModalContacto()\" class=\"absolute top-4 right-4 text-white hover:text-cyan-400 p-2 text-sm\" aria-label=\"Cerrar modal\">\r\n ✕\r\n <\/button>\r\n <div class=\"space-y-1.5 text-center\">\r\n <h3 class=\"text-xl sm:text-2xl font-bold text-white\">Solicitar Asesor\u00eda Personalizada<\/h3>\r\n <p class=\"text-xs text-gray-300\">Completa tus datos y nos pondremos en contacto inmediato por WhatsApp.<\/p>\r\n <\/div>\r\n <form onsubmit=\"enviarFormulario(event)\" class=\"space-y-4\">\r\n <div>\r\n <label for=\"form-nombre\" class=\"block text-xs font-medium text-white mb-1\">Tu Nombre o Empresa<\/label>\r\n <input type=\"text\" id=\"form-nombre\" required class=\"w-full px-4 py-2.5 rounded-xl bg-gray-900 border border-gray-700 text-white text-xs sm:text-sm focus:outline-none focus:border-purple-500\" placeholder=\"Ej. Juan P\u00e9rez\">\r\n <\/div>\r\n <div>\r\n <label for=\"form-servicio\" class=\"block text-xs font-medium text-white mb-1\">Servicio de Inter\u00e9s<\/label>\r\n <select id=\"form-servicio\" class=\"w-full px-4 py-2.5 rounded-xl bg-gray-900 border border-gray-700 text-white text-xs sm:text-sm focus:outline-none focus:border-purple-500\">\r\n <option value=\"V\u00edvelo Tickets - Boleter\u00eda y Eventos\">V\u00edvelo Tickets - Boleter\u00eda y Eventos<\/option>\r\n <option value=\"CUBU.mkt - Marketing Digital & Ads\">CUBU.mkt - Marketing Digital & Ads<\/option>\r\n <option value=\"CUBU.design - Branding & Dise\u00f1o Gr\u00e1fico\">CUBU.design - Branding & Dise\u00f1o Gr\u00e1fico<\/option>\r\n <option value=\"CUBU.play - Producci\u00f3n Audiovisual & Pantallas LED\">CUBU.play - Producci\u00f3n Audiovisual & Publicidad en Pantallas<\/option>\r\n <option value=\"CUBU.labs - Desarrollo Web, Apps & Software\">CUBU.labs - Desarrollo Web, Apps & Software<\/option>\r\n <option value=\"Plan LED: Nodo \u00danico\">Plan LED: Nodo \u00danico<\/option>\r\n <option value=\"Plan LED: Multi-Punto\">Plan LED: Multi-Punto<\/option>\r\n <option value=\"Plan LED: Omnipresencia\">Plan LED: Omnipresencia<\/option>\r\n <\/select>\r\n <\/div>\r\n <button type=\"submit\" class=\"w-full py-3 rounded-xl bg-gradient-to-r from-purple-600 to-cyan-500 text-white font-semibold text-xs sm:text-sm shadow-lg shadow-purple-600\/30 hover:opacity-90 transition-all flex items-center justify-center gap-2\">\r\n <span>\ud83d\udcac<\/span>\r\n <span>Iniciar Conversaci\u00f3n por WhatsApp<\/span>\r\n <\/button>\r\n <\/form>\r\n <\/div>\r\n <\/div>\r\n\r\n <script>\r\n const clientLogos = [\r\n \"https:\/\/cubumkt.com\/wp-content\/uploads\/2026\/09\/LOGO-VIVELO-BLANCO.png\",\r\n \"https:\/\/cubumkt.com\/wp-content\/uploads\/2026\/09\/logoCALVA-VELEZ-RUIZ.png\",\r\n \"https:\/\/cubumkt.com\/wp-content\/uploads\/2026\/09\/logoCARPEDIEM.png\",\r\n \"https:\/\/cubumkt.com\/wp-content\/uploads\/2026\/09\/logoCASMUL.png\",\r\n \"https:\/\/cubumkt.com\/wp-content\/uploads\/2026\/09\/logoCENTRO-SOCIAL-LOJA-NJ.png\",\r\n \"https:\/\/cubumkt.com\/wp-content\/uploads\/2026\/09\/logoCOFFE-TIME.png\",\r\n \"https:\/\/cubumkt.com\/wp-content\/uploads\/2026\/09\/logoCOOP-LOJA.png\",\r\n \"https:\/\/cubumkt.com\/wp-content\/uploads\/2026\/09\/logoDEF-MEDIA.png\",\r\n \"https:\/\/cubumkt.com\/wp-content\/uploads\/2026\/09\/logoECOHIT.png\",\r\n \"https:\/\/cubumkt.com\/wp-content\/uploads\/2026\/09\/logoECOTEL-PRESS.png\",\r\n \"https:\/\/cubumkt.com\/wp-content\/uploads\/2026\/09\/logoECOTEL-TRAVEL.png\",\r\n \"https:\/\/cubumkt.com\/wp-content\/uploads\/2026\/09\/logoECOTEL-TV.png\",\r\n \"https:\/\/cubumkt.com\/wp-content\/uploads\/2026\/09\/logoFUTBOLEROS-FC.png\",\r\n \"https:\/\/cubumkt.com\/wp-content\/uploads\/2026\/09\/logoGONET.png\",\r\n \"https:\/\/cubumkt.com\/wp-content\/uploads\/2026\/09\/logoIMPORTADORA-ORTEGA.png\",\r\n \"https:\/\/cubumkt.com\/wp-content\/uploads\/2026\/09\/logoINCATEPROF.png\",\r\n \"https:\/\/cubumkt.com\/wp-content\/uploads\/2026\/09\/logoINTERNATIONAL-TRAINING-SCHOOL.png\",\r\n \"https:\/\/cubumkt.com\/wp-content\/uploads\/2026\/09\/logoKANTA-MUNANI.png\",\r\n \"https:\/\/cubumkt.com\/wp-content\/uploads\/2026\/09\/logoMARQUES.png\",\r\n \"https:\/\/cubumkt.com\/wp-content\/uploads\/2026\/09\/logoMUNDOVISION.png\",\r\n \"https:\/\/cubumkt.com\/wp-content\/uploads\/2026\/09\/logoMUNICIPIO-LOJA.png\",\r\n \"https:\/\/cubumkt.com\/wp-content\/uploads\/2026\/09\/logoODONTO-SONRISAS.png\",\r\n \"https:\/\/cubumkt.com\/wp-content\/uploads\/2026\/09\/logoOPERACION-SONRISA.png\",\r\n \"https:\/\/cubumkt.com\/wp-content\/uploads\/2026\/09\/logoPREFECTURA.png\",\r\n \"https:\/\/cubumkt.com\/wp-content\/uploads\/2026\/09\/logoPRIVILEGE-CLUB.png\",\r\n \"https:\/\/cubumkt.com\/wp-content\/uploads\/2026\/09\/logoSINFONICA-DE-LOJA.png\",\r\n \"https:\/\/cubumkt.com\/wp-content\/uploads\/2026\/09\/logoTEATRO-BENJAMIN.png\",\r\n \"https:\/\/cubumkt.com\/wp-content\/uploads\/2026\/09\/logoUTPL.png\",\r\n \"https:\/\/cubumkt.com\/wp-content\/uploads\/2026\/09\/logoVISIONARIOS-Y-ASOCIADOS.png\",\r\n \"https:\/\/cubumkt.com\/wp-content\/uploads\/2026\/09\/logoAEMC.png\",\r\n \"https:\/\/cubumkt.com\/wp-content\/uploads\/2026\/09\/logoAGOSTINOS.png\",\r\n \"https:\/\/cubumkt.com\/wp-content\/uploads\/2026\/09\/logoALBACORA.png\",\r\n \"https:\/\/cubumkt.com\/wp-content\/uploads\/2026\/09\/logoAMEDIC.png\",\r\n \"https:\/\/cubumkt.com\/wp-content\/uploads\/2026\/09\/logoANDANA.png\",\r\n \"https:\/\/cubumkt.com\/wp-content\/uploads\/2026\/09\/logoAQUA.png\",\r\n \"https:\/\/cubumkt.com\/wp-content\/uploads\/2026\/09\/logoATLAS-VISA.png\",\r\n \"https:\/\/cubumkt.com\/wp-content\/uploads\/2026\/09\/logoAUTOCOM.png\",\r\n \"https:\/\/cubumkt.com\/wp-content\/uploads\/2026\/09\/logoAZOLLA.png\"\r\n ];\r\n\r\n function shuffleArray(array) {\r\n const arr = [...array];\r\n for (let i = arr.length - 1; i > 0; i--) {\r\n const j = Math.floor(Math.random() * (i + 1));\r\n [arr[i], arr[j]] = [arr[j], arr[i]];\r\n }\r\n return arr;\r\n }\r\n\r\n function renderMarqueeLogos() {\r\n const loop1 = document.getElementById('marquee-loop-1');\r\n const loop2 = document.getElementById('marquee-loop-2');\r\n\r\n if (!loop1 || !loop2) return;\r\n\r\n const shuffledLogos = shuffleArray(clientLogos);\r\n\r\n let htmlContent = '';\r\n shuffledLogos.forEach((logoUrl, idx) => {\r\n htmlContent += `\r\n <div class=\"h-9 sm:h-10 flex items-center justify-center opacity-90 hover:opacity-100 transition-opacity shrink-0\">\r\n <img decoding=\"async\" src=\"${logoUrl}\" alt=\"Cliente CUBU ${idx + 1}\" class=\"cubu-client-logo\" loading=\"lazy\">\r\n <\/div>\r\n `;\r\n });\r\n\r\n loop1.innerHTML = htmlContent;\r\n loop2.innerHTML = htmlContent;\r\n }\r\n\r\n function generateUpcomingViveloEvents() {\r\n const container = document.getElementById('events-grid-container');\r\n if (!container) return;\r\n\r\n const today = new Date();\r\n const monthsEs = [\"ENE\", \"FEB\", \"MAR\", \"ABR\", \"MAY\", \"JUN\", \"JUL\", \"AGO\", \"SEP\", \"OCT\", \"NOV\", \"DIC\"];\r\n\r\n function getDatePlusDays(daysOffset) {\r\n const d = new Date(today);\r\n d.setDate(d.getDate() + daysOffset);\r\n return {\r\n dayNum: d.getDate(),\r\n monthStr: monthsEs[d.getMonth()],\r\n fullStr: `${d.getDate()} de ${monthsEs[d.getMonth()]}`\r\n };\r\n }\r\n\r\n const eventTemplates = [\r\n {\r\n offset: 2,\r\n title: \"Festival Nocturno de M\u00fasica & Arte en Vivo\",\r\n category: \"M\u00fasica & Concerts\",\r\n venue: \"Teatro Benjam\u00edn Carri\u00f3n\",\r\n time: \"20:00 PM\",\r\n price: \"Desde $15.00\",\r\n badge: \"\u00a1Quedan Pocas Entradas!\",\r\n gradient: \"from-purple-900 to-pink-900\"\r\n },\r\n {\r\n offset: 5,\r\n title: \"Gran Noche de Stand-Up Comedy & Gastronom\u00eda\",\r\n category: \"Teatro & Comedia\",\r\n venue: \"Centro Cultural Carpediem\",\r\n time: \"21:00 PM\",\r\n price: \"Desde $10.00\",\r\n badge: \"Casi Agotado\",\r\n gradient: \"from-pink-900 to-rose-950\"\r\n },\r\n {\r\n offset: 7,\r\n title: \"Expo Startup & Noche Electr\u00f3nica V\u00edvelo VIP\",\r\n category: \"Networking & Shows\",\r\n venue: \"Centro de Convenciones UTPL\",\r\n time: \"19:30 PM\",\r\n price: \"Desde $20.00\",\r\n badge: \"Preventa Exclusiva\",\r\n gradient: \"from-cyan-900 to-purple-950\"\r\n }\r\n ];\r\n\r\n let eventsHTML = '';\r\n\r\n eventTemplates.forEach(evt => {\r\n const dateInfo = getDatePlusDays(evt.offset);\r\n eventsHTML += `\r\n <div class=\"rounded-2xl bg-gray-900\/90 border border-pink-500\/30 hover:border-pink-400 transition-all p-5 flex flex-col justify-between space-y-4 shadow-xl hover:scale-[1.02] group\">\r\n \r\n <div class=\"space-y-3\">\r\n <div class=\"flex items-center justify-between gap-2 border-b border-gray-800 pb-3\">\r\n <div class=\"flex items-center gap-2.5\">\r\n <div class=\"w-12 h-12 rounded-xl bg-gradient-to-br ${evt.gradient} border border-pink-500\/50 flex flex-col items-center justify-center shrink-0\">\r\n <span class=\"text-sm font-black text-white leading-none\">${dateInfo.dayNum}<\/span>\r\n <span class=\"text-[9px] font-bold text-pink-300 uppercase leading-none mt-0.5\">${dateInfo.monthStr}<\/span>\r\n <\/div>\r\n <div>\r\n <span class=\"text-[10px] uppercase font-bold text-pink-400 block\">${evt.category}<\/span>\r\n <span class=\"text-xs text-gray-300 font-medium\">Siguientes 8 D\u00edas<\/span>\r\n <\/div>\r\n <\/div>\r\n <span class=\"px-2.5 py-0.5 rounded-full bg-pink-950 border border-pink-500\/40 text-[9px] font-extrabold text-pink-300 uppercase shrink-0\">${evt.badge}<\/span>\r\n <\/div>\r\n\r\n <h4 class=\"text-base font-bold text-white group-hover:text-pink-300 transition-colors leading-snug\">\r\n ${evt.title}\r\n <\/h4>\r\n\r\n <div class=\"space-y-1 text-xs text-gray-300\">\r\n <div class=\"flex items-center gap-1.5\">\r\n <span class=\"text-pink-400\">\ud83d\udccd<\/span>\r\n <span>${evt.venue}<\/span>\r\n <\/div>\r\n <div class=\"flex items-center gap-1.5\">\r\n <span class=\"text-pink-400\">\ud83d\udd52<\/span>\r\n <span>${dateInfo.fullStr} - ${evt.time}<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"pt-2 border-t border-gray-800\/80 flex items-center justify-between gap-2\">\r\n <div>\r\n <span class=\"text-[9px] uppercase text-gray-400 block font-medium\">Precio Ticket<\/span>\r\n <span class=\"text-xs font-bold text-white\">${evt.price}<\/span>\r\n <\/div>\r\n\r\n <a href=\"https:\/\/vivelo.pro\/\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"px-4 py-2 rounded-xl bg-gradient-to-r from-pink-600 to-purple-600 hover:opacity-90 text-white font-bold text-xs transition-all shadow-md flex items-center gap-1\">\r\n <span>\ud83c\udf9f\ufe0f<\/span>\r\n <span>Comprar en V\u00edvelo<\/span>\r\n <\/a>\r\n <\/div>\r\n\r\n <\/div>\r\n `;\r\n });\r\n\r\n container.innerHTML = eventsHTML;\r\n }\r\n\r\n document.addEventListener('DOMContentLoaded', () => {\r\n const yearElem = document.getElementById('copyright-year');\r\n if (yearElem) yearElem.textContent = new Date().getFullYear();\r\n\r\n renderMarqueeLogos();\r\n generateUpcomingViveloEvents();\r\n });\r\n\r\n (function runMotionCanvas() {\r\n function startCanvas() {\r\n const canvas = document.getElementById('motion-graphics-canvas');\r\n if (!canvas) return;\r\n\r\n const ctx = canvas.getContext('2d');\r\n if (!ctx) return;\r\n\r\n let width = 0, height = 0;\r\n let particles = [];\r\n let angle = 0;\r\n let animId = null;\r\n\r\n function resize() {\r\n const heroSection = document.getElementById('hero-wrapper') || canvas.parentElement;\r\n const rect = heroSection ? heroSection.getBoundingClientRect() : { width: window.innerWidth, height: 600 };\r\n\r\n width = canvas.width = rect.width || window.innerWidth || 300;\r\n height = canvas.height = rect.height || 600;\r\n\r\n initParticles();\r\n }\r\n\r\n function initParticles() {\r\n particles = [];\r\n const isMobile = width < 768;\r\n const particleCount = isMobile ? 22 : 45;\r\n\r\n for (let i = 0; i < particleCount; i++) {\r\n particles.push({\r\n x: Math.random() * width,\r\n y: Math.random() * height,\r\n radius: Math.random() * (isMobile ? 1.8 : 2.5) + 1,\r\n vx: (Math.random() - 0.5) * (isMobile ? 0.5 : 0.8),\r\n vy: (Math.random() - 0.5) * (isMobile ? 0.5 : 0.8),\r\n alpha: Math.random() * 0.6 + 0.3,\r\n color: Math.random() > 0.5 ? '#7c3aed' : '#06b6d4',\r\n pulse: Math.random() * Math.PI * 2\r\n });\r\n }\r\n }\r\n\r\n function render() {\r\n if (width === 0 || height === 0) {\r\n resize();\r\n }\r\n\r\n ctx.clearRect(0, 0, width, height);\r\n\r\n const maxDist = width < 768 ? 90 : 135;\r\n\r\n for (let i = 0; i < particles.length; i++) {\r\n for (let j = i + 1; j < particles.length; j++) {\r\n const dx = particles[i].x - particles[j].x;\r\n const dy = particles[i].y - particles[j].y;\r\n const dist = Math.sqrt(dx * dx + dy * dy);\r\n\r\n if (dist < maxDist) {\r\n ctx.save();\r\n ctx.globalAlpha = (1 - dist \/ maxDist) * 0.25;\r\n ctx.beginPath();\r\n ctx.moveTo(particles[i].x, particles[i].y);\r\n ctx.lineTo(particles[j].x, particles[j].y);\r\n ctx.strokeStyle = i % 2 === 0 ? '#7c3aed' : '#06b6d4';\r\n ctx.lineWidth = 1;\r\n ctx.stroke();\r\n ctx.restore();\r\n }\r\n }\r\n }\r\n\r\n particles.forEach(p => {\r\n p.x += p.vx;\r\n p.y += p.vy;\r\n\r\n if (p.x < 0 || p.x > width) p.vx *= -1;\r\n if (p.y < 0 || p.y > height) p.vy *= -1;\r\n\r\n p.pulse += 0.025;\r\n\r\n ctx.save();\r\n ctx.globalAlpha = p.alpha + Math.sin(p.pulse) * 0.2;\r\n ctx.beginPath();\r\n ctx.arc(p.x, p.y, p.radius + Math.sin(p.pulse) * 0.6, 0, Math.PI * 2);\r\n ctx.fillStyle = p.color;\r\n ctx.shadowColor = p.color;\r\n ctx.shadowBlur = 8;\r\n ctx.fill();\r\n ctx.restore();\r\n });\r\n\r\n ctx.save();\r\n const ringX = width * (width < 768 ? 0.85 : 0.8);\r\n const ringY = height * (width < 768 ? 0.25 : 0.3);\r\n const ringRadius = width < 768 ? 50 : 90;\r\n\r\n ctx.translate(ringX, ringY);\r\n ctx.rotate(angle);\r\n\r\n ctx.beginPath();\r\n ctx.arc(0, 0, ringRadius, 0, Math.PI * 1.5);\r\n ctx.strokeStyle = 'rgba(124, 58, 237, 0.25)';\r\n ctx.lineWidth = 2;\r\n ctx.shadowColor = '#7c3aed';\r\n ctx.shadowBlur = 10;\r\n ctx.stroke();\r\n\r\n ctx.beginPath();\r\n ctx.arc(0, 0, ringRadius * 1.2, Math.PI * 0.5, Math.PI * 1.8);\r\n ctx.strokeStyle = 'rgba(6, 182, 212, 0.22)';\r\n ctx.lineWidth = 1.5;\r\n ctx.shadowColor = '#06b6d4';\r\n ctx.shadowBlur = 10;\r\n ctx.stroke();\r\n ctx.restore();\r\n\r\n angle += 0.006;\r\n animId = requestAnimationFrame(render);\r\n }\r\n\r\n window.addEventListener('resize', resize);\r\n \r\n if (window.ResizeObserver && canvas.parentElement) {\r\n const ro = new ResizeObserver(() => resize());\r\n ro.observe(canvas.parentElement);\r\n }\r\n\r\n resize();\r\n if (animId) cancelAnimationFrame(animId);\r\n render();\r\n }\r\n\r\n if (document.readyState === 'complete' || document.readyState === 'interactive') {\r\n setTimeout(startCanvas, 100);\r\n } else {\r\n window.addEventListener('load', startCanvas);\r\n document.addEventListener('DOMContentLoaded', startCanvas);\r\n }\r\n })();\r\n\r\n function filtrarDivision(division) {\r\n const cards = document.querySelectorAll('.card-division');\r\n const btns = document.querySelectorAll('.btn-division');\r\n\r\n btns.forEach(b => {\r\n b.classList.remove('bg-gradient-to-r', 'from-purple-600', 'to-cyan-500', 'text-white');\r\n b.classList.add('bg-gray-900', 'border', 'border-gray-800', 'text-gray-300');\r\n });\r\n\r\n const activeBtn = document.getElementById(`btn-div-${division}`);\r\n if (activeBtn) {\r\n activeBtn.classList.remove('bg-gray-900', 'border-gray-800', 'text-gray-300');\r\n activeBtn.classList.add('bg-gradient-to-r', 'from-purple-600', 'to-cyan-500', 'text-white');\r\n }\r\n\r\n cards.forEach(card => {\r\n if (division === 'todas' || card.classList.contains(`div-${division}`)) {\r\n card.style.display = 'flex';\r\n } else {\r\n card.style.display = 'none';\r\n }\r\n });\r\n }\r\n\r\n let esPagoAnticipado = false;\r\n\r\n function togglePagoAnticipado() {\r\n esPagoAnticipado = !esPagoAnticipado;\r\n const toggleBtn = document.getElementById('toggle-pago');\r\n const circle = document.getElementById('toggle-circle');\r\n const labelMensual = document.getElementById('label-mensual');\r\n const labelAnticipado = document.getElementById('label-anticipado');\r\n\r\n const pNodo = document.getElementById('precio-nodo');\r\n const pMulti = document.getElementById('precio-multi');\r\n const pOmni = document.getElementById('precio-omni');\r\n\r\n const aNodo = document.getElementById('ahorro-nodo');\r\n const aMulti = document.getElementById('ahorro-multi');\r\n const aOmni = document.getElementById('ahorro-omni');\r\n\r\n const tNodo = document.getElementById('total-nodo-container');\r\n const tMulti = document.getElementById('total-multi-container');\r\n const tOmni = document.getElementById('total-omni-container');\r\n\r\n const fNodo = document.getElementById('feat-arte-nodo');\r\n const fMulti = document.getElementById('feat-arte-multi');\r\n const fOmni = document.getElementById('feat-arte-omni');\r\n\r\n if (esPagoAnticipado) {\r\n if (toggleBtn) toggleBtn.setAttribute('aria-checked', 'true');\r\n circle.classList.add('translate-x-6');\r\n labelMensual.classList.replace('text-white', 'text-gray-400');\r\n labelAnticipado.classList.replace('text-gray-400', 'text-white');\r\n\r\n pNodo.textContent = '$49';\r\n pMulti.textContent = '$44';\r\n pOmni.textContent = '$39';\r\n\r\n aNodo.classList.remove('hidden');\r\n aMulti.classList.remove('hidden');\r\n aOmni.classList.remove('hidden');\r\n\r\n if (tNodo) tNodo.classList.remove('hidden');\r\n if (tMulti) tMulti.classList.remove('hidden');\r\n if (tOmni) tOmni.classList.remove('hidden');\r\n\r\n if (fNodo) fNodo.classList.remove('hidden');\r\n if (fMulti) fMulti.classList.remove('hidden');\r\n if (fOmni) fOmni.classList.remove('hidden');\r\n } else {\r\n if (toggleBtn) toggleBtn.setAttribute('aria-checked', 'false');\r\n circle.classList.remove('translate-x-6');\r\n labelAnticipado.classList.replace('text-white', 'text-gray-400');\r\n labelMensual.classList.replace('text-gray-400', 'text-white');\r\n\r\n pNodo.textContent = '$59';\r\n pMulti.textContent = '$54';\r\n pOmni.textContent = '$49';\r\n\r\n aNodo.classList.add('hidden');\r\n aMulti.classList.add('hidden');\r\n aOmni.classList.add('hidden');\r\n\r\n if (tNodo) tNodo.classList.add('hidden');\r\n if (tMulti) tMulti.classList.add('hidden');\r\n if (tOmni) tOmni.classList.add('hidden');\r\n\r\n if (fNodo) fNodo.classList.add('hidden');\r\n if (fMulti) fMulti.classList.add('hidden');\r\n if (fOmni) fOmni.classList.add('hidden');\r\n }\r\n }\r\n\r\n function toggleMobileMenu() {\r\n const menu = document.getElementById('mobile-menu');\r\n const btn = document.getElementById('menu-btn');\r\n if (!menu) return;\r\n \r\n const isHidden = menu.classList.contains('hidden');\r\n if (isHidden) {\r\n menu.classList.remove('hidden');\r\n if (btn) btn.setAttribute('aria-expanded', 'true');\r\n } else {\r\n menu.classList.add('hidden');\r\n if (btn) btn.setAttribute('aria-expanded', 'false');\r\n }\r\n }\r\n\r\n function toggleFaq(faqId) {\r\n const faqContent = document.getElementById(faqId);\r\n const faqIcon = document.getElementById(`${faqId}-icon`);\r\n if (!faqContent) return;\r\n\r\n if (faqContent.classList.contains('hidden')) {\r\n faqContent.classList.remove('hidden');\r\n if (faqIcon) faqIcon.textContent = '\u2212';\r\n } else {\r\n faqContent.classList.add('hidden');\r\n if (faqIcon) faqIcon.textContent = '+';\r\n }\r\n }\r\n\r\n function abrirModalContacto(servicio) {\r\n const modal = document.getElementById('modal-contacto');\r\n const select = document.getElementById('form-servicio');\r\n if (servicio && select) {\r\n for (let i = 0; i < select.options.length; i++) {\r\n if (select.options[i].value.toLowerCase().includes(servicio.toLowerCase()) || \r\n servicio.toLowerCase().includes(select.options[i].value.toLowerCase())) {\r\n select.selectedIndex = i;\r\n break;\r\n }\r\n }\r\n }\r\n if (modal) {\r\n modal.classList.remove('hidden');\r\n modal.classList.add('flex');\r\n }\r\n }\r\n\r\n function cerrarModalContacto() {\r\n const modal = document.getElementById('modal-contacto');\r\n if (modal) {\r\n modal.classList.add('hidden');\r\n modal.classList.remove('flex');\r\n }\r\n }\r\n\r\n function enviarFormulario(event) {\r\n event.preventDefault();\r\n const nombre = document.getElementById('form-nombre').value;\r\n const servicio = document.getElementById('form-servicio').value;\r\n const mensaje = `Hola CUBU Marketing Studio, mi nombre es ${encodeURIComponent(nombre)} y me interesa el servicio: ${encodeURIComponent(servicio)}. Quisiera solicitar una asesor\u00eda personalizada.`;\r\n window.open(`https:\/\/wa.me\/593987828290?text=${mensaje}`, '_blank');\r\n cerrarModalContacto();\r\n }\r\n\r\n window.onclick = function(event) {\r\n const modal = document.getElementById('modal-contacto');\r\n if (event.target === modal) {\r\n cerrarModalContacto();\r\n }\r\n };\r\n <\/script>\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>CUBU Marketing Studio | Agencia de Marketing, Dise\u00f1o, Tecnolog\u00eda, V\u00edvelo & Pantallas LED Servicios App V\u00edvelo Red LED Planes LED Preguntas Frecuentes Contacto \ud83d\udcc5 Solicita tu Asesor\u00eda ☰ Servicios App V\u00edvelo (Eventos & Boletos) Red Pantallas LED 4K Planes LED Preguntas Frecuentes Contacto \ud83d\udcc5 Solicitar Asesor\u00eda Personalizada Agencia de Marketing L\u00edder Escalamos Tu Marca con […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-22","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/cubumkt.com\/index.php\/wp-json\/wp\/v2\/pages\/22","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/cubumkt.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/cubumkt.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/cubumkt.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/cubumkt.com\/index.php\/wp-json\/wp\/v2\/comments?post=22"}],"version-history":[{"count":56,"href":"https:\/\/cubumkt.com\/index.php\/wp-json\/wp\/v2\/pages\/22\/revisions"}],"predecessor-version":[{"id":142,"href":"https:\/\/cubumkt.com\/index.php\/wp-json\/wp\/v2\/pages\/22\/revisions\/142"}],"wp:attachment":[{"href":"https:\/\/cubumkt.com\/index.php\/wp-json\/wp\/v2\/media?parent=22"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}