:root{--blue:#0066FF;--slate:#232D3C;--off:#F5F5F5;--muted:#AAB5C2;--line:#20354D;--panel:#0D1825}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 70% 20%,#08213f 0,transparent 34%),#040A12;color:var(--off);font:16px/1.55 'Open Sans',Arial,sans-serif}a{color:inherit;text-decoration:none}
header{height:82px;display:grid;grid-template-columns:340px 1fr 280px;align-items:center;width:min(1480px,94%);margin:auto;border-bottom:1px solid #ffffff12}.brand,.db-brand{display:flex;align-items:center;gap:12px}.brand img{width:76px;height:60px;object-fit:contain}.brand b{font:900 28px Montserrat}.brand b span,.db-brand b span,footer b span{color:var(--blue)}.brand small,.db-brand small{display:block;font-size:12px}header nav{display:flex;justify-content:center;gap:34px;font:500 15px Montserrat}header nav a{padding:30px 0 25px}.active{border-bottom:3px solid var(--blue)}.actions{display:flex;align-items:center;justify-content:flex-end;gap:24px}.btn,.outline{display:inline-flex;align-items:center;justify-content:center;border-radius:8px;padding:13px 20px;font:600 14px Montserrat}.btn{background:linear-gradient(135deg,var(--blue),#0755D8);box-shadow:0 8px 28px #0066ff3b}.outline{border:1px solid var(--blue)}.big{padding:16px 25px;min-width:195px}
.hero{width:min(1480px,96%);margin:auto;padding:72px 24px 50px;display:grid;grid-template-columns:.82fr 1.38fr;gap:40px;align-items:center;min-height:660px}.eyebrow{font:700 14px Montserrat;letter-spacing:1.5px;color:var(--blue)}h1,h2,h3{font-family:Montserrat;margin-top:0}h1{font-size:clamp(54px,5.5vw,84px);line-height:1.02;letter-spacing:-3.5px;margin:20px 0}h1 span{color:var(--blue)}.copy>p{font-size:19px;color:#C1CAD5;max-width:620px}.cta{display:flex;gap:16px;margin-top:30px}.trust{display:flex;gap:28px;margin-top:32px;font-size:14px}.trust span{padding-right:24px;border-right:1px solid #475365}.trust span:last-child{border:0}
.dashboard{display:grid;grid-template-columns:190px 1fr;min-height:520px;background:linear-gradient(145deg,#0b1522,#071019);border:1px solid #24538b;border-radius:22px;overflow:hidden;box-shadow:0 35px 80px #0008,0 0 50px #0066ff18;transform:rotateY(-3deg) rotateX(1deg)}.dashboard aside{background:#09131f;border-right:1px solid #172a41;padding:18px 13px}.db-brand{margin-bottom:22px}.db-brand img{width:46px;height:38px;object-fit:contain}.db-brand b{font:800 13px Montserrat}.db-brand small{font-size:8px}.dashboard aside>a{display:block;padding:10px 11px;border-radius:6px;font-size:11px;color:#c7d1dd;margin:2px 0}.dashboard aside .sel{background:#073b88;color:white}.dash-main{padding:20px}.dash-top{display:flex;align-items:center;justify-content:space-between}.dash-top h3{margin:0}.search{border:1px solid #25384e;background:#0c1723;border-radius:18px;padding:7px 13px;color:#8d9aac;font-size:11px}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:11px;margin-top:16px}.metrics article,.panel{background:linear-gradient(180deg,#111d2b,#0b1621);border:1px solid #1c2b3d;border-radius:7px}.metrics article{padding:14px}.metrics small{display:block;color:#adb9c6;font-size:9px}.metrics strong{display:block;font:700 16px Montserrat;margin:5px 0}.metrics em{font-style:normal;color:#2adb82;font-size:9px}.metrics .red{color:#ff6659}.panels{display:grid;grid-template-columns:1.55fr 1fr;grid-template-rows:225px 138px;gap:11px;margin-top:11px}.panel{padding:13px}.panel-title{display:flex;justify-content:space-between;font-size:10px}.panel-title small{color:#aab5c2}.chart svg{width:100%;height:185px}.grid line{stroke:#203248}.area{fill:url(#g)}.line{fill:none;stroke:var(--blue);stroke-width:3}.donut{width:95px;height:95px;border-radius:50%;margin:28px auto 15px;background:conic-gradient(#0066ff 0 35%,#125ec5 35% 60%,#2c4d78 60% 80%,#788697 80% 92%,#d0d4d8 92%)}.donut-panel ul{font-size:9px;list-style:none;padding:0;margin:0}.donut-panel li{display:flex;justify-content:space-between;margin:6px}.orders p{display:grid;grid-template-columns:.9fr 1.3fr .7fr;gap:8px;font-size:8px;padding:8px 0;border-bottom:1px solid #1d2d40}.orders p span{color:#aab5c2}.stock p{display:grid;grid-template-columns:60px 1fr 35px;gap:7px;font-size:8px;align-items:center}.stock i{height:4px;background:#26394e;border-radius:5px;overflow:hidden}.stock u{display:block;height:100%;background:#2adb82}.stock .amber u{background:#f6a720}.stock .danger u{background:#f05252}
.features{width:min(1460px,94%);margin:0 auto 50px;display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.features article{padding:27px;background:linear-gradient(145deg,#0b1521,#111e2b);border:1px solid #20334a;border-radius:12px;min-height:185px}.features article>div{font-size:38px;color:var(--blue)}.features h3{font-size:19px;margin:13px 0 8px}.features p,.section p,.contact p{color:#bec8d3}.section{width:min(1320px,92%);margin:auto;padding:90px 0;border-top:1px solid #ffffff0d}.section h2,.contact h2{font-size:clamp(38px,4vw,58px);line-height:1.08;letter-spacing:-2px;margin:12px 0}.section p,.contact p{font-size:18px;max-width:850px}.section .btn{margin-top:20px}.contact{width:min(1320px,92%);margin:20px auto 70px;padding:50px;border:1px solid #244466;border-radius:18px;background:linear-gradient(135deg,#0a1725,#07101a);display:flex;justify-content:space-between;align-items:center;gap:35px}
footer{width:min(1480px,96%);margin:auto;padding:28px 20px;border-top:1px solid #203144;display:grid;grid-template-columns:1.2fr 1fr .8fr;align-items:center;gap:25px;color:#9aa6b4;font-size:12px}.foot-brand{display:flex;align-items:center;gap:12px}.foot-brand img{width:82px;height:58px;object-fit:contain}.foot-brand b{font:800 22px Montserrat;color:white}.foot-brand small{font-size:14px;font-weight:500}.foot-brand p{margin:2px 0}footer nav{display:flex;justify-content:center;gap:22px;color:white}
@media(max-width:1100px){header{grid-template-columns:270px 1fr 210px}header nav{gap:18px;font-size:12px}.hero{grid-template-columns:1fr}.dashboard{transform:none}.features{grid-template-columns:1fr 1fr}}
@media(max-width:760px){header{display:flex;justify-content:space-between;height:auto;padding:12px 0}header nav,.actions>a:first-child{display:none}.brand img{width:60px}.brand b{font-size:21px}.hero{padding-top:45px}.dashboard{grid-template-columns:1fr;overflow:auto}.dashboard aside{display:none}.metrics{grid-template-columns:1fr 1fr}.panels{grid-template-columns:1fr;grid-template-rows:auto}.features{grid-template-columns:1fr}.trust{display:grid;gap:12px}.trust span{border:0}.contact{display:block;padding:35px}.contact .btn{margin-top:18px}footer{grid-template-columns:1fr}footer nav{justify-content:flex-start;flex-wrap:wrap}}

/* Bilingual EN / ES */
.lang-switch{display:flex;align-items:center;border:1px solid #2a405b;border-radius:7px;overflow:hidden;background:#08131f}
.lang-switch a{padding:7px 9px;font:700 10px Montserrat;color:#9baabd}
.lang-switch a.lang-active{background:#0b4eac;color:white}
.footer-lang{display:flex;justify-content:flex-end;align-items:center;gap:8px}
.footer-lang a{color:#aab5c2}
.footer-lang a.lang-active,.footer-lang a:hover{color:white}
.area-es{fill:url(#g-es)}
@media(max-width:1250px){header{grid-template-columns:290px 1fr 330px}header nav{gap:20px;font-size:13px}.actions{gap:14px}}
@media(max-width:900px){.lang-switch{margin-left:auto}.actions .btn{display:inline-flex}}
@media(max-width:760px){.actions{gap:10px}.actions .lang-switch{display:flex}.actions .btn{min-width:auto;padding:11px 12px;font-size:11px}.footer-lang{justify-content:flex-start}}