@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--ink:#102e3b;--muted:#60727a;--green:#087c62;--mint:#c9f5e6;--paper:#f5f8f9;--border:#dde6e9;--orange:#b35a24;--font:'DM Sans',sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.6 var(--font)}button,input,select{font:inherit}button,a,input,select,summary{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #269e80;outline-offset:4px}button:disabled{opacity:.65;cursor:wait}a{color:var(--green)}[hidden]{display:none!important}.header{height:90px;padding:0 5%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--border);background:white}.brand{font-family:'Manrope',sans-serif;font-size:25px;font-weight:800;color:var(--ink);text-decoration:none;letter-spacing:-1px}.brand>span:last-child{color:var(--green)}.brand-icon{display:inline-grid;place-items:center;margin-right:10px;width:35px;height:35px;background:var(--ink);color:var(--mint)!important;border-radius:9px;letter-spacing:0}.course,.eyebrow{font-size:12px;font-weight:700;letter-spacing:1.8px}.course{color:var(--muted)}.header-link{font-size:14px;color:var(--ink);text-decoration:none}main{max-width:1440px;padding:0 5%;margin:auto}.intro{display:flex;justify-content:space-between;align-items:center;padding:43px 0 31px;gap:20px}.eyebrow{color:var(--green);margin:0 0 10px}h1,h2,h3{font-family:'Manrope',sans-serif;line-height:1.2;margin:0;letter-spacing:-.8px}h1{font-size:clamp(28px,3.25vw,46px);font-weight:800}.intro p:not(.eyebrow){margin:13px 0 0;color:var(--muted)}.case-tag{border-left:2px solid #9adac5;padding-left:20px;display:flex;flex-direction:column;white-space:nowrap}.case-tag>span{font-size:12px;letter-spacing:1.5px;color:var(--muted)}.case-tag strong{font-size:16px;margin-top:4px}.case-tag small{font-size:14px;color:var(--muted)}.tabs{display:flex;gap:28px;border-bottom:1px solid var(--border);margin-bottom:26px}.tab{border:0;background:none;color:var(--muted);padding:16px 0 18px;position:relative;font-weight:600;font-size:15px}.tab span{font-size:12px;margin-right:9px;color:#8a9a9f}.tab.active{color:var(--green)}.tab.active:after{content:'';position:absolute;bottom:-1px;height:3px;background:var(--green);left:0;right:0}.workspace{display:grid;grid-template-columns:minmax(0,1fr) 315px;gap:23px}.map-card{background:white;border:1px solid var(--border);border-radius:16px;overflow:hidden}.card-heading{display:flex;justify-content:space-between;gap:12px;padding:24px 25px 18px;align-items:center}.card-heading h2{font-size:21px}.card-heading .eyebrow{font-size:11px;color:var(--muted)}.segmented{padding:4px;background:#eef3f4;border-radius:9px;display:flex}.segmented button{border:0;background:transparent;color:var(--muted);font-size:14px;padding:7px 13px;border-radius:6px}.segmented .selected{color:white;background:var(--ink);box-shadow:0 2px 4px #1232}.map-scroll{overflow:auto;margin:0 20px}.classroom{height:440px;min-width:640px;position:relative;border:2px solid #cfdbdf;background-color:#f7fafb;background-image:radial-gradient(#d9e3e7 .7px,transparent .7px);background-size:15px 15px;border-radius:8px}.board{position:absolute;top:-2px;left:30%;width:32%;height:22px;background:#d8e8e4;border:2px solid #b6cfc6;border-radius:0 0 5px 5px;text-align:center;letter-spacing:3px;font-size:10px;color:#526d66}.teacher,.rack,.printer{position:absolute;border:1px solid #bfced4;background:white;border-radius:5px;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:27px;width:84px;height:57px;z-index:2}.teacher{top:45px;left:38%}.teacher span,.rack span,.printer span{font:9px var(--font);letter-spacing:.4px}.rack{right:5%;top:48px;background:#e4edf0}.printer{right:5%;bottom:32px;width:76px}.cables{position:absolute;width:100%;height:100%;inset:0;pointer-events:none}.desks{position:absolute;top:144px;left:8%;right:8%;display:grid;grid-template-columns:repeat(6,1fr);gap:54px 18px}.desk{height:58px;border:1px solid #ccd9de;background:#edf3f5;border-radius:6px;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative}.desk:after{content:'';position:absolute;bottom:-12px;width:27px;height:7px;border:1px solid #c4d2d8;border-radius:2px;background:#e6edf0}.monitor{width:28px;height:19px;border:2px solid #7898a6;border-radius:3px;background:#cfdee5;position:relative}.monitor:after{content:'';width:14px;height:2px;background:#7898a6;position:absolute;bottom:-5px;left:5px}.desk small{font-size:10px;line-height:1;margin-top:8px;color:#506a76}.desk.disconnected .monitor{border-color:#c98960;background:#f3e0d2}.hotspot{position:absolute;z-index:4;border:4px solid #fff;background:#c57642;color:white;border-radius:50%;width:35px;height:35px;font-size:14px;font-weight:700;box-shadow:0 0 0 5px #d5854c18}.h1{left:45%;top:49%}.h2{left:12%;top:32%}.h3{left:72%;top:67%}.h4{right:4%;top:20%}.hotspot:hover{transform:scale(1.1)}.after .hotspot{background:var(--green);box-shadow:0 0 0 5px #087c6215}.after .monitor{background:#d6f3e8;border-color:#468e7c}.room-label{position:absolute;bottom:15px;left:33%;font-size:10px;letter-spacing:1px;color:#82969f}.door{position:absolute;bottom:-3px;left:24px;background:white;border-top:1px solid #b8ccd4;width:74px;text-align:center;font-size:9px;letter-spacing:2px;padding:5px}.map-legend{display:flex;gap:22px;flex-wrap:wrap;padding:18px 24px;font-size:12px;color:var(--muted)}.map-legend>span{display:flex;align-items:center;gap:8px}.line-key{display:block;width:20px;border-top:2px dashed #c57642}.dot-key{width:8px;height:8px;border-radius:50%;background:#b98867}.diagnosis{border:1px solid var(--border);border-radius:16px;padding:24px;background:#edf3f3}.aside-top{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:20px}.aside-top .eyebrow{font-size:10px;letter-spacing:1.2px;margin:0}.badge{font-size:11px;white-space:nowrap;padding:4px 9px;border-radius:5px;font-weight:600}.orange{background:#f6e5d8;color:#99551e}.mint{background:var(--mint);color:#08634e}.diagnosis h2{font-size:24px}.diagnosis>p{font-size:14px;color:var(--muted);margin:14px 0 17px;line-height:1.7}.issue-list{display:grid;gap:8px}.issue-button{display:flex;align-items:center;text-align:left;gap:12px;background:#fff;border:1px solid transparent;padding:11px;border-radius:8px;color:var(--ink);font-size:13px;line-height:1.4}.issue-button span{background:#f8ece2;color:#ad622f;font-size:11px;min-width:22px;height:22px;display:grid;place-items:center;border-radius:5px}.issue-button.active{border-color:#a6bdb7}.issue-button.resolved span{background:#d5f3e7;color:var(--green)}.detail{font-size:13px;margin-top:18px;padding-top:15px;border-top:1px solid #d4e2e0;line-height:1.55}.detail p{color:var(--muted);margin:6px 0}.metrics{display:grid;grid-template-columns:repeat(4,1fr);background:white;border:1px solid var(--border);border-radius:12px;margin-top:22px;padding:21px 0}.metrics>div{padding:0 26px;border-right:1px solid var(--border)}.metrics>div:last-child{border:0}.metrics strong{font:700 27px 'Manrope',sans-serif;letter-spacing:-1px}.metrics strong span{font:400 14px var(--font);letter-spacing:0;color:var(--muted)}.metrics p{font-size:12px;color:var(--muted);margin:6px 0 0}.note{font-size:12px;color:var(--muted);line-height:1.6}.panel>.note{margin:13px 0 0}.documentation{display:grid;grid-template-columns:1fr 1fr;gap:70px;padding:52px 0;margin-top:34px;border-top:1px solid var(--border)}.documentation h2{font-size:23px}.documentation p,.documentation li{font-size:14px;color:var(--muted)}details{border-bottom:1px solid var(--border);padding:14px 0}summary{cursor:pointer;font-size:14px;font-weight:600}details ol,details ul{padding-left:23px}footer{border-top:1px solid var(--border);display:flex;justify-content:space-between;align-items:center;padding:25px 5%;color:var(--muted);font-size:12px}footer .brand{font-size:20px}.skip{position:absolute;top:-100px;background:white;padding:8px;z-index:9}.skip:focus{top:0}.section-intro{margin:34px 0 25px}.section-intro h2{font-size:30px}.section-intro>p:last-child{color:var(--muted)}.budget-layout{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:25px}.equipment-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.equipment-card,.technical-card{background:white;border:1px solid var(--border);border-radius:12px;padding:24px}.equipment-head{display:flex;align-items:center;gap:14px}.equipment-icon{color:var(--green);background:#e4f6f0;border-radius:9px;padding:9px;width:48px;height:48px;display:grid;place-items:center}.equipment-icon svg{width:30px;height:30px;fill:none;stroke:currentColor;stroke-width:1.6}.equipment-card h3{font-size:17px;letter-spacing:-.3px}.equipment-card p{font-size:14px;color:var(--muted);margin:12px 0}.equipment-inputs{display:grid;grid-template-columns:80px 1fr;gap:14px}.equipment-inputs label{font-size:12px;color:var(--muted)}input[type=number],select{width:100%;border:1px solid #c8d8db;border-radius:7px;padding:9px;background:white;color:var(--ink);margin-top:4px}.subtotal{display:block;text-align:right;font-size:14px;font-weight:600;margin-top:13px}.budget-card{background:var(--ink);color:white;padding:26px;border-radius:13px;height:max-content;position:sticky;top:20px}.budget-card .eyebrow{color:#75d8b8}.budget-card h3{font-size:24px}.total{font:700 35px 'Manrope',sans-serif;margin:22px 0 8px;overflow-wrap:anywhere}.budget-card>p{font-size:13px;color:#c0d1d9}.budget-note{padding:16px 0;border-top:1px solid #ffffff25;border-bottom:1px solid #ffffff25;font-size:14px;margin:23px 0}.outline,.primary{border:1px solid #c4d5d9;border-radius:8px;padding:11px 16px;font-size:14px;font-weight:600;background:white;color:var(--ink);display:block}.primary{background:var(--green);color:white;border-color:var(--green);display:flex;justify-content:space-between}.simulation-grid{display:grid;grid-template-columns:300px 1fr;gap:24px}.simulation-controls{padding:25px;background:white;border:1px solid var(--border);border-radius:14px}.simulation-controls>label{display:block;font-size:14px;font-weight:600}.simulation-controls select{margin:7px 0 20px}fieldset{border:0;margin:0 0 20px;padding:0}legend{font-size:14px;font-weight:600;margin:3px 0 10px}fieldset label{display:flex;align-items:start;gap:8px;font-size:14px;margin:12px 0}input[type=checkbox]{accent-color:var(--green);margin-top:5px;min-width:16px;height:16px}.simulation-controls button{width:100%;margin-top:10px}.simulation-stage{background:white;border:1px solid var(--border);border-radius:14px;padding:26px;display:flex;flex-direction:column;justify-content:space-between}.sim-heading{display:flex;gap:12px;justify-content:space-between;font-size:13px;color:var(--muted)}.journey{display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap;padding:55px 0}.hop{text-align:center;min-width:85px;border:1px solid var(--border);padding:16px 10px;border-radius:9px;background:#f5f8f9;font-size:13px}.hop .hop-symbol{display:block;font-size:24px;margin-bottom:9px}.hop.active{background:#d5f4e7;border-color:#62b59a;box-shadow:0 0 0 4px #d5f4e775}.hop.failed{background:#fce9df;border-color:#d98864}.hop-arrow{color:#9ab4bf}.sim-result{background:#edf4f4;border-radius:9px;padding:20px;font-size:15px}.sim-result.error{background:#fff0e7;color:#8c421c}.sim-result.success{background:#e0f5eb;color:#096b50}.technical-grid{display:grid;grid-template-columns:1fr 1fr;gap:23px}.chapter{font-size:12px;font-weight:700;letter-spacing:1px;color:var(--green)}.technical-card h3{font-size:24px;margin:12px 0 20px}.technical-card p,.technical-card li{font-size:15px;color:var(--muted)}.technical-card li{margin:9px 0}.technical-card ol,.technical-card ul{padding-left:22px}.topology{display:flex;flex-direction:column;align-items:center;background:#f3f8f7;border-radius:8px;padding:20px;font-size:14px}.topology span{border:1px solid #cbded8;border-radius:6px;background:white;padding:6px 18px;text-align:center}.topology b{line-height:1.7;color:#6ca997}.topology .switch-node{background:var(--ink);color:var(--mint);border:0}.callout{border-left:3px solid #83cbb4;padding:10px 16px;background:#f1f8f5}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;font-size:14px}th,td{text-align:left;border-bottom:1px solid var(--border);padding:12px 7px}th{background:#f1f6f5;color:var(--green)}
@media(min-width:1500px){main{padding:0 45px}.header,footer{padding-left:max(5%,calc((100% - 1350px)/2));padding-right:max(5%,calc((100% - 1350px)/2))}}@media(max-width:1100px){.workspace{grid-template-columns:minmax(0,1fr) 270px}.diagnosis{padding:20px}.card-heading{padding:20px 18px}.card-heading h2{font-size:18px}.card-heading .eyebrow{font-size:10px}.classroom{min-width:620px}.tabs{gap:22px}.tab{font-size:14px}.budget-layout{grid-template-columns:1fr 260px}}@media(max-width:900px){.workspace{grid-template-columns:1fr}.diagnosis{display:grid;grid-template-columns:1fr 1fr;column-gap:25px}.aside-top{grid-column:1/-1;margin-bottom:12px}.diagnosis>h2,.diagnosis>p{grid-column:1}.issue-list{grid-column:2;grid-row:2/5}.detail{grid-column:1}.tabs{gap:18px}.tab span{display:none}.metrics>div{padding:0 16px}.course{display:none}.documentation{gap:30px}.budget-layout{grid-template-columns:1fr}.budget-card{position:static}.simulation-grid{grid-template-columns:260px 1fr}.journey{padding:30px 0}.hop{min-width:70px}.technical-card{padding:20px}}@media(max-width:620px){.header{height:70px;padding:0 5%}.brand{font-size:22px}.header-link{font-size:12px}.brand-icon{width:30px;height:30px;margin-right:5px}.intro{padding:28px 0 19px}.intro p:not(.eyebrow){font-size:14px}.case-tag{display:none}.eyebrow{font-size:10px}.tabs{display:grid;grid-template-columns:1fr 1fr;gap:0 14px;margin-bottom:20px}.tab{padding:12px 0;text-align:left;font-size:13px}.workspace{gap:14px}.card-heading{flex-wrap:wrap;padding:19px 16px;gap:14px}.card-heading h2{font-size:19px}.map-scroll{margin:0 12px}.classroom{min-width:620px;height:400px}.desks{top:132px;gap:48px 17px}.map-legend{font-size:11px;gap:9px;padding:14px}.diagnosis{display:block;padding:22px}.issue-list{grid-template-columns:1fr 1fr}.issue-button{font-size:12px;gap:7px;padding:9px}.metrics{grid-template-columns:1fr 1fr;gap:22px;padding:23px 0}.metrics>div:nth-child(2){border:0}.metrics strong{font-size:24px}.metrics p{font-size:11px}.documentation{grid-template-columns:1fr;gap:18px;padding:32px 0;margin-top:25px}.documentation h2{font-size:23px}.documentation p{font-size:14px}footer{flex-wrap:wrap;gap:12px}footer p{margin:0}footer>span{display:none}.equipment-grid,.simulation-grid,.technical-grid{grid-template-columns:1fr}.section-intro h2{font-size:26px}.section-intro>p:last-child{font-size:15px}.simulation-stage{padding:20px}.sim-heading{flex-wrap:wrap}.journey{gap:8px}.hop{min-width:65px;padding:12px 8px;font-size:12px}.equipment-inputs{grid-template-columns:90px 1fr}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{animation:none!important;transition:none!important}}

/* Mantener el estado conectado al activar la propuesta. */
.after .desk.disconnected .monitor{background:#d6f3e8;border-color:#468e7c}.map-scroll{overflow-y:hidden;padding-bottom:3px}