SERVICIOS NUESTROS SERVICIOS Plataformas LMS 01 Producción de video y microlearning 02 E-learning interactivo 03 Realidad virtual y recorridos 360° 04 Desarrollo de software 05 Branding y diseño digital 06 PLATAFORMAS LMS NOSOTROS PORTAFOLIO CONTACTO SOLICITAR INFORMACIÓN SERVICIOS + Plataformas LMS Producción de video y microlearning E-learning interactivo Realidad virtual y recorridos 360° Desarrollo de software Branding y diseño digital PLATAFORMAS LMS NOSOTROS PORTAFOLIO CONTACTO SOLICITAR INFORMACIÓN → /* ===================================================== VARIABLES ===================================================== */ .eg-menu-area{ --eg-navy:#0D3F5F; --eg-blue:#2196F3; --eg-blue-dark:#145A76; --eg-purple:#3D1C7C; --eg-light-blue:#E9F5FF; --eg-soft:#F7FAFE; --eg-border:#E8EFF6; --eg-muted:#A7B9C8; width:100%; position:relative; z-index:99999; /* SIN FONDO GENERAL */ background:transparent !important; font-family: "Montserrat", "Open Sans", Arial, sans-serif; } /* ===================================================== EVITAR CONFLICTOS CON ELEMENTOR ===================================================== */ .eg-menu-area *, .eg-menu-area *::before, .eg-menu-area *::after{ box-sizing:border-box; } /* ===================================================== HEADER ===================================================== */ .eg-menu{ width:calc(100% - 40px); max-width:1600px; height:100px; margin:20px auto 0; padding:0 30px; display:flex; align-items:center; justify-content:space-between; background:rgba(255,255,255,.98); border: 1px solid rgba(232,239,246,.9); border-radius:26px; box-shadow: 0 16px 40px rgba(13,63,95,.08); position:relative; } /* ===================================================== LOGO ===================================================== */ .eg-logo{ display:flex; align-items:center; justify-content:flex-start; flex-shrink:0; text-decoration:none !important; } .eg-logo img{ display:block; width:200px; max-width:100%; max-height:55px; height:auto; object-fit:contain; } /* ===================================================== NAVEGACIÓN ===================================================== */ .eg-navigation{ display:flex; align-items:center; justify-content:center; gap:38px; margin-left:auto; margin-right:50px; } .eg-main-link{ color:var(--eg-navy) !important; text-decoration:none !important; font-size:16px; font-weight:700; letter-spacing:.1px; white-space:nowrap; transition: color .2s ease, transform .2s ease; } .eg-main-link:hover{ color:var(--eg-blue) !important; transform:translateY(-1px); } /* ===================================================== SERVICIOS ===================================================== */ .eg-services{ position:relative; display:flex; align-items:center; } .eg-services-button{ height:45px; min-width:148px; padding:0 17px; border:0; outline:0; border-radius:17px; display:flex; justify-content:center; align-items:center; gap:8px; background:#EAF5FF; color:var(--eg-blue); font-family:inherit; font-size:16px; font-weight:700; cursor:pointer; transition: background .2s ease, transform .2s ease; } .eg-services-button:hover{ background:#E2F1FF; } /* FLECHA */ .eg-chevron{ width:15px; height:15px; fill:none; stroke:currentColor; stroke-width:2.3; stroke-linecap:round; stroke-linejoin:round; transition:transform .25s ease; } /* ===================================================== PUENTE PARA EVITAR QUE EL DROPDOWN SE CIERRE ===================================================== */ .eg-services::after{ content:""; position:absolute; top:43px; left:-220px; width:590px; height:25px; } /* ===================================================== DROPDOWN ===================================================== */ .eg-services-dropdown{ position:absolute; left:-215px; top:61px; width:576px; padding: 24px 14px 20px; background:#FAFCFF; border: 1px solid #EEF3F8; border-radius:26px; box-shadow: 0 24px 55px rgba(25,67,98,.13); opacity:0; visibility:hidden; transform: translateY(-8px); pointer-events:none; transition: opacity .22s ease, visibility .22s ease, transform .22s ease; } /* MOSTRAR DROPDOWN */ .eg-services:hover .eg-services-dropdown, .eg-services.eg-open .eg-services-dropdown{ opacity:1; visibility:visible; transform:translateY(0); pointer-events:auto; } .eg-services:hover .eg-chevron, .eg-services.eg-open .eg-chevron{ transform:rotate(180deg); } /* ===================================================== TÍTULO DROPDOWN ===================================================== */ .eg-dropdown-title{ min-height:25px; padding: 0 14px 8px; display:flex; align-items:center; gap:17px; } .eg-dropdown-title span{ color:var(--eg-blue); font-size:13px; font-weight:800; letter-spacing:2px; white-space:nowrap; } .eg-dropdown-title div{ width:100%; height:1px; background:#8EC8F8; } /* ===================================================== ITEM SERVICIO ===================================================== */ .eg-service-item{ min-height:73px; padding: 10px 15px; display:grid; grid-template-columns: 45px minmax(0,1fr) 30px; gap:15px; align-items:center; border-radius:20px; text-decoration:none !important; color:var(--eg-navy) !important; transition: background .22s ease, transform .22s ease; } .eg-service-item:hover{ background:#EDF7FF; } .eg-service-active{ background:#E5F3FF; } /* ===================================================== ICONOS SERVICIOS ===================================================== */ .eg-service-icon{ width:45px; height:45px; border-radius:14px; display:flex; align-items:center; justify-content:center; background:#EEF1FF; color:var(--eg-blue); transition: transform .2s ease, background .2s ease; } .eg-service-active .eg-service-icon{ background: linear-gradient( 145deg, #29A9F5, #145A76 ); color:#FFFFFF; } .eg-service-item:hover .eg-service-icon{ transform:translateY(-1px); } .eg-service-icon svg{ width:22px; height:22px; fill:none; stroke:currentColor; stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round; } /* ===================================================== NOMBRE SERVICIO ===================================================== */ .eg-service-name{ font-size:16px; line-height:1.35; font-weight:650; } /* ===================================================== NÚMERO SERVICIO ===================================================== */ .eg-service-number{ justify-self:end; color:#ADC0D0; font-size:12px; font-weight:700; } .eg-service-active .eg-service-number{ color:var(--eg-blue); } /* ===================================================== CTA SOLICITAR INFORMACIÓN ===================================================== */ .eg-menu-cta{ min-width:326px; height:50px; padding: 0 23px; border-radius:28px; display:flex; align-items:center; justify-content:center; gap:14px; flex-shrink:0; background:var(--eg-blue); color:#FFFFFF !important; text-decoration:none !important; font-size:16px; font-weight:800; box-shadow: 0 12px 25px rgba(33,150,243,.24); transition: transform .2s ease, box-shadow .2s ease, background .2s ease; } .eg-menu-cta:hover{ color:#FFFFFF !important; background:#168EE9; transform: translateY(-2px); box-shadow: 0 15px 29px rgba(33,150,243,.3); } .eg-calendar, .eg-arrow{ fill:none; stroke:currentColor; stroke-width:2; stroke-linecap:round; stroke-linejoin:round; } .eg-calendar{ width:20px; height:20px; flex-shrink:0; } .eg-arrow{ width:20px; height:20px; margin-left:auto; flex-shrink:0; } /* ===================================================== MOBILE TOGGLE ===================================================== */ .eg-mobile-toggle{ width:46px; height:46px; padding:0; border:0; border-radius:13px; display:none; flex-direction:column; align-items:center; justify-content:center; gap:5px; background:#EAF5FF; cursor:pointer; } .eg-mobile-toggle span{ display:block; width:21px; height:2px; border-radius:10px; background:var(--eg-navy); transition:.25s ease; } /* ANIMACIÓN X */ .eg-mobile-toggle.eg-active span:nth-child(1){ transform: translateY(7px) rotate(45deg); } .eg-mobile-toggle.eg-active span:nth-child(2){ opacity:0; } .eg-mobile-toggle.eg-active span:nth-child(3){ transform: translateY(-7px) rotate(-45deg); } /* ===================================================== MOBILE MENU ===================================================== */ .eg-mobile-menu{ display:none; } /* ===================================================== PANTALLAS INTERMEDIAS ===================================================== */ @media(max-width:1450px){ .eg-navigation{ gap:28px; margin-right:30px; } .eg-menu-cta{ min-width:285px; padding: 0 18px; } } @media(max-width:1350px){ .eg-menu{ padding: 0 24px; } .eg-navigation{ gap:23px; margin-right:25px; } .eg-main-link, .eg-services-button{ font-size:14px; } .eg-logo img{ width:175px; } .eg-menu-cta{ min-width:260px; font-size:13px; } } /* ===================================================== MOBILE / TABLET ===================================================== */ @media(max-width:1100px){ .eg-menu{ width:calc(100% - 28px); height:78px; margin-top:14px; padding: 0 20px; border-radius:22px; } .eg-logo img{ width:165px; } .eg-navigation, .eg-menu-cta{ display:none; } .eg-mobile-toggle{ display:flex; } /* CONTENEDOR MENU MOBILE */ .eg-mobile-menu{ width:calc(100% - 28px); margin: 8px auto 0; padding:16px; display:flex; flex-direction:column; position:absolute; left:14px; right:14px; background:#FFFFFF; border: 1px solid var(--eg-border); border-radius:21px; box-shadow: 0 22px 45px rgba(20,63,95,.11); opacity:0; visibility:hidden; pointer-events:none; transform: translateY(-10px); transition: opacity .25s ease, visibility .25s ease, transform .25s ease; } .eg-mobile-menu.eg-show{ opacity:1; visibility:visible; pointer-events:auto; transform:translateY(0); } /* LINKS MOBILE */ .eg-mobile-menu > a, .eg-mobile-services-button{ width:100%; padding: 16px 14px; border:0; display:flex; align-items:center; justify-content:space-between; background:transparent; border-bottom: 1px solid #EDF2F6; color:var(--eg-navy) !important; font-family:inherit; font-size:14px; font-weight:700; text-decoration:none !important; text-align:left; cursor:pointer; } .eg-mobile-plus{ color:var(--eg-blue); font-size:24px; font-weight:400; } /* SUBMENÚ SERVICIOS */ .eg-mobile-services{ display:none; padding: 7px 0 10px 16px; background:#F8FBFE; } .eg-mobile-services.eg-show{ display:block; } .eg-mobile-services a{ display:block; padding:12px; color:#31546C !important; font-size:13px; font-weight:600; text-decoration:none !important; } .eg-mobile-services a:hover{ color:var(--eg-blue) !important; } /* CTA MOBILE */ .eg-mobile-menu .eg-mobile-cta{ margin-top:14px; border:0 !important; border-radius:18px; display:flex; justify-content:center; gap:12px; background:var(--eg-blue) !important; color:#FFFFFF !important; } } /* ===================================================== MOBILE PEQUEÑO ===================================================== */ @media(max-width:480px){ .eg-menu{ width:calc(100% - 20px); height:72px; margin-top:10px; padding: 0 15px; border-radius:20px; } .eg-logo img{ width:145px; } .eg-mobile-toggle{ width:42px; height:42px; } .eg-mobile-menu{ width:calc(100% - 20px); left:10px; right:10px; } } document.addEventListener( "DOMContentLoaded", function(){ /* ================================================= SERVICIOS DESKTOP ================================================= */ const services = document.querySelector( ".eg-services" ); const servicesButton = document.querySelector( ".eg-services-button" ); if( services && servicesButton ){ servicesButton.addEventListener( "click", function(event){ event.stopPropagation(); services.classList.toggle( "eg-open" ); } ); } /* CERRAR AL HACER CLICK FUERA */ document.addEventListener( "click", function(event){ if( services && !services.contains(event.target) ){ services.classList.remove( "eg-open" ); } } ); /* ================================================= MENU MOBILE ================================================= */ const mobileToggle = document.querySelector( ".eg-mobile-toggle" ); const mobileMenu = document.querySelector( ".eg-mobile-menu" ); if( mobileToggle && mobileMenu ){ mobileToggle.addEventListener( "click", function(){ mobileToggle.classList.toggle( "eg-active" ); mobileMenu.classList.toggle( "eg-show" ); } ); } /* ================================================= SERVICIOS MOBILE ================================================= */ const mobileServicesButton = document.querySelector( ".eg-mobile-services-button" ); const mobileServices = document.querySelector( ".eg-mobile-services" ); const mobilePlus = document.querySelector( ".eg-mobile-plus" ); if( mobileServicesButton && mobileServices ){ mobileServicesButton.addEventListener( "click", function(){ mobileServices.classList.toggle( "eg-show" ); if(mobilePlus){ mobilePlus.textContent = mobileServices.classList.contains( "eg-show" ) ? "−" : "+"; } } ); } /* ================================================= CERRAR MOBILE AL CAMBIAR DE TAMAÑO ================================================= */ window.addEventListener( "resize", function(){ if( window.innerWidth > 1100 ){ if(mobileMenu){ mobileMenu.classList.remove( "eg-show" ); } if(mobileToggle){ mobileToggle.classList.remove( "eg-active" ); } } } ); } );

Diagnóstico de plataforma de capacitación

En E-group desarrollamos plataformas de capacitación totalmente personalizadas para cada empresa.

Para enviarte una propuesta correcta (no genérica), necesitamos entender brevemente tu operación actual.

Completa este diagnóstico y en menos de 48 hrs recibirás una propuesta clara y alineada a tu proyecto

¿Qué recibirás después de completar el diagnóstico?

Nuestro equipo revisará tu información y te enviaremos:

Recomendación de tipo de plataforma

Alcance sugerido

Estimación económica

Opciones de implementación