/* 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. */
.hero-visual{padding-top:0}.print-it-art{width:100%;max-width:520px;margin:0 auto 18px;filter:drop-shadow(0 10px 22px #075bea25)}.print-it-art svg{display:block;width:100%;height:auto}
.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}
/* Relieve, perspectiva y luz para el emblema 3D Print + IT. */
.print-it-art{position:relative;isolation:isolate;perspective:850px;padding:16px 10px 30px;margin-bottom:12px;filter:none}
.print-it-art svg{position:relative;z-index:2;overflow:visible;transform-origin:50% 65%;transform:rotateX(12deg) rotateY(-15deg) rotateZ(-2deg);filter:drop-shadow(1px 1px 0 #183b71) drop-shadow(2px 2px 0 #102c56) drop-shadow(3px 3px 0 #091c39) drop-shadow(0 16px 14px #0009) drop-shadow(0 0 14px #1676ff65);animation:emblem-float 7s ease-in-out infinite}
.print-it-art:before{content:'';position:absolute;z-index:0;left:12%;right:12%;bottom:4%;height:34%;border:1px solid #5fafff;border-radius:50%;background:radial-gradient(ellipse,#0965ff44,transparent 68%);box-shadow:0 0 22px #1676ff55,inset 0 0 20px #1676ff44;transform:rotateX(64deg);animation:emblem-halo 5s ease-in-out infinite}
.print-it-art:after{content:'';position:absolute;z-index:1;inset:8% 5% 18%;pointer-events:none;background:radial-gradient(circle at 16% 30%,#e1f5ff 0 1.5px,transparent 3px),radial-gradient(circle at 88% 22%,#60baff 0 2px,transparent 4px),radial-gradient(circle at 92% 76%,#e1f5ff 0 1px,transparent 3px),radial-gradient(circle at 8% 80%,#60baff 0 1.5px,transparent 4px);animation:emblem-sparks 5s ease-in-out infinite}
.print-it-art svg>g[fill="none"]{stroke-dasharray:9 5;animation:emblem-data 4s linear infinite;filter:drop-shadow(0 0 4px #329aff)}
.print-it-art svg path[stroke-dasharray]{stroke-width:3;filter:drop-shadow(0 0 5px #8ee7ff);animation:emblem-data 2s linear infinite}
@keyframes emblem-float{0%,100%{transform:translateY(2px) rotateX(12deg) rotateY(-15deg) rotateZ(-2deg)}50%{transform:translateY(-10px) rotateX(5deg) rotateY(10deg) rotateZ(1deg)}}
@keyframes emblem-halo{0%,100%{opacity:.5;transform:rotateX(64deg) scale(.92)}50%{opacity:.9;transform:rotateX(64deg) scale(1.04)}}
@keyframes emblem-sparks{0%,100%{opacity:.4;transform:translateY(3px)}50%{opacity:1;transform:translateY(-7px)}}
@keyframes emblem-data{to{stroke-dashoffset:-56}}
@media(hover:hover){.print-it-art:hover svg{animation-play-state:paused;filter:drop-shadow(2px 2px 0 #17437e) drop-shadow(4px 4px 0 #0a2346) drop-shadow(0 12px 16px #0009) drop-shadow(0 0 20px #268bff99)}}
@media(prefers-reduced-motion:reduce){.print-it-art svg,.print-it-art:before,.print-it-art:after,.print-it-art svg>g,.print-it-art svg path{animation:none!important}.print-it-art svg{transform:rotateX(8deg) rotateY(-8deg)}}
.solid-emblem{max-width:470px;padding:0 10px 12px;margin-bottom:24px;perspective:none}
.solid-emblem:before,.solid-emblem:after{display:none}
.solid-emblem svg,.solid-emblem:hover svg{transform:none;filter:drop-shadow(0 18px 24px #0008);animation:solid-drift 8s ease-in-out infinite}
.solid-emblem .printing-beam{filter:drop-shadow(0 0 6px #73cfff);animation:print-pulse 3s ease-in-out infinite}
.solid-emblem .printing-spot{animation:print-pulse 3s ease-in-out infinite;filter:drop-shadow(0 0 8px #298eff)}
@keyframes solid-drift{0%,100%{transform:translateY(0)}50%{transform:translateY(-7px)}}
@keyframes print-pulse{0%,100%{opacity:.4}50%{opacity:1}}
@media(prefers-reduced-motion:reduce){.solid-emblem svg,.solid-emblem .printing-beam,.solid-emblem .printing-spot{animation:none!important;transform:none}}
.header nav{gap:22px}.nav-support{color:#8fbfff;border-bottom:1px solid #267eff;padding-bottom:5px}.about-section{position:relative}.section-anchor{position:absolute;top:0;left:0}.about-clients{grid-column:1/-1;display:grid;grid-template-columns:1fr 1.5fr;gap:60px;border-top:1px solid #365073;padding-top:36px}.about-clients h3{font-size:27px;line-height:1.3;margin-bottom:0}.about-clients .eyebrow{margin-bottom:12px}.clients-content{padding:26px;background:#070c16;border:1px solid #314662;border-radius:14px}.clients-content p{color:#ccd7e8;margin-bottom:14px}
@media(max-width:1100px){.header nav{gap:16px}}
@media(max-width:780px){.header nav{gap:0}.about-clients{grid-template-columns:1fr;gap:20px;padding-top:26px}.about-clients h3{font-size:24px}.nav-support{border-bottom:0}.clients-content{padding:22px}}
.header{position:relative;z-index:10}.service-dropdown{position:relative}.service-dropdown summary{display:flex;align-items:center;gap:8px;cursor:pointer;list-style:none;padding:10px 0;font:inherit;color:#fff}.service-dropdown summary::-webkit-details-marker{display:none}.service-dropdown summary>span{color:#65a5ff;transition:transform .2s}.service-dropdown[open] summary>span{transform:rotate(180deg)}.service-dropdown[open] summary{color:#8fbfff}.service-dropdown-links{position:absolute;top:100%;left:-18px;width:300px;padding:8px;background:#101722;border:1px solid #34527a;border-radius:12px;box-shadow:0 18px 40px #0009;z-index:20}.service-dropdown-links a{display:block;padding:16px;border-radius:7px}.service-dropdown-links a:hover,.service-dropdown-links a:focus-visible{background:#075bea;color:#fff}.service-dropdown-links a+a{border-top:1px solid #29384c}.service-dropdown-links strong{display:block;font-size:15px;color:#fff}.service-dropdown-links a>span{display:block;font-size:12px;color:#c6d3e4;font-weight:400;margin-top:4px;line-height:1.5}
@media(max-width:780px){.service-dropdown summary{padding:13px 0;justify-content:space-between}.service-dropdown-links{position:static;width:100%;margin:0 0 8px;box-shadow:none}.header nav .service-dropdown-links a{padding:14px}}


/* Professional blue / graphite palette - 2026-10-15 */
:root {
 --ink:#edf2f8; --navy:#edf2f8; --blue:#85b5f5;
 --muted:#b4c0d0; --line:#2b394d; --paper:#101722;
 background:#0b111b; color:var(--ink);
}
body, .header, footer {background:#0b111b;}
.header, footer {border-color:#263348;}
.brand-mark,.brand-tech,.footer-brand,h1,h2,h3,.section-top h2 {color:#edf2f8;}
.brand-mark {text-shadow:none;}
.brand-tech {border-color:#344258;}
.brand-caption {color:#aebbd0;}
.hero {background:radial-gradient(ellipse at 82% 30%,rgba(43,83,143,.22),transparent 55%),#0b111b;}
.hero::before {opacity:.4;}
h1 em {background:none;color:#85b5f5;-webkit-text-fill-color:#85b5f5;}
.eyebrow,.identity .eyebrow {color:#91b6e5;}
.eyebrow>span {background:#638fc6;box-shadow:none;}
.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,.panel-footer,.product-heading>p:last-child,.product-empty p {color:#b4c0d0;}
.hero-bottom {border-color:#2b394d;}
.orange,.dark-button,.nav-contact {background:#285fb5;color:#fff;border-color:#477bc8;box-shadow:0 6px 18px rgba(0,0,0,.16);}
.orange:hover,.dark-button:hover,nav .nav-contact:hover {background:#316bc4;box-shadow:0 8px 22px rgba(0,0,0,.2);}
.outline {background:#172233;color:#e3ebf6;border-color:#4b607d;}
.outline:hover {background:#213149;}
.solution-panel {background:#141e2c;border-color:#34465f;box-shadow:0 18px 48px rgba(0,0,0,.22);}
.panel-label {background:#1b3556;border-color:#385477;}
.panel-label div>span {color:#c5d4e8;}
.panel-monogram {background:#23476e;border-color:#587ba5;}
.solution-item:hover {background:#1c2b3e;}
.solution-icon {background:#203853;color:#a0c7f6;box-shadow:none;}
.panel-cta,.contact-channel {border-color:#4d6d94;}
.brand-strip {background:#101925;border-color:#263348;}
.brand-strip>div {color:#bdcadc;}
.brand-strip b {color:#739ccf;}
.services,.faq {background:#101722;}
.process {background:#0d1520;}
.service {background:linear-gradient(130deg,#182231,#131c29);border-color:#324157;box-shadow:0 12px 28px rgba(0,0,0,.12);}
.service+.service,.service li {border-color:#2b394d;}
.service:hover {border-color:#55789f;}
.service-symbol {color:#89b5ec;text-shadow:none;}
.service li::before {color:#85b5f5;}
.catalog-tabs,.product-tabs {background:#111c2a;border-color:#344258;}
.catalog-tabs button {color:#bdcadc;}
.catalog-tabs button:hover {background:#203149;color:#edf2f8;}
.catalog-tabs button[aria-selected="true"] {background:#254e83;border-color:#537daf;color:#fff;box-shadow:none;}
.identity {background:radial-gradient(ellipse at 5% 100%,rgba(48,88,145,.22),transparent 70%),#101d2d;border-color:#30445f;}
.identity-copy h2 span {color:#85b5f5;}
.identity-formula>span {background:#1d3859;border-color:#48678f;color:#edf2f8;box-shadow:4px 4px 0 rgba(0,0,0,.14);}
.identity-formula b {color:#91aacb;}
.about-clients {border-color:#34465f;}
.clients-content {background:#152236;border-color:#3b506d;}
.clients-content p {color:#bfccdf;}
.steps li {border-color:#3a5272;}
.step-number {background:#213c5e;border-color:#4a6d97;color:#c5defe;box-shadow:none;}
.contact {background:radial-gradient(ellipse at 12% 35%,rgba(42,77,126,.16),transparent 65%),#0b131f;}
.inquiry-form,.inquiry-result {background:#162130;border-color:#3b4c64;box-shadow:0 14px 32px rgba(0,0,0,.16);}
input,textarea,select {background:#0f1927;border-color:#536781;color:#edf2f8;}
input::placeholder,textarea::placeholder {color:#a8b8ce;}
input:focus,textarea:focus,select:focus {border-color:#91bfff;}
.secondary,.skip {background:#20344f;color:#edf2f8;}
#copy-status {color:#a9dbc5;}
.menu-toggle {background:#172233;border-color:#526782;color:#edf2f8;}
.nav-support {color:#a0c5f6;border-color:#4d75a8;}
.service-dropdown summary {color:#edf2f8;}
.service-dropdown-links {background:#162335;border-color:#405878;box-shadow:0 14px 32px rgba(0,0,0,.25);}
.service-dropdown-links a+a {border-color:#33465f;}
.service-dropdown-links a:hover,.service-dropdown-links a:focus-visible {background:#254e83;}
.service-dropdown-links a>span {color:#c4d1e3;}
.product-empty {background:radial-gradient(at right bottom,rgba(48,88,145,.17),transparent 65%),#152030;border-color:#34465f;}
::selection {background:#315d94;color:#fff;}
a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,summary:focus-visible {outline-color:#9bc5ff;}
