/* 4IIT: página Software/SaaS. Todos los selectores bajo .sw-page */
.sw-page{--sw-night:#051727;--sw-ink:#0d2638;--sw-cyan:#49e0eb;--sw-mute:#516b7c;color:var(--sw-ink);overflow:clip}
.sw-page *,.sw-page *::before,.sw-page *::after{box-sizing:border-box}
.sw-page .sw-container{width:min(calc(100% - 3rem),1220px);margin-inline:auto}
.sw-page section{scroll-margin-top:83px}
.sw-page h1,.sw-page h2,.sw-page h3{font-weight:850;letter-spacing:-.035em;line-height:1.12;margin:0}
.sw-page h2{font-size:clamp(2.1rem,3.65vw,3.15rem)}
.sw-page h2 span{color:#057b95}
.sw-page p{margin:0}
.sw-page a:focus-visible,.sw-page summary:focus-visible{outline:3px solid #08b8df;outline-offset:4px}
.sw-eyebrow{color:#6cecf3;font-size:.72rem;letter-spacing:.16em;font-weight:850;text-transform:uppercase}
.sw-eyebrow-dark{color:#006e89}
.sw-hero{background:radial-gradient(ellipse at 81% 13%,#10455e 0,transparent 52%),linear-gradient(130deg,#041323,#082235);color:#fff;position:relative}
.sw-hero-grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:4rem;align-items:center;padding:3.2rem 0 6rem;min-height:600px}
.sw-breadcrumb{display:flex;gap:.65rem;align-items:center;color:#bad3df;font-size:.78rem;margin-bottom:4rem}
.sw-breadcrumb a{color:#a7e9ed}.sw-breadcrumb a:hover{text-decoration:underline}
.sw-hero h1{font-size:clamp(2.8rem,4.5vw,4.6rem);margin:1rem 0 1.35rem;max-width:690px}
.sw-hero h1 span{color:var(--sw-cyan)}
.sw-lead{font-size:1.05rem;line-height:1.85;color:#c4d8e3;max-width:610px}
.sw-actions{display:flex;flex-wrap:wrap;gap:.85rem;margin-top:2rem}
.sw-btn{display:inline-flex;min-height:52px;align-items:center;justify-content:center;gap:.8rem;border-radius:10px;padding:.8rem 1.35rem;font-size:.87rem;font-weight:850;transition:transform .16s ease,background .16s ease;text-decoration:none}
.sw-btn:hover{transform:translateY(-2px)}
.sw-btn-primary{background:#43e2ea;color:#042332!important;box-shadow:0 15px 32px #00d9ff20}
.sw-btn-primary:hover{background:#88f3f5}
.sw-btn-outline{color:#f3fcff!important;border:1px solid #739bad}
.sw-btn-outline:hover{background:#ffffff10}
.sw-hero-facts{display:flex;gap:1rem 1.5rem;flex-wrap:wrap;margin-top:2.8rem;padding-top:1.5rem;border-top:1px solid #ffffff24;color:#d3e4ee;font-size:.8rem;font-weight:650}
.sw-hero-facts b{color:#45f1de;margin-right:.25rem}
.sw-visual{position:relative;min-width:0;padding:3rem 0 3.5rem}
.sw-glow{position:absolute;inset:4% 0;background:#10a8d522;filter:blur(55px)}
.sw-interface{position:relative;isolation:isolate;overflow:hidden;border:1px solid #4d829c;border-radius:18px;background:#0c2b40;box-shadow:0 32px 85px #0009;transform:perspective(900px) rotateY(-5deg) rotateX(1deg)}
.sw-interface-top{height:46px;padding:0 16px;display:flex;align-items:center;gap:1rem;color:#d7ecf6;font-size:.72rem;border-bottom:1px solid #33546b}
.sw-interface-top small{margin-left:auto;color:#89b3c6;font-size:.59rem;letter-spacing:.07em}
.sw-dots{display:flex;gap:5px}.sw-dots i{display:block;width:8px;height:8px;border-radius:50%;background:#fa777f}.sw-dots i:nth-child(2){background:#ffcb7b}.sw-dots i:nth-child(3){background:#69dcb0}
.sw-interface-body{display:grid;grid-template-columns:54px minmax(0,1fr);min-height:375px}
.sw-interface-side{display:flex;align-items:center;flex-direction:column;gap:17px;padding:18px 9px;background:#091e30;border-right:1px solid #2d4d62}
.sw-interface-side i{width:19px;height:19px;border-radius:6px;background:#23465c}.sw-side-brand{display:grid;place-items:center;background:#39e3ed;width:28px;height:28px;color:#082133;border-radius:8px;font-size:1.25rem;font-weight:900;margin-bottom:12px}
.sw-interface-main{padding:1.4rem}.sw-interface-heading{display:flex;justify-content:space-between;align-items:start;gap:.5rem}
.sw-interface-heading small{display:block;color:#84b7ce;font-weight:750;font-size:.57rem;letter-spacing:.12em}
.sw-interface-heading strong{display:block;margin-top:.25rem;color:#fff;font-size:1.2rem;letter-spacing:-.03em}
.sw-live-dot{font-size:.58rem;color:#55e2be;font-weight:900}
.sw-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.6rem;margin-top:1.45rem}.sw-metrics>div{border:1px solid #31556e;border-radius:10px;background:#15384f;padding:.82rem .7rem;min-width:0}.sw-metrics small,.sw-metrics span{display:block;color:#a9ccda;font-size:.61rem;line-height:1.45}.sw-metrics strong{display:block;font-size:1.4rem;color:#eefcff;margin:.3rem 0}
.sw-demo-chart{border:1px solid #31556e;border-radius:10px;margin-top:.8rem;padding:.85rem;background:#102e43}.sw-demo-chart>span{font-size:.61rem;color:#a6cbd8}.sw-demo-chart svg{display:block;width:100%;height:85px;margin-top:.3rem}
.sw-demo-rows{display:grid;gap:.4rem;margin-top:.75rem}.sw-demo-rows span{display:flex;gap:.5rem;align-items:center}.sw-demo-rows i{width:18px;height:18px;border-radius:5px;background:#245d73}.sw-demo-rows b{height:5px;width:44%;border-radius:2px;background:#2c526b}.sw-demo-rows em{height:5px;width:20%;margin-left:auto;border-radius:2px;background:#25788b}
.sw-float-card{position:absolute;bottom:10px;left:-16px;display:flex;align-items:center;gap:.75rem;padding:1rem 1.1rem;border:1px solid #3e8196;background:#10384e;box-shadow:0 20px 40px #0008;border-radius:13px}.sw-float-card>span{color:#51e9ef;font-size:1.9rem}.sw-float-card strong{font-size:.77rem;display:block;color:#fff}.sw-float-card small{font-size:.65rem;color:#bed9e6;display:block;margin-top:.2rem}
.sw-demo-note{position:absolute;bottom:-16px;right:0;color:#a9cadb;font-size:.68rem}
.sw-ribbon{background:#e6f5f9;border-bottom:1px solid #d1e8ee}.sw-ribbon .sw-container{padding:1.15rem 0;display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap}.sw-ribbon span{font-size:.77rem;color:#176077;font-weight:800}
.sw-section{padding:5.5rem 0}.sw-light{background:#f8fbfd}.sw-soft{background:#eaf4f8}.sw-dark{background:radial-gradient(ellipse at 15% 15%,#16425a,transparent 46%),#061a2a;color:white}
.sw-heading{display:grid;grid-template-columns:1.2fr .8fr;gap:3rem;align-items:end;margin-bottom:2.6rem}.sw-heading h2{margin-top:.75rem;max-width:740px}.sw-heading>p{line-height:1.75;font-size:.96rem;color:#526c7b;max-width:390px}
.sw-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.sw-card{border:1px solid #d9e7ed;border-radius:18px;background:white;padding:1.7rem;min-height:340px;display:flex;flex-direction:column;box-shadow:0 15px 32px #0d34500a;transition:transform .18s ease}.sw-card:hover{transform:translateY(-4px)}
.sw-card-featured{background:linear-gradient(160deg,#e0f7f9,#fff 65%);border-color:#9adfe5}
.sw-card-icon{width:45px;height:45px;border-radius:12px;background:#dff7f9;color:#007389;display:grid;place-items:center;font-size:1.8rem;font-weight:900}
.sw-kicker{color:#07849c;letter-spacing:.14em;font-size:.65rem;font-weight:850;margin-top:1.4rem!important}.sw-card h3{font-size:1.25rem;margin:.65rem 0 .7rem}.sw-card>p:not(.sw-kicker){line-height:1.73;color:#547184;font-size:.88rem}
.sw-card-bottom{padding-top:1rem;margin-top:auto;color:#027c93;font-size:.75rem;font-weight:850}
.sw-mini-board{margin-top:auto;padding-top:1rem;display:grid;gap:.45rem}.sw-mini-board span{display:flex;align-items:center;gap:.45rem;border:1px solid #b8e3e8;border-radius:6px;padding:.44rem;background:#fff;font-size:.71rem;color:#31576b}.sw-mini-board i{width:7px;height:7px;background:#16c5d7;border-radius:50%}.sw-mini-board b{margin-left:auto;color:#027b94;font-size:.62rem}
.sw-note{margin-top:1.5rem;background:#eaf6f8;border:1px solid #c5e9ee;border-radius:12px;padding:1.2rem 1.5rem;color:#3e6174;font-size:.86rem;line-height:1.7}.sw-note a{color:#006d87;font-weight:850;text-decoration:underline;text-underline-offset:3px}
.sw-approach-grid{display:grid;grid-template-columns:1fr 1fr;gap:5rem;align-items:center}.sw-approach-grid h2{margin:.9rem 0 1.3rem}.sw-approach-grid h2 span{color:#57e4ec}.sw-approach-grid>div:first-child>p:not(.sw-eyebrow){color:#c3d9e3;line-height:1.86}.sw-text-link{display:inline-flex;color:#73f0f2;font-size:.88rem;font-weight:850;margin-top:1.6rem}
.sw-approach-list{display:grid;gap:.8rem}.sw-approach-list article{display:flex;gap:1.3rem;align-items:start;background:#16364b;border:1px solid #315971;border-radius:13px;padding:1.2rem 1.3rem}.sw-approach-list article>span{font-size:1.3rem;font-weight:900;color:#60e7ec}.sw-approach-list h3{font-size:1.07rem;color:white}.sw-approach-list p{font-size:.84rem;line-height:1.7;margin-top:.35rem;color:#bbd6e2}
.sw-types-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.1rem}.sw-types-grid article{display:flex;flex-direction:column;min-height:370px;padding:2rem 1.55rem;background:#fff;border:1px solid #d5e5ea;border-radius:18px}.sw-types-grid .sw-type-highlight{border-color:#5bcbd7;background:linear-gradient(150deg,#e4f9fb,#fff)}.sw-type-index{font-size:.68rem;font-weight:900;color:#00849a;letter-spacing:.09em}.sw-types-grid h3{font-size:1.6rem;margin:1.5rem 0 .8rem}.sw-types-grid p{color:#597487;font-size:.89rem;line-height:1.75}.sw-types-grid ul{list-style:none;padding:0;margin:1.5rem 0;display:grid;gap:.8rem}.sw-types-grid li{padding-left:1.3rem;position:relative;color:#3d5868;font-size:.85rem;line-height:1.45}.sw-types-grid li:before{content:'✓';position:absolute;left:0;color:#008fa2}.sw-types-grid a{margin-top:auto;color:#007d97;font-weight:850;font-size:.85rem}.sw-types-grid a:hover{text-decoration:underline}
.sw-experience-grid{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center}.sw-experience-grid h2{margin:.8rem 0 1.3rem}.sw-experience-grid>div:first-child>p:not(.sw-eyebrow){line-height:1.83;margin-top:1rem;color:#4c687c}.sw-skills{display:flex;flex-wrap:wrap;gap:.6rem;padding:2rem;border:1px solid #c6e3ec;background:#f5fbfe;border-radius:20px}.sw-skills span{background:#fff;border:1px solid #d0e7ee;color:#234e61;border-radius:9px;padding:.72rem .85rem;font-size:.85rem;font-weight:750}.sw-skills p{color:#647e8b;font-size:.76rem;line-height:1.65;width:100%;margin-top:1rem}
.sw-faq-grid{display:grid;grid-template-columns:.82fr 1.18fr;gap:4rem}.sw-faq-grid h2{margin:.8rem 0 1.2rem}.sw-faq-grid>div:first-child>p:not(.sw-eyebrow){color:#587080;line-height:1.8}.sw-faq-list{display:grid;align-content:start;gap:.75rem}.sw-faq-list details{background:white;border:1px solid #d9e6ee;border-radius:13px;padding:1.2rem 1.3rem}.sw-faq-list summary{cursor:pointer;color:#183c50;font-weight:800;line-height:1.45;padding-right:1rem}.sw-faq-list details[open]{border-color:#65cbd6}.sw-faq-list details p{font-size:.87rem;color:#526b7b;line-height:1.8;margin-top:1rem}
.sw-final{padding:4.6rem 0;background:linear-gradient(112deg,#062236,#125069);color:#fff}.sw-final-grid{display:grid;grid-template-columns:1.35fr .65fr;align-items:center;gap:3rem}.sw-final h2{font-size:clamp(2.1rem,4vw,3.1rem);margin:.7rem 0 1rem}.sw-final h2 span{color:#6eeaf0}.sw-final p:not(.sw-eyebrow){line-height:1.75;color:#c9dce6}.sw-final-action{display:grid;justify-items:start;gap:1rem}.sw-final-action small{color:#c4e0e9;max-width:285px;line-height:1.6;font-size:.75rem}
@media(max-width:1030px){.sw-hero-grid{gap:2rem}.sw-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.sw-approach-grid{gap:2.5rem}}
@media(max-width:820px){.sw-hero-grid,.sw-heading,.sw-approach-grid,.sw-experience-grid,.sw-faq-grid,.sw-final-grid{grid-template-columns:1fr;gap:2.4rem}.sw-hero-grid{padding:2.5rem 0 4rem}.sw-breadcrumb{margin-bottom:2rem}.sw-visual{width:min(100%,620px);margin:auto}.sw-heading>p{max-width:640px}.sw-types-grid{grid-template-columns:1fr}.sw-types-grid article{min-height:0}}
@media(max-width:560px){.sw-page .sw-container{width:calc(100% - 2rem)}.sw-hero h1{font-size:clamp(2.4rem,10vw,3.2rem)}.sw-lead{font-size:.96rem}.sw-actions{flex-direction:column}.sw-btn{width:100%}.sw-hero-facts{gap:.75rem}.sw-visual{padding:0 0 2.5rem}.sw-interface{transform:none}.sw-interface-body{grid-template-columns:34px minmax(0,1fr);min-height:320px}.sw-interface-side{padding:12px 5px;gap:10px}.sw-interface-main{padding:.75rem}.sw-interface-heading strong{font-size:.93rem}.sw-live-dot{font-size:.48rem}.sw-metrics{gap:.3rem}.sw-metrics>div{padding:.5rem .35rem}.sw-metrics small,.sw-metrics span{font-size:.48rem}.sw-metrics strong{font-size:.94rem}.sw-demo-chart{padding:.45rem}.sw-demo-chart svg{height:65px}.sw-interface-top{font-size:.59rem}.sw-interface-top small{font-size:.45rem}.sw-float-card{left:5px;bottom:5px}.sw-demo-note{position:static;margin-top:1rem;text-align:center}.sw-section{padding:4rem 0}.sw-page h2{font-size:2rem}.sw-cards{grid-template-columns:1fr}.sw-card{min-height:0}.sw-skills{padding:1.2rem}.sw-ribbon .sw-container{justify-content:flex-start;gap:.65rem 1.25rem}.sw-ribbon span{font-size:.7rem}.sw-final-action{justify-items:stretch}}
@media(prefers-reduced-motion:reduce){.sw-page *, .sw-page *::before,.sw-page *::after{transition:none!important;animation:none!important}}
