/* INDEX-SPECIFIC */
.hero{padding:148px 48px 80px;text-align:center;position:relative;overflow:hidden;}
.hero-glow{position:absolute;top:-80px;left:50%;transform:translateX(-50%);width:700px;height:500px;background:radial-gradient(ellipse at 50% 30%,rgba(29,86,216,0.18) 0%,transparent 70%);pointer-events:none;}
.hero-glow-o{position:absolute;top:60px;left:50%;transform:translateX(-20%);width:400px;height:300px;background:radial-gradient(ellipse at 50% 30%,rgba(232,73,14,0.08) 0%,transparent 70%);pointer-events:none;}
/* TIPOGRAFÍA HERO — Orbitron similar al logo */
.hero h1{
font-family:’Orbitron’,sans-serif;
font-size:clamp(28px,5vw,58px);
font-weight:800;
letter-spacing:-0.01em;
line-height:1.12;
color:var(–text);
max-width:820px;
margin:0 auto 22px;
text-transform:uppercase;
}
.hero h1 .grad{
background:linear-gradient(105deg,var(–blue-lt) 0%,#a78bfa 50%,var(–orange-lt) 100%);
-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;
}
.hero h1 .line-top{
font-size:clamp(22px,3.5vw,42px);
font-weight:700;
color:rgba(236,238,244,0.7);
display:block;
margin-bottom:6px;
letter-spacing:0.04em;
}
.hero-sub{font-size:17px;color:var(–muted);max-width:520px;margin:0 auto 40px;font-weight:300;line-height:1.7;}
.hero-actions{display:flex;align-items:center;justify-content:center;gap:12px;margin-bottom:72px;flex-wrap:wrap;}
/* DASHBOARD */
.dash-wrap{position:relative;max-width:860px;margin:0 auto;}
.dash-fade{position:absolute;bottom:0;left:0;right:0;height:130px;background:linear-gradient(transparent,var(–bg));pointer-events:none;z-index:2;}
.dashboard{background:var(–bg2);border:1px solid var(–border);border-radius:16px;overflow:hidden;box-shadow:0 0 0 1px rgba(255,255,255,0.04),0 40px 80px rgba(0,0,0,0.5);}
.dash-bar{display:flex;align-items:center;gap:6px;padding:12px 16px;border-bottom:1px solid var(–border);background:rgba(255,255,255,0.02);}
.dash-dot{width:10px;height:10px;border-radius:50%;}
.dash-dot:nth-child(1){background:#ff5f57;}.dash-dot:nth-child(2){background:#febc2e;}.dash-dot:nth-child(3){background:#28c840;}
.dash-url{flex:1;background:rgba(255,255,255,0.05);border:1px solid var(–border);border-radius:5px;padding:4px 12px;font-size:11.5px;color:var(–muted2);text-align:center;max-width:280px;margin:0 auto;}
.dash-body{display:grid;grid-template-columns:220px 1fr;}
.dash-sidebar{border-right:1px solid var(–border);padding:0;}
/* Logo dentro del sidebar del dashboard */
.dash-logo-wrap{
padding:14px 16px 10px;
border-bottom:1px solid var(–border);
display:flex;align-items:center;
}
.dash-logo-wrap img{height:28px;width:auto;filter:brightness(1.1);}
.dash-nav-item{
display:flex;align-items:center;gap:9px;
padding:9px 16px;font-size:11px;
color:var(–muted);cursor:pointer;transition:all .15s;
text-decoration:none;
border-left:2px solid transparent;
}
.dash-nav-item.active{
background:rgba(29,86,216,0.1);
color:var(–blue-lt);
border-left-color:var(–blue-lt);
}
.dash-nav-item:hover{background:rgba(29,86,216,0.07);color:var(–blue-lt);}
.dash-nav-icon{width:14px;height:14px;flex-shrink:0;opacity:0.8;}
.dash-nav-label{flex:1;line-height:1.3;}
.dash-nav-arrow{font-size:9px;opacity:0.4;}
.dash-main{padding:20px;}
.dash-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:16px;}
.metric{background:var(–surface);border:1px solid var(–border);border-radius:10px;padding:14px;}
.metric-label{font-size:10px;color:var(–muted2);margin-bottom:7px;}
.metric-val{font-family:var(–font-head);font-size:20px;font-weight:700;color:var(–text);}
.metric-delta{font-size:10px;color:#34d399;margin-top:3px;}
.metric-delta.orange{color:var(–orange-lt);}
.dash-charts{display:grid;grid-template-columns:1fr 150px;gap:10px;}
.chart-area,.status-area{background:var(–surface);border:1px solid var(–border);border-radius:10px;padding:14px;}
.chart-title{font-size:10px;color:var(–muted2);margin-bottom:10px;}
.bars{display:flex;align-items:flex-end;gap:4px;height:75px;}
.bar-i{flex:1;border-radius:3px 3px 0 0;background:rgba(29,86,216,0.35);transition:background .2s;}
.bar-i:hover{background:var(–blue);}
.bar-i.hi{background:rgba(29,86,216,0.7);}
.bar-i.or{background:rgba(232,73,14,0.5);}
.status-row{display:flex;align-items:center;gap:7px;font-size:10.5px;color:var(–muted);margin-bottom:8px;}
.sdot{width:6px;height:6px;border-radius:50%;flex-shrink:0;}
.ok{background:#34d399;}.warn{background:#fbbf24;}
/* LOGOS BAND */
.logos-band{padding:36px 0;border-top:1px solid var(–border);border-bottom:1px solid var(–border);overflow:hidden;}
.logos-track{display:flex;align-items:center;gap:60px;animation:scroll-l 28s linear infinite;white-space:nowrap;}
@keyframes scroll-l{to{transform:translateX(-50%);}}
.logo-chip{font-family:var(–font-head);font-size:13px;font-weight:700;color:var(–muted2);letter-spacing:.05em;text-transform:uppercase;flex-shrink:0;}
/* SERVICES */
.services{padding:96px 0;}
.services-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:52px;}
/* ERP */
.erp{padding:96px 0;}
.erp-inner{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center;}
.stats-row{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:36px;}
.module-panel{background:var(–bg2);border:1px solid var(–border);border-radius:var(–radius);padding:22px;}
.module-header{font-size:11px;color:var(–muted2);letter-spacing:.1em;text-transform:uppercase;margin-bottom:16px;}
.module-row{display:flex;align-items:center;gap:11px;padding:10px 12px;border-radius:8px;margin-bottom:7px;font-size:13px;}
.module-row.active{background:rgba(29,86,216,0.08);border:1px solid rgba(29,86,216,0.18);}
.module-row:not(.active){border:1px solid transparent;}
.mdot{width:8px;height:8px;border-radius:50%;flex-shrink:0;}
.mname{color:rgba(236,238,244,0.7);flex:1;}
.mstatus{font-size:11px;padding:2px 8px;border-radius:4px;}
.mstatus.ok{background:rgba(52,211,153,0.1);color:#34d399;}
.mstatus.sync{background:rgba(251,191,36,0.1);color:#fbbf24;}
.module-foot{border-top:1px solid var(–border);padding-top:14px;margin-top:10px;display:flex;justify-content:space-between;font-size:11.5px;color:var(–muted2);}
/* VSAAS STRIP */
.vsaas-strip{padding:96px 0;background:var(–bg2);}
.vsaas-inner{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center;}
.feat-list{margin-top:32px;display:flex;flex-direction:column;gap:14px;}
.feat-item{display:flex;align-items:flex-start;gap:14px;padding:16px 18px;background:var(–surface);border:1px solid var(–border);border-radius:var(–radius-sm);}
.feat-icon{width:32px;height:32px;border-radius:7px;display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:15px;}
.feat-icon.b{background:rgba(29,86,216,0.15);}
.feat-icon.o{background:rgba(232,73,14,0.12);}
.feat-icon.t{background:rgba(20,184,166,0.12);}
.feat-title{font-size:13.5px;font-weight:500;color:var(–text);margin-bottom:3px;}
.feat-desc{font-size:12.5px;color:var(–muted);line-height:1.55;}
.phone{background:var(–bg);border:1px solid var(–border);border-radius:28px;padding:24px 18px;max-width:260px;margin:0 auto;box-shadow:0 30px 60px rgba(0,0,0,0.4);}
.phone-notch{width:80px;height:10px;background:var(–bg3);border-radius:8px;margin:0 auto 20px;}
.phone-row{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;border-radius:8px;background:var(–surface);border:1px solid var(–border);margin-bottom:8px;font-size:12px;}
.phone-name{color:var(–text);}
.pbadge{font-size:10px;padding:2px 8px;border-radius:4px;}
.on-duty{background:rgba(52,211,153,0.12);color:#34d399;}
.off-duty{background:rgba(248,113,113,0.1);color:#f87171;}
/* FEAP */
.feap-card{background:var(–bg2);border:1px solid var(–border);border-radius:20px;padding:64px 48px;text-align:center;position:relative;overflow:hidden;max-width:860px;margin:0 auto;}
.feap-glow{position:absolute;top:-60px;left:50%;transform:translateX(-50%);width:400px;height:300px;background:radial-gradient(ellipse,rgba(29,86,216,0.15) 0%,transparent 70%);}
.feap-counter{font-family:var(–font-head);font-size:72px;font-weight:800;color:var(–text);letter-spacing:-0.04em;margin:24px 0 8px;}
.feap-counter span{color:var(–blue-lt);}
/* TESTIMONIOS */
.testi{padding:96px 0;}
.testi-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:52px;}
.testi-card{background:var(–bg2);border:1px solid var(–border);border-radius:var(–radius);padding:28px;}
.testi-text{font-size:14px;color:var(–muted);line-height:1.7;margin-bottom:20px;font-style:italic;}
.testi-author{display:flex;align-items:center;gap:12px;}
.testi-avatar{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:var(–font-head);font-size:13px;font-weight:700;}
.testi-avatar.blue{background:rgba(29,86,216,0.2);color:var(–blue-lt);}
.testi-avatar.orange{background:rgba(232,73,14,0.2);color:var(–orange-lt);}
.testi-avatar.purple{background:rgba(139,92,246,0.2);color:#a78bfa;}
.testi-name{font-size:13.5px;font-weight:500;color:var(–text);}
.testi-role{font-size:12px;color:var(–muted2);}
@media(max-width:900px){
.hero{padding:120px 24px 64px;}
.services-grid{grid-template-columns:1fr 1fr;}
.erp-inner,.vsaas-inner{grid-template-columns:1fr;gap:40px;}
.stats-row{grid-template-columns:repeat(3,1fr);}
.dash-body{grid-template-columns:1fr;}
.dash-sidebar{display:none;}
.dash-metrics{grid-template-columns:1fr 1fr;}
.testi-grid{grid-template-columns:1fr;}
}
@media(max-width:600px){
.services-grid{grid-template-columns:1fr;}
.stats-row{grid-template-columns:1fr 1fr;}
.dash-charts{grid-template-columns:1fr;}
.feap-counter{font-size:52px;}
.feap-card{padding:40px 24px;}
.hero h1{font-size:clamp(22px,8vw,36px);}
}
Software empresarial
de próxima generación
ERP, automatización y facturación electrónica para empresas que necesitan operar al máximo nivel de eficiencia.
iDempiere ERP·ERM Avante·V-SaaS Vigilancia·feAP Facturación·Desarrollo a Medida·Consultoría TI·Integración de Sistemas
Servicios & Productos
Todo lo que su empresa necesita
Desde ERP empresarial hasta automatización de procesos, cubrimos cada capa de su operación.
Open Source →
Enterprise →
SaaS →
Regulatorio →
Custom →
Consultoría →
ERP & Enterprise
Operación centralizada.
Sin fricciones.
Implementamos y desarrollamos soluciones ERP que se adaptan exactamente al ritmo y escala de su negocio.
V-SaaS · Software de Vigilancia
Control total de su empresa de seguridad
V-SaaS digitaliza y automatiza toda la operación administrativa de empresas de guardias de seguridad.
feAP · Facturación Electrónica
Facturación electrónica sin complicaciones
Cumplimiento total con el SRI Ecuador. Facturas, notas de crédito, retenciones y más desde una sola plataforma.
facturas electrónicas emitidas este mes
Testimonios
Lo que dicen nuestros clientes
«EliteSystem transformó por completo nuestra operación. El ERP iDempiere nos dio visibilidad total de inventario y finanzas en tiempo real.»
«V-SaaS eliminó el 90% del papeleo administrativo. Ahora manejamos 200 guardias desde el celular. Increíble solución.»
«feAP hizo nuestra transición a facturación electrónica completamente transparente. Soporte excepcional en todo momento.»
¿Listo para transformar su empresa?
Hablemos de su proyecto. Sin compromiso, con soluciones reales.
const obs=new IntersectionObserver(e=>e.forEach(x=>{if(x.isIntersecting)x.target.classList.add(‘visible’)}),{threshold:.1});
document.querySelectorAll(‘.fade-up’).forEach(el=>{obs.observe(el);if(el.closest(‘.hero’))el.classList.add(‘visible’);});