/* Cinematic layer: retain the content and give the brand depth and motion. */
:root{--purple:#8052f5;--muted:#b7bbce}
body{background:#080911}
.header{background:#080a14d9;border-bottom-color:#b497ff25;box-shadow:0 8px 40px #00000020}
.mark{background:linear-gradient(145deg,#986aff40,#19152b);box-shadow:inset 0 0 16px #a17cff18,0 0 22px #8756fc18}
.hero{position:relative;isolation:isolate;padding-top:90px;overflow:hidden;background:#080911}
.hero-backdrop{position:absolute;inset:0 0 auto;height:940px;z-index:-2;pointer-events:none;background:#090a13 url('ms-tecnologia-poster.jpg') center top/cover no-repeat}
.hero-backdrop video{height:100%;width:100%;object-fit:cover;object-position:center top;opacity:.9}
.hero-backdrop:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#080911f5 0%,#080911dc 27%,#08091170 55%,#08091112 100%),linear-gradient(0deg,#080911 0%,#08091180 18%,transparent 65%)}
.hero:after{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 15% 47%,#7842ee19,transparent 45%)}
.hero .wrap{position:relative}
.hero-intro{display:flex;flex-direction:column;align-items:flex-start;gap:25px;max-width:760px;min-height:475px}
.hero h1{font-size:clamp(3.15rem,5.25vw,5.15rem);line-height:1.05;letter-spacing:-.052em;text-shadow:0 4px 28px #05071170}
.hero h1 span{background:linear-gradient(110deg,#c5b0ff 0%,#a889ff 48%,#b6e8ff 75%,#c5b0ff 100%);background-size:200% auto;background-clip:text;-webkit-background-clip:text;color:transparent;animation:spectrum 12s ease-in-out infinite}
.hero-copy{max-width:590px;font-size:1.08rem;color:#d0d2e2;text-shadow:0 2px 12px #060914}
.hero .eyebrow{display:inline-flex;align-items:center;gap:12px;font-size:.75rem;color:#d1bfff;letter-spacing:.13em;margin-bottom:25px}
.hero .eyebrow:before{content:'';width:7px;height:7px;border-radius:50%;background:#cbb4ff;box-shadow:0 0 12px #a071ff,0 0 26px #aa7dff}
.hero-note{font-size:.85rem;color:#c4bdd7}
.hero .actions{margin-top:26px}
.button{box-shadow:0 5px 22px #7950ed20;position:relative;overflow:hidden}
.button:not(.secondary):not(:disabled){background:linear-gradient(120deg,#7a47ed,#9766ff);border-color:#b69bff55;box-shadow:0 8px 28px #7345e940,inset 0 1px 0 #ffffff35}
.button:not(.secondary):not(:disabled):hover{box-shadow:0 8px 40px #9161ff65;transform:translateY(-3px)}
.button.secondary{background:#0e102065;backdrop-filter:blur(10px);border-color:#c5b3ff50}
.button.secondary:hover{background:#9974ff20;border-color:#c5b3ff90}
.hero-product{max-width:1030px;margin:78px auto 0;border:1px solid #af8bff65;border-radius:15px;background:#141626e8;box-shadow:0 -1px 0 #d0bbff45,0 0 65px #8256ed22,0 35px 90px #0009;transform:perspective(1600px) rotateX(4deg);transform-origin:center top;transition:transform .6s ease,box-shadow .6s ease}
.hero-product:hover{transform:perspective(1600px) rotateX(0);box-shadow:0 0 90px #8256ed32,0 35px 90px #0009}
.hero-product .product-bar{background:linear-gradient(100deg,#1d1c32,#111928);border-bottom:1px solid #b596ff25;padding:17px 23px}
.hero-product .product-bar span:first-child:before{content:'● ● ●';font-size:.65rem;letter-spacing:.14em;color:#9582b8;margin-right:20px}
.hero-product .screen{aspect-ratio:2.55;max-height:415px}
.proof{max-width:1100px;margin:20px auto 0;border-bottom-color:#bfa4ff25;padding:30px 0 35px}.proof span{color:#b395ff}
.light{background-color:#f3f5fa;background-image:radial-gradient(ellipse at 100% 0,#8567e411,transparent 55%)}
.solutions{gap:20px}
.solution{position:relative;padding:30px 26px;background:linear-gradient(145deg,#ffffff,#f6f7fd);border:1px solid #78629b25;border-radius:14px;box-shadow:0 10px 30px #25345507;transition:transform .3s,box-shadow .3s,border-color .3s}
.solution:hover{transform:translateY(-7px);border-color:#9673e870;box-shadow:0 20px 40px #4f32951a}
.solution .number{font-size:.78rem;letter-spacing:.065em}.solution li{font-size:.9rem}.solution h3{font-size:1.45rem}
.product-section{position:relative;background:radial-gradient(ellipse at 10% 0,#143b3860,transparent 55%),#0b141b;color:#ecfff9;--muted:#aec7c3}
.product-section .eyebrow.green{color:#7ce4b7}.product-tabs button{color:#bcdcd4;border-color:#76bfa24a;background:#ffffff04}.product-tabs button:hover{border-color:#84ecc1aa}.product-tabs button[aria-selected=true]{background:#153d34;border-color:#79e4b7;color:#d9fff0;box-shadow:0 0 20px #42d89c14}
.product-view{border-color:#77dab14a;box-shadow:0 0 55px #41c29b12,0 30px 80px #0005;background:#101e26}
.product-caption{background:linear-gradient(105deg,#10242b,#121d29);color:#e5fff5;border-top:1px solid #6ff2b82a}.product-caption p{color:#adc7c2}.product-caption .text-link{color:#95ecc7}.caption-note{color:#9bbab2}.flow{color:#9acdbb}.flow span{padding:7px 10px;background:#6dd6b00a;border:1px solid #6dd6b022;border-radius:5px}.flow span:not(:last-child):after{margin-left:12px}
#propiedad{position:relative;background:radial-gradient(ellipse at 0% 50%,#632bbe1d,transparent 65%),#0a0b13}
.principle{padding:27px 0;border-color:#ae8fee28}.principle>span{width:34px;height:34px;display:grid;place-items:center;background:#8352ff15;border:1px solid #a882ff30;border-radius:8px}
.process article{padding:26px 22px;background:#ffffffb0;border:1px solid #8265b225;border-radius:12px;box-shadow:0 10px 30px #21305a05}.process .number{margin:0}.process article:nth-child(even){background:linear-gradient(140deg,#fff,#efecfb)}
#modelo{background:radial-gradient(ellipse at 80% 20%,#6f36ae25,transparent 60%),#090a12}.price-box{background:linear-gradient(135deg,#211834b8,#0e1423);border-color:#b389ff65;box-shadow:0 0 70px #8450db14,inset 0 1px 0 #ffffff15}.price-box .price{background:linear-gradient(100deg,#fff,#bd9bff);background-clip:text;-webkit-background-clip:text;color:transparent}.price-box .price small{color:#c3bcd6}
.footer{border-top:1px solid #aa88ee24;background:#080912}
.motion-enter{animation:rise-in .75s cubic-bezier(.2,.7,.2,1) both}.motion-enter:nth-child(2){animation-delay:90ms}.motion-enter:nth-child(3){animation-delay:160ms}
@keyframes rise-in{from{opacity:.35;transform:translateY(22px)}to{opacity:1;transform:translateY(0)}}
@keyframes spectrum{0%,100%{background-position:0% center}50%{background-position:100% center}}
@media(min-width:1500px){.hero-backdrop{height:1000px}.hero-intro{min-height:490px}}
@media(max-width:1000px){.hero-backdrop{height:910px;background-position:60% top}.hero-backdrop video{object-position:60% top}.hero-intro{max-width:660px;min-height:450px}.hero h1{font-size:4.1rem}.hero-backdrop:after{background:linear-gradient(90deg,#080911f2,#080911a8 60%,#08091142),linear-gradient(0deg,#080911,transparent 70%)}.solution{padding:25px 20px}}
@media(max-width:760px){.hero{padding-top:52px}.hero-backdrop{height:830px;background-position:62% top}.hero-backdrop video{object-position:62% top;opacity:.7}.hero-backdrop:after{background:linear-gradient(90deg,#080911dc,#08091170),linear-gradient(0deg,#080911,transparent 90%)}.hero .eyebrow{font-size:.68rem;letter-spacing:.09em;line-height:1.7;max-width:330px}.hero .eyebrow:before{flex-shrink:0}.hero-intro{min-height:0;gap:24px}.hero h1{font-size:clamp(2.75rem,10.8vw,4.5rem);line-height:1.08}.hero-copy{font-size:1.02rem;max-width:540px}.hero-product{margin-top:45px;transform:none;border-radius:10px}.hero-product:hover{transform:none}.hero-product .product-bar{font-size:.7rem;padding:12px;gap:10px}.hero-product .product-bar span:first-child:before{display:none}.hero-product .screen{aspect-ratio:1.65}.hero-product .screen img{width:145%;max-width:none}.proof{padding:24px 0}.solution{padding:27px}.flow{gap:7px}.flow span{font-size:.8rem}.section-head{gap:23px}.product-caption{padding:24px}.process article{padding:24px 18px}.links{background:#0e1020f5;backdrop-filter:blur(18px)}}
/* The product animation remains active whenever its stage is visible. */
html[data-motion=running] .hero-backdrop video{visibility:visible}

/* GESFRU showcase: a compact, floating 3D product stage. */
.product-section .wrap{position:relative}
.product-tabs{position:relative;z-index:4;margin-bottom:22px;padding:7px;border:1px solid #6ed9b638;border-radius:13px;background:#06151be6;box-shadow:0 15px 35px #0004,inset 0 1px #ffffff10;backdrop-filter:blur(16px)}
.product-tabs:before{content:'●  GESFRU / LIVE PREVIEW     7 FLUJOS CONECTADOS     CONTROL OPERACIONAL';display:block;margin:0 5px 7px;padding:2px 8px;color:#bceedd;font-size:.65rem;letter-spacing:.12em;opacity:.82}
.product-tabs:before:first-letter{color:#70efb2}
.product-tabs button{border-color:transparent;transition:transform .25s,background .25s,box-shadow .25s}.product-tabs button[aria-selected=true]{transform:translateY(-2px);box-shadow:0 7px 16px #0005,inset 0 1px #ffffff18}
.product-view{position:relative;isolation:isolate;transform:perspective(1500px) rotateX(3deg) rotateY(-1.2deg);transform-style:preserve-3d;transition:transform .55s cubic-bezier(.2,.8,.2,1),box-shadow .55s;box-shadow:0 0 0 1px #8bf2cf22,0 0 70px #40d3a31c,0 30px 60px #0008}
.product-view:hover{transform:perspective(1500px) rotateX(0deg) rotateY(0deg) translateY(-4px);box-shadow:0 0 0 1px #a6ffe044,0 0 90px #40d3a32e,0 35px 70px #0009}
.product-view:before{content:'';position:absolute;z-index:-1;inset:9px -13px -13px 13px;border-radius:14px;background:linear-gradient(135deg,#75e7bd30,#07504410 45%,#03151c);transform:translateZ(-28px);box-shadow:0 22px 30px #0008}
.product-view:after{content:'';position:absolute;z-index:3;inset:0;pointer-events:none;border-radius:12px;background:linear-gradient(120deg,#ffffff18,transparent 14%,transparent 75%,#77eab312);mix-blend-mode:screen}
.product-view .screen{position:relative;background:#071319;box-shadow:inset 0 0 0 1px #a6f6d715,inset 0 20px 35px #0004}
.product-view .screen:before{content:'GESFRU  /  OPERACIÓN CONECTADA';position:absolute;z-index:2;left:20px;top:13px;color:#bcf8df;font-size:.62rem;letter-spacing:.13em;opacity:.78;text-shadow:0 0 10px #64e8b0;pointer-events:none}
.product-view .screen{max-height:560px;overflow:hidden}
.product-view .screen img{filter:saturate(.93) contrast(1.02);transition:transform .7s ease;transform-origin:center top}.product-view:hover .screen img{transform:scale(1.012)}
.product-caption{position:relative;z-index:4}.flow{position:relative;z-index:2}
@keyframes pulse-live{0%,100%{opacity:.55;transform:scale(.85)}50%{opacity:1;transform:scale(1.2)}}
.product-tabs:before{animation:pulse-live 2.4s ease-in-out infinite}
@media(max-width:760px){.product-tabs{padding:5px;overflow:auto;flex-wrap:nowrap}.product-tabs:before{content:'● LIVE PREVIEW / GESFRU';white-space:nowrap;font-size:.56rem;margin-bottom:5px}.product-tabs button{white-space:nowrap;padding:9px 11px}.product-view,.product-view:hover{transform:none}.product-view:before{inset:6px -7px -8px 7px}.product-view .screen{max-height:360px}.product-view .screen:before{left:12px;top:9px;font-size:.5rem}.product-view:hover .screen img{transform:none}}
@media(prefers-reduced-motion:reduce){.product-view,.product-view:hover{transform:none}.product-tabs:before{animation:none}}

/* Warm technology palette inspired by the coral and burgundy reference. */
:root{--bg:#160a10;--panel:#24141b;--ink:#fffafa;--muted:#c7b9bd;--purple:#d76467;--line:#f3bdc322;--surface:#fbf8f7;--surface-soft:#f3eceb;--ink-muted:#766d70}
body{background:#160a10;color:#fffafa}
::selection{background:#d76467;color:#fff}
.header{background:#170a11e8;border-bottom-color:#efa7ae24;box-shadow:0 10px 45px #19060c50}
.header.scrolled{background:#170a11e8;border-color:#efa7ae24}
.brand{color:#fff9f8}.mark{border-color:#e9848990;background:linear-gradient(145deg,#e5767960,#30131d);box-shadow:inset 0 0 16px #ffc3c820,0 0 24px #d65d6528}
.links{color:#decfd2}.links a:hover{color:#ffb4b8}.links a.active{color:#ffb4b8}
.nav>.button.secondary{border-color:#e7a4a851;background:#2b111b8a}.nav>.button.secondary:hover{background:#d7646725;border-color:#f0a6ac80}
.hero{background:#160a10}
.hero-backdrop{background-color:#4a1520;background-blend-mode:color;background-position:center top}
.hero-backdrop video{filter:hue-rotate(55deg) saturate(.78) contrast(1.08) brightness(.86)}
.hero-backdrop:after{background:linear-gradient(90deg,#160a10f7 0%,#160a10dc 28%,#2b0e196e 57%,#160a1015 100%),linear-gradient(0deg,#160a10 0%,#160a1088 20%,transparent 68%)}
.hero:after{background:radial-gradient(ellipse at 16% 46%,#e36e7330,transparent 47%)}
.hero .eyebrow{color:#f2a8ad}.hero .eyebrow:before{background:#f09a9f;box-shadow:0 0 12px #e06b72,0 0 27px #dc5f69}
.hero h1 span{background:linear-gradient(110deg,#ffd2d2 0%,#ea8c91 42%,#d45e67 70%,#ffd1cf 100%);background-size:200% auto;background-clip:text;-webkit-background-clip:text;color:transparent}
.hero-copy{color:#e4d9dc}.hero-note{color:#d8c6cb}
.button{background:#d76467;box-shadow:0 5px 22px #c84f5a2b}
.button:not(.secondary):not(:disabled){background:linear-gradient(120deg,#c94f58,#e3777a);border-color:#ffc1c466;box-shadow:0 8px 30px #c8495750,inset 0 1px 0 #ffffff45}
.button:not(.secondary):not(:disabled):hover{background:linear-gradient(120deg,#b9414e,#dc656d);box-shadow:0 10px 42px #d45e6866}
.button.secondary{background:#2b111b70;border-color:#efa8ad50}.button.secondary:hover{background:#d7646722;border-color:#f3a8ae90}
.hero-product{border-color:#e8868c70;background:#25141ce8;box-shadow:0 -1px 0 #ffc0c34d,0 0 70px #d254612c,0 38px 95px #0c0207cc}
.hero-product:hover{box-shadow:0 0 95px #df69713a,0 38px 95px #0c0207cc}
.hero-product .product-bar{background:linear-gradient(100deg,#351822,#1d1018);border-bottom-color:#f1a0a72b}.hero-product .product-bar span:first-child:before{color:#c48d94}.hero-product .product-bar span:last-child{color:#8bdbb5}
.proof{border-bottom-color:#efafb527;color:#d9c9cd}.proof span{color:#eb8a90}
.light{background-color:#fbf9f8;background-image:radial-gradient(ellipse at 100% 0,#d7646710,transparent 55%);color:#292326;--muted:#756f72;--line:#4a222b1c}
.light .eyebrow{color:#c6535b}.light .number{color:#c6535b}
.solution{background:linear-gradient(145deg,#fff,#f8f2f2);border-color:#b85d672c;box-shadow:0 12px 34px #4e1e2909}
.solution:hover{border-color:#dc737b85;box-shadow:0 22px 45px #8f37441a}.solution li:before{color:#d05b63}
.product-section{background:radial-gradient(ellipse at 9% 0,#7e293650,transparent 54%),radial-gradient(ellipse at 92% 78%,#d05c6720,transparent 45%),#170b11;color:#fff4f2;--muted:#ccb9bd}
.product-section .eyebrow.green{color:#f08f95}
.product-tabs{border-color:#e2767d42;background:#210f17e8;box-shadow:0 16px 38px #09010499,inset 0 1px #ffffff0f}.product-tabs:before{color:#f2b0b4}
.product-tabs button{color:#dfc3c6;border-color:transparent;background:#ffffff04}.product-tabs button:hover{border-color:#e78c9290}.product-tabs button[aria-selected=true]{background:#6f2632;border-color:#ed858c;color:#fff6f5;box-shadow:0 8px 20px #09010480,inset 0 1px #ffffff28}
.product-view{border-color:#ee858d59;background:#24131b;box-shadow:0 0 0 1px #f39ca12e,0 0 75px #d55e6928,0 32px 65px #080103dd}
.product-view:hover{box-shadow:0 0 0 1px #ffc3c64f,0 0 95px #dc687039,0 38px 74px #080103e8}
.product-view:before{background:linear-gradient(135deg,#ef8c9433,#6e1f2c1b 48%,#190810);box-shadow:0 24px 34px #090104d9}
.product-view:after{background:linear-gradient(120deg,#ffd3d31f,transparent 15%,transparent 74%,#e36a7418)}
.product-view .screen{background:#150a10;box-shadow:inset 0 0 0 1px #efb4b51c,inset 0 20px 38px #0a020690}
.product-view .screen:before{color:#ffd0ce;text-shadow:0 0 12px #e56d74}
.product-caption{background:linear-gradient(105deg,#32151f,#1c1119);color:#fff5f4;border-top-color:#ed8b9133}.product-caption p{color:#cbb9bd}.product-caption .text-link{color:#f09a9f}.caption-note{color:#bfaeb2}
.flow{color:#e5bbc0}.flow span{background:#d764670d;border-color:#e6898e2d}
#propiedad{background:radial-gradient(ellipse at 0% 50%,#c44e5b25,transparent 64%),#160a10}.principle{border-color:#e291972a}.principle>span{color:#f09ba0;background:#d7646718;border-color:#e8868c38}
.process article{background:#fffdfc;border-color:#bb67702c;box-shadow:0 12px 34px #60263108}.process article:nth-child(even){background:linear-gradient(140deg,#fff,#f6ecec)}
#modelo{background:radial-gradient(ellipse at 82% 20%,#b23e502f,transparent 60%),#160a10}
.price-box{background:linear-gradient(135deg,#351722c7,#1b1017);border-color:#e77d856b;box-shadow:0 0 72px #cc4f5c20,inset 0 1px 0 #ffffff16}.price-box .price{background:linear-gradient(100deg,#fff8f7,#ed969b);background-clip:text;-webkit-background-clip:text;color:transparent}.price-box .price small{color:#d4c0c4}
.contact-email{border-bottom-color:#d25b63}.footer{border-top-color:#e99ba129;background:#15090f}
@media(max-width:1000px){.hero-backdrop:after{background:linear-gradient(90deg,#160a10f3,#24101aa8 60%,#160a1042),linear-gradient(0deg,#160a10,transparent 70%)}}
@media(max-width:760px){.hero-backdrop:after{background:linear-gradient(90deg,#160a10df,#2c101a78),linear-gradient(0deg,#160a10,transparent 90%)}.links{background:#1c0d15f5}}

/* Clarity pass: cleaner neutrals, stronger coral and less color haze. */
:root{--bg:#101114;--panel:#211417;--ink:#fff;--muted:#c8c5c6;--purple:#de6267;--line:#ffffff24;--surface:#fff;--surface-soft:#f6f5f4;--ink:#fff;--ink-muted:#767274}
body{background:#101114}
.header,.header.scrolled{background:#111316f7;border-bottom-color:#ffffff18;box-shadow:0 8px 28px #00000038}
.mark{border-color:#df6d728f;background:linear-gradient(145deg,#8a4145,#231417);box-shadow:inset 0 1px 0 #ffffff35,0 0 18px #d75b6328}
.links{color:#eee9ea}.links a:hover,.links a.active{color:#ed777c}
.nav>.button.secondary{background:#1a1719;border-color:#df74794f}.nav>.button.secondary:hover{background:#352023;border-color:#eb7d8280}
.hero{background:#111214}
.hero-backdrop{background-color:#221013;background-blend-mode:soft-light}
.hero-backdrop video{opacity:1;filter:hue-rotate(52deg) saturate(1.08) contrast(1.24) brightness(.98)}
.hero-backdrop:after{background:linear-gradient(90deg,#111214f8 0%,#111214e4 24%,#11121482 49%,#11121420 76%,#11121408 100%),linear-gradient(0deg,#111214 0%,#1112145c 15%,transparent 52%)}
.hero:after{background:radial-gradient(ellipse at 14% 48%,#e3545f20,transparent 42%)}
.hero .eyebrow{color:#ff9a9e;font-weight:750;text-shadow:0 1px 12px #000}.hero .eyebrow:before{background:#ff777d;box-shadow:0 0 9px #ff777d,0 0 18px #e65c64}
.hero h1{color:#fff;text-shadow:0 3px 16px #0000008c}.hero h1 span{background:linear-gradient(105deg,#f09c9e 0%,#e26b70 45%,#cf4f58 100%);background-clip:text;-webkit-background-clip:text;color:transparent;text-shadow:none}
.hero-copy{color:#f0eded;font-weight:430;text-shadow:0 2px 8px #000}.hero-note{color:#ded9da}
.button:not(.secondary):not(:disabled){background:#dc6268;border-color:#f28c91;box-shadow:0 9px 25px #b434424d,inset 0 1px 0 #ffffff4d}
.button:not(.secondary):not(:disabled):hover{background:#c94d56;border-color:#f09498;box-shadow:0 11px 30px #bf354753}
.button.secondary{background:#151518dc;border-color:#ffffff36}.button.secondary:hover{background:#242024;border-color:#df777d80}
.hero-product{background:#16171b;border-color:#ed777d85;box-shadow:0 0 0 1px #ffffff12,0 0 45px #dd59652c,0 30px 70px #000000d9}
.hero-product:hover{box-shadow:0 0 0 1px #ffffff1f,0 0 58px #e35f6a38,0 34px 78px #000000e6}
.hero-product .product-bar{background:#17191d;border-bottom-color:#ffffff18}.hero-product .product-bar span:last-child{color:#45c58c}
.proof{border-bottom-color:#ffffff24;color:#efeaeb}.proof span{color:#ef747a}
.light{background:#fff;color:#252326;--muted:#757274;--line:#2f292b1b}
.light .eyebrow,.light .number{color:#d95a61}
.section-head p,.solution p{color:#747173}
.solution{background:#fff;border-color:#ddd8d9;box-shadow:0 12px 30px #27191c0a}
.solution:hover{border-color:#df777c;box-shadow:0 19px 38px #80303d17}.solution li{border-color:#ebe7e8}.solution li:before{color:#df6268}
.product-section{background:radial-gradient(ellipse at 8% 0,#7c28362b,transparent 42%),#151316;color:#fff;--muted:#c9c3c5}
.product-section .eyebrow.green{color:#ed777c}
.product-tabs{background:#17191deF;border-color:#ffffff25;box-shadow:0 14px 28px #0008,inset 0 1px #ffffff12}.product-tabs:before{color:#ef858a;opacity:1}
.product-tabs button{color:#e9e4e5}.product-tabs button:hover{border-color:#df777c}.product-tabs button[aria-selected=true]{background:#d85b62;border-color:#ed858a;color:#fff;box-shadow:0 7px 16px #861f2c5c,inset 0 1px #ffffff35}
.product-view{background:#17191d;border-color:#e76f758a;box-shadow:0 0 0 1px #ffffff14,0 0 38px #d84f5d28,0 30px 55px #000c}
.product-view:hover{box-shadow:0 0 0 1px #ffffff22,0 0 48px #df586538,0 34px 65px #000e}
.product-view:before{background:linear-gradient(135deg,#e46c7438,#49182020 48%,#0c0d10);box-shadow:0 20px 30px #000d}
.product-view:after{background:linear-gradient(120deg,#ffffff18,transparent 13%,transparent 80%,#e8606914)}
.product-view .screen{background:#0d0f12;box-shadow:inset 0 0 0 1px #ffffff14}.product-view .screen img{filter:saturate(1.05) contrast(1.06)}
.product-view .screen:before{color:#fff;background:#d85a62e6;border-radius:4px;padding:4px 7px;text-shadow:none;box-shadow:0 3px 12px #4d131d66}
.product-caption{background:#17191d;color:#fff;border-top-color:#ffffff1c}.product-caption p{color:#c6c1c2}.product-caption .text-link{color:#f18287}.caption-note{color:#c4bfc0}
.flow{color:#f0dcde}.flow span{background:#ffffff06;border-color:#ffffff1e}
#propiedad{background:radial-gradient(ellipse at 0% 50%,#a52f4024,transparent 52%),#111214}.principle{border-color:#ffffff20}.principle>span{color:#ff858a;background:#d95b6319;border-color:#e572783d}
.process article,.process article:nth-child(even){background:#fff;border-color:#ddd8d9;box-shadow:0 10px 26px #25181b0a}
#modelo{background:radial-gradient(ellipse at 84% 18%,#a5324225,transparent 50%),#111214}
.price-box{background:#19191d;border-color:#e66d7482;box-shadow:0 0 36px #d54a5924,inset 0 1px 0 #ffffff1c}.price-box .price{background:linear-gradient(100deg,#fff,#f08388);background-clip:text;-webkit-background-clip:text;color:transparent}.price-box .price small{color:#d8d1d2}
.contact-email{border-bottom-color:#d9575e;color:#be414a}
.footer{background:#111214;border-top-color:#ffffff1c}
@media(max-width:1000px){.hero-backdrop:after{background:linear-gradient(90deg,#111214f5,#111214c0 55%,#11121445),linear-gradient(0deg,#111214,transparent 65%)}}
@media(max-width:760px){.hero-backdrop video{filter:hue-rotate(52deg) saturate(1.04) contrast(1.18) brightness(.92)}.hero-backdrop:after{background:linear-gradient(90deg,#111214e8,#11121473),linear-gradient(0deg,#111214,transparent 82%)}.links{background:#111316fa}}

/* Video balance: mute neon magentas while preserving detail and movement. */
.hero-backdrop video{position:relative;z-index:0;opacity:.94;filter:hue-rotate(58deg) saturate(.62) contrast(1.17) brightness(.89)}
.hero-backdrop:before{content:'';position:absolute;inset:0;z-index:1;pointer-events:none;background:rgba(116,58,62,.34);mix-blend-mode:color}
.hero-backdrop:after{z-index:2;background:linear-gradient(90deg,#111214f8 0%,#111214e5 24%,#11121487 49%,#1112142b 76%,#1112140d 100%),linear-gradient(0deg,#111214 0%,#1112146b 17%,transparent 55%)}
@media(max-width:1000px){.hero-backdrop video{filter:hue-rotate(58deg) saturate(.59) contrast(1.14) brightness(.86)}.hero-backdrop:before{background:rgba(110,55,59,.37)}}
@media(max-width:760px){.hero-backdrop video{opacity:.86;filter:hue-rotate(58deg) saturate(.56) contrast(1.12) brightness(.82)}.hero-backdrop:before{background:rgba(105,52,57,.4)}}

/* Photographic hero sequence: three original filmic scenes inspired by the supplied references. */
.hero-backdrop{background:#111214;overflow:hidden}
.cinematic-frame{position:absolute;inset:-3%;opacity:0;will-change:transform,opacity;animation:cinematic-crossfade 24s linear infinite}
.cinematic-frame img{width:100%;height:100%;object-fit:cover;object-position:center top;filter:saturate(.82) contrast(1.08) brightness(.82)}
.frame-operations{animation-delay:0s}.frame-infrastructure{animation-delay:8s}.frame-industry{animation-delay:16s}
.frame-operations img{object-position:55% top}.frame-infrastructure img{object-position:58% top}.frame-industry img{object-position:58% top}
.cinematic-grain{position:absolute;inset:0;z-index:1;opacity:.14;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.35'/%3E%3C/svg%3E");mix-blend-mode:soft-light}
.hero-backdrop:before{z-index:2;background:linear-gradient(110deg,rgba(33,18,22,.32),rgba(19,26,40,.08));mix-blend-mode:color}
.hero-backdrop:after{z-index:3}
@keyframes cinematic-crossfade{0%{opacity:0;transform:scale(1.08) translate3d(1.5%,0,0)}5%,29%{opacity:1}34%,100%{opacity:0}0%,34%{transform:scale(1.02) translate3d(-1.5%,-1%,0)}100%{transform:scale(1.02) translate3d(-1.5%,-1%,0)}}
html[data-motion-active=false] .cinematic-frame{animation-play-state:paused!important}
@media(max-width:1000px){.cinematic-frame{inset:-2% -12%}.cinematic-frame img{object-position:62% top}}
@media(max-width:760px){.cinematic-frame{inset:0 -45%}.cinematic-frame img{object-position:68% top;filter:saturate(.76) contrast(1.08) brightness(.72)}.cinematic-grain{opacity:.1}}
@media(prefers-reduced-motion:reduce){.cinematic-frame{display:none;animation:none}.cinematic-frame:first-child{display:block;opacity:1;transform:none}html[data-motion=running] .cinematic-frame{display:block}html[data-motion=running] .cinematic-frame:not(:first-child){opacity:0}}

/* Value and return story. */
.return-block{display:grid;grid-template-columns:1.08fr .92fr;gap:70px;align-items:center;padding-bottom:95px;margin-bottom:90px;border-bottom:1px solid #ffffff1c;scroll-margin-top:110px}
.return-copy h2 span{color:#ed777c}
.return-copy>p:not(.eyebrow){max-width:650px;margin:25px 0 30px;color:#cbc5c7;font-size:1.08rem}
.return-card{position:relative;overflow:hidden;padding:34px;border:1px solid #e66d7482;border-radius:16px;background:linear-gradient(145deg,#21171a,#17181c);box-shadow:0 22px 65px #0008,0 0 42px #d54a5922}
.return-card:before{content:'';position:absolute;right:-80px;top:-100px;width:260px;height:260px;border-radius:50%;background:#df62682b;filter:blur(20px)}
.return-metric{position:relative;display:flex;align-items:end;gap:18px;padding-bottom:25px;border-bottom:1px solid #ffffff1c}
.return-metric strong{font-size:clamp(4.6rem,8vw,7rem);line-height:.78;letter-spacing:-.08em;color:#fff}
.return-metric strong.return-word{font-size:clamp(3.1rem,5.2vw,5rem);letter-spacing:-.055em}
.return-metric span{max-width:170px;color:#f0dfe1;font-weight:650;line-height:1.3}
.return-benefits{padding:18px 0}
.return-benefits p{display:flex;gap:14px;padding:10px 0;color:#f3eeee;border-bottom:1px solid #ffffff10}
.return-benefits span{color:#ef777d;font-size:.78rem;font-weight:750;letter-spacing:.08em}
.return-card small{display:block;color:#aaa4a6;line-height:1.5}
@media(max-width:1000px){.return-block{grid-template-columns:1fr;gap:40px}.return-card{max-width:680px}}
@media(max-width:760px){.return-block{padding-bottom:64px;margin-bottom:64px;gap:32px}.return-card{padding:25px}.return-metric{align-items:flex-start;flex-direction:column;gap:14px}.return-metric strong{font-size:5.2rem}.return-metric strong.return-word{font-size:clamp(2.75rem,14vw,4.2rem)}.return-metric span{max-width:240px}}

/* Keep the complete opening message visible on common laptop screens. */
.hero-note{margin-top:16px;font-weight:600}
.hero .actions{margin-top:20px}
@media(min-width:761px) and (max-height:900px){
  .hero{padding-top:clamp(42px,6vh,62px)}
  .hero .eyebrow{margin-bottom:14px}
  .hero-intro{gap:16px;min-height:0}
  .hero h1{font-size:clamp(3rem,4.7vw,4.45rem);line-height:1.01}
  .hero-copy{max-width:680px;line-height:1.48}
  .hero-note{margin-top:12px}
  .hero .actions{margin-top:16px}
}
@media(max-width:760px){.hero-note{margin-top:14px;line-height:1.5}.hero .actions{margin-top:17px}}

/* A level pedestal and a three-joint chain driven by the letter's pen path. */
.hero-intro{position:relative;z-index:4}
.hero h1 .written-line{position:relative;display:inline-flex;align-items:baseline;background:none;color:inherit}
.hero h1 .written-prefix,.hero h1 .written-period{display:inline-block}
.hero h1 .final-e{position:relative;display:inline-block;background:none;color:inherit}
.hero h1 .final-e-ink{display:inline-block;animation:none!important}
.writer-letter-trace{position:absolute;inset:0;width:100%;height:100%;overflow:visible;opacity:0;fill:none;stroke:#e66b76;stroke-linecap:round;stroke-linejoin:round}
.writer-letter-stroke{stroke-linecap:butt}
.writer-letter-guide{opacity:.18}
.robot-writer{position:absolute;z-index:5;top:0;left:0;width:clamp(190px,16vw,230px);aspect-ratio:3/2;pointer-events:none;opacity:0;filter:drop-shadow(0 8px 12px #0008)}
.robot-writer.is-positioned{opacity:1}
.robot-writer img{display:block;width:100%;height:100%;object-fit:contain}
.robot-joint{position:absolute;inset:0;will-change:transform}
.robot-shoulder{transform-origin:91% 66%}
.robot-elbow{transform-origin:82% 29%}
.robot-wrist{transform-origin:45% 9%}
.writer-trail{display:none}
.writer-spark{position:absolute;left:20.8%;top:21.5%;width:4px;height:4px;margin:-2px 0 0 -2px;border-radius:50%;background:#fff4f4;box-shadow:0 0 5px #fff,0 0 12px #ff777d}
@media(min-width:1101px){.final-e.writer-ready .final-e-ink{visibility:hidden}.final-e.writer-ready .writer-letter-trace{opacity:1}}
@media(max-width:1100px){.robot-writer{display:none!important}}
.robot-base{clip-path:polygon(78% 69%,86% 67%,94% 73%,94% 88%,98% 91%,99% 96%,96% 98%,73% 98%,69% 95%,70% 91%,74% 89%,75% 80%)}
.robot-upper-link{clip-path:polygon(79% 28%,84% 28%,88% 44%,94% 57%,96% 64%,96% 70%,93% 75%,89% 76%,83% 74%,79% 69%,77% 64%,79% 58%,82% 56%,83% 52%,81% 44%,77% 34%)}
.robot-lower-link{clip-path:polygon(44% 4%,48% 6%,54% 12%,72% 21%,77% 19%,83% 20%,86% 24%,87% 31%,85% 36%,81% 39%,77% 39%,72% 35%,68% 30%,49% 18%,45% 15%,42% 12%,41% 8%)}
.robot-tool{clip-path:polygon(20% 23%,22% 20%,25% 16%,28% 12%,31% 7%,36% 4%,42% 3%,45% 2%,48% 4%,49% 8%,48% 12%,46% 15%,43% 15%,40% 13%,36% 13%,32% 16%,27% 19%,23% 22%)}

/* MS TECNOLOGÍA engineering lab: graphite, machined edges and restrained coral light. */
:root { --bg: #0b0e12; --panel: #141a21; --muted: #adb6c2; --purple: #e57076; --line: #a9bfd426; }
body { background: var(--bg); }
.header, .header.scrolled { background: #0b0f14f2; border-bottom: 1px solid #a9bfd425; box-shadow: none; }
.nav { min-height: 76px; }
.mark { border-radius: 4px 12px 4px 4px; border-color: #eb858962; background: linear-gradient(140deg, #3b252c, #111820); box-shadow: inset 0 1px #ffffff24; }
.links { color: #c4cbd4; }
.hero { padding: 0; background: #0b0e12; }
.hero::after { background: radial-gradient(ellipse at 77% 22%, #e36b7812, transparent 43%); }
.lab-backdrop { position: absolute; inset: 0; z-index: -2; pointer-events: none; background: radial-gradient(ellipse at 85% 5%, #24334077, transparent 50%), linear-gradient(125deg, #0b0e12, #0f141a 60%, #10171f); }
.lab-backdrop::after { content: ''; position: absolute; inset: 0; opacity: .24; background-image: linear-gradient(#92b5d112 1px, transparent 1px), linear-gradient(90deg, #92b5d112 1px, transparent 1px); background-size: 64px 64px; mask-image: linear-gradient(90deg, transparent, black 70%); }
.lab-layout { display: grid; grid-template-columns: 1fr 1.08fr; align-items: center; gap: 48px; padding: clamp(28px, 4vh, 48px) 0 32px; min-height: 0; max-width: 1160px; margin-inline: auto; }
.hero-intro { display: flex; flex-direction: column; align-items: flex-start; gap: 0; min-height: 0; max-width: none; }
.hero .eyebrow { font: 600 .66rem/1.7 ui-monospace, Consolas, monospace; letter-spacing: .12em; color: #f1a2a6; margin: 0 0 24px; }
.hero .eyebrow::before { width: 5px; height: 5px; box-shadow: 0 0 12px #ed73777d; }
.hero h1 { font-size: clamp(2.55rem, 4.25vw, 4.05rem); line-height: 1.04; font-weight: 620; letter-spacing: -.055em; text-shadow: none; }
.hero h1 span { color: #ed9198; background: linear-gradient(110deg,#f5bec0,#e47b83); background-clip: text; -webkit-background-clip: text; animation: none; }
.hero-copy { max-width: 45ch; margin: 23px 0 0; font-size: .98rem; line-height: 1.7; color: #b8c1cc; font-weight: 400; text-shadow: none; }
.hero .actions { gap: 12px; margin-top: 26px; }
.button { border-radius: 4px 12px 4px 4px; font-size: .9rem; }
.button:not(.secondary):not(:disabled) { background: #da6d75; border-color: #f2a2a8; box-shadow: inset 0 1px #ffffff38, 0 5px 22px #e6777e16; color: #090d12; font-weight: 750; }
.button:not(.secondary):not(:disabled):hover { background: #ee939a; box-shadow: 0 0 24px #e5777940; transform: translateY(-2px); }
.button.secondary, .nav > .button.secondary { color: #e9edf1; background: #111820bb; border-color: #b9cadd40; }
.button.secondary:hover, .nav > .button.secondary:hover { background: #1c252f; border-color: #ed949b; box-shadow: 0 0 20px #ed747615; }
.hero-return-link { margin-top: 17px; color: #ccd3dc; font-size: .77rem; padding-block: 6px; }
.hero-return-link span { margin-left: 8px; color: #ef9299; }
.hero-return-link:hover { color: #f5bbc0; text-decoration: underline; }
.hero-note { font: 500 .65rem/1.5 ui-monospace, Consolas, monospace; text-transform: uppercase; letter-spacing: .1em; margin-top: 24px; color: #94a2b0; }
.hero-note span { margin-inline: 10px; color: #e7858e; }
.lab-visual { min-width: 0; border: 1px solid #91abc22e; border-radius: 6px 24px 6px 6px; background: linear-gradient(140deg,#18212a75,#0d1219b0); box-shadow: inset 0 1px #ffffff0d, 0 30px 65px #0003; overflow: hidden; }
.lab-chrome { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 18px 22px; border-bottom: 1px solid #9bb8ce20; font: .58rem/1.5 ui-monospace, Consolas, monospace; color: #b7c4d0; letter-spacing: .09em; }
.lab-chrome i { display: inline-block; width: 5px; height: 5px; margin-right: 9px; background: #ec8992; box-shadow: 0 0 8px #ec89924f; }
.lab-chrome > span:last-child { color: #788b9a; white-space: nowrap; }
.assembly-stage { position: relative; aspect-ratio: 600 / 410; isolation: isolate; overflow: hidden; background: radial-gradient(ellipse at 72% 48%, #7292a31c, transparent 58%); }
.stage-grid { position: absolute; inset: 48% -25% -38%; transform: perspective(380px) rotateX(60deg); transform-origin: center top; background-image: linear-gradient(#879fb42d 1px, transparent 1px), linear-gradient(90deg, #879fb42d 1px, transparent 1px); background-size: 36px 36px; mask-image: radial-gradient(ellipse,black,transparent 65%); z-index: -1; }
.stage-ring { position: absolute; left: 21%; top: 9%; width: 65%; aspect-ratio: 1; border: 1px solid #9dbed415; border-radius: 50%; box-shadow: 0 0 0 26px #9dbed406, 0 0 0 27px #9dbed409; }
.stage-axis { position: absolute; background: #a3bbcd17; }.axis-x { top: 45%; left: 5%; right: 5%; height: 1px; }.axis-y { left: 64%; top: 7%; bottom: 11%; width: 1px; }
.stage-label { position: absolute; top: 8%; left: 7%; color: #9cabb9; font: .59rem/1.9 ui-monospace, Consolas, monospace; letter-spacing: .12em; }
.stage-label strong { color: #d3dce5; font-weight: 500; }
.robot-platform { position: absolute; z-index: 1; left: 56%; top: 83%; width: 27%; height: 9%; border: 1px solid #9da9b755; border-radius: 50%; background: linear-gradient(#4a535f,#10151d 55%); box-shadow: 0 7px 0 #080c11,0 8px 0 #e97b8759,0 20px 28px #0008; }
.assembly-stage .assembly-robot { display: block!important; position: absolute; opacity: 1; z-index: 4; width: 82%; height: auto; aspect-ratio: 3/2; left: 0; top: 7%; filter: drop-shadow(0 12px 9px #0009); }
.assembly-robot img { position: absolute; inset: 0; height: 100%; width: 100%; }
.assembly-robot .robot-joint { will-change: auto; }
html[data-motion-active=true] .assembly-robot .robot-joint { will-change: transform; }
.assembly-robot .writer-spark { width: 5px; height: 5px; box-shadow: 0 0 8px #f3b3b8,0 0 17px #eb8491; }
.assembly-app { position: absolute; left: 7%; top: 49%; width: 52%; height: 34%; padding: 3%; border: 1px solid #9ab2c344; border-radius: 4px 13px 4px 4px; background: linear-gradient(140deg,#1f303ee8,#111c28f5); box-shadow: 0 8px 0 #080e15,0 9px 0 #889caf33,0 20px 28px #0007; z-index: 2; }
.assembly-app-bar { display: flex; justify-content: space-between; gap: 10px; margin-bottom: 7%; color: #b8c6d4; font: .59rem/1 ui-monospace,Consolas,monospace; text-transform: uppercase; letter-spacing: .05em; }
.app-indicator { color: #8294a1; }
.assembly-modules { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 7%; height: 67%; }
.assembly-module { padding: 10%; border: 1px solid #dc929b5c; border-radius: 3px; background: linear-gradient(140deg,#6c3d4850,#192733); opacity: 1; transition: border-color .3s, background .3s, opacity .3s; }
html[data-motion] .assembly-module:not(.installed) { opacity: .26; background: #0e192355; border-style: dashed; }
.module-icon { display: inline-block; color: #ee99a4; font-size: 1.1rem; line-height: 1; }
.assembly-module strong { display: block; font: 500 .54rem/1.8 ui-monospace,Consolas,monospace; color: #e1e6ef; }
.module-line { display: block; height: 2px; background: #adbdcd66; margin-top: 6%; width: 90%; }.module-line.short { width: 60%; }
.assembly-module.connecting { border-color: #fbc3c7; background: #b663714d; box-shadow: 0 0 18px #ef8d9860; }
.assembly-app.complete { border-color: #dc929b99; box-shadow: 0 8px 0 #080e15,0 9px 0 #e7899844,0 0 30px #dc809026; }
.assembly-app.complete .app-indicator { color: #f1a7b1; }
.app-connection { position: absolute; left: 13%; right: 13%; bottom: 6%; display: flex; justify-content: space-between; border-top: 1px solid #ed8d984a; }
.app-connection span { height: 3px; width: 3px; background: #e19caa; margin-top: -2px; }
.assembly-chip { position: absolute; z-index: 5; top: 0; left: 0; width: 6%; aspect-ratio: 1; opacity: 0; pointer-events: none; }
.assembly-chip span { display: block; width: 100%; height: 100%; transform: translate(-50%,-50%) rotate(45deg); border: 1px solid #ffd2d8; background: #f194a2a3; box-shadow: inset 0 0 8px #ffc1c85e,0 0 15px #ed8a9870; border-radius: 3px; }
.assembly-chip.carrying { opacity: 1; }
.assembly-source { position: absolute; z-index: 3; top: 22%; left: 35%; width: 17%; padding: 2% 0; text-align: center; border: 1px solid #96a9be42; border-radius: 4px; background: #101b25; color: #bccbd8; font: .53rem/1.5 ui-monospace,Consolas,monospace; letter-spacing: .05em; }
.assembly-source > span { display: block; font-size: 1.2rem; color: #f3b4bd; }
.assembly-source.picking { border-color: #f0a6b1; box-shadow: 0 0 18px #ef8d9833; }
.stage-coordinate { position: absolute; left: 7%; bottom: 5%; font: .46rem/1 ui-monospace,Consolas,monospace; letter-spacing: .13em; color: #7c919f; }
.lab-sequence { display: grid; grid-template-columns: repeat(3,1fr); border-block: 1px solid #9bb8ce20; }
.lab-sequence > span { padding: 14px 10px; border-right: 1px solid #9bb8ce20; font: .6rem/1.5 ui-monospace,Consolas,monospace; color: #92a1af; text-align: center; }.lab-sequence > span:last-child { border-right: 0; }.lab-sequence b { font-weight: 400; margin-right: 6px; color: #657785; }
.lab-sequence .active, .lab-sequence .done { color: #f0b7bf; background: #d4829110; }.lab-sequence .active b, .lab-sequence .done b { color: #ef9ba7; }
.lab-controls { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 13px 18px; }
.lab-controls p { font-size: .61rem; color: #a4b1bf; max-width: 28ch; }
.hero-product { margin-top: 30px; max-width: 1100px; border-radius: 5px 18px 5px 5px; transform: none; border-color: #9ab3c340; box-shadow: 0 20px 60px #0006; }
.hero-product:hover { transform: none; box-shadow: 0 20px 60px #0006; }
.hero-product .product-bar { background: #141c25; border-color: #9ab3c322; color: #c3cfdb; font: .72rem/1.5 ui-monospace,Consolas,monospace; }
.hero-product .product-bar span:first-child::before { color: #e28d9a; }.hero-product .product-bar span:last-child { color: #a5b8c5; }
.proof { border-color: #9ab3c322; color: #b9c5d0; font-size: .84rem; }.proof span { color: #eb98a3; }
.light { background: #10161d; color: #edf1f7; color-scheme: dark; --muted: #aeb9c6; --line: #9cb5cc28; }
.light .eyebrow, .light .number { color: #eb9ba7; }
.section-head p, .solution p { color: #adb9c7; }
.solution, .process article, .process article:nth-child(even) { position: relative; background: linear-gradient(145deg,#1a242e,#141b23); border: 1px solid #8ea6bf30; border-radius: 4px 18px 4px 4px; box-shadow: inset 0 1px #ffffff08; }
.solution::before { content: ''; position: absolute; left: 24px; top: -1px; width: 35px; height: 2px; background: #ed909d; }
.solution:hover { transform: translateY(-4px); border-color: #e199a37a; box-shadow: 0 15px 30px #0003; }
.solution li { border-color: #9cb5cc24; color: #c7d0db; }.solution li::before { color: #ed9aa7; }
.product-section, #propiedad, #modelo { background: radial-gradient(ellipse at 90% 10%,#4d324222,transparent 50%),#0c1117; --muted: #adb8c5; }
.product-tabs { background: #111a23; border-color: #90abc039; border-radius: 5px; }
.product-tabs button { border-radius: 3px; }.product-tabs button[aria-selected=true] { background: #c86c7a; border-color: #ec9ca8; color: #090e14; }
.product-view { border-color: #91a8bf50; border-radius: 5px 18px 5px 5px; background: #141b24; box-shadow: 0 25px 50px #0006; }
.product-view:hover { box-shadow: 0 25px 50px #0006; }.product-view::before, .product-view::after { display: none; }
.product-caption { background: #141e29; border-color: #8dacc32c; }.product-caption p, .caption-note { color: #acbac8; }
.flow { color: #c1cbd5; }.flow span { border-radius: 3px; border-color: #9cb5cc28; }
.principle { border-color: #9cb5cc28; }.principle > span { border-radius: 3px; color: #eda0ac; background: #b7788610; border-color: #d5899936; }
.return-card, .price-box { background: linear-gradient(140deg,#1c2630,#121922); border-radius: 4px 18px 4px 4px; border-color: #ad8c9c5b; box-shadow: inset 0 1px #ffffff0d,0 18px 40px #0003; }
.return-card::before { background: #d18b9b0f; }.return-copy > p:not(.eyebrow), .commercial-copy p { color: #b2beca; }
.contact-email { color: #f0a2ad; border-color: #e197a3; }
.footer { background: #090e14; border-color: #92abc12b; }
:is(button,a,input,select,textarea,summary):focus-visible { outline: 3px solid #f0a0b0; outline-offset: 5px; }
@media (min-width: 761px) and (max-height: 800px) { .lab-layout { padding-block: 32px; }.hero h1 { font-size: clamp(2.5rem,3.8vw,3.6rem); }.hero .eyebrow { margin-bottom: 16px; }.hero-copy { margin-top: 18px; font-size: .91rem; }.hero .actions { margin-top: 20px; }.hero-note { margin-top: 16px; } }
@media (max-width: 1100px) { .lab-layout { gap: 24px; grid-template-columns: 1fr 1fr; }.hero h1 { font-size: clamp(2.45rem,4.15vw,3.6rem); }.hero .actions .button { font-size: .8rem; padding: 12px 16px; }.lab-controls { flex-wrap: wrap; }.lab-controls p { max-width: none; }.lab-chrome { padding-inline: 14px; font-size: .51rem; }.lab-sequence > span { font-size: .52rem; padding-inline: 5px; }.assembly-app-bar { font-size: .48rem; }.assembly-module strong { font-size: .46rem; }.module-icon { font-size: .85rem; } }
@media (max-width: 850px) {
  .lab-layout { grid-template-columns: 1fr; gap: 34px; padding-block: 38px 25px; min-height: 0; }
  .hero-intro { max-width: 620px; }.hero h1 { font-size: clamp(2.65rem,7vw,3.8rem); }.hero h1 span br { display: none; }.hero-copy { max-width: 50ch; }
  .lab-visual { width: 100%; max-width: 620px; justify-self: center; }.lab-controls { flex-wrap: nowrap; }.lab-controls p { max-width: 29ch; }
  .lab-chrome { font-size: .6rem; }.lab-sequence > span { font-size: .65rem; }.assembly-app-bar { font-size: .6rem; }.assembly-module strong { font-size: .56rem; }.module-icon { font-size: 1.1rem; }
}
@media (max-width: 760px) {
  .nav { min-height: 72px; }.links { background: #0d141cf7; }.hero { padding-top: 0; }.hero .eyebrow { font-size: .6rem; letter-spacing: .07em; margin-bottom: 18px; }.hero-copy { font-size: .94rem; }.hero .actions { width: 100%; max-width: 440px; }.hero .actions .button { white-space: normal; }.hero-note { margin-top: 18px; }
  .hero-product { margin-top: 25px; }.hero-product .product-bar { flex-direction: column; gap: 5px; }.hero-product .screen { aspect-ratio: 1.65; }.proof { padding-block: 25px; }.lab-chrome { font-size: .51rem; }.lab-sequence > span { font-size: .53rem; }.lab-controls { padding: 12px; gap: 10px; }.lab-controls p { font-size: .59rem; }.assembly-app-bar { font-size: .5rem; }.assembly-module strong { font-size: .47rem; }.assembly-source { font-size: .45rem; }.stage-label { font-size: .5rem; }.stage-coordinate { font-size: .4rem; }.module-icon { font-size: .9rem; }
}
@media (max-width: 380px) { .hero .actions { flex-direction: column; }.lab-chrome > span:last-child { display: none; }.lab-controls { align-items: flex-start; flex-direction: column; }.assembly-app-bar { font-size: .44rem; }.assembly-module strong { font-size: .42rem; }.module-line { height: 1px; }.stage-label { font-size: .43rem; }.hero-note { font-size: .58rem; } }
html[data-motion-active=false] .assembly-stage * { animation-play-state: paused!important; transition: none!important; }
@media (min-width: 851px) and (max-height: 740px) {
  .lab-layout { max-width: 1040px; padding-block: 24px; gap: 40px; }
  .hero h1 { font-size: clamp(2.4rem, 3.6vw, 2.9rem); }
  .hero .eyebrow { margin-bottom: 14px; }
  .hero-copy { margin-top: 18px; }
  .hero .actions { margin-top: 20px; }
  .hero-return-link { margin-top: 10px; }
  .hero-note { margin-top: 14px; }
  .lab-chrome { padding-block: 12px; }
  .lab-sequence > span { padding-block: 10px; }
  .lab-controls { padding-block: 10px; }
}
@media (prefers-reduced-motion: reduce) { .assembly-stage * { transition: none!important; }.solution:hover { transform: none; } }

/* Contacto directo: una acción principal y una alternativa por correo. */
.contact-actions {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 17px;
  margin-top: 30px;
}
.contact-actions .contact-email {
  margin-top: 0;
  overflow-wrap: anywhere;
}
.contact-phone {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  margin-top: 24px;
  color: #d8e0e8;
  font: 650 .9rem/1.4 ui-monospace, Consolas, monospace;
}
.contact-phone span {
  padding: 5px 8px;
  border: 1px solid #89baa53d;
  border-radius: 3px;
  background: #1b302c;
  color: #b8e1d2;
  font-size: .65rem;
  letter-spacing: .08em;
  text-transform: uppercase;
}
.contact-phone:hover { color: #f3b0b7; }
.contact-copy .contact-note {
  margin-top: 10px;
  color: #8f9daa;
  font-size: .78rem;
}
.contact-card {
  align-self: start;
  padding: clamp(26px, 4vw, 40px);
  border: 1px solid #96b2cd30;
  border-radius: 4px 18px 4px 4px;
  background: linear-gradient(145deg, #1a242e, #121920);
  box-shadow: inset 0 1px #ffffff0a, 0 20px 50px #0003;
}
.contact-card .eyebrow { margin-bottom: 16px; }
.contact-card h3 {
  max-width: 19ch;
  font-size: clamp(1.65rem, 2.5vw, 2.25rem);
}
.contact-card > p:not(.eyebrow):not(.contact-card-note) {
  max-width: 48ch;
  margin-top: 17px;
  color: #aeb9c6;
}
.contact-points {
  list-style: none;
  counter-reset: demo-points;
  margin: 27px 0 0;
  padding: 0;
}
.contact-points li {
  counter-increment: demo-points;
  display: grid;
  grid-template-columns: 34px 1fr;
  gap: 12px;
  padding: 14px 0;
  border-top: 1px solid #9cb5cc24;
  color: #d3dbe4;
}
.contact-points li::before {
  content: counter(demo-points, decimal-leading-zero);
  color: #ed9aa7;
  font: 600 .72rem/1.8 ui-monospace, Consolas, monospace;
}
.contact-card .contact-card-note {
  margin-top: 20px;
  color: #8f9daa;
  font-size: .78rem;
}
@media (max-width: 760px) {
  .contact-actions { align-items: stretch; }
  .contact-whatsapp { width: 100%; }
  .contact-actions .contact-email { align-self: flex-start; font-size: 1.05rem; }
  .contact-card { padding: 25px; }
}