/* ------------------------------------------------------------------------
   INKTEX MOTION V4 — cinemática ligera, sin dependencias de terceros
   Paleta oficial: #ffdf28 amarillo / #28c7c4 cian / #6230aa violeta
------------------------------------------------------------------------- */
:root{--ix-ease:cubic-bezier(.16,1,.3,1);--ix-midnight:#060810;--ix-neon:#ffe32a;--ix-electric:#2fd9df;--ix-purple:#9b62f5}
html{scroll-padding-top:90px}
body{overflow-x:clip}
#ixScrollTrack{position:fixed;inset:0 0 auto;height:3px;z-index:9999;pointer-events:none;background:#ffffff05}
#ixScrollProgress{width:0;height:100%;background:linear-gradient(90deg,var(--ix-neon),var(--ix-electric),var(--ix-purple));box-shadow:0 0 18px #3ce5e27a;transform-origin:left center}
::selection{background:#b6ff32;color:#080a10}
header nav a{position:relative;text-decoration:none;transition:color .25s}
header nav a:after{content:"";position:absolute;left:0;right:100%;bottom:-5px;height:2px;background:var(--ix-electric);transition:right .38s var(--ix-ease)}
header nav a:hover:after,header nav a:focus-visible:after,header nav a.ix-active:after{right:0}
header nav a.ix-active{color:var(--ix-neon)}
.hero-squad{--ix-mx:50%;--ix-my:40%;position:relative;background:radial-gradient(circle at var(--ix-mx) var(--ix-my),#37317880 0%,transparent 33%),radial-gradient(circle at 82% 10%,#11667f66 0%,transparent 25%),radial-gradient(circle at 10% 70%,#511a7b8f 0%,transparent 41%),#04060d;}
.hero-squad:before{animation:ix-grid-breathe 9s ease-in-out infinite alternate}
@keyframes ix-grid-breathe{to{opacity:.45;transform:translate3d(0,-24px,0)}}
.squad-copy .kicker:before{content:"● ";color:var(--ix-electric);animation:ix-pulse 2.2s ease-in-out infinite}
@keyframes ix-pulse{50%{opacity:.32}}
.hero-squad h1{text-shadow:0 12px 48px #0009;transform:translateZ(0)}
.hero-squad h1 em,.hero-squad h1 strong{background-size:200% 200%;animation:ix-type-sheen 5s ease-in-out infinite alternate}
@keyframes ix-type-sheen{to{filter:brightness(1.23)}}
.squad-list{isolation:isolate;transform-style:preserve-3d}
.squad-person{--ix-spot-x:50%;--ix-spot-y:30%;--ix-rotate-x:0deg;--ix-rotate-y:0deg;transform-style:preserve-3d;will-change:transform}
.squad-person::after{content:"";pointer-events:none;position:absolute;inset:0;z-index:1;background:radial-gradient(circle 180px at var(--ix-spot-x) var(--ix-spot-y),#ccf8ff1c,transparent 65%);opacity:0;transition:opacity .4s ease;mix-blend-mode:screen}
.squad-person:hover::after,.squad-person:focus-visible::after{opacity:1}
@media(min-width:901px) and (hover:hover) and (pointer:fine){
 .squad-person:hover{transform:perspective(850px) rotateX(var(--ix-rotate-x)) rotateY(var(--ix-rotate-y)) translateY(-9px) scale(1.018)}
 .squad-person:hover img{transform:scale(1.2)}
}
.squad-person .personAction{transition:transform .3s,color .3s}.squad-person:hover .personAction{transform:translateX(7px);color:#fff}
.squad-cta,.primary,.yellow{position:relative;isolation:isolate;transition:transform .3s var(--ix-ease),filter .3s}
.squad-cta:hover,.primary:hover,.yellow:hover{transform:translateY(-3px);filter:drop-shadow(0 8px 14px #0007)}
.squad-caption{gap:12px;flex-wrap:wrap}
#ixMotionSwitch{font:600 10px/1.1 'Inter',Arial,sans-serif;letter-spacing:.08em;border:1px solid #8bdce55e;background:#10172880;color:#d2e6f0;padding:10px 14px;border-radius:100px;cursor:pointer;text-transform:uppercase;transition:background .2s}
#ixMotionSwitch:hover,#ixMotionSwitch:focus-visible{background:#268e9b66;outline-color:var(--ix-electric)}
/* Motion services marquee */
.ix-ticker{overflow:hidden;position:relative;background:#fff000;color:#081018;border-top:1px solid #ffffff44;border-bottom:1px solid #0003;min-height:56px;display:flex;align-items:center;z-index:3}
.ix-ticker:before,.ix-ticker:after{content:"";position:absolute;inset:0 auto 0 0;width:95px;background:linear-gradient(90deg,#fff000,transparent);z-index:2;pointer-events:none}
.ix-ticker:after{inset:0 0 0 auto;background:linear-gradient(270deg,#fff000,transparent)}
.ix-ticker__track{display:flex;align-items:center;gap:29px;width:max-content;flex-shrink:0;animation:ix-marquee 34s linear infinite;white-space:nowrap}
.ix-ticker__set{display:flex;gap:29px;align-items:center;flex-shrink:0;font:italic 900 clamp(15px,1.4vw,22px)/1 Impact,'Arial Narrow',sans-serif;letter-spacing:.1em;text-transform:uppercase}
.ix-ticker__set i{font-size:25px;color:#6c29bd;font-style:normal}
@keyframes ix-marquee{to{transform:translate3d(-50%,0,0)}}
.ix-ticker:hover .ix-ticker__track{animation-play-state:paused}
/* Editorial story; product photos are reused from the existing catalog */
.ix-story{position:relative;overflow:hidden;background:linear-gradient(180deg,#060a13 0%,#100c19 53%,#080c14 100%);padding:86px clamp(20px,6vw,105px) 100px;border-top:1px solid #483064}
.ix-story:before{content:"";position:absolute;left:-180px;top:8%;width:600px;height:600px;background:#6926aa1b;border-radius:50%;filter:blur(90px);pointer-events:none}
.ix-story:after{content:"";position:absolute;right:-180px;top:23%;width:530px;height:560px;background:#21cbd91a;border-radius:50%;filter:blur(105px);pointer-events:none}
.ix-story__head{position:relative;z-index:2;max-width:1090px;margin:0 0 42px}
.ix-story__topline{display:flex;align-items:center;gap:13px;margin-bottom:17px;color:#4ce6e3;font:700 11px/1.3 'Inter',Arial,sans-serif;letter-spacing:.19em;text-transform:uppercase}
.ix-story__topline:before{content:"";display:block;width:42px;height:3px;background:var(--ix-neon);transform:skewX(-27deg)}
.ix-story h2{color:#fff;font:italic 900 clamp(56px,7.4vw,122px)/.89 Impact,'Arial Narrow',sans-serif;letter-spacing:-.018em;text-transform:uppercase;margin:0 0 18px}
.ix-story h2 em{font-style:inherit;color:var(--ix-electric)}
.ix-story__head p:last-child{font:400 clamp(14px,1.4vw,17px)/1.5 'Inter',Arial,sans-serif;color:#b8bfd0;max-width:620px;margin:0}
.ix-story__grid{display:grid;grid-template-columns:1.12fr .87fr 1.02fr;gap:17px;position:relative;z-index:2}
.ix-story__card{--ix-story-shift:0px;--ix-card-tilt:0deg;position:relative;height:clamp(370px,42vw,610px);min-width:0;overflow:hidden;background:#1a1a23;border:1px solid #ffffff24;border-radius:7px;transform:translateY(var(--ix-story-shift));transition:border-color .4s,box-shadow .4s;isolation:isolate}
.ix-story__card:nth-child(2){margin-top:64px;height:clamp(345px,37vw,555px)}
.ix-story__card:nth-child(3){margin-top:20px}
.ix-story__card:hover{border-color:#42ebef99;box-shadow:0 12px 44px #0009}
.ix-story__card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 32%;transition:transform 1s var(--ix-ease),filter .6s ease;filter:brightness(.77) saturate(.93)}
.ix-story__card:hover img{transform:scale(1.09);filter:brightness(.97) saturate(1.08)}
.ix-story__card:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#06090f55 0%,transparent 38%,#060711ee 100%);pointer-events:none}
.ix-story__top{position:absolute;top:23px;left:23px;z-index:2;color:#fff;font:700 12px/1.3 'Inter',Arial,sans-serif;letter-spacing:.13em}
.ix-story__top b{color:var(--ix-neon);font-weight:900;margin-right:12px}
.ix-story__bottom{position:absolute;bottom:26px;left:23px;right:20px;z-index:2;color:#fff}
.ix-story__bottom h3{font:italic 900 clamp(32px,3.2vw,52px)/.92 Impact,'Arial Narrow',sans-serif;margin:0 0 10px;text-transform:uppercase;letter-spacing:.02em}
.ix-story__bottom p{font-size:13px;line-height:1.45;color:#d5dae5;margin:0 0 16px}
.ix-story__bottom button{background:transparent;border:0;padding:8px 0;color:var(--ix-neon);font:bold 12px 'Inter',Arial,sans-serif;letter-spacing:.09em;cursor:pointer}
.ix-story__bottom button:hover{text-decoration:underline}
.ix-animated-border{position:absolute;bottom:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--ix-neon),var(--ix-electric),var(--ix-purple));transform:scaleX(0);transform-origin:left;transition:transform .5s var(--ix-ease);z-index:3}
.ix-story__card:hover .ix-animated-border{transform:scaleX(1)}
/* scroll reveals - added only after JS initializes to avoid blank content */
.ix-motion-on [data-ix-reveal]{opacity:0;filter:blur(7px);transform:translate3d(0,48px,0);transition:opacity .85s var(--ix-ease),transform .85s var(--ix-ease),filter .85s var(--ix-ease);transition-delay:var(--ix-delay,0ms)}
.ix-motion-on [data-ix-reveal].ix-visible{opacity:1;filter:blur(0);transform:translate3d(0,0,0)}
.ix-motion-on .grid>.card[data-ix-reveal]{transition:opacity .65s var(--ix-ease),transform .65s var(--ix-ease),filter .65s var(--ix-ease),border-color .3s,box-shadow .3s;transition-delay:var(--ix-delay,0ms)}
.grid>.card{overflow:clip;isolation:isolate;transform-style:preserve-3d}
.grid>.card:before{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;background:radial-gradient(circle 240px at var(--ix-card-x,50%) var(--ix-card-y,20%),#55e9e91a,transparent 70%);opacity:0;transition:opacity .35s}
.grid>.card:hover:before{opacity:1}
.grid>.card .specimen{transition:transform .8s var(--ix-ease),filter .55s ease}
.grid>.card:hover .specimen{transform:scale(1.047);filter:saturate(1.15)}
.grid>.card .cardActions{margin-top:auto}
.catalog .sectionhead h2{font-style:italic;text-transform:uppercase}
.catalog .sectionhead{position:relative}
.catalog .sectionhead:after{content:"";position:absolute;left:0;bottom:-14px;width:90px;height:3px;background:linear-gradient(90deg,var(--ix-neon),var(--ix-electric));transform:skewX(-22deg)}
.offer article{transition:transform .5s var(--ix-ease),border-color .5s,background-color .5s;padding:19px 14px 18px;border-left:1px solid #ffffff12;border-right:1px solid #ffffff10;border-bottom:1px solid #ffffff0f}
.offer article:hover{transform:translateY(-8px);border-top-color:var(--ix-neon);background:#ffffff09}
/* dialog entrance / accessible motion */
dialog[open]{animation:ix-dialog-pop .42s var(--ix-ease) both}
dialog[open]::backdrop{animation:ix-backdrop .38s ease both}
@keyframes ix-dialog-pop{from{opacity:0;transform:translateY(28px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}
@keyframes ix-backdrop{from{opacity:0}to{opacity:1}}
/* fixed lightweight chat CTA scroll entrance */
.ix-floating-quote{position:fixed;right:22px;bottom:22px;z-index:100;display:flex;gap:9px;align-items:center;justify-content:center;padding:14px 17px;border:1px solid #f9e158;background:#f9de29;color:#101217;box-shadow:0 8px 40px #0008;border-radius:100px;font:800 12px/1.2 'Inter',Arial,sans-serif;text-transform:uppercase;letter-spacing:.04em;cursor:pointer;transform:translateY(100px);opacity:0;pointer-events:none;transition:transform .45s var(--ix-ease),opacity .45s}
.ix-floating-quote.ix-active{transform:translateY(0);opacity:1;pointer-events:auto}
.ix-floating-quote:hover{background:var(--ix-electric);border-color:var(--ix-electric)}
.ix-floating-quote svg{width:18px;height:18px}
/* Desktop cinematic first fold: four models beside the brand message */
@media(min-width:1121px){
 .hero-squad{display:grid;grid-template-columns:minmax(0,.94fr) minmax(0,1.06fr);gap:12px 26px;align-items:center;min-height:720px;padding:38px 5% 30px}
 .hero-squad .squad-copy{grid-column:1;grid-row:1;max-width:none;align-self:center}
 .hero-squad h1{font-size:clamp(58px,5.6vw,86px);line-height:.93;margin:21px 0}
 .squad-copy .kicker{font-size:11px}
 .squad-sub{max-width:530px;font-size:15px}
 .hero-squad .squad-list{grid-column:2;grid-row:1;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;max-width:none;margin:0;height:545px;align-self:center}
 .hero-squad .squad-person{min-height:0;height:100%;clip-path:polygon(0 0,100% 0,100% 96%,93% 100%,0 100%)}
 .squad-person img{object-position:center 27%}
 .squad-person .personTitle{font-size:clamp(22px,1.9vw,28px);bottom:52px;left:10px;line-height:.96}
 .squad-person .personNo{left:10px;top:14px;font-size:9px;line-height:1.2}
 .squad-person .personAction{left:10px;bottom:19px;font-size:9px}
 .hero-squad .squad-caption{grid-column:1/-1;grid-row:2;margin:0;align-self:start}
}

/* when the user disables animations, preserve full website content */
body.ix-no-motion *,body.ix-no-motion *:before,body.ix-no-motion *:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}
body.ix-no-motion .ix-ticker__track{animation:none;transform:none}
body.ix-no-motion [data-ix-reveal]{opacity:1!important;filter:none!important;transform:none!important}
body.ix-no-motion .ix-story__card{transform:none!important}
@media(max-width:1100px){.ix-story__grid{gap:12px}.ix-story__card,.ix-story__card:nth-child(2){height:440px}}
@media(max-width:800px){.ix-story{padding:65px 5%}.ix-story__grid{grid-template-columns:1fr 1fr}.ix-story__card{height:430px}.ix-story__card:nth-child(2){margin-top:0;height:430px}.ix-story__card:nth-child(3){grid-column:1/-1;height:370px;margin-top:0}.ix-story__card:nth-child(3) img{object-position:center 28%}.ix-story__bottom h3{font-size:32px}}
@media(max-width:600px){
 .ix-ticker{min-height:43px}.ix-ticker__set{font-size:15px;gap:20px}.ix-ticker__track{gap:20px}
 .ix-story{padding:52px 5% 60px}.ix-story h2{font-size:clamp(49px,11vw,72px)}
 .ix-story__grid{grid-template-columns:1fr;gap:13px}.ix-story__card,.ix-story__card:nth-child(2),.ix-story__card:nth-child(3){grid-column:auto;height:375px;margin-top:0}
 .ix-story__card img{object-position:center 29%}.ix-story__top{top:16px;left:17px}.ix-story__bottom{bottom:18px;left:17px;right:15px}.ix-story__bottom h3{font-size:36px}
 .ix-floating-quote{right:12px;bottom:12px;padding:13px 14px;font-size:11px}
 .squad-caption #ixMotionSwitch{width:100%;max-width:184px;margin-left:auto}
 .ix-motion-on .grid>.card[data-ix-reveal]{transition-delay:0ms}
}
@media(prefers-reduced-motion:reduce){
 *,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}
 .ix-motion-on [data-ix-reveal]{opacity:1!important;transform:none!important;filter:none!important}
 .ix-story__card{transform:none!important}.ix-ticker__track{animation:none!important}
}
@media print{.ix-ticker,.ix-story,.ix-floating-quote,#ixScrollTrack,#ixMotionSwitch{display:none!important}}