:root{--ng7-bg:#020a12;--ng7-bg2:#041522;--ng7-panel:#071c2c;--ng7-line:#12435f;--ng7-cyan:#22cfff;--ng7-blue:#0a8fff;--ng7-text:#f4f8fb;--ng7-muted:#a9bdca;--ng7-green:#38d99b}
body.ng7{margin:0;background:linear-gradient(180deg,#020911,#03131f 65%,#041725);color:var(--ng7-text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",Arial,sans-serif;overflow-x:hidden}.ng7 .container{width:min(1540px,calc(100% - 64px));margin:auto}.ng7 a{text-decoration:none}
/* top presentation bar */
.ng7-topbar{height:66px;background:rgba(2,10,18,.97);border-bottom:1px solid rgba(35,145,197,.28);position:sticky;top:0;z-index:100;backdrop-filter:blur(16px)}.ng7-nav{height:100%;display:flex;align-items:center;justify-content:space-between;gap:20px}.ng7-brand{display:flex;align-items:center;gap:11px;color:#fff;min-width:280px}.ng7-brand img{width:46px;height:46px;object-fit:contain;filter:drop-shadow(0 0 14px rgba(34,207,255,.2))}.ng7-brand span{display:flex;flex-direction:column}.ng7-brand strong{font-size:18px;font-weight:900;letter-spacing:.06em;line-height:1}.ng7-brand strong b{color:var(--ng7-cyan)}.ng7-brand small{font-size:9px;color:#99afbe;margin-top:5px}.ng7-links{display:flex;align-items:center;gap:24px}.ng7-links>a{color:#dce7ef;font-size:12px;font-weight:780;padding:22px 0 18px;border-bottom:2px solid transparent}.ng7-links>a:hover,.ng7-links>a.active{color:#fff;border-bottom-color:var(--ng7-cyan)}.ng7-links .ng7-zunvora{padding:11px 24px;border-radius:10px;border:1px solid #1982b5;background:linear-gradient(135deg,#07598a,#0a99e3);box-shadow:0 0 24px rgba(0,153,255,.13);margin-left:4px}
/* homepage = presentation */
.ng7-presentation{position:relative;height:350px;overflow:hidden;border-bottom:1px solid #174861;background:#03111d}.ng7-hero-bg{position:absolute;inset:0;background-image:linear-gradient(90deg,rgba(2,10,18,.97) 0%,rgba(2,10,18,.91) 26%,rgba(2,10,18,.52) 47%,rgba(2,10,18,.12) 67%,rgba(2,10,18,.04) 100%),url('ng6-hero.webp');background-size:cover;background-position:center right;filter:saturate(1.05) contrast(1.04)}.ng7-presentation:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 0 72%,rgba(3,17,29,.35));pointer-events:none}.ng7-hero-content{height:100%;position:relative;z-index:2;display:flex;align-items:center}.ng7-hero-copy{width:min(600px,42%)}.ng7-kicker{font-size:9.5px;font-weight:900;letter-spacing:.25em;color:#29cffb;margin-bottom:14px}.ng7-hero-copy h1{font-size:clamp(40px,4.1vw,61px);line-height:1.02;letter-spacing:-.045em;margin:0 0 14px;max-width:610px}.ng7-hero-copy h1 span{color:var(--ng7-cyan)}.ng7-hero-copy p{font-size:15px;line-height:1.55;color:#c4d2db;max-width:570px;margin:0 0 18px}.ng7-actions{display:flex;gap:12px}.ng7-btn{min-height:44px;border-radius:9px;padding:0 18px;display:inline-flex;align-items:center;gap:9px;color:#fff;font-size:12px;font-weight:850;border:1px solid #176c98;background:rgba(5,26,42,.62)}.ng7-btn.primary{background:linear-gradient(135deg,#0b9ff0,#24d0f4);border-color:#25c5ee;box-shadow:0 12px 28px rgba(0,151,255,.16)}.ng7-btn:hover{transform:translateY(-2px);filter:brightness(1.06)}
.ng7-metrics{background:linear-gradient(180deg,#041725,#031420);border-bottom:1px solid #16445f}.ng7-metrics-grid{display:grid;grid-template-columns:repeat(4,1fr);min-height:66px}.ng7-metrics article{display:flex;align-items:center;gap:12px;padding:10px 22px;border-right:1px solid #15415a}.ng7-metrics article:last-child{border-right:0}.ng7-metrics article>span{width:36px;height:36px;border-radius:10px;display:grid;place-items:center;background:#062d48;border:1px solid #145e82;color:#1ecbff;font-size:14px;font-weight:900}.ng7-metrics article div{display:flex;flex-direction:column}.ng7-metrics strong{font-size:16px;line-height:1.05;color:#20cbff}.ng7-metrics small{font-size:10px;color:#afc1cd;margin-top:3px}
.ng7-services{padding:12px 0;background:#03111d}.ng7-service-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.ng7-service{border:1px solid #154c6a;border-radius:10px;background:#061b2b;overflow:hidden;color:#fff;box-shadow:0 12px 30px rgba(0,0,0,.15);transition:.2s}.ng7-service:hover{transform:translateY(-3px);border-color:#2085b5}.ng7-service>img{width:100%;height:86px;object-fit:cover;display:block}.ng7-service>div{display:grid;grid-template-columns:38px 1fr 26px;gap:10px;align-items:center;padding:11px 12px 12px}.ng7-icon{width:36px;height:36px;border-radius:9px;background:#073655;border:1px solid #14678f;display:grid;place-items:center;color:#26d2ff;font-size:17px}.ng7-service section{margin:0}.ng7-service h2{font-size:14px;margin:0 0 3px;letter-spacing:-.01em}.ng7-service p{font-size:10px;line-height:1.35;color:#b3c6d3;margin:0}.ng7-service b{width:24px;height:24px;border-radius:50%;border:1px solid #155f85;color:#24ccff;display:grid;place-items:center}
.ng7-brandbar{background:#020d16;border-top:1px solid #123b55;border-bottom:1px solid #123b55}.ng7-brandbar-grid{height:58px;display:grid;grid-template-columns:140px 1fr 82px;gap:16px;align-items:center}.ng7-brand-label{display:flex;flex-direction:column;color:#2bd0ff;font-size:8.5px;line-height:1.35;font-weight:900;letter-spacing:.16em}.ng7-brand-strip{height:40px;display:flex;align-items:center;overflow:hidden}.ng7-brand-strip img{width:100%;height:100%;object-fit:contain;filter:brightness(1.15) contrast(1.06)}.ng7-brandbar a{font-size:10px;font-weight:850;color:#25cbff;text-align:right}
.ng7-industries{padding:12px 0 18px;background:linear-gradient(180deg,#03111d,#041523)}.ng7-industry-grid{display:grid;grid-template-columns:1.15fr repeat(4,1fr);gap:10px}.ng7-industry-intro{padding:7px 12px 7px 0;display:flex;flex-direction:column;justify-content:center}.ng7-industry-intro>span{font-size:8.5px;letter-spacing:.18em;font-weight:900;color:#28ccff}.ng7-industry-intro h2{font-size:24px;line-height:1.04;margin:7px 0;color:#fff;letter-spacing:-.03em}.ng7-industry-intro h2 b{display:block;color:#1ec9ff}.ng7-industry-intro p{font-size:10px;line-height:1.45;color:#a9bcc8;margin:0 0 8px}.ng7-industry-intro a{font-size:10px;font-weight:850;color:#27cdfd}.ng7-industry{border:1px solid #154b68;border-radius:9px;background:#071e30;overflow:hidden;color:#fff;transition:.2s}.ng7-industry:hover{transform:translateY(-3px);border-color:#2185b2}.ng7-industry>img{width:100%;height:78px;object-fit:cover;display:block}.ng7-industry>div{position:relative;padding:9px 34px 10px 11px}.ng7-industry h3{font-size:13px;margin:0 0 3px}.ng7-industry p{font-size:9.5px;line-height:1.35;color:#b5c6d1;margin:0}.ng7-industry b{position:absolute;right:9px;bottom:10px;width:21px;height:21px;border-radius:50%;border:1px solid #165d81;color:#24ccff;display:grid;place-items:center;font-size:10px}.ng7-footer{padding-top:20px!important}
/* internal pages: compact executive visual language */
body:not(.page-home) .topbar{height:66px!important;background:rgba(2,10,18,.97)!important;border-bottom:1px solid rgba(35,145,197,.28)!important}body:not(.page-home) .nav{height:66px!important;max-width:1540px!important}body:not(.page-home) .brand-logo{width:44px!important;height:44px!important;background:transparent!important;border:0!important;box-shadow:none!important}body:not(.page-home) .brand-logo img{width:44px!important;height:44px!important;object-fit:contain!important}body:not(.page-home) .brand-copy strong{font-size:16px!important;letter-spacing:.06em!important}body:not(.page-home) .brand-copy small{font-size:9px!important}body:not(.page-home) .navlinks{gap:22px!important}body:not(.page-home) .navlinks a{font-size:11px!important}body:not(.page-home) .nav-cta{padding:10px 20px!important;border-radius:9px!important;background:linear-gradient(135deg,#07598a,#0a99e3)!important;border:1px solid #1982b5!important}
body:not(.page-home) .page-hero{padding:26px 0 24px!important;min-height:auto!important;background:radial-gradient(circle at 74% 20%,rgba(0,133,210,.12),transparent 30%),#03111d!important}body:not(.page-home) .page-hero-grid{grid-template-columns:.88fr 1.12fr!important;gap:30px!important;min-height:250px!important}body:not(.page-home) .page-hero h1{font-size:clamp(34px,3.1vw,48px)!important;line-height:1.04!important;max-width:570px!important;margin-top:11px!important}body:not(.page-home) .page-hero .kicker{font-size:9px!important}body:not(.page-home) .page-hero-grid>p{height:205px!important;padding:140px 20px 18px!important;border-radius:12px!important;font-size:10.5px!important;line-height:1.45!important}
body:not(.page-home) .section{padding:30px 0!important}body:not(.page-home) .section.compact{padding:22px 0!important}body:not(.page-home) .identity-grid,body:not(.page-home) .cards-3,body:not(.page-home) .brand-grid,body:not(.page-home) .solution-pro-grid{gap:12px!important}body:not(.page-home) .identity-card,body:not(.page-home) .brand-card,body:not(.page-home) .solution-pro-card,body:not(.page-home) .tech-brand-card,body:not(.page-home) .contact-form-pro,body:not(.page-home) .contact-side-card{border-radius:11px!important;background:linear-gradient(180deg,#071f31,#061827)!important;border:1px solid #154866!important;box-shadow:0 12px 30px rgba(0,0,0,.12)!important}body:not(.page-home) .identity-card{padding:20px!important}body:not(.page-home) .identity-card h2,body:not(.page-home) .brand-card h3,body:not(.page-home) .solution-pro-card h2{font-size:20px!important;line-height:1.15!important}body:not(.page-home) .identity-card p,body:not(.page-home) .brand-card p,body:not(.page-home) .solution-pro-card p{font-size:11px!important;line-height:1.5!important}.page-portafolio .brand-grid{grid-template-columns:repeat(3,1fr)!important}.page-soluciones .solution-pro-grid{grid-template-columns:repeat(2,1fr)!important}.page-proveedores .supplier-category{margin-bottom:20px!important}.page-proveedores .provider-nav-section{padding:10px 0!important}.page-proveedores .tech-brand-grid{grid-template-columns:repeat(6,1fr)!important;gap:10px!important}.page-proveedores .tech-brand-card{min-height:98px!important;padding:12px!important}.page-proveedores .tech-logo-wrap{height:46px!important}.page-proveedores .tech-logo-wrap img{max-height:38px!important}.page-proveedores .ng6-provider-wall{padding:8px 0!important}.page-proveedores .ng6-provider-wall .container{grid-template-columns:120px 1fr!important}.page-proveedores .ng6-provider-wall img{height:40px!important}.page-contacto .contact-360-grid{gap:14px!important}.page-contacto .contact-form-pro,.page-contacto .contact-side-card{padding:18px!important}.page-contacto .contact-form-head h2{font-size:26px!important}.page-contacto .form-grid{gap:10px!important}.page-contacto .field input,.page-contacto .field select,.page-contacto .field textarea{min-height:42px!important}.page-contacto .field textarea{min-height:92px!important}
/* chat stays as icon until click */
.nextgen-support-fab{width:56px!important;height:56px!important;right:24px!important;bottom:22px!important;border-radius:50%!important;background:linear-gradient(145deg,#11a8ff,#0c73d9)!important;border:1px solid #55d8ff!important;box-shadow:0 0 0 7px rgba(15,141,225,.1),0 12px 34px rgba(0,122,213,.34)!important}.nextgen-support-panel{right:24px!important;bottom:90px!important;max-height:min(650px,calc(100vh - 110px))!important}
@media(max-width:1120px){.ng7 .container{width:min(100% - 32px,1100px)}.ng7-links{gap:13px}.ng7-links>a{font-size:10.5px}.ng7-brand{min-width:220px}.ng7-hero-copy{width:48%}.ng7-hero-copy h1{font-size:46px}.ng7-industry-grid{grid-template-columns:1fr 1fr 1fr}.ng7-industry-intro{grid-column:1/-1}.ng7-brandbar-grid{grid-template-columns:120px 1fr 70px}}
@media(max-width:820px){.ng7-topbar{height:62px}.ng7-links{display:none}.ng7 .menu-btn{display:block!important}.ng7-brand img{width:42px;height:42px}.ng7-brand strong{font-size:15px}.ng7-brand small{font-size:8px}.ng7-presentation{height:auto;min-height:560px}.ng7-hero-bg{background-image:linear-gradient(180deg,rgba(2,10,18,.96) 0%,rgba(2,10,18,.78) 42%,rgba(2,10,18,.2) 70%),url('ng6-hero.webp');background-position:center}.ng7-hero-content{align-items:flex-start;padding-top:40px}.ng7-hero-copy{width:100%;max-width:620px}.ng7-hero-copy h1{font-size:42px}.ng7-metrics-grid{grid-template-columns:1fr 1fr}.ng7-service-grid{grid-template-columns:1fr 1fr}.ng7-brandbar-grid{grid-template-columns:1fr}.ng7-brand-label,.ng7-brandbar a{text-align:center}.ng7-brand-strip{height:42px}.ng7-industry-grid{grid-template-columns:1fr 1fr}.ng7-industry-intro{grid-column:1/-1}body:not(.page-home) .page-hero-grid{grid-template-columns:1fr!important}body:not(.page-home) .page-hero-grid>p{height:180px!important}.page-proveedores .tech-brand-grid{grid-template-columns:repeat(3,1fr)!important}.page-portafolio .brand-grid{grid-template-columns:1fr 1fr!important}.page-soluciones .solution-pro-grid{grid-template-columns:1fr!important}}
@media(max-width:520px){.ng7 .container{width:calc(100% - 24px)}.ng7-brand{min-width:0}.ng7-brand small{display:none}.ng7-presentation{min-height:540px}.ng7-hero-copy h1{font-size:35px}.ng7-hero-copy p{font-size:13px}.ng7-actions{flex-direction:column;align-items:flex-start}.ng7-metrics-grid,.ng7-service-grid,.ng7-industry-grid{grid-template-columns:1fr}.ng7-brand-strip{overflow:auto}.ng7-brand-strip img{min-width:720px}.ng7-industry-intro{grid-column:auto}.page-proveedores .tech-brand-grid{grid-template-columns:1fr 1fr!important}.page-portafolio .brand-grid{grid-template-columns:1fr!important}}