﻿.sis-root{background:var(--bg);color:var(--ink)}.sis-intro,.sis-b,.sis-closing-section{background:var(--bg-2)}.sis-services{list-style:none;padding:0;margin:0;border-top:1px solid var(--line)}.sis-services li{display:grid;grid-template-columns:1fr 1.2fr;gap:2rem;padding:1.8rem 0;border-bottom:1px solid var(--line)}.sis-services h3{font:300 clamp(1.4rem,2.3vw,2rem)/1.2 var(--f-display);margin:0}.sis-service-copy p{margin:0;color:var(--mute);font-size:.95rem}.sis-service-copy p+p{color:var(--ink);margin-top:.35rem}.sis-root em{color:var(--accent)}.sis-a{position:relative;min-height:250vh;background:var(--bg)}.sis-sticky{position:sticky;top:0;min-height:100vh;display:flex;align-items:center;overflow:hidden;padding:5rem 0}.sis-heading h3,.sis-a h3,.sis-b h3,.sis-c h3{font:300 clamp(2rem,4.5vw,3.8rem)/1.08 var(--f-display);letter-spacing:-.03em;margin:0;max-width:850px}.sis-intro p,.sis-b .sis-intro,.sis-c .sis-intro,.sis-a .sis-intro{max-width:65ch}.sis-a .sis-intro,.sis-b .sis-intro,.sis-c .sis-intro{color:var(--mute);margin:1rem 0 0;padding:0;background:none}.sis-journey{position:relative;margin-top:3rem;min-height:300px}.sis-path{position:absolute;width:100%;height:130px;top:56px;left:0;overflow:visible}.sis-track,.sis-draw{fill:none;stroke:var(--line);stroke-width:2}.sis-draw{stroke:var(--accent);stroke-width:3;stroke-dasharray:1000;stroke-dashoffset:0}.sis-nodes{position:relative;display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.sis-node{text-align:center;min-width:0}.sis-dot{display:grid;place-items:center;width:54px;height:54px;margin:70px auto 18px;border:1px solid var(--accent);background:var(--bg-3);border-radius:50%;color:var(--accent)}.sis-dot svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round}.sis-node strong,.sis-node span{display:block}.sis-node span{color:var(--mute);font-size:13px;line-height:1.45;margin-top:8px}.sis-chips{position:absolute;inset:0;pointer-events:none}.sis-chip{position:absolute;padding:10px 14px;border:1px solid #E8A23B;color:#f6d7a5;background:var(--bg-2);border-radius:10px;font-size:15px;font-weight:600;white-space:nowrap;opacity:0}.sis-chip:nth-child(1){left:1%;top:0}.sis-chip:nth-child(2){left:25%;top:20px}.sis-chip:nth-child(3){left:46%;top:-20px}.sis-chip:nth-child(4){left:65%;top:15px}.sis-chip:nth-child(5){left:80%;top:-20px}.sis-caption,.sis-hint{color:var(--mute);font-size:13px;line-height:1.5;margin-top:1rem}.sis-b,.sis-c{padding:clamp(5rem,10vw,9rem) 0}.sis-b{background:var(--bg-2)}.sis-c{background:var(--bg)}.sis-compare{--split:50%;position:relative;margin-top:3rem;height:510px;border:1px solid var(--line);border-radius:20px;overflow:hidden;background:var(--bg-3);isolation:isolate}.sis-side{position:absolute;inset:0;padding:30px;overflow:hidden}.sis-after{background:var(--bg)}.sis-before{background:var(--bg-3);clip-path:inset(0 calc(100% - var(--split)) 0 0)}.sis-label{font-size:14px;font-weight:700}.sis-after-label{position:absolute;right:30px;top:30px}.sis-scene{position:relative;margin-top:50px;height:390px}.sis-chat,.sis-sheet,.sis-note,.sis-panel{position:absolute;border-radius:12px;padding:18px}.sis-chat,.sis-sheet,.sis-note{background:var(--ink);color:var(--bg)}.sis-chat{left:2%;top:10px;width:32%;min-width:190px;transform:rotate(-3deg)}.sis-chat p{background:var(--bg-2);color:var(--ink);border-radius:8px;padding:8px;margin:9px 0;font-size:13px}.sis-sheet{left:20%;top:155px;width:40%;min-width:230px;transform:rotate(4deg)}.sis-grid{display:grid;grid-template-columns:repeat(3,1fr)}.sis-grid span{font-size:13px;padding:5px;border:1px solid var(--bg-3);overflow:hidden}.sis-note{left:42%;top:40px;transform:rotate(7deg)}.sis-panel{right:0;top:0;width:65%;background:var(--bg-2);border:1px solid var(--line)}.sis-panel-title{font-size:20px}.sis-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:20px}.sis-metric{background:var(--bg-3);border-radius:9px;padding:12px;font-size:13px}.sis-metric b{display:block;font-size:20px}.sis-row{display:flex;justify-content:space-between;gap:8px;padding:14px 0;border-bottom:1px solid var(--line);font-size:13px}.sis-status{color:var(--accent)}.sis-handle{position:absolute;z-index:3;top:0;bottom:0;left:var(--split);width:44px;transform:translateX(-50%);cursor:ew-resize;touch-action:none;display:grid;place-items:center}.sis-handle:before{content:"";position:absolute;top:0;bottom:0;width:2px;background:var(--accent)}.sis-handle svg{position:relative;width:44px;height:44px;padding:11px;background:var(--accent);border-radius:50%;fill:none;stroke:var(--bg);stroke-width:1.75}.sis-dashboard{margin-top:3rem;border:1px solid var(--line);border-radius:20px;background:var(--bg-2);overflow:hidden}.sis-top{display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap;padding:22px 26px;border-bottom:1px solid var(--line)}.sis-brand{font-weight:700}.sis-brand small{display:block;color:var(--mute);font-size:13px;font-weight:400}.sis-toggle{display:flex;gap:4px;padding:4px;background:var(--bg);border-radius:30px}.sis-toggle button{border:0;border-radius:25px;background:transparent;color:var(--ink);padding:10px 14px;cursor:pointer;font:inherit;font-size:13px}.sis-toggle button[aria-pressed=true]{background:var(--bg-3)}.sis-content{padding:26px}.sis-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.sis-stat,.sis-card{border:1px solid var(--line);border-radius:13px;background:var(--bg-3);padding:20px}.sis-stat span,.sis-stat small,.sis-card p{color:var(--mute);font-size:13px}.sis-stat strong{display:block;font-size:clamp(20px,2.5vw,30px);margin:12px 0 4px}.sis-lower{display:grid;grid-template-columns:1.3fr 1fr;gap:14px;margin-top:14px}.sis-chart{width:100%;height:180px;margin-top:10px}.sis-chart path{fill:none;stroke:var(--accent);stroke-width:3;stroke-linecap:round;stroke-dasharray:600;stroke-dashoffset:0}.sis-stock-line{display:flex;justify-content:space-between;gap:10px;font-size:13px;margin:15px 0 8px}.sis-bar{height:7px;background:var(--bg);border-radius:8px;overflow:hidden}.sis-bar i{display:block;height:100%;background:var(--accent);transform-origin:left;transform:scaleX(var(--level))}.sis-suggest{background:var(--bg-2);margin-top:16px;padding:12px;border-radius:8px}.sis-suggest[hidden]{display:none}.sis-closing{display:flex;justify-content:space-between;align-items:center;gap:2rem;padding:2rem;border:1px solid var(--line);border-radius:1.5rem;background:var(--bg-3)}.sis-closing p{max-width:55ch;font:300 clamp(1.35rem,2vw,1.7rem)/1.35 var(--f-display)}.sis-closing>div{display:flex;flex-direction:column;align-items:flex-start;gap:1rem}.sis-demo-link{color:var(--ink)}.sis-root :focus-visible{outline:2px solid var(--accent);outline-offset:4px}@media(max-width:700px){.sis-services li{grid-template-columns:1fr;gap:.7rem}.sis-sticky{padding:5rem 0 2rem}.sis-journey{margin-top:1rem;min-height:390px}.sis-path{display:none}.sis-nodes{display:grid;grid-template-columns:1fr;gap:8px}.sis-node{display:grid;grid-template-columns:45px 1fr;column-gap:12px;text-align:left}.sis-dot{grid-row:span 2;width:38px;height:38px;margin:0}.sis-node span{margin:0}.sis-chip{font-size:14px}.sis-chip:nth-child(1){left:48%;top:0}.sis-chip:nth-child(2){left:40%;top:75px}.sis-chip:nth-child(3){left:45%;top:150px}.sis-chip:nth-child(4){left:50%;top:225px}.sis-chip:nth-child(5){left:43%;top:300px}.sis-compare{height:560px}.sis-side{padding:20px}.sis-after-label{right:20px;top:20px}.sis-panel{width:90%;padding:12px}.sis-metric{padding:7px}.sis-metric b{font-size:17px}.sis-chat{left:0}.sis-sheet{left:10%;top:190px}.sis-note{left:25%;top:90px}.sis-top,.sis-content{padding:18px}.sis-stats,.sis-lower{grid-template-columns:1fr}.sis-chart{height:130px}.sis-closing{flex-direction:column;align-items:flex-start}}@media(prefers-reduced-motion:reduce){.sis-a{min-height:0}.sis-sticky{position:static}.sis-chip{display:none}.sis-draw,.sis-chart path{stroke-dashoffset:0!important}}

@media(max-width:700px){
.sis-a{min-height:200vh}.sis-sticky{padding:2rem 0}.sis-journey{min-height:360px}.sis-journey:before,.sis-journey:after{content:"";position:absolute;left:18px;top:19px;height:288px;width:2px;background:var(--line)}.sis-journey:after{background:var(--accent);transform-origin:top;transform:scaleY(var(--journey-progress,1))}.sis-nodes{gap:0}.sis-node{position:relative;z-index:1;min-height:72px;grid-template-columns:38px minmax(0,1fr);align-content:start}.sis-node strong,.sis-node span{max-width:145px}.sis-dot{background:var(--bg-3)}.sis-chip:nth-child(1){left:auto;right:0;top:0}.sis-chip:nth-child(2){left:auto;right:3%;top:72px}.sis-chip:nth-child(3){left:auto;right:0;top:144px}.sis-chip:nth-child(4){left:auto;right:8%;top:216px}.sis-chip:nth-child(5){left:auto;right:1%;top:288px}.sis-chip:nth-child(even){border-color:#e88e80;color:#ffd6cf}.sis-hint{display:none}
.sis-compare{height:700px}.sis-scene{margin-top:45px;height:610px}.sis-before .sis-chat,.sis-before .sis-sheet,.sis-before .sis-note{left:0;right:auto;transform:none;min-width:0;padding:10px}.sis-before .sis-chat{top:0;width:100%;max-width:calc(50% - 2px)}.sis-before .sis-sheet{top:205px;width:100%;max-width:calc(50% - 2px)}.sis-before .sis-note{top:410px}.sis-grid span{padding:3px;overflow:visible;overflow-wrap:anywhere}.sis-panel{width:50%;right:0}.sis-metrics{grid-template-columns:1fr}.sis-metric b{display:inline;margin-left:5px}.sis-row{flex-wrap:wrap}.sis-handle{touch-action:none}
}
@media(max-width:700px) and (prefers-reduced-motion:reduce){.sis-a{min-height:0}.sis-journey:after{transform:scaleY(1)}}

@media(max-width:700px){
.sis-compare{height:560px;touch-action:pan-y}
.sis-scene{height:470px}
.sis-before .sis-chat,.sis-before .sis-sheet{width:calc(50% - 3px);max-width:none}
.sis-before .sis-chat{top:0}
.sis-before .sis-sheet{top:205px;transform:rotate(-2deg)}
.sis-before .sis-note{top:390px;left:4%;transform:rotate(2deg)}
.sis-grid{grid-template-columns:1fr 1fr}
.sis-grid span{font-size:12px;letter-spacing:normal;white-space:nowrap;overflow:visible;overflow-wrap:normal;padding:3px 2px}
.sis-grid span:nth-child(3n + 2){display:none}
}
@media(max-width:700px){.sis-before .sis-chat p{font-size:12px;line-height:1.25;padding:6px;margin:6px 0}}

/* Menu superior: 5 enlaces caben en tablet sin partir palabras */
.nav-links a{white-space:nowrap}
@media (min-width:761px) and (max-width:1000px){.nav-links{gap:1.1rem;font-size:.88rem}.nav{gap:.9rem}}
