/* Homepage composition, isolated from interior pages. */
.home #main{width:100%;max-width:100%;min-width:0;margin-inline:0;padding-inline:0}
.hero--cinema{background:#061321;color:#f5f9ff;display:block;min-width:0;min-height:740px;padding:100px 0 60px;isolation:isolate;width:100%;max-width:100%;margin-inline:0;border-radius:0;overflow:hidden}
.hero-cinema__image,.hero-cinema__shade{position:absolute;inset:0;width:100%;max-width:100%;min-width:0;height:100%;object-fit:cover;z-index:0;display:block;border-radius:0;margin:0;padding:0;transform:none}
.hero-cinema__image{object-position:center}
.hero-cinema__shade{z-index:1;pointer-events:none;background:linear-gradient(90deg,rgba(3,12,24,.82),rgba(3,12,24,.54) 36%,rgba(3,12,24,.02) 75%),linear-gradient(0deg,rgba(6,19,33,.7),transparent 25%)}
.hero--cinema .hero__stage{z-index:2;display:flex;flex-direction:column;align-items:stretch;gap:64px;width:100%;max-width:var(--shell);min-width:0;margin-inline:auto;box-sizing:border-box}
.hero--cinema .hero__inner{max-width:480px;gap:24px}
.hero--cinema .display{font-size:clamp(3.2rem,4.8vw,4.6rem);max-width:12ch;letter-spacing:-.055em;color:#fff;text-wrap:balance}
.hero--cinema .display em{color:#80e6ec}
.hero--cinema .lead{color:#d4dfe9;font-size:1.15rem;max-width:43ch;line-height:1.65}
.hero--cinema .hero__eyebrow{color:#98e7ec;letter-spacing:.18em}
.hero--cinema .hero__nota{color:#c2cfdc;font-size:.68rem}
.hero--cinema .tlink{color:#f4faff}.hero--cinema .btn--primary{background:#a0f0e9;color:#062129;border:1px solid #a0f0e9;box-shadow:0 8px 32px #0eaaa22b}
.hero-cinema__signature{display:flex;justify-content:space-between;border-top:1px solid #ffffff26;padding-top:22px;color:#c6d9e7;font:500 .65rem var(--mono);letter-spacing:.16em}
#soluciones .sec__head--showcase{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:48px}
#soluciones .sec__head-copy .h2{font-size:clamp(2.3rem,3.5vw,3.8rem);line-height:1.13;letter-spacing:-.045em}
.ops-demo{margin:0;min-width:0;padding:24px;border:1px solid #36546c;border-radius:24px;background:radial-gradient(ellipse at 90% 0%,#17404e66,transparent 55%),#091726;color:#e8f2fa;box-shadow:0 28px 70px #001b3a2b;font-family:var(--sans,system-ui);overflow:hidden}
.ops-demo__top{display:flex;justify-content:space-between;gap:12px;align-items:center;font:600 9px var(--mono);letter-spacing:.06em;color:#b7cbd8;padding-bottom:19px;border-bottom:1px solid #ffffff17}
.ops-demo__top i{display:inline-block;width:6px;height:6px;margin-right:6px;border-radius:50%;background:#71e4d5;box-shadow:0 0 12px #71e4d5}
.ops-demo__badge{color:#91b2c4;font-size:8px}
.ops-demo__heading{display:flex;justify-content:space-between;align-items:center;padding:24px 0}.ops-demo__heading small{font:500 8px var(--mono);letter-spacing:.14em;color:#83acbe}.ops-demo__heading h3{font-size:30px;font-weight:550;line-height:1.12;letter-spacing:-.04em;margin:8px 0 0;color:#f2f7fa}
.ops-demo__toggle{font:500 10px var(--mono);color:#cce7ef;background:#ffffff08;border:1px solid #42616f;border-radius:8px;padding:10px 12px;cursor:pointer;min-height:40px}.ops-demo__toggle:hover{background:#ffffff17}.ops-demo button:focus-visible{outline:2px solid #8cebdc;outline-offset:3px}
.ops-demo__pipeline{display:flex;align-items:center;margin:2px 0 22px}.ops-node{position:relative;flex:1;min-width:0;padding:14px 10px;background:#112638;border:1px solid #345364;border-radius:12px;transition:border-color .4s,background .4s,box-shadow .4s}.ops-node__icon{display:grid;place-items:center;width:30px;height:30px;border:1px solid #5caca67a;background:#254c50;border-radius:9px;color:#8eecdf;font-size:22px;margin-bottom:12px}.ops-node strong,.ops-node small{display:block}.ops-node strong{font-size:12px;color:#f0f7fc}.ops-node small{font-size:8px;color:#9bb3c4;margin-top:4px}.ops-node b{position:absolute;top:16px;right:10px;font:500 9px var(--mono);color:#8aa2b3}.ops-node.is-active{border-color:#86efdb;box-shadow:0 0 24px #68edda22;background:#19383f}.ops-node.is-done .ops-node__icon{background:#377566}
.ops-wire{position:relative;width:24px;height:1px;background:#47717a;overflow:visible}.ops-wire:after{content:'';position:absolute;width:7px;height:3px;top:-1px;background:#9cfce8;border-radius:9px;box-shadow:0 0 9px #84eadb;animation:ops-travel 1.8s linear infinite}
@keyframes ops-travel{from{transform:translateX(0);opacity:0}25%{opacity:1}to{transform:translateX(19px);opacity:0}}
.ops-demo__workspace{display:grid;grid-template-columns:1.15fr 1fr;gap:12px}.ops-order,.ops-chart{padding:14px;background:#ffffff04;border:1px solid #ffffff16;border-radius:12px;min-width:0}.ops-panel-label{display:flex;justify-content:space-between;gap:4px;font:500 8px var(--mono);color:#91acbf;letter-spacing:.03em}.ops-panel-label span{color:#82e9d6}.ops-order__item{display:flex;align-items:center;gap:8px;margin:18px 0}.ops-order__box{font-size:27px;color:#e5bb73}.ops-order__item strong{display:block;font-size:10px}.ops-order__item small{display:block;font-size:8px;color:#91acbf}.ops-order__status{margin-left:auto;padding:4px 6px;border-radius:5px;background:#65dcc91c;color:#8cdbc9;font-size:8px}.ops-checks{display:grid;gap:7px;font-size:9px;color:#708897}.ops-checks .is-done{color:#a7ded2}.ops-chart svg{display:block;width:100%;height:auto;margin:22px 0 10px;overflow:visible}.ops-chart__grid{fill:none;stroke:#ffffff0d;stroke-width:1}.ops-chart__line{stroke:#7fe9d4;fill:none;stroke-width:2.5;stroke-dasharray:100;stroke-dashoffset:0;transition:stroke-dashoffset 1s ease;filter:drop-shadow(0 0 4px #73efcd55)}.ops-chart__legend{display:flex;justify-content:space-between;color:#8198aa;font:8px var(--mono)}
.ops-demo__activity{display:flex;align-items:center;gap:12px;margin-top:16px;padding:14px 0;min-height:65px}.ops-demo__activity-icon{color:#eac484;font-size:24px}.ops-demo__activity small{font:8px var(--mono);color:#7e9cae;letter-spacing:.05em}.ops-demo__activity p{font-size:11px;line-height:1.5;color:#d4e7f1;margin:4px 0 0}.ops-demo__counter{margin-left:auto;white-space:nowrap;font:9px var(--mono);color:#8cbbca}.ops-demo__progress{height:3px;background:#ffffff12;border-radius:2px;overflow:hidden}.ops-demo__progress i{display:block;width:100%;height:100%;background:linear-gradient(90deg,#3b9298,#a7f8d5);transition:width .8s}.ops-demo__foot{font:9px var(--mono);color:#91aeba;margin:16px 0 0;text-align:center}.ops-demo.is-paused *{animation-play-state:paused!important}
@media(max-width:1050px){#soluciones .sec__head--showcase{grid-template-columns:1fr}.ops-demo{width:100%;max-width:760px;justify-self:center}#soluciones .sec__head-copy{max-width:640px}.hero--cinema .hero__inner{max-width:560px}.hero-cinema__image{object-position:62% center}}
@media(max-width:600px){.hero--cinema{padding:60px 0 28px;min-height:800px;align-items:start}.hero--cinema .hero__stage{gap:180px}.hero--cinema .display{font-size:clamp(3rem,12vw,4.1rem)}.hero--cinema .lead{font-size:1rem;max-width:34ch}.hero-cinema__image{object-position:75% bottom}.hero-cinema__shade{background:linear-gradient(180deg,#061321f5 0%,#061321e8 42%,#06132120 73%,#061321 100%)}.hero-cinema__signature{gap:8px;font-size:8px;letter-spacing:0}.hero--cinema .hero__nota{font-size:9px;letter-spacing:0}.hero--cinema .actions{flex-wrap:wrap}.ops-demo{padding:17px;border-radius:18px}.ops-demo__heading h3{font-size:28px}.ops-demo__top{font-size:8px;gap:6px}.ops-demo__badge{font-size:7px}.ops-node{padding:12px 7px}.ops-node small{font-size:7px}.ops-node strong{font-size:10px}.ops-wire{width:15px}.ops-demo__workspace{grid-template-columns:1fr}.ops-chart{display:none}.ops-order__item strong{font-size:12px}.ops-order__item small,.ops-checks{font-size:10px}.ops-demo__activity p{font-size:10px}.ops-demo__foot{font-size:8px}}
@media(prefers-reduced-motion:reduce){.ops-demo *,.ops-demo *:after{animation:none!important;transition:none!important}}
/* Keep copy clear of the centered subjects at intermediate widths. */
@media(min-width:601px) and (max-width:1050px){.hero--cinema .hero__inner{max-width:46%}.hero--cinema .display{font-size:clamp(2.5rem,5.5vw,3.6rem)}.hero--cinema .lead{font-size:1rem}.hero-cinema__image{object-position:50% center}}
@media(max-width:600px){.hero-cinema__image{top:auto;height:52%;object-position:58% center}.hero-cinema__shade{background:linear-gradient(180deg,#061321 0%,#061321 47%,#06132199 55%,#06132108 72%,#061321 100%)}}