/* Escenas de las láminas: imagen local + conexiones y textos editables. */
.li-sheet{--li-bg:var(--white,#fff);--li-ink:var(--navy,#0c2345);--li-line:var(--line,#dce3eb);--li-radio:#69dcff;--li-fiber:#48b970;--li-network:#288ce0;--li-power:#f8ce41;--li-shadow:0 8px 24px rgb(7 23 47 / .22);--li-speed:200ms;margin:24px 0 0;color:var(--li-ink);background:var(--li-bg);border:1px solid var(--li-line);border-radius:8px;font-family:inherit;isolation:isolate}
.li-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 24px;border-bottom:1px solid var(--li-line)}
.li-toolbar>span{font-size:16px;font-weight:800}.li-toolbar p{margin:0;font-size:14px;line-height:1.5;color:var(--ink)}
.li-composition{display:grid;min-width:0}.li-stage{position:relative;min-width:0;align-self:start}.li-background{display:block;width:100%;height:auto;border:0;border-radius:0}
.li-lines{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;overflow:visible;fill:none;stroke:var(--li-radio);stroke-width:2;filter:drop-shadow(0 1px 1px var(--navy-deep))}
.li-lines path,.li-lines circle{vector-effect:non-scaling-stroke}.li-lines circle{fill:var(--white);stroke-width:2}.li-lines .li-radio{stroke-dasharray:6 5;stroke-width:2}.li-lines .li-fiber{stroke:var(--li-fiber);stroke-width:3}.li-lines .li-network{stroke:var(--li-network);stroke-width:3;stroke-dasharray:9 4}.li-lines .li-power{stroke:var(--li-power);stroke-width:3;stroke-dasharray:2 3}
.li-pin{position:absolute;left:var(--lx);top:var(--ly);width:17%;max-width:224px;z-index:2}.li-pin.is-open{z-index:10}
.li-sheet button{font-family:inherit;cursor:pointer}.li-trigger{display:flex;align-items:center;gap:8px;width:100%;min-height:44px;padding:8px;border:1px solid rgb(255 255 255 / .7);border-radius:4px;background:var(--li-ink);color:var(--white);text-align:left;box-shadow:0 2px 8px rgb(7 23 47 / .25);transition:background var(--li-speed),box-shadow var(--li-speed)}
.li-number{display:grid;place-items:center;flex:none;width:24px;min-height:24px;border:1px solid currentColor;border-radius:50%;font-size:11px;font-weight:700}.li-title{display:block;min-width:0;font-size:14px;line-height:1.35;font-weight:700;overflow-wrap:normal}.li-plus{margin-left:auto;font-size:18px;font-weight:600}
.li-trigger[aria-expanded=true]{background:var(--navy-deep);box-shadow:0 0 0 3px var(--orange)}.li-popover{position:absolute;top:calc(100% + 8px);left:0;width:304px;max-width:calc(100vw - 48px);padding:16px;border-radius:4px;border:1px solid var(--li-line);background:var(--white);box-shadow:var(--li-shadow);color:var(--ink);text-align:left}.li-popover[hidden]{display:none}.li-popover strong{display:block;font-size:16px;line-height:1.4;color:var(--li-ink)}.li-popover p{margin:8px 0 12px;font-size:16px;line-height:1.6}.li-close{display:block;min-height:44px;padding:8px 12px;color:var(--navy);background:var(--surface);border:1px solid var(--line);border-radius:4px;font-size:14px;font-weight:700}.li-pin.li-right .li-popover{left:auto;right:0}.li-pin.li-bottom .li-popover{top:auto;bottom:calc(100% + 8px)}
.li-sheet button:focus-visible,.li-sheet summary:focus-visible{outline:3px solid var(--orange);outline-offset:4px}
.li-legend{display:flex;flex-wrap:wrap;gap:16px;padding:16px 24px;border-top:1px solid var(--li-line);font-size:14px;line-height:1.5}.li-key{display:inline-flex;align-items:center;gap:8px}.li-key:before{content:"";display:block;width:24px;height:0;border-top:3px solid var(--li-network)}.li-key-radio:before{border-top-style:dashed}.li-key-fiber:before{border-color:var(--li-fiber)}.li-key-network:before{border-top-style:dashed}.li-key-power:before{border-color:#a37400;border-top-style:dotted}
.li-caption{margin:0!important;padding:0 24px 16px;font-size:14px!important;line-height:1.6;color:var(--ink)}.li-mobile-points{display:none}.li-flow{display:flex;align-items:center;justify-content:center;gap:24px;padding:24px;background:var(--surface);border-top:1px solid var(--line)}.li-flow>div{display:grid;gap:4px}.li-flow strong{font-size:16px}.li-flow div>span{font-size:14px}.li-flow>span{font-size:24px;color:var(--navy)}
.li-seguridad-electronica .li-composition{grid-template-columns:minmax(0,4fr) minmax(220px,1fr)}.li-monitor{padding:16px;border-left:1px solid var(--line);background:var(--surface);min-width:0}.li-monitor h2{font-size:18px!important;line-height:1.4;margin:0 0 16px!important}.li-monitor>img{display:block;width:100%;height:auto;max-height:160px;object-fit:contain}.li-monitor ul{list-style:disc;padding-left:20px;margin:16px 0;font-size:14px;line-height:1.7}.li-internet{text-align:center;padding:8px;background:var(--navy);color:var(--white);border-radius:4px;font-weight:700;font-size:14px}.li-devices{display:grid;gap:8px;padding:16px 0}.li-devices>span{display:block;border-left:2px solid var(--navy);padding-left:8px;font-weight:700;font-size:14px}.li-devices small{display:block;font-weight:400;font-size:12px}.li-monitor details{font-size:14px;line-height:1.5;border-top:1px solid var(--line);padding-top:12px}.li-monitor summary{cursor:pointer;font-weight:700;min-height:44px}.li-monitor details p{font-size:14px;line-height:1.6}
@media(hover:hover){.li-trigger:hover{background:var(--navy-deep);box-shadow:0 0 0 2px var(--orange)}.li-close:hover{background:var(--navy);color:var(--white)}}
@media(max-width:1199px){.li-title,.li-plus{display:none}.li-pin{width:44px}.li-trigger{width:44px;height:44px;padding:8px;justify-content:center}.li-number{border:0;font-size:14px}.li-seguridad-electronica .li-composition{grid-template-columns:minmax(0,1fr)}.li-monitor{border-left:0;border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 1fr;gap:16px}.li-monitor h2,.li-monitor details{grid-column:1/-1}.li-monitor>img{max-height:180px}.li-monitor .li-internet{align-self:start}.li-monitor .li-devices{padding:0}.li-stage{overflow:visible}}
@media(max-width:767px){.li-sheet{margin-top:16px}.li-toolbar{display:block;padding:16px}.li-toolbar p{margin-top:4px}.li-pin{display:none}.li-lines{stroke-width:1.5}.li-mobile-points{display:grid;padding:0 16px 16px;gap:8px}.li-mobile-points details{border:1px solid var(--line);border-radius:4px;background:var(--white)}.li-mobile-points summary{display:flex;align-items:center;gap:12px;min-height:52px;list-style:none;padding:12px;cursor:pointer;font-size:16px;font-weight:700;line-height:1.4}.li-mobile-points summary::-webkit-details-marker{display:none}.li-mobile-points summary>span{flex:none;font-size:12px;background:var(--navy);color:var(--white);padding:6px;border-radius:4px}.li-mobile-points summary:after{content:"+";margin-left:auto;font-size:20px}.li-mobile-points details[open] summary:after{content:"−"}.li-mobile-points details p{margin:0;padding:0 12px 16px;font-size:16px;line-height:1.6}.li-legend{padding:16px;gap:8px 16px}.li-caption{padding:0 16px 16px}.li-flow{gap:12px;flex-direction:column;align-items:flex-start}.li-flow>span{transform:rotate(90deg)}.li-monitor{padding:16px}.li-monitor ul{margin:0}.li-devices{grid-column:2}.li-internet{grid-column:1}}
@media(prefers-reduced-motion:reduce){.li-sheet *{transition:none!important}}