:root{--bg:#07111f;--bg2:#0b1728;--panel:#102039;--text:#f3f7fb;--muted:#a8b6c8;--blue:#1e88ff;--blue2:#65b5ff;--line:#20344f}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Segoe UI,Arial,sans-serif;background:var(--bg);color:var(--text);line-height:1.6}img{max-width:100%;display:block}a{text-decoration:none;color:inherit}.container{width:min(1180px,92%);margin:auto}
.site-header{position:sticky;top:0;z-index:50;background:rgba(7,17,31,.94);backdrop-filter:blur(12px);border-bottom:1px solid rgba(255,255,255,.06)}.nav-wrap{display:grid;grid-template-columns:130px 1fr auto;gap:20px;align-items:center;min-height:78px}.brand img{width:90px;height:62px;object-fit:contain}.nav{display:flex;gap:18px;justify-content:center}.nav a{font-size:.92rem;color:#dce7f4}.nav a:hover{color:var(--blue2)}.lang-switch{display:flex;gap:6px;align-items:center}.lang{border:0;background:none;color:var(--muted);font-weight:700;cursor:pointer}.lang.active{color:var(--blue2)}.menu-toggle{display:none;background:none;border:0;color:white;font-size:1.6rem}
.hero{padding:90px 0 76px;background:radial-gradient(circle at 75% 20%,rgba(30,136,255,.18),transparent 35%),linear-gradient(180deg,#081321,#07111f)}.hero-grid,.split,.contact-grid{display:grid;grid-template-columns:1.08fr .92fr;gap:52px;align-items:center}.eyebrow{color:var(--blue2);font-weight:800;letter-spacing:.14em;font-size:.78rem;margin-bottom:14px}h1{font-size:clamp(2.7rem,5vw,5rem);line-height:1.02;margin:.1em 0 .35em;letter-spacing:-.045em}h2{font-size:clamp(2rem,3.6vw,3.3rem);line-height:1.1;margin:.1em 0 .45em;letter-spacing:-.03em}.hero p,.section-head p,.split p{color:var(--muted);font-size:1.08rem}.hero-actions{display:flex;gap:14px;flex-wrap:wrap;margin:30px 0 18px}.btn{display:inline-flex;padding:14px 20px;border-radius:10px;font-weight:800;border:1px solid transparent}.btn.primary{background:var(--blue);color:white}.btn.secondary{border-color:var(--line);background:rgba(255,255,255,.03)}.mini-note{font-size:.85rem;color:#8294aa}.hero-media{position:relative}.hero-media img,.media-panel img{border-radius:18px;border:1px solid rgba(255,255,255,.08);box-shadow:0 26px 70px rgba(0,0,0,.42)}.hero-card{position:absolute;right:-14px;bottom:-20px;background:#0f2035;border:1px solid #244261;padding:16px 18px;border-radius:12px;width:min(300px,80%)}.hero-card strong,.hero-card span{display:block}.hero-card span{color:var(--muted);font-size:.88rem}
.section{padding:84px 0}.section.alt{background:var(--bg2)}.section-head{max-width:760px;margin-bottom:32px}.cards{display:grid;gap:18px}.cards.four{grid-template-columns:repeat(4,1fr)}.cards.two{grid-template-columns:repeat(2,1fr)}.card,.product,.contact-box{background:linear-gradient(180deg,#102039,#0c1a2c);border:1px solid var(--line);border-radius:16px;padding:24px}.card p{color:var(--muted)}.brand-groups{display:grid;gap:14px;margin:26px 0}.brand-groups div{padding:14px 0;border-bottom:1px solid var(--line)}.brand-groups strong{display:block}.brand-groups span{color:var(--muted)}.product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.product{padding:0;overflow:hidden}.product img{width:100%;height:250px;object-fit:cover;background:white}.product-body{padding:22px}.tag{display:inline-block;font-size:.72rem;font-weight:900;letter-spacing:.12em;color:var(--blue2)}.text-link{color:var(--blue2);font-weight:800}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:28px}.stats div{background:#0e1d30;border:1px solid var(--line);padding:18px;border-radius:12px}.stats strong{display:block;font-size:1.8rem;color:var(--blue2)}.stats span{font-size:.85rem;color:var(--muted)}.about-logo{display:grid;place-items:center}.about-logo img{max-width:430px}.contact{background:linear-gradient(180deg,#081321,#0b1828)}.contact-box{display:grid;gap:18px}.contact-box div{padding-bottom:14px;border-bottom:1px solid var(--line)}.floating-whatsapp{position:fixed;right:22px;bottom:22px;width:56px;height:56px;border-radius:50%;display:grid;place-items:center;background:var(--blue);color:white;font-weight:900;z-index:60;box-shadow:0 12px 35px rgba(30,136,255,.35)}
footer{border-top:1px solid var(--line);background:#050c16;padding:34px 0 14px}.footer-grid{display:flex;justify-content:space-between;gap:28px;align-items:center}.footer-brand{display:flex;gap:14px;align-items:center}.footer-brand img{width:74px}.footer-brand span{color:var(--muted)}.footer-links{display:flex;gap:18px;flex-wrap:wrap;color:#c8d4e3;font-size:.9rem}.copyright{text-align:center;color:#708198;font-size:.8rem;margin-top:26px}.legal{padding:70px 0}.legal .content{max-width:850px}.legal p{color:var(--muted)}
@media(max-width:980px){.nav-wrap{grid-template-columns:110px 1fr auto}.nav{position:absolute;left:0;right:0;top:78px;background:#07111f;border-bottom:1px solid var(--line);padding:18px;display:none;flex-direction:column}.nav.open{display:flex}.menu-toggle{display:block;justify-self:end}.hero-grid,.split,.contact-grid{grid-template-columns:1fr}.cards.four{grid-template-columns:repeat(2,1fr)}.product-grid{grid-template-columns:1fr}.hero-card{right:10px}}
@media(max-width:620px){.cards.four,.cards.two,.stats{grid-template-columns:1fr}.hero{padding-top:58px}.section{padding:62px 0}.footer-grid{flex-direction:column;align-items:flex-start}.product img{height:220px}}

/* V2 refinements */
section[id]{scroll-margin-top:78px}
.whatsapp-link.btn.primary::before,.wa-icon{content:"";display:inline-block;width:19px;height:19px;flex:0 0 19px;background:center/contain no-repeat url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 32 32%27%3E%3Cpath fill=%27white%27 d=%27M16 3a12.5 12.5 0 0 0-10.8 18.8L3.5 28.5l6.9-1.8A12.5 12.5 0 1 0 16 3Zm0 22.7c-2 0-4-.6-5.6-1.6l-.4-.2-4.1 1.1 1.1-4-.3-.4A10.2 10.2 0 1 1 16 25.7Zm5.6-7.6c-.3-.2-1.8-.9-2.1-1-.3-.1-.5-.2-.7.2-.2.3-.8 1-.9 1.2-.2.2-.3.2-.6.1-1.8-.9-3-1.6-4.2-3.7-.3-.5.3-.5.9-1.6.1-.2.1-.4 0-.6-.1-.2-.7-1.7-1-2.3-.3-.6-.5-.5-.7-.5h-.6c-.2 0-.6.1-.9.4-.3.3-1.2 1.2-1.2 2.9s1.2 3.3 1.4 3.6c.2.2 2.4 3.7 5.9 5.2 2.2 1 3.1 1 4.2.8.7-.1 1.8-.7 2.1-1.5.3-.7.3-1.4.2-1.5-.2-.2-.5-.3-.8-.4Z%27/%3E%3C/svg%3E");margin-right:8px;vertical-align:-4px}
.floating-whatsapp{width:auto;height:54px;min-width:148px;padding:0 18px;border-radius:28px;display:flex;gap:9px;background:#25D366;box-shadow:0 12px 35px rgba(37,211,102,.28);font-size:.92rem}
.floating-whatsapp .wa-icon{margin-right:0}.floating-whatsapp .wa-label{white-space:nowrap}
#support{min-height:calc(100vh - 78px);display:flex;align-items:center}
#support>.container{width:min(1180px,92%)}

/* Programming: diagnostic software visual instead of a generic laptop photo */
.diagnostic-visual{position:relative;min-height:500px;border-radius:18px;background:radial-gradient(circle at 30% 25%,rgba(30,136,255,.18),transparent 38%),#07101c;border:1px solid #20344f;box-shadow:0 26px 70px rgba(0,0,0,.42);overflow:hidden;padding:28px}
.diag-window{position:absolute;width:78%;background:#e9edf2;color:#16202c;border-radius:9px;overflow:hidden;box-shadow:0 18px 42px rgba(0,0,0,.45);border:1px solid #718197}
.diag-cummins{left:24px;top:30px}.diag-detroit{right:22px;bottom:28px}
.diag-title{height:38px;background:#202a35;color:#fff;display:flex;align-items:center;gap:8px;padding:0 12px;font-size:.72rem}.diag-title span:last-child{margin-left:auto;color:#aeb9c5;font-size:.62rem}.diag-dot{width:10px;height:10px;border-radius:50%;background:#25D366}
.diag-body{display:grid;grid-template-columns:34% 66%;min-height:190px}.diag-sidebar{background:#dce3ea;padding:14px 10px;display:flex;flex-direction:column;gap:7px;font-size:.62rem;border-right:1px solid #b7c2ce}.diag-sidebar b{font-size:.68rem;margin-bottom:4px}.diag-main{padding:14px;background:#f7f9fb}.diag-status{display:flex;justify-content:space-between;gap:8px;border-bottom:1px solid #c8d1dc;padding-bottom:8px;font-size:.62rem}.diag-status b{color:#187544}.diag-bars{display:flex;gap:7px;align-items:flex-end;height:54px;margin:12px 0}.diag-bars i{display:block;flex:1;background:#6684a3;border-radius:3px 3px 0 0}.diag-bars i:nth-child(1){height:35%}.diag-bars i:nth-child(2){height:72%}.diag-bars i:nth-child(3){height:52%}.diag-bars i:nth-child(4){height:88%}.diag-table{display:grid;grid-template-columns:1fr auto;gap:4px 10px;font-size:.59rem}.diag-chart{height:68px;margin:12px 0;background:linear-gradient(170deg,transparent 0 22%,#6489ae 23% 25%,transparent 26% 42%,#6489ae 43% 45%,transparent 46% 60%,#6489ae 61% 63%,transparent 64%);border-bottom:1px solid #c8d1dc}

html[lang="es"] h1{font-size:clamp(2.45rem,4.4vw,4.45rem)}
html[lang="es"] h2{font-size:clamp(1.9rem,3.15vw,2.95rem)}
html[lang="es"] #laptops .section-head{max-width:820px;margin-bottom:26px}
html[lang="es"] #laptops .section-head p{font-size:1rem;line-height:1.55}

@media(max-width:980px){#support{min-height:auto}.diagnostic-visual{min-height:470px}.floating-whatsapp{min-width:54px;padding:0 15px}.floating-whatsapp .wa-label{display:none}}
@media(max-width:620px){.diagnostic-visual{min-height:390px;padding:12px}.diag-window{width:88%}.diag-cummins{left:12px;top:18px}.diag-detroit{right:12px;bottom:18px}.diag-body{min-height:150px}.diag-title span:last-child{display:none}}

/* V3: keep the Contact section comfortably visible after anchor navigation */
#contact.section{padding:46px 0 30px;scroll-margin-top:78px}
#contact .contact-grid{align-items:center}
#contact .contact-box{gap:10px;padding:20px 24px}
#contact .contact-box h3{margin:0 0 4px}
#contact .contact-box div{padding-bottom:8px}
#contact .contact-box div:last-child{padding-bottom:0;border-bottom:0}
@media(max-width:980px){#contact.section{padding:38px 0 28px}}