.diagrama{width:100%;margin:var(--e-5) 0 0;padding:var(--e-6) var(--e-5) var(--e-5);border:1px solid var(--gris-200);border-radius:var(--r-tarjeta);background:var(--blanco)}.diagrama__lienzo{view-timeline:--tn-dg block;align-items:center;display:grid}.diagrama--voip .diagrama__lienzo{grid-template-columns:auto minmax(40px,1fr) auto minmax(48px,1fr) auto}.diagrama--wifi .diagrama__lienzo{grid-template-columns:auto minmax(64px,1fr) auto}.diagrama__pie{margin:var(--e-5) 0 0;font:400 16px / 1.5 var(--f-cuerpo);text-align:center;color:var(--texto-2)}.dg-nodo{border:1px solid var(--gris-200);background:var(--blanco);font:600 15px / 1.25 var(--f-titulo);color:var(--titulo-en-claro);border-radius:999px;align-items:center;gap:10px;padding:8px 16px 8px 8px;display:flex;position:relative}.dg-nodo__icono{background:var(--gris-50);width:34px;height:34px;color:var(--azul-600);border-radius:50%;flex:none;place-items:center;display:grid;position:relative}.dg-nodo__icono .icono{width:15px;height:15px}.dg-nodo--apagado{color:var(--texto-2)}.dg-nodo--apagado .dg-nodo__icono{color:var(--gris-500)}.dg-centro,.dg-nodo--activo{border-color:var(--azul-600);box-shadow:0 0 0 4px #1349841a}.dg-centro .dg-nodo__icono,.dg-nodo--activo .dg-nodo__icono{background:var(--azul-600);color:#fff}.dg-destinos{grid-auto-rows:1fr;margin:0;padding:0;list-style:none;display:grid}.dg-destinos>.dg-nodo{align-self:center;margin-block:6px}.dg-traza{width:100%;display:block;overflow:visible}.dg-traza--movil{display:none}.dg-uno.dg-traza--ancho{height:10px}.dg-ramas.dg-traza--ancho{contain:size;align-self:stretch;height:100%}.dg-base,.dg-haz{fill:none;stroke-linecap:round}.dg-base{stroke:var(--gris-200);stroke-width:2px}.dg-haz{stroke:var(--azul-600);stroke-width:3px;filter:drop-shadow(0 0 3px #82acd6e6)}.dg-onda{border:2px solid var(--azul-300);opacity:0;pointer-events:none;border-radius:50%;position:absolute;inset:-2px}@media (width<=767px){.diagrama{padding:var(--e-5) 14px var(--e-4)}.diagrama .diagrama__lienzo{grid-template-columns:1fr;justify-items:center}.dg-traza--ancho{display:none}.dg-traza--movil{display:block}.dg-uno.dg-traza--movil{width:10px;height:32px}.dg-ramas.dg-traza--movil{height:48px}.dg-destinos{grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-rows:auto;width:100%}.dg-destinos>.dg-nodo{border-radius:var(--r-campo);text-align:center;flex-direction:column;justify-self:center;gap:6px;margin:0 4px;padding:8px 6px 10px;font-size:14px}}@media (prefers-reduced-motion:no-preference){@supports (animation-timeline:view()){[data-marca=manual] .dg-uno .dg-haz{animation-name:tnDgHaz;animation-timing-function:linear;animation-fill-mode:both;animation-timeline:--tn-dg;animation-range:entry 80% cover 35%}[data-marca=manual] :is(.dg-centro,.dg-nodo--activo){animation-name:tnDgEnciende;animation-timing-function:linear;animation-fill-mode:both;animation-timeline:--tn-dg;animation-range:cover 33% cover 38%}[data-marca=manual] :is(.dg-centro,.dg-nodo--activo) .dg-nodo__icono{animation-name:tnDgIcono;animation-timing-function:linear;animation-fill-mode:both;animation-timeline:--tn-dg;animation-range:cover 33% cover 38%}[data-marca=manual] .dg-ramas .dg-haz{animation-name:tnDgHaz;animation-timing-function:linear;animation-fill-mode:both;animation-timeline:--tn-dg;animation-range:cover 38% cover 50%}[data-marca=manual] .dg-traza--movil .dg-haz{animation-name:tnDgHazV}[data-marca=manual] .dg-destinos .dg-nodo--activo,[data-marca=manual] .dg-destinos .dg-nodo--activo .dg-nodo__icono{animation-range:cover 48% cover 53%}[data-marca=manual] .diagrama--wifi .dg-centro,[data-marca=manual] .diagrama--wifi .dg-centro .dg-nodo__icono{animation-range:cover 20% cover 25%}[data-marca=manual] .diagrama--wifi .dg-ramas .dg-haz:nth-of-type(4){animation-range:cover 26% cover 40%}[data-marca=manual] .diagrama--wifi .dg-ramas .dg-haz:nth-of-type(5){animation-range:cover 30% cover 44%}[data-marca=manual] .diagrama--wifi .dg-ramas .dg-haz:nth-of-type(6){animation-range:cover 34% cover 48%}[data-marca=manual] .diagrama--wifi .dg-destinos .dg-nodo:first-child,[data-marca=manual] .diagrama--wifi .dg-destinos .dg-nodo:first-child .dg-nodo__icono{animation-range:cover 40% cover 44%}[data-marca=manual] .diagrama--wifi .dg-destinos .dg-nodo:nth-child(2),[data-marca=manual] .diagrama--wifi .dg-destinos .dg-nodo:nth-child(2) .dg-nodo__icono{animation-range:cover 44% cover 48%}[data-marca=manual] .diagrama--wifi .dg-destinos .dg-nodo:nth-child(3),[data-marca=manual] .diagrama--wifi .dg-destinos .dg-nodo:nth-child(3) .dg-nodo__icono{animation-range:cover 48% cover 52%}[data-marca=manual] .diagrama--wifi .dg-onda{animation-name:tnDgOnda;animation-timing-function:ease-out;animation-fill-mode:both;animation-timeline:--tn-dg;animation-range:cover 50% cover 66%}[data-marca=manual] .diagrama--wifi .dg-onda+.dg-onda{animation-range:cover 56% cover 72%}}}@keyframes tnDgHaz{0%{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0)}}@keyframes tnDgHazV{0%{clip-path:inset(0 0 100%)}to{clip-path:inset(0)}}@keyframes tnDgEnciende{0%{border-color:var(--gris-200);box-shadow:0 0 #13498400}}@keyframes tnDgIcono{0%{background:var(--gris-50);color:var(--azul-600)}}@keyframes tnDgOnda{0%{opacity:0;scale:1}10%{opacity:.9}to{opacity:0;scale:2.2}}.diagrama--dedicado .diagrama__lienzo{grid-template-columns:auto minmax(40px,1fr) auto minmax(40px,1fr) auto minmax(132px,1.4fr) auto;row-gap:22px}.diagrama--dedicado .diagrama__lienzo>:not(.dgd-vigila){grid-row:2}.dgd-num{border:3px solid var(--blanco);background:var(--azul-600);width:28px;height:28px;font:700 14px / 1 var(--f-titulo);color:#fff;border-radius:50%;flex:none;place-items:center;display:inline-grid}.dgd-vigila{grid-area:1/3/auto/7;justify-content:center;margin:0;padding-top:2px;display:flex;position:relative}.dgd-vigila:before{content:"";border:1.5px solid var(--azul-600);border-bottom:0;border-radius:8px 8px 0 0;height:16px;position:absolute;inset:50% 0 auto}.dgd-vigila__texto{background:var(--blanco);font:600 15px / 1.35 var(--f-cuerpo);color:var(--azul-600);align-items:center;gap:8px;padding-inline:10px;display:inline-flex;position:relative}.dgd-paso{align-self:stretch;display:flex;position:relative}.dgd-paso>.dgd-num{position:absolute;top:50%;left:4px;translate:0 -50%}.diagrama--dedicado .dgd-salidas{align-self:stretch}.dgd-caja{text-align:center;border-radius:12px;flex-direction:column;align-items:center;gap:2px;padding:10px 18px}.dgd-caja__nombre{font:600 16px / 1.25 var(--f-titulo)}.dgd-caja__nota{font:500 13px / 1.35 var(--f-cuerpo);color:var(--texto-2)}.dgd-caja__nota b{color:var(--titulo-en-claro);font-weight:700}.dgd-zona{background:var(--azul-600);border-radius:18px;padding:44px 18px;position:relative}.dgd-zona__nombre{font:600 16px / 1.2 var(--f-titulo);color:#fff;position:absolute;top:14px;left:18px}.dgd-zona__fila{align-items:center;display:flex}.dgd-zona__fila>.dg-uno.dg-traza--ancho{flex:none;width:28px}.dgd-zona .dg-base{stroke:#ffffff4d}.dgd-zona .dg-haz{stroke:#fff;filter:none}.dgd-zona .dg-centro{box-shadow:none;border-color:#fff}.dgd-enlace{flex-direction:column;align-items:center;gap:6px;display:flex}.dgd-enlace__nombre,.dgd-enlace__nota{font:600 15px / 22px var(--f-titulo);color:var(--titulo-en-claro);white-space:nowrap;padding-inline:8px}.dgd-enlace__nota{font:500 13px / 22px var(--f-cuerpo);color:var(--texto-2)}.dgd-enlace__linea{place-items:center;width:100%;display:grid;position:relative}.dgd-enlace__linea>.dgd-num{position:absolute;top:50%;left:50%;translate:-50% -50%}.dgd-enlace .dg-base,.dgd-enlace .dg-haz{stroke-width:5px}.dgd-enlace .dg-haz{stroke:var(--azul-senal)}.dgd-empresa{border:2px solid var(--azul-200);background:var(--gris-50);border-radius:18px;grid-template-rows:minmax(0,1fr) auto minmax(0,1fr);align-self:stretch;justify-items:center;min-height:220px;padding:12px 14px;display:grid;position:relative}.dgd-empresa__nombre{font:600 16px / 1.2 var(--f-titulo);color:var(--titulo-en-claro);place-self:start}.dgd-router{grid-row:2}.dgd-empresa__abajo{flex-direction:column;grid-row:3;align-items:center;display:flex}.dgd-empresa__cable{background:var(--gris-500);width:2px;height:16px}.diagrama--dedicado :is(.dgd-caja__nombre,.dg-nodo__texto,.dgd-caja__nota){white-space:nowrap}.dgd-notas{margin:var(--e-6) 0 0;padding:var(--e-5) 0 0;border-top:1px solid var(--gris-200);grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;list-style:none;display:grid}.dgd-notas li{border-radius:12px;grid-template-columns:28px 1fr;align-items:center;gap:4px 12px;margin-inline:-12px;padding:10px 12px;display:grid}.dgd-notas .dgd-num{border:0}.dgd-notas h3{font:600 18px / 1.3 var(--f-titulo);color:var(--titulo-en-claro);margin:0}.dgd-notas p{font:400 16px / 1.5 var(--f-cuerpo);color:var(--texto-2);grid-column:2;margin:0}@media (width>=1100px) and (width<=1279px){.diagrama--dedicado .diagrama__lienzo{grid-template-columns:auto minmax(32px,1fr) auto minmax(32px,1fr) auto minmax(120px,1.4fr) auto}.diagrama--dedicado .dgd-caja{padding:8px 12px}.dgd-zona{padding-inline:14px}.dgd-zona__nombre{left:14px}.dgd-zona__fila>.dg-uno.dg-traza--ancho{width:20px}.dgd-enlace__nombre{font-size:14px}.dgd-empresa{padding-inline:10px}}@media (width<=1099px){.diagrama--dedicado .diagrama__lienzo{grid-template-columns:1fr;justify-items:center;row-gap:0}.diagrama--dedicado .diagrama__lienzo>:not(.dgd-vigila){grid-row:auto}.diagrama--dedicado .dg-traza--ancho{display:none}.diagrama--dedicado .dg-traza--movil{display:block}.dgd-vigila{margin-bottom:var(--e-5);grid-column:1}.dgd-vigila:before{display:none}.dgd-vigila__texto{text-align:left;padding:0}.dgd-paso,.diagrama--dedicado .dgd-salidas,.dgd-zona{width:min(100%,360px)}.diagrama--dedicado .dg-ramas.dg-traza--movil{width:100%;height:48px}.dgd-paso>.dgd-num{left:50%;translate:-50% -50%}.diagrama--dedicado .dgd-salidas{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:auto}.diagrama--dedicado .dgd-salidas>.dg-nodo{justify-self:center;margin:0 4px}.dgd-zona{padding:44px 18px 20px}.dgd-zona__fila{flex-direction:column}.diagrama--dedicado .dg-uno.dg-traza--movil{width:10px;height:28px}.dgd-enlace{padding-block:8px}.diagrama--dedicado .dgd-enlace .dg-uno.dg-traza--movil{height:64px}.dgd-empresa{grid-template-rows:auto;gap:0;width:min(100%,260px);min-height:0}.dgd-empresa__nombre{justify-self:center;margin-bottom:10px}.dgd-router,.dgd-empresa__abajo{grid-row:auto}.dgd-notas{grid-template-columns:1fr;gap:18px}}.dgd-flujo{fill:none;stroke:var(--azul-senal);stroke-width:7px;stroke-linecap:round;stroke-dasharray:0 34;display:none}.dgd-zona .dgd-flujo{stroke:#fff}.dgd-enlace .dgd-flujo{stroke:#fff;stroke-width:3px}.dgd-caja__estado{display:grid}.dgd-caja__estado>*{grid-area:1/1}.dgd-caja__falla{opacity:0;font-weight:700}.dgd-num,.dgd-prov1,.dgd-prov2{position:relative}.dgd-num--1:after,.dgd-num--2:after,.dgd-num--3:after,.dgd-prov1:after,.dgd-prov2:after,.dgd-nucleo:after,.dgd-acceso:after,.dgd-enlace__linea:after{content:"";border:2px solid var(--azul-600);opacity:0;pointer-events:none;border-radius:18px;position:absolute;inset:-6px}.dgd-num:after{border-radius:50%;inset:-3px}.dgd-zona .dgd-caja:after{border-color:#fff}.dgd-enlace__linea:after{border-color:var(--azul-senal);inset:-12px -6px}@media (prefers-reduced-motion:no-preference){[data-marca=manual] .diagrama--dedicado :is(.dg-haz,.dg-centro,.dg-nodo--activo,.dg-nodo__icono){animation:none}.diagrama--dedicado .dg-haz{stroke:var(--azul-200)}.dgd-zona .dg-haz{stroke:#ffffff73}.dgd-enlace .dg-haz{stroke:var(--azul-senal)}.dgd-enlace .dg-base{stroke:#0e5ebe2e;animation:14s linear infinite tnDgdHalo}.dgd-flujo{animation:.4s linear infinite tnDgdFlujo;display:inline}.dgd-flujo.dgd-a{animation:.4s linear infinite tnDgdFlujo,14s linear infinite tnDgdApaga}.dgd-ruta-a{animation:14s linear infinite tnDgdAtenua}.dgd-prov1{animation:14s linear infinite tnDgdCaida}.dgd-prov1 .dgd-caja__nota:not(.dgd-caja__falla){animation:14s linear infinite tnDgdApaga}.dgd-caja__falla{animation:14s linear infinite tnDgdEnciende}.dgd-vigila:before{animation:14s linear infinite tnDgdLlave}.dgd-num--1:after,.dgd-num--2:after,.dgd-num--3:after{animation:14s linear infinite tnDgdAnillo}.dgd-num--1:after{animation-delay:4s}.dgd-num--2:after{animation-delay:7.6s}.dgd-num--3:after{animation-delay:10.2s}:is(.dgd-prov1,.dgd-prov2,.dgd-nucleo,.dgd-acceso,.dgd-enlace__linea):after{animation:14s linear infinite tnDgdRevisa}.dgd-prov1:after{animation-delay:7.8s}.dgd-prov2:after{animation-delay:8.05s}.dgd-nucleo:after{animation-delay:8.35s}.dgd-acceso:after{animation-delay:8.65s}.dgd-enlace__linea:after{animation-delay:8.95s}.dgd-nota--1{animation:14s linear infinite tnDgdNota1}.dgd-nota--2{animation:14s linear infinite tnDgdNota2}.dgd-nota--3{animation:14s linear infinite tnDgdNota3}}@keyframes tnDgdFlujo{to{stroke-dashoffset:-34px}}@keyframes tnDgdApaga{0%,28.57%,52.5%,to{opacity:1}31.07%,50%{opacity:0}}@keyframes tnDgdEnciende{0%,28.57%,52.5%,to{opacity:0}31.07%,50%{opacity:1}}@keyframes tnDgdAtenua{0%,28.57%,52.5%,to{opacity:1}31.07%,50%{opacity:.15}}@keyframes tnDgdCaida{0%,28.57%,52.5%,to{border-color:var(--gris-200);color:var(--titulo-en-claro)}31.07%,50%{border-color:var(--gris-500);color:var(--texto-2)}}@keyframes tnDgdLlave{0%,54.29%,72.86%,to{border-top-width:1.5px;border-left-width:1.5px;border-right-width:1.5px}56.07%,71.07%{border-top-width:3px;border-left-width:3px;border-right-width:3px}}@keyframes tnDgdAnillo{0%{opacity:.6;scale:1}6.43%{opacity:0;scale:2.2}to{opacity:0;scale:2.2}}@keyframes tnDgdRevisa{0%{opacity:0;scale:.98}1.79%{opacity:1}6.07%{opacity:1}7.86%{opacity:0;scale:1.05}to{opacity:0;scale:1.05}}@keyframes tnDgdHalo{0%,73.57%,90.71%,to{stroke-width:5px}76.43%,87.86%{stroke-width:19px}}@keyframes tnDgdNota1{0%,28.57%,54.29%,to{background-color:#0000;box-shadow:inset 3px 0 #0000}30.36%,52.5%{background-color:var(--gris-50);box-shadow:inset 3px 0 0 var(--azul-600)}}@keyframes tnDgdNota2{0%,54.29%,72.86%,to{background-color:#0000;box-shadow:inset 3px 0 #0000}56.07%,71.07%{background-color:var(--gris-50);box-shadow:inset 3px 0 0 var(--azul-600)}}@keyframes tnDgdNota3{0%,72.86%,91.43%,to{background-color:#0000;box-shadow:inset 3px 0 #0000}74.64%,89.64%{background-color:var(--gris-50);box-shadow:inset 3px 0 0 var(--azul-600)}}.dgd-pausa{display:none}@media (prefers-reduced-motion:no-preference){.dgd-pausa{margin-top:var(--e-5);font:500 14px / 1.4 var(--f-cuerpo);color:var(--texto-2);cursor:pointer;align-items:center;gap:8px;display:inline-flex}.dgd-pausa input{width:18px;height:18px;accent-color:var(--azul-600);margin:0}.diagrama--dedicado:has(.dgd-pausa input:checked) .dgd-flujo{display:none}.diagrama--dedicado:has(.dgd-pausa input:checked) :is(.dg-base,.dgd-ruta-a,.dgd-prov1,.dgd-caja__nota,.dgd-nota),.diagrama--dedicado:has(.dgd-pausa input:checked) .dgd-vigila:before,.diagrama--dedicado:has(.dgd-pausa input:checked) :is(.dgd-num,.dgd-prov1,.dgd-prov2,.dgd-nucleo,.dgd-acceso,.dgd-enlace__linea):after{animation:none}}