{"id":52,"date":"2026-06-24T04:48:01","date_gmt":"2026-06-24T02:48:01","guid":{"rendered":"https:\/\/ceo.bitsasolutions.com\/?page_id=52"},"modified":"2026-07-27T04:05:39","modified_gmt":"2026-07-27T02:05:39","slug":"vsl","status":"publish","type":"page","link":"https:\/\/ceo.bitsasolutions.com\/?page_id=52","title":{"rendered":"ESP"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"52\" class=\"elementor elementor-52\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-769a1197 e-flex e-con-boxed e-con e-parent\" data-id=\"769a1197\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e429d4c elementor-widget elementor-widget-text-editor\" data-id=\"e429d4c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t\n<p>\u00a0<\/p>\n<p>\u00a0<\/p>\n<p><\/p>\n<p><script src=\"https:\/\/cdn.tailwindcss.com\"><\/script><script>\n        tailwind.config = {\n            theme: {\n                extend: {\n                    colors: {\n                        premium: {\n                            900: '#0F2A44', \/\/ Dark cinematic navy blue\n                            800: '#16304E', \/\/ Lighter navy for panels\n                            gold: '#C9A24D', \/\/ Premium gold accent\n                            accent: '#3B82F6' \/\/ Corporate blue\n                        }\n                    },\n                    fontFamily: {\n                        sans: ['Inter', 'system-ui', 'sans-serif'],\n                    },\n                    animation: {\n                        'fade-in-up': 'fadeInUp 0.8s ease-out forwards',\n                        'pulse-slow': 'pulse 3s cubic-bezier(0.4, 0, 0.6, 1) infinite',\n                    },\n                    keyframes: {\n                        fadeInUp: {\n                            '0%': { opacity: '0', transform: 'translateY(20px)' },\n                            '100%': { opacity: '1', transform: 'translateY(0)' },\n                        }\n                    }\n                }\n            }\n        }\n    <\/script><style>\n        \/* Estilos personalizados para fondos cinematogr\u00e1ficos *\/\n        @import url('https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@300;400;600;700&display=swap');\n        \n        body {\n            font-family: 'Inter', sans-serif;\n            background-color: #0F2A44;\n            color: #FFFFFF;\n        }\n\n        .cinematic-bg {\n            background-color: #0F2A44 !important;\n            background-image: radial-gradient(circle at top right, rgba(59, 130, 246, 0.15), transparent 40%),\n                              radial-gradient(circle at bottom left, rgba(201, 162, 77, 0.05), transparent 40%);\n        }\n\n        .glass-panel {\n            background: rgba(22, 48, 78, 0.6);\n            backdrop-filter: blur(12px);\n            border: 1px solid rgba(255, 255, 255, 0.1);\n        }\n\n        \/* Ocultar elementos antes de la animaci\u00f3n de scroll *\/\n        .scroll-animate {\n            opacity: 0;\n            transform: translateY(20px);\n            transition: all 0.8s cubic-bezier(0.4, 0, 0.2, 1);\n        }\n        \n        .scroll-animate.is-visible {\n            opacity: 1;\n            transform: translateY(0);\n        }\n\n        .gradient-text {\n            background: linear-gradient(to right, #ffffff, #e2e8f0);\n            -webkit-background-clip: text;\n            -webkit-text-fill-color: transparent;\n        }\n        \n        .gold-text {\n            background: linear-gradient(to right, #C9A24D, #FDE08B);\n            -webkit-background-clip: text;\n            -webkit-text-fill-color: transparent;\n        }\n    <\/style><\/p>\n<!-- CONTENEDOR PRINCIPAL (Garantiza que el fondo azul se aplique en WordPress) -->\n<div class=\"bg-premium-900 cinematic-bg min-h-screen w-full relative\"><!-- Header \/ Nav --><header class=\"fixed top-0 w-full z-50 glass-panel border-b border-white\/10\">\n<div class=\"max-w-7xl mx-auto px-6 h-20 flex items-center justify-between\"><img decoding=\"async\" class=\"h-10 object-contain drop-shadow-lg\" src=\"https:\/\/campus.bitsasolutions.com\/wp-content\/uploads\/2026\/03\/200x100.png\" alt=\"Bitsa Solutions Logo\" \/> <a class=\"hidden md:inline-flex items-center justify-center px-6 py-2.5 text-sm font-semibold text-white bg-premium-accent hover:bg-blue-600 rounded-full transition-all shadow-[0_0_20px_rgba(59,130,246,0.3)]\" href=\"https:\/\/campus.bitsasolutions.com\/shop\/\"> Inscr\u00edbete Ahora <\/a><\/div>\n<\/header><!-- Main Hero Section (VSL Layout) --><main class=\"pt-32 pb-16 px-6 lg:px-8 max-w-7xl mx-auto min-h-screen flex flex-col lg:flex-row items-center gap-12 lg:gap-20\"><!-- Left: Copy & Narrative -->\n<div class=\"w-full lg:w-1\/2 flex flex-col justify-center animate-fade-in-up\">\n<div class=\"inline-flex items-center gap-2 px-3 py-1 rounded-full bg-white\/10 border border-white\/20 text-premium-gold text-xs font-semibold uppercase tracking-wider mb-6 w-fit\">Desarrollo Profesional<\/div>\n<h1 class=\"text-4xl md:text-5xl lg:text-6xl font-bold leading-tight mb-6\"><span class=\"gradient-text\">Las oportunidades no avisan.<\/span><br \/><span class=\"text-2xl md:text-3xl lg:text-4xl text-white font-normal mt-4 block drop-shadow-sm\"> \u00bfEst\u00e1s preparado en ingl\u00e9s para tomarlas? <\/span><\/h1>\n<p class=\"text-lg text-white mb-8 leading-relaxed font-light\">Tal vez fue una promoci\u00f3n. Una reuni\u00f3n importante. Un proyecto internacional. Cada oportunidad perdida por la barrera del idioma tiene un costo real en tu carrera.<\/p>\n<!-- Differentiator Box -->\n<div class=\"glass-panel p-6 rounded-2xl mb-10 border-l-4 border-l-premium-gold\">\n<div class=\"flex items-start gap-4\">\n<div class=\"p-2 bg-premium-gold\/20 rounded-lg shrink-0\">\u00a0<\/div>\n<div>\n<h3 class=\"font-semibold text-white mb-1\">Metodolog\u00eda Comprobada<\/h3>\n<p class=\"text-sm text-white\/90\">Respaldados por <strong>m\u00e1s de 30 a\u00f1os formando profesionales<\/strong>, con programas alineados a las verdaderas necesidades del mercado laboral.<\/p>\n<\/div>\n<\/div>\n<\/div>\n<div class=\"flex flex-col sm:flex-row gap-4\"><a class=\"inline-flex items-center justify-center px-8 py-4 text-base font-bold text-white bg-gradient-to-r from-premium-accent to-blue-700 hover:from-blue-500 hover:to-blue-600 rounded-xl transition-all shadow-[0_0_30px_rgba(59,130,246,0.4)] group\" href=\"https:\/\/campus.bitsasolutions.com\/shop\/\"> Empieza hoy. Destaca ma\u00f1ana. <\/a><\/div>\n<\/div>\n<!-- Right: 9:16 Video Player Container -->\n<div class=\"w-full lg:w-1\/2 flex justify-center animate-fade-in-up\" style=\"animation-delay: 0.2s;\"><!-- Contenedor con Aspect Ratio 9:16 para la VSL -->\n<div id=\"videoContainer\" class=\"relative w-full max-w-[360px] aspect-[9\/16] rounded-3xl overflow-hidden shadow-[0_20px_50px_rgba(0,0,0,0.6)] border border-white\/20 group bg-premium-800\"><!-- Poster \/ Placeholder (Simula la escena corporativa) -->\n<div class=\"absolute inset-0 bg-cover bg-center transition-transform duration-700 group-hover:scale-105\" style=\"background-image: url('https:\/\/images.unsplash.com\/photo-1573164713988-8665fc963095?ixlib=rb-4.0.3&amp;auto=format&amp;fit=crop&amp;w=800&amp;q=80');\">\n<div class=\"absolute inset-0 bg-gradient-to-t from-premium-900 via-premium-900\/40 to-transparent\">\u00a0<\/div>\n<\/div>\n<!-- Capa de Textos Cinematogr\u00e1ficos (Simulando VSL) -->\n<div class=\"absolute inset-0 p-8 flex flex-col justify-between z-10\">\n<div class=\"text-center mt-4\">\u00a0<\/div>\n<!-- Bot\u00f3n de Play Central --> <button class=\"w-20 h-20 mx-auto bg-premium-gold\/90 hover:bg-premium-gold text-premium-900 rounded-full flex items-center justify-center pl-2 transition-all hover:scale-110 shadow-[0_0_30px_rgba(201,162,77,0.4)] backdrop-blur-sm z-20\"> <\/button>\n<div class=\"text-center mb-6\">\n<h3 class=\"text-2xl font-bold text-white drop-shadow-lg leading-tight\">\u00abAprende como si fueras a vivir para siempre.\u00bb<\/h3>\n<\/div>\n<\/div>\n<!-- Overlay de Mensaje al hacer click en Play (Mock) -->\n<div id=\"playMockMessage\" class=\"absolute inset-0 bg-premium-900\/95 backdrop-blur-md z-30 flex flex-col items-center justify-center p-6 text-center opacity-0 pointer-events-none transition-opacity duration-300\">\n<div class=\"w-16 h-16 border-4 border-premium-gold border-t-transparent rounded-full animate-spin mb-4\">\u00a0<\/div>\n<p class=\"text-white font-medium mb-2\">Aqu\u00ed se reproducir\u00e1 tu Video Vertical<\/p>\n<p class=\"text-sm text-white\/90\">Inserta la etiqueta &lt;video&gt; o iframe en este contenedor.<\/p>\n<button class=\"mt-6 px-4 py-2 bg-white\/20 hover:bg-white\/30 text-white rounded-full text-sm transition-colors\">Volver<\/button><\/div>\n<\/div>\n<\/div>\n<\/main><!-- Details Section -->\n<section class=\"py-20 border-t border-white\/10 relative z-10 bg-premium-900\/80\">\n<div class=\"max-w-7xl mx-auto px-6 lg:px-8\">\n<div class=\"text-center max-w-3xl mx-auto mb-16 scroll-animate\">\n<h2 class=\"text-3xl md:text-4xl font-bold mb-4 text-white\">Ingl\u00e9s con <span class=\"gold-text\">Fines Espec\u00edficos<\/span><\/h2>\n<p class=\"text-white\/90 text-lg font-light\">Desarrolla el ingl\u00e9s que realmente necesitas para tu profesi\u00f3n. Comunicaci\u00f3n real, vocabulario especializado y la confianza para actuar cuando llegue la oportunidad.<\/p>\n<\/div>\n<div class=\"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-6\"><!-- Card 1 -->\n<div class=\"glass-panel p-6 rounded-2xl hover:-translate-y-2 transition-transform duration-300 scroll-animate\">\n<div class=\"w-12 h-12 bg-blue-500\/20 rounded-xl flex items-center justify-center mb-4 text-blue-300\">\u00a0<\/div>\n<h3 class=\"text-xl font-semibold mb-2 text-white\">Ingl\u00e9s para Negocios<\/h3>\n<p class=\"text-sm text-white\/90 font-light\">Lidera reuniones, negocia acuerdos y presenta proyectos con seguridad.<\/p>\n<\/div>\n<!-- Card 2 -->\n<div class=\"glass-panel p-6 rounded-2xl hover:-translate-y-2 transition-transform duration-300 scroll-animate delay-100\">\n<div class=\"w-12 h-12 bg-purple-500\/20 rounded-xl flex items-center justify-center mb-4 text-purple-300\">\u00a0<\/div>\n<h3 class=\"text-xl font-semibold mb-2 text-white\">Ingl\u00e9s para Tecnolog\u00eda<\/h3>\n<p class=\"text-sm text-white\/90 font-light\">Comun\u00edcate fluidamente en entornos IT, startups y equipos de desarrollo global.<\/p>\n<\/div>\n<!-- Card 3 -->\n<div class=\"glass-panel p-6 rounded-2xl hover:-translate-y-2 transition-transform duration-300 scroll-animate delay-200\">\n<div class=\"w-12 h-12 bg-emerald-500\/20 rounded-xl flex items-center justify-center mb-4 text-emerald-300\">\u00a0<\/div>\n<h3 class=\"text-xl font-semibold mb-2 text-white\">Ingl\u00e9s para Medicina<\/h3>\n<p class=\"text-sm text-white\/90 font-light\">Vocabulario m\u00e9dico especializado para interactuar con pacientes y colegas internacionales.<\/p>\n<\/div>\n<!-- Card 4 -->\n<div class=\"glass-panel p-6 rounded-2xl hover:-translate-y-2 transition-transform duration-300 scroll-animate delay-300\">\n<div class=\"w-12 h-12 bg-orange-500\/20 rounded-xl flex items-center justify-center mb-4 text-orange-300\">\u00a0<\/div>\n<h3 class=\"text-xl font-semibold mb-2 text-white\">Ingl\u00e9s para Ingenier\u00eda<\/h3>\n<p class=\"text-sm text-white\/90 font-light\">Terminolog\u00eda t\u00e9cnica precisa para la gesti\u00f3n y ejecuci\u00f3n de proyectos globales.<\/p>\n<\/div>\n<\/div>\n<\/div>\n<\/section>\n<!-- Bottom CTA -->\n<section class=\"py-24 relative overflow-hidden\">\n<div class=\"absolute inset-0 cinematic-bg opacity-70\">\u00a0<\/div>\n<div class=\"max-w-4xl mx-auto px-6 text-center relative z-10 scroll-animate\">\n<h2 class=\"text-3xl md:text-5xl font-bold mb-6 text-white\">La pregunta no es si necesitar\u00e1s ingl\u00e9s.<\/h2>\n<p class=\"text-xl text-white\/90 mb-10 font-light\">La pregunta es cu\u00e1ndo lamentar\u00e1s no haber comenzado antes. Los profesionales m\u00e1s competitivos se preparan hoy.<\/p>\n<a class=\"inline-flex items-center justify-center px-10 py-5 text-lg font-bold text-premium-900 bg-gradient-to-r from-premium-gold to-[#FDE08B] hover:scale-105 rounded-xl transition-all shadow-[0_0_40px_rgba(201,162,77,0.4)]\" href=\"https:\/\/campus.bitsasolutions.com\/shop\/\"> Inscr\u00edbete Ahora en Bitsa Solutions <\/a>\n<p class=\"mt-6 text-sm text-white\/80 uppercase tracking-widest\">+30 a\u00f1os formando l\u00edderes<\/p>\n<\/div>\n<\/section>\n<footer class=\"border-t border-white\/10 py-8 text-center text-sm text-white\/70\">\n<p>\u00a9 2026 Bitsa Solutions. Todos los derechos reservados.<\/p>\n<\/footer><\/div>\n<!-- \/Fin del Contenedor Principal --><!-- Script para interactividad -->\n<p><script>\n        \/\/ Animaciones de Scroll\n        const observerOptions = {\n            root: null,\n            rootMargin: '0px',\n            threshold: 0.15\n        };\n\n        const observer = new IntersectionObserver((entries, observer) => {\n            entries.forEach(entry => {\n                if (entry.isIntersecting) {\n                    entry.target.classList.add('is-visible');\n                    observer.unobserve(entry.target);\n                }\n            });\n        }, observerOptions);\n\n        document.querySelectorAll('.scroll-animate').forEach((element) => {\n            observer.observe(element);\n        });\n\n        \/\/ Interacci\u00f3n del Video Mock\n        function playVideo() {\n            const mockOverlay = document.getElementById('playMockMessage');\n            mockOverlay.classList.remove('opacity-0', 'pointer-events-none');\n            \/\/ Aqu\u00ed en un escenario real se inyectar\u00eda el iframe o se dar\u00eda .play() al tag <video>\n            console.log(\"Play button clicked. Replace with actual video logic.\");\n        }\n\n        function closeVideo() {\n            const mockOverlay = document.getElementById('playMockMessage');\n            mockOverlay.classList.add('opacity-0', 'pointer-events-none');\n        }\n    <\/script><\/p>\n\n<p class=\"wp-block-paragraph\">\u00a0<\/p>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>\u00a0 \u00a0 Inscr\u00edbete Ahora Desarrollo Profesional Las oportunidades no avisan. \u00bfEst\u00e1s preparado en ingl\u00e9s para tomarlas? Tal vez fue una promoci\u00f3n. Una reuni\u00f3n importante. Un proyecto internacional. Cada oportunidad perdida por la barrera del idioma tiene un costo real en tu carrera. \u00a0 Metodolog\u00eda Comprobada Respaldados por m\u00e1s de 30 a\u00f1os formando profesionales, con programas&#8230;<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_kad_post_transparent":"disable","_kad_post_title":"hide","_kad_post_layout":"fullwidth","_kad_post_sidebar_id":"","_kad_post_content_style":"unboxed","_kad_post_vertical_padding":"hide","_kad_post_feature":"hide","_kad_post_feature_position":"","_kad_post_header":true,"_kad_post_footer":false,"_kad_post_classname":"","footnotes":""},"class_list":["post-52","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/ceo.bitsasolutions.com\/index.php?rest_route=\/wp\/v2\/pages\/52","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/ceo.bitsasolutions.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/ceo.bitsasolutions.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/ceo.bitsasolutions.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/ceo.bitsasolutions.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=52"}],"version-history":[{"count":7,"href":"https:\/\/ceo.bitsasolutions.com\/index.php?rest_route=\/wp\/v2\/pages\/52\/revisions"}],"predecessor-version":[{"id":205,"href":"https:\/\/ceo.bitsasolutions.com\/index.php?rest_route=\/wp\/v2\/pages\/52\/revisions\/205"}],"wp:attachment":[{"href":"https:\/\/ceo.bitsasolutions.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=52"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}