/* D-3D Tech — negro, azul eléctrico y volumen geométrico. */
:root{color-scheme:dark;--ink:#edf4ff;--navy:#e9f2ff;--blue:#69aaff;--muted:#a6b5ce;--line:#22324a;--paper:#080d17;background:#060a12;color:var(--ink)}
body{background:#060a12}::selection{background:#236bff;color:white}
.header{background:#080e19;border-color:#1c2b44;padding-top:22px;padding-bottom:22px}
.brand-mark{color:#f4f8ff;text-shadow:0 0 28px #2979ff55}.brand-mark>span,.brand-tech{color:#70b2ff}.brand-tech{border-color:#2b405f}
.nav-contact{background:#1760ed;color:white;border:1px solid #528fff;box-shadow:0 0 25px #1760ed24}nav .nav-contact:hover{background:#2877ff}
.hero{position:relative;isolation:isolate;overflow:hidden;padding-top:90px;padding-bottom:86px;background:radial-gradient(ellipse at 82% 35%,#12397888,transparent 48%),linear-gradient(135deg,#080e1b,#060a12 65%)}
.hero:before{content:'';position:absolute;inset:0;z-index:-1;background-image:linear-gradient(#517cb510 1px,transparent 1px),linear-gradient(90deg,#517cb510 1px,transparent 1px);background-size:56px 56px;mask-image:linear-gradient(90deg,transparent,#000)}
.hero-grid{grid-template-columns:1.2fr 1fr;gap:76px}.hero-copy{position:relative;z-index:1}
h1{font-size:clamp(40px,4.1vw,59px);font-weight:720;letter-spacing:-2px;line-height:1.1}h1 em{color:#71adff;background:linear-gradient(110deg,#4590ff,#96dcff);background-clip:text;-webkit-text-fill-color:transparent}
.eyebrow{color:#82b9ff}.eyebrow>span{background:#438fff;box-shadow:0 0 14px #438fff}.hero-description{color:#acbdd6}
.button{border-radius:8px;transition:background .2s,transform .2s,box-shadow .2s}.button:hover{transform:translateY(-2px)}
.orange,.dark-button{background:#2167f3;color:#fff;border-color:#558dff;box-shadow:0 8px 30px #1458ea30}.orange:hover,.dark-button:hover{background:#347bff;box-shadow:0 8px 35px #2167f350}
.outline{background:#0d1729;color:#dae9ff;border-color:#334c70}.outline:hover{background:#182a45}
.hero-bottom{color:#92a9ca;border-color:#273852}
.hero-visual{position:relative;padding-top:160px;min-width:0;perspective:1000px}
.cube-scene{position:absolute;top:0;left:50%;width:116px;height:116px;transform:translateX(-50%);perspective:700px;pointer-events:none}
.cube{position:absolute;inset:0;transform-style:preserve-3d;transform:rotateX(-24deg) rotateY(35deg);animation:cube-float 7s ease-in-out infinite}
.cube-face{position:absolute;inset:0;border:1px solid #73c6ff;background:linear-gradient(135deg,#237bff88,#09245fbb);box-shadow:inset 0 0 30px #419cff33,0 0 18px #237bff28;backface-visibility:visible}
.cube-front{transform:translateZ(58px);display:grid;place-items:center;color:#d4f0ff;font-size:38px;font-weight:750;letter-spacing:-3px;text-shadow:0 0 18px #a4e0ff}
.cube-back{transform:rotateY(180deg) translateZ(58px)}.cube-right{transform:rotateY(90deg) translateZ(58px)}.cube-left{transform:rotateY(-90deg) translateZ(58px)}.cube-top{transform:rotateX(90deg) translateZ(58px)}.cube-bottom{transform:rotateX(-90deg) translateZ(58px)}
.cube-scene:after{content:'';position:absolute;left:-40px;right:-40px;height:24px;bottom:-42px;border-radius:50%;background:#287aff55;filter:blur(18px)}
@keyframes cube-float{0%,100%{transform:translateY(0) rotateX(-24deg) rotateY(35deg)}50%{transform:translateY(-12px) rotateX(-18deg) rotateY(48deg)}}
.solution-panel{position:relative;background:linear-gradient(145deg,#132039f0,#0a1222);border-color:#35537e;border-radius:18px;box-shadow:0 26px 65px #0007,0 0 50px #1666ff15}
.panel-label{background:#14274a;border-bottom:1px solid #365580}.panel-monogram{background:#1752b5;border-color:#628ed3}.panel-label div>span{color:#b9cdec}
.solution-item:hover{background:#172b47}.solution-icon{background:#183562;color:#7ebeff;box-shadow:inset 0 0 15px #4788ff18}.panel-cta{border-color:#456798}.panel-footer{color:#9aaecd}.panel-footer span{color:#6dadff}
.brand-strip{background:#0c1422;border-color:#25354d}.brand-strip>div{color:#a9c2e6}.brand-strip b{color:#4b95ff}
.services{background:#080d17}.section-top h2{color:#f0f5ff}.service-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;border:0;border-radius:0;overflow:visible}
.service{display:flex;flex-direction:column;gap:0;padding:32px;border:1px solid #2a3c58;border-radius:16px;background:linear-gradient(135deg,#132039,#0c1423);box-shadow:0 20px 35px #0002;transition:transform .2s,border-color .2s}
.service:hover{transform:translateY(-5px);border-color:#4b85d5}.service+.service{border-top:1px solid #2a3c58}.service-top{width:100%}.service-symbol{color:#78b4ff;text-shadow:3px 3px #1d467c}.service h3{margin:24px 0 16px}.service ul{margin-top:20px;align-self:stretch}.service li{border-color:#273b57}.service li:before{color:#70b4ff}.service-action{margin-top:auto;padding-top:24px;width:100%}
.identity{background:radial-gradient(ellipse at 5% 100%,#123877,#0c1930 65%);border-top:1px solid #294a76;border-bottom:1px solid #294a76}.identity-copy h2 span{color:#7db9ff}.identity-formula>span{padding:14px 18px;border:1px solid #3b64a0;border-radius:10px;background:#153466;box-shadow:7px 7px 0 #070e1b66;transform:perspective(500px) rotateY(-8deg)}
.process{background:#080d17}.steps li{border-color:#2c4870}.step-number{background:#123069;color:#8fc6ff;border:1px solid #365fa0;box-shadow:4px 4px 0 #101d33}
.contact{background:radial-gradient(ellipse at 15% 35%,#10264c,#080e19 65%)}.inquiry-form,.inquiry-result{background:#101b2d;border-color:#2d4466;box-shadow:0 20px 45px #0003}.contact-channel{border-color:#416da6}
input,textarea,select{background:#080f1d;border-color:#3a506d;color:#edf4ff}input::placeholder,textarea::placeholder{color:#899bb5}input:focus,textarea:focus,select:focus{border-color:#7bbaff}.secondary{background:#233b5e;color:#e5f1ff}#copy-status{color:#8ce2ba}
.faq{background:#090f1b}.faq summary::marker{color:#73b2ff}footer{background:#060a12}.footer-brand{color:#f1f6ff}.skip{background:#172b49;color:white}
@media(max-width:1100px){.hero-grid{gap:36px}h1{font-size:45px}.hero-visual{padding-top:160px}.identity-formula{gap:18px}}
@media(max-width:780px){.hero{padding:48px 6%}.hero-grid{grid-template-columns:1fr;gap:42px}h1{font-size:clamp(36px,9vw,48px);letter-spacing:-1.4px}.hero-visual{padding-top:154px;margin-top:12px}.solution-panel{margin:auto}.menu-toggle{background:#14243c;color:#eaf3ff;border-color:#395478}.service-grid{grid-template-columns:1fr}.service{padding:26px}.identity-formula{font-size:18px}.identity-formula>span{padding:10px 12px}.hero-actions .button{flex:1 1 210px}.brand-strip>div{font-size:9px}.header{padding:20px 6%}}
@media(prefers-reduced-motion:reduce){.cube{animation:none}.button:hover,.service:hover{transform:none}}
/* Paleta final: azul eléctrico, negro y blanco. */
.catalog-tabs{display:flex;gap:8px;padding:8px;background:#111;border:1px solid #333;border-radius:14px;margin-bottom:24px}
.catalog-tabs button{flex:1;padding:16px 20px;background:transparent;border:1px solid transparent;border-radius:8px;color:#ddd;font-weight:650;font-size:15px;line-height:1.5}
.catalog-tabs button:hover{background:#222;color:#fff}.catalog-tabs button[aria-selected="true"]{background:#075bea;color:#fff;border-color:#4089ff;box-shadow:0 6px 20px #075bea30}
[role="tabpanel"]{scroll-margin-top:30px;min-width:0}.services>[role="tabpanel"]>.service{display:grid;grid-template-columns:1fr 1fr;column-gap:60px}.services>[role="tabpanel"]>.service:hover{transform:none}
.product-heading{padding:12px 0}.product-heading h3{font-size:30px;margin-bottom:12px}.product-heading>p:last-child,.product-empty p{color:#ccc}.product-tabs{max-width:640px;background:#080808}.product-empty{padding:36px;border:1px solid #333;border-radius:16px;background:radial-gradient(ellipse at right bottom,#075bea24,transparent 65%),#101010}.product-empty h3{font-size:28px;margin:20px 0 12px}.product-empty p{max-width:630px;margin-bottom:24px}
@media(max-width:1100px){.header{flex-wrap:wrap}.header nav{flex-wrap:wrap}.header nav a{font-size:13px}}
@media(max-width:780px){.catalog-tabs{flex-direction:column;gap:5px}.catalog-tabs button{padding:13px 14px;text-align:left}.product-tabs{flex-direction:row}.product-tabs button{text-align:center;font-size:13px;padding:12px 8px}.services>[role="tabpanel"]>.service{display:flex}.product-empty{padding:24px}.product-empty h3{font-size:25px}.product-empty .button{width:100%}}
:root{--ink:#fff;--navy:#fff;--blue:#5998ff;--muted:#ccc;--line:#303030;--paper:#080808;background:#000;color:#fff}
body,.header,footer{background:#000}.header{border-color:#262626}
.brand-mark,.brand-tech,.footer-brand,h1,h2,h3,.section-top h2{color:#fff}.brand-caption{color:#ccc}
.hero{background:radial-gradient(ellipse at 82% 35%,#0754db38,transparent 48%),#000}
h1 em{background:none;color:#4089ff;-webkit-text-fill-color:#4089ff}
.hero-description,.hero-bottom,.section-intro,.solution-item p,.service>p,.steps p,.identity-copy p,.contact-intro>p:not(.eyebrow),.faq details p,footer p{color:#ccc}
.orange,.dark-button,.nav-contact{background:#075bea;color:#fff;border-color:#4089ff}.orange:hover,.dark-button:hover,nav .nav-contact:hover{background:#176cff}
.outline{background:#fff;color:#000;border-color:#fff}.outline:hover{background:#e9e9e9}
.solution-panel{background:linear-gradient(145deg,#171717,#080808);border-color:#36547e}.panel-label{background:#075bea;border-color:#4089ff}.panel-label div>span{color:#fff}.panel-monogram{background:#0044bd;border-color:#ffffff80}
.solution-item:hover{background:#151515}.panel-footer{color:#ccc}.brand-strip{background:#080808;border-color:#262626}.brand-strip>div{color:#fff}
.services,.process,.faq{background:#080808}.service{background:linear-gradient(135deg,#171717,#090909);border-color:#343434}.service+.service{border-color:#343434}.service li{border-color:#333}
.identity{background:radial-gradient(ellipse at 5% 100%,#075bea45,#000 65%)}.identity-copy h2 span{color:#5998ff}.identity-formula>span{background:#075bea;border-color:#4089ff;color:#fff}
.contact{background:radial-gradient(ellipse at 15% 35%,#075bea20,#000 65%)}.inquiry-form,.inquiry-result{background:#111;border-color:#363636}
input,textarea,select{background:#050505;border-color:#555;color:#fff}input::placeholder,textarea::placeholder{color:#aaa}.secondary,.skip{background:#fff;color:#000}#copy-status{color:#fff}
.step-number{background:#075bea;color:#fff;border-color:#4089ff}.menu-toggle{background:#111;color:#fff;border-color:#555}