:root,:root[data-diseno="1"][data-modo=claro]{--fuente:"Figtree", system-ui, -apple-system, "Segoe UI", sans-serif;--fuente-num:"IBM Plex Mono", ui-monospace, "SFMono-Regular", monospace;--radio:18px;--radio-sm:12px;--fondo:#e8eef3;--fondo-solido:#e8eef3;--tinta:#1b2733;--tenue:#647383;--linea:#dde5eb;--tarjeta:#fff;--tarjeta-borde:#e4eaef;--sombra:0 10px 28px -16px #1b37504d;--fila:#f5f8fa;--fila-borde:#edf1f4;--pista:#e6ecf1;--acento:#0f9e8c;--sobre-acento:#fff;--acento-suave:#d8f3ef;--destacada:#fff;--destacada-tinta:#1b2733;--destacada-tenue:#647383;--destacada-borde:#e4eaef;--menu-fondo:linear-gradient(170deg, #14b39c 0%, #0f8fae 100%);--menu-tinta:#fff;--menu-tenue:#fffc;--menu-activo:#fff3;--marca-fondo:#fff;--marca-tinta:#0f8fae;--ok:#10b981;--ok-fondo:#dcf5ec;--ok-tinta:#0b6e4f;--mal:#e5484d;--mal-fondo:#fde4e4;--mal-tinta:#a4262c;--aviso:#f59e0b;--aviso-fondo:#fdf0d8;--aviso-tinta:#8a5a06;--pub-fondo:#e1efff;--pub-tinta:#1f5fbf;--vpn-fondo:#fdeede;--vpn-tinta:#a55a10;--clave-fondo:#efe7fd;--clave-tinta:#6b3fbf;--s1:#0fb39c;--s2:#3b82f6;--s3:#f59e0b;--s4:#8b5cf6;--vidrio:none;--logo-fondo:#f5f8fa}:root[data-diseno="1"][data-modo=oscuro]{--fuente:"Sora", system-ui, -apple-system, "Segoe UI", sans-serif;--radio:20px;--fondo:radial-gradient(120% 80% at 8% 0%, #16284a 0%, #0a1220 55%, #070c16 100%) fixed;--fondo-solido:#0a1220;--tinta:#e5eefb;--tenue:#8ea3bd;--linea:#80b4ff24;--tarjeta:#16243ca8;--tarjeta-borde:#80b4ff24;--sombra:inset 0 1px 0 #ffffff0d, 0 18px 40px -24px #000c;--fila:#ffffff08;--fila-borde:#80b4ff17;--pista:#ffffff14;--acento:#22d3ee;--sobre-acento:#04202a;--acento-suave:#22d3ee1f;--destacada:#16243ca8;--destacada-tinta:#e5eefb;--destacada-tenue:#8ea3bd;--destacada-borde:#22d3ee47;--menu-fondo:#0a1220b8;--menu-tinta:#e5eefb;--menu-tenue:#8ea3bd;--menu-activo:#22d3ee24;--marca-fondo:linear-gradient(135deg, #22d3ee, #6366f1);--marca-tinta:#04111d;--ok:#34d399;--ok-fondo:#34d3991f;--ok-tinta:#7ff0c6;--mal:#fb7185;--mal-fondo:#fb718524;--mal-tinta:#fda4af;--aviso:#fbbf24;--aviso-fondo:#fbbf241f;--aviso-tinta:#fcd98a;--pub-fondo:#6366f12e;--pub-tinta:#b4b6ff;--vpn-fondo:#fbbf2424;--vpn-tinta:#fcd98a;--clave-fondo:#ec489926;--clave-tinta:#f9a8d4;--s1:#22d3ee;--s2:#818cf8;--s3:#34d399;--s4:#f472b6;--vidrio:blur(12px);--logo-fondo:#ecf4fff0}:root[data-diseno="2"][data-modo=claro]{--fuente:"Plus Jakarta Sans", system-ui, -apple-system, "Segoe UI", sans-serif;--radio:22px;--fondo:#dde4ec;--fondo-solido:#dde4ec;--tinta:#152033;--tenue:#5f6c80;--linea:#d2dae3;--tarjeta:#f7f9fc;--tarjeta-borde:#e1e7ef;--sombra:0 12px 30px -18px #15203359;--fila:#fff;--fila-borde:#e4e9f0;--pista:#e2e8f0;--acento:#2f6fec;--sobre-acento:#fff;--acento-suave:#e0ebff;--destacada:#13213a;--destacada-tinta:#eef3fb;--destacada-tenue:#93a5c2;--destacada-borde:transparent;--menu-fondo:#f7f9fc;--menu-tinta:#152033;--menu-tenue:#5f6c80;--menu-activo:#e3eaf5;--marca-fondo:#13213a;--marca-tinta:#7cc4ff;--ok:#16a34a;--ok-fondo:#dcefe2;--ok-tinta:#14622f;--mal:#dc2626;--mal-fondo:#fde2e2;--mal-tinta:#991b1b;--aviso:#d97706;--aviso-fondo:#fcebd2;--aviso-tinta:#8a4b05;--pub-fondo:#e0ebff;--pub-tinta:#2352b8;--vpn-fondo:#fdecd6;--vpn-tinta:#9a520a;--clave-fondo:#ece6fb;--clave-tinta:#5b3aa8;--s1:#14b8c4;--s2:#2f6fec;--s3:#7cc4ff;--s4:#a78bfa;--vidrio:none;--logo-fondo:#fff}:root[data-diseno="2"][data-modo=oscuro]{--fuente:"Plus Jakarta Sans", system-ui, -apple-system, "Segoe UI", sans-serif;--radio:22px;--fondo:#0d1420;--fondo-solido:#0d1420;--tinta:#e6ecf5;--tenue:#8b98ad;--linea:#222e40;--tarjeta:#151f2f;--tarjeta-borde:#1f2b3d;--sombra:0 14px 30px -20px #000000b3;--fila:#1a2536;--fila-borde:#243145;--pista:#25324a;--acento:#7cb0ff;--sobre-acento:#0b1526;--acento-suave:#7cb0ff24;--destacada:#e9eff8;--destacada-tinta:#13213a;--destacada-tenue:#56657d;--destacada-borde:transparent;--menu-fondo:#111a28;--menu-tinta:#e6ecf5;--menu-tenue:#8b98ad;--menu-activo:#1f2b3f;--marca-fondo:#e9eff8;--marca-tinta:#2f6fec;--ok:#4ade80;--ok-fondo:#4ade801f;--ok-tinta:#86efac;--mal:#f87171;--mal-fondo:#f8717124;--mal-tinta:#fca5a5;--aviso:#fbbf24;--aviso-fondo:#fbbf241f;--aviso-tinta:#fcd98a;--pub-fondo:#7cb0ff29;--pub-tinta:#a9c8ff;--vpn-fondo:#fbbf2424;--vpn-tinta:#fcd98a;--clave-fondo:#a78bfa29;--clave-tinta:#c4b5fd;--s1:#2dd4bf;--s2:#7cb0ff;--s3:#f59e0b;--s4:#c084fc;--vidrio:none;--logo-fondo:#e9eff8}*,:before,:after{box-sizing:border-box}html,body{min-height:100%;margin:0}body{background:var(--fondo);background-color:var(--fondo-solido);color:var(--tinta);font-family:var(--fuente);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;font-size:15px;line-height:1.5}button,input,select,textarea{font:inherit;color:inherit}a{color:inherit}h1,h2,h3,h4{text-wrap:balance;letter-spacing:-.01em;margin:0;line-height:1.2}:focus-visible{outline:2px solid var(--acento);outline-offset:2px}.num{font-family:var(--fuente-num);font-variant-numeric:tabular-nums}.tenue{color:var(--tenue)}.ceja{letter-spacing:.08em;text-transform:uppercase;color:var(--tenue);font-size:11px;font-weight:700}.oculto-visual{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}.marco{grid-template-columns:248px minmax(0,1fr);min-height:100vh;display:grid}.marco[data-nav=iconos]{grid-template-columns:84px minmax(0,1fr)}.marco[data-nav=pestanas]{grid-template-columns:minmax(0,1fr)}.menu{background:var(--menu-fondo);height:100vh;color:var(--menu-tinta);flex-direction:column;gap:24px;padding:24px 16px;display:flex;position:sticky;top:0}.marco[data-nav=iconos] .menu{border-right:1px solid var(--linea);align-items:center;padding:22px 12px}.marco[data-nav=pestanas] .menu{display:none}.marca{align-items:center;gap:11px;font-size:17px;font-weight:800;text-decoration:none;display:flex}.marca i{background:var(--marca-fondo);width:38px;height:38px;color:var(--marca-tinta);border-radius:11px;flex:none;place-items:center;font-style:normal;display:grid}.marca svg{width:20px;height:20px}.marco[data-nav=iconos] .marca span{display:none}.menu nav{gap:4px;display:grid}.menu .grupo-menu{letter-spacing:.08em;text-transform:uppercase;color:var(--menu-tenue);padding:14px 12px 4px;font-size:11px;font-weight:700}.marco[data-nav=iconos] .grupo-menu{display:none}.enlace-menu{color:var(--menu-tenue);border-radius:12px;align-items:center;gap:12px;padding:10px 12px;font-size:14px;font-weight:600;text-decoration:none;transition:background .15s,color .15s;display:flex}.enlace-menu svg{flex:none;width:19px;height:19px}.enlace-menu:hover{color:var(--menu-tinta);background:var(--menu-activo)}.enlace-menu.active{background:var(--menu-activo);color:var(--menu-tinta)}.marco[data-nav=iconos] .enlace-menu{justify-content:center;width:48px;height:48px;padding:0}.marco[data-nav=iconos] .enlace-menu span{display:none}.menu .pie-menu{gap:10px;margin-top:auto;display:grid}.persona-menu{background:var(--menu-activo);border-radius:14px;align-items:center;gap:10px;min-width:0;padding:10px;text-decoration:none;display:flex}.persona-menu small{color:var(--menu-tenue);font-size:11px;display:block}.persona-menu b{white-space:nowrap;text-overflow:ellipsis;font-size:13px;display:block;overflow:hidden}.marco[data-nav=iconos] .persona-menu{background:0 0;padding:0}.marco[data-nav=iconos] .persona-menu div{display:none}.avatar{background:var(--acento);width:36px;height:36px;color:var(--sobre-acento);border-radius:50%;flex:none;place-items:center;font-weight:800;display:grid}.contenido{align-content:start;gap:20px;width:100%;min-width:0;max-width:1500px;margin:0 auto;padding:26px clamp(16px,3vw,36px) 48px;display:grid}.cabecera{flex-wrap:wrap;align-items:center;gap:14px;display:flex}.cabecera .titulo h1{font-size:clamp(22px,2.6vw,28px);font-weight:800}.cabecera .titulo p{color:var(--tenue);margin:2px 0 0;font-size:13px}.cabecera .herramientas{flex-wrap:wrap;align-items:center;gap:10px;margin-left:auto;display:flex}.pestanas-sup{flex-wrap:wrap;gap:6px;display:none}.marco[data-nav=pestanas] .pestanas-sup{display:flex}.pestana{border:1px solid var(--linea);color:var(--tenue);-webkit-backdrop-filter:var(--vidrio);backdrop-filter:var(--vidrio);border-radius:999px;padding:8px 15px;font-size:13px;font-weight:600;text-decoration:none}.pestana.active{background:var(--acento);border-color:var(--acento);color:var(--sobre-acento)}.marca-sup{display:none}.marco[data-nav=pestanas] .marca-sup{display:flex}.barra-movil{display:none}@media (width<=860px){.marco,.marco[data-nav=iconos]{grid-template-columns:minmax(0,1fr)}.marco .menu,.marco[data-nav=pestanas] .pestanas-sup{display:none}.marca-sup{display:flex!important}.contenido{padding-bottom:104px}.barra-movil{inset:auto 12px calc(12px + env(safe-area-inset-bottom)) 12px;z-index:30;background:var(--tarjeta);border:1px solid var(--tarjeta-borde);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-radius:20px;justify-content:space-around;padding:8px;display:flex;position:fixed;box-shadow:0 16px 40px -18px #00000073}.barra-movil a{color:var(--tenue);border-radius:14px;flex:1;justify-items:center;gap:2px;padding:6px 4px;font-size:11px;font-weight:600;text-decoration:none;display:grid}.barra-movil a svg{width:21px;height:21px}.barra-movil a.active{color:var(--acento);background:var(--acento-suave)}}.tarjeta{background:var(--tarjeta);border:1px solid var(--tarjeta-borde);border-radius:var(--radio);box-shadow:var(--sombra);-webkit-backdrop-filter:var(--vidrio);backdrop-filter:var(--vidrio);min-width:0;padding:18px;container-type:inline-size}.tarjeta.destacada{background:var(--destacada);color:var(--destacada-tinta);border-color:var(--destacada-borde)}.tarjeta.destacada .tenue,.tarjeta.destacada .ceja{color:var(--destacada-tenue)}.tarjeta-cab{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-bottom:12px;display:flex}.tarjeta-cab h2,.tarjeta-cab h3{align-items:center;gap:9px;font-size:15px;font-weight:700;display:flex}.seccion-cab{flex-wrap:wrap;justify-content:space-between;align-items:end;gap:12px;display:flex}.seccion-cab h2{font-size:18px;font-weight:800}.boton{border-radius:var(--radio-sm);border:1px solid var(--linea);background:var(--tarjeta);color:var(--tinta);cursor:pointer;white-space:nowrap;justify-content:center;align-items:center;gap:8px;padding:10px 16px;font-size:13px;font-weight:700;text-decoration:none;transition:transform .12s,background .15s,border-color .15s;display:inline-flex}.boton:hover{border-color:var(--acento)}.boton:active{transform:translateY(1px)}.boton:disabled{opacity:.55;cursor:not-allowed}.boton.primario{background:var(--acento);border-color:var(--acento);color:var(--sobre-acento)}.boton.peligro{color:var(--mal);border-color:color-mix(in srgb, var(--mal) 45%, transparent);background:0 0}.boton.peligro.lleno{background:var(--mal);color:#fff;border-color:var(--mal)}.boton.chico{border-radius:10px;padding:6px 10px;font-size:12px}.boton svg{width:16px;height:16px}.segmentos{background:var(--pista);border-radius:12px;gap:2px;padding:3px;display:inline-flex}.segmentos button{color:var(--tenue);cursor:pointer;background:0 0;border:0;border-radius:9px;padding:6px 12px;font-size:12px;font-weight:700}.segmentos button[aria-pressed=true]{background:var(--tarjeta);color:var(--tinta);box-shadow:0 2px 8px -4px #00000059}.pildora{white-space:nowrap;border-radius:999px;align-items:center;gap:7px;padding:6px 12px;font-size:12px;font-weight:700;display:inline-flex}.pildora.ok{background:var(--ok-fondo);color:var(--ok-tinta)}.pildora.mal{background:var(--mal-fondo);color:var(--mal-tinta)}.pildora.aviso{background:var(--aviso-fondo);color:var(--aviso-tinta)}.pildora:before{content:"";background:currentColor;border-radius:50%;width:8px;height:8px}.insignia{letter-spacing:.02em;white-space:nowrap;border-radius:99px;flex:none;align-items:center;padding:2px 8px;font-size:10.5px;font-weight:700;display:inline-flex}.insignia.publico{background:var(--pub-fondo);color:var(--pub-tinta)}.insignia.vpn{background:var(--vpn-fondo);color:var(--vpn-tinta)}.insignia.clave{background:var(--clave-fondo);color:var(--clave-tinta)}.punto{background:var(--tenue);border-radius:50%;flex:none;width:8px;height:8px}.punto.arriba{background:var(--ok);box-shadow:0 0 0 3px color-mix(in srgb, var(--ok) 22%, transparent)}.punto.caido{background:var(--mal);box-shadow:0 0 0 3px color-mix(in srgb, var(--mal) 25%, transparent)}.punto.pendiente,.punto.mantenimiento{background:var(--aviso)}.campo{gap:6px;display:grid}.campo label{font-size:13px;font-weight:600}.campo small{color:var(--tenue);font-size:12px}.entrada{border-radius:var(--radio-sm);border:1px solid var(--linea);background:var(--fila);width:100%;color:var(--tinta);outline:none;padding:11px 13px}.entrada:focus{border-color:var(--acento);box-shadow:0 0 0 3px var(--acento-suave)}.buscador{flex:220px;min-width:200px;max-width:320px;position:relative}.buscador svg{width:16px;height:16px;color:var(--tenue);position:absolute;top:50%;left:12px;transform:translateY(-50%)}.buscador .entrada{background:var(--tarjeta);padding-left:36px}.aviso-caja{border-radius:var(--radio-sm);background:var(--aviso-fondo);color:var(--aviso-tinta);padding:12px 14px;font-size:13px}.aviso-caja.mal{background:var(--mal-fondo);color:var(--mal-tinta)}.aviso-caja.ok{background:var(--ok-fondo);color:var(--ok-tinta)}.interruptor{cursor:pointer;justify-content:space-between;align-items:center;gap:12px;padding:10px 0;display:flex}.interruptor input{appearance:none;background:var(--pista);cursor:pointer;border-radius:99px;flex:none;width:42px;height:24px;transition:background .15s;position:relative}.interruptor input:after{content:"";background:#fff;border-radius:50%;width:18px;height:18px;transition:transform .15s;position:absolute;top:3px;left:3px;box-shadow:0 1px 3px #0000004d}.interruptor input:checked{background:var(--acento)}.interruptor input:checked:after{transform:translate(18px)}.logo{background:var(--logo-fondo);border:1px solid var(--fila-borde);border-radius:12px;flex:none;place-items:center;width:42px;height:42px;display:grid;overflow:hidden}.logo img{object-fit:contain;width:70%;height:70%}.logo.monograma{color:#fff;border:0;font-size:17px;font-weight:800}.logo.grande{border-radius:16px;width:56px;height:56px}.anillo{width:64px;height:64px;position:relative}.anillo svg{width:100%;height:100%;transform:rotate(-90deg)}.anillo circle{transition:stroke-dasharray .6s}.anillo b{font-family:var(--fuente-num);place-items:center;font-size:12.5px;font-weight:500;display:grid;position:absolute;inset:0}.grafico{width:100%;position:relative}.grafico svg{width:100%;height:100%;display:block;overflow:visible}.grafico .eje{font-family:var(--fuente-num);fill:var(--tenue);font-size:10px}.grafico .burbuja{pointer-events:none;z-index:3;background:var(--tarjeta);border:1px solid var(--tarjeta-borde);color:var(--tinta);white-space:nowrap;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:color-mix(in srgb, var(--fondo-solido) 88%, transparent);border-radius:10px;padding:8px 10px;font-size:12px;position:absolute;box-shadow:0 10px 24px -12px #00000073}.leyenda{color:var(--tenue);flex-wrap:wrap;gap:14px;font-size:12px;display:flex}.leyenda span{align-items:center;gap:6px;display:inline-flex}.leyenda i{border-radius:3px;width:10px;height:10px}.tarjeta.destacada .grafico .eje{fill:var(--destacada-tenue)}.servidores{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px;display:grid}.servidor{color:inherit;gap:12px;text-decoration:none;transition:transform .15s;display:grid}a.servidor:hover{transform:translateY(-2px)}.servidor .anillos{text-align:center;grid-template-columns:repeat(3,1fr);gap:6px;display:grid}.servidor .anillos small{margin-top:4px;font-size:11px;display:block}.servidor .spark{height:42px}.centro{grid-template-columns:minmax(0,1.7fr) minmax(0,1fr);gap:16px;display:grid}@media (width<=1100px){.centro{grid-template-columns:minmax(0,1fr)}}.dona-caja{grid-template-columns:132px minmax(0,1fr);align-items:center;gap:18px;display:grid}@container (width<=280px){.dona-caja{grid-template-columns:1fr;justify-items:center}.dona-caja .barras{width:100%}}.dona{width:132px;height:132px;position:relative}.dona svg{width:100%;height:100%;transform:rotate(-90deg)}.dona b{text-align:center;place-content:center;font-size:22px;display:grid;position:absolute;inset:0}.dona b small{font-family:var(--fuente);color:var(--tenue);font-size:11px;font-weight:500}.barras{gap:11px;display:grid}.barra-dato{gap:5px;font-size:12px;display:grid}.barra-dato .fila-dato{justify-content:space-between;gap:8px;display:flex}.barra-dato .pista{background:var(--pista);border-radius:99px;height:7px;overflow:hidden}.barra-dato .pista i{border-radius:99px;height:100%;transition:width .6s;display:block}.grupos{grid-template-columns:repeat(auto-fill,minmax(330px,1fr));align-items:start;gap:16px;display:grid}.grupo-titulo{align-items:center;gap:9px;display:flex}.grupo-titulo i{border-radius:4px;width:8px;height:20px}.lista-servicios{gap:8px;display:grid}.servicio{background:var(--fila);border:1px solid var(--fila-borde);color:inherit;text-align:left;cursor:pointer;border-radius:15px;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:12px;width:100%;padding:10px 12px;text-decoration:none;transition:border-color .15s,transform .15s;display:grid}.servicio:hover{border-color:var(--acento)}.servicio .nombre{white-space:nowrap;align-items:center;gap:7px;font-size:14px;font-weight:700;display:flex;overflow:hidden}.servicio .nombre span{text-overflow:ellipsis;overflow:hidden}.servicio .sub{min-width:0;color:var(--tenue);align-items:center;gap:7px;margin-top:3px;font-size:12px;display:flex}.servicio .sub span:last-child{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.servicio .metricas{text-align:right;color:var(--tenue);font-size:11.5px;line-height:1.35;display:grid}@container (width<=330px){.servicio .metricas{display:none}}.mosaico{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px;display:grid}.app{border-radius:var(--radio);background:var(--tarjeta);border:1px solid var(--tarjeta-borde);box-shadow:var(--sombra);-webkit-backdrop-filter:var(--vidrio);backdrop-filter:var(--vidrio);color:inherit;gap:10px;padding:16px;text-decoration:none;transition:transform .15s,border-color .15s;display:grid}.app:hover{border-color:var(--acento);transform:translateY(-2px)}.app b{font-size:14px}.app small{color:var(--tenue);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:12px;display:-webkit-box;overflow:hidden}.vacio{text-align:center;color:var(--tenue);padding:40px 16px}.vacio h2{color:var(--tinta);margin-bottom:6px;font-size:18px}.rejilla-graficos{grid-template-columns:repeat(auto-fill,minmax(420px,1fr));gap:16px;display:grid}@media (width<=520px){.rejilla-graficos{grid-template-columns:minmax(0,1fr)}}.cifra-grande{letter-spacing:-.02em;font-size:26px;font-weight:700}.cifras{flex-wrap:wrap;gap:22px;margin-bottom:6px;display:flex}.cifras small{color:var(--tenue);font-size:11.5px;display:block}.velo{z-index:50;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#050a1473;justify-content:flex-end;animation:.15s aparecer;display:flex;position:fixed;inset:0}.velo.centrado{justify-content:center;align-items:center;padding:16px}.ventana{background:var(--fondo-solido);border:1px solid var(--linea);border-radius:var(--radio);gap:16px;width:min(460px,100%);max-height:calc(100vh - 32px);padding:22px;display:grid;overflow-y:auto;box-shadow:0 30px 70px -30px #0009}.ventana.ancha{width:min(760px,100%)}.ventana-cab{align-items:center;gap:14px;display:flex}.ventana-cab h2{font-size:20px;font-weight:800}.cerrar{border:1px solid var(--linea);cursor:pointer;width:36px;height:36px;color:var(--tenue);background:0 0;border-radius:10px;flex:none;place-items:center;margin-left:auto;display:grid}.datos{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.dato{background:var(--fila);border:1px solid var(--fila-borde);border-radius:14px;padding:12px 14px}.dato small{color:var(--tenue);font-size:11.5px;display:block}.dato b{align-items:center;gap:8px;font-size:16px;display:flex}.contenedor{background:var(--fila);border:1px solid var(--fila-borde);border-radius:14px;gap:10px;padding:12px 14px;display:grid}.contenedor .nombre-c{font-family:var(--fuente-num);word-break:break-all;font-size:12px}.contenedor .fila-c{color:var(--tenue);flex-wrap:wrap;align-items:center;gap:10px;font-size:12px;display:flex}.contenedor .fila-c .acciones-c{gap:6px;margin-left:auto;display:flex}.codigo-totp{font-family:var(--fuente-num);letter-spacing:.35em;text-align:center;font-size:24px}@keyframes aparecer{0%{opacity:0}}.pantalla-acceso{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);min-height:100vh;display:grid}.acceso-arte{background:var(--menu-fondo);color:var(--menu-tinta);flex-direction:column;justify-content:space-between;padding:48px;display:flex;position:relative;overflow:hidden}:root[data-diseno="2"] .acceso-arte{background:var(--destacada);color:var(--destacada-tinta)}.acceso-arte h1{max-width:14ch;font-size:clamp(30px,3.6vw,46px);font-weight:800}.acceso-arte p{opacity:.85;max-width:42ch}.acceso-arte .mosaico-arte{grid-template-columns:repeat(4,64px);gap:14px;display:grid}.acceso-arte .mosaico-arte span{background:#ffffffeb;border-radius:18px;place-items:center;width:64px;height:64px;display:grid;box-shadow:0 10px 24px -14px #00000080}.acceso-arte .mosaico-arte img{width:60%;height:60%}.acceso-form{place-items:center;padding:32px 20px;display:grid}.acceso-form form,.acceso-form .caja-acceso{gap:16px;width:min(400px,100%);display:grid}.acceso-form h2{font-size:26px;font-weight:800}@media (width<=860px){.pantalla-acceso{grid-template-columns:minmax(0,1fr)}.acceso-arte{gap:22px;padding:28px 20px}.acceso-arte .mosaico-arte{grid-template-columns:repeat(4,48px)}.acceso-arte .mosaico-arte span{border-radius:14px;width:48px;height:48px}}.tabla-caja{border-radius:var(--radio);border:1px solid var(--tarjeta-borde);background:var(--tarjeta);-webkit-backdrop-filter:var(--vidrio);backdrop-filter:var(--vidrio);overflow-x:auto}table.tabla{border-collapse:collapse;width:100%;font-size:13px}.tabla th{text-align:left;letter-spacing:.06em;text-transform:uppercase;color:var(--tenue);border-bottom:1px solid var(--linea);white-space:nowrap;padding:12px 14px;font-size:11px;font-weight:700}.tabla td{border-bottom:1px solid var(--fila-borde);vertical-align:middle;padding:10px 14px}.tabla tr:last-child td{border-bottom:0}.tabla tr.apagado td{opacity:.55}.celda-servicio{align-items:center;gap:10px;min-width:200px;display:flex}.celda-servicio .logo{border-radius:10px;width:34px;height:34px}.celda-servicio small{color:var(--tenue);font-size:11.5px;display:block}.formulario{gap:14px;display:grid}.formulario .dos{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}@media (width<=560px){.formulario .dos,.datos{grid-template-columns:minmax(0,1fr)}}.permisos-grupo{gap:6px;display:grid}.permisos-grupo h4{align-items:center;gap:8px;margin-top:6px;font-size:13px;display:flex}.casilla{background:var(--fila);border:1px solid var(--fila-borde);cursor:pointer;border-radius:12px;align-items:center;gap:10px;padding:8px 10px;font-size:13px;display:flex}.casilla input{width:17px;height:17px;accent-color:var(--acento)}.casilla .logo{border-radius:8px;width:28px;height:28px}.rejilla-casillas{grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:8px;display:grid}.fila-botones{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.selector-tema{gap:14px;display:grid}.opciones-diseno{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.opcion-diseno{border:2px solid var(--linea);background:var(--fila);cursor:pointer;text-align:left;border-radius:16px;gap:8px;padding:10px;display:grid}.opcion-diseno[aria-pressed=true]{border-color:var(--acento)}.opcion-diseno .muestras{grid-template-columns:1fr 1fr;gap:6px;display:grid}.muestra{border-radius:10px;grid-template-columns:22% 1fr;gap:4px;height:58px;padding:5px;display:grid;overflow:hidden}.muestra i{border-radius:6px;display:block}.muestra span{gap:4px;display:grid}.muestra span i{height:100%}.muestra.a{background:#e8eef3}.muestra.a>i{background:linear-gradient(170deg,#14b39c,#0f8fae)}.muestra.a span i{background:#fff}.muestra.b{background:#0a1220;grid-template-columns:1fr}.muestra.b>i{display:none}.muestra.b span i{background:#22d3ee38;border:1px solid #22d3ee59}.muestra.c{background:#dde4ec;grid-template-columns:12% 1fr}.muestra.c>i{background:#f7f9fc}.muestra.c span i:first-child{background:#13213a}.muestra.c span i{background:#f7f9fc}.muestra.d{background:#0d1420;grid-template-columns:12% 1fr}.muestra.d>i{background:#151f2f}.muestra.d span i:first-child{background:#e9eff8}.muestra.d span i{background:#151f2f}.cargando{min-height:60vh;color:var(--tenue);place-items:center;display:grid}.giro{border:3px solid var(--pista);border-top-color:var(--acento);border-radius:50%;width:28px;height:28px;animation:.8s linear infinite girar}@keyframes girar{to{transform:rotate(360deg)}}.emergente{border-radius:calc(var(--radio) + 6px);background:var(--fondo-solido);border:1px solid var(--linea);align-content:start;gap:18px;width:min(760px,100%);max-height:calc(100vh - 48px);padding:26px;animation:.18s emerger;display:grid;position:relative;overflow-y:auto;box-shadow:0 40px 90px -30px #0009}.emergente:before{content:"";background:var(--color-grupo);height:4px;position:absolute;inset:0 0 auto}:root[data-diseno="1"][data-modo=oscuro] .emergente{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#0b1424e6;border-color:#22d3ee38}.emergente-cerrar{position:absolute;top:16px;right:16px}.ficha-cab{grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:16px;padding-right:44px;display:grid}.ficha-cab .logo.grande{border-radius:20px;width:68px;height:68px}.ficha-titulo h2{font-size:24px;font-weight:800}.ficha-titulo p{color:var(--tenue);margin:2px 0 8px;font-size:14px}.ficha-insignias{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.ficha-insignias .pildora{padding:3px 10px;font-size:11px}.ficha-dominio{font-size:12px}.ficha-datos{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;display:grid}.ficha-datos .dato{background:var(--tarjeta);border-color:var(--tarjeta-borde)}:root[data-diseno="2"] .ficha-datos .dato:first-child{background:var(--destacada);color:var(--destacada-tinta);border-color:#0000}:root[data-diseno="2"] .ficha-datos .dato:first-child small{color:var(--destacada-tenue)}.ficha-contenedores{gap:8px;display:grid}.ficha-contenedores h3{font-size:15px;font-weight:700}.ficha-contenedores .contenedor{grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px}.ficha-contenedores .acciones-c{gap:6px;display:flex}@media (width<=640px){.velo.centrado:has(.emergente){align-items:flex-end;padding:0}.emergente{width:100%;max-height:92vh;padding:22px 16px calc(22px + env(safe-area-inset-bottom));border-radius:24px 24px 0 0;animation:.22s subir}.ficha-cab{grid-template-columns:auto minmax(0,1fr);padding-right:0}.ficha-titulo{padding-right:44px}.ficha-accion{grid-column:1/-1}.ficha-accion .boton{width:100%}.ficha-datos{grid-template-columns:repeat(2,minmax(0,1fr))}.ficha-contenedores .contenedor{grid-template-columns:auto minmax(0,1fr)}.ficha-contenedores .acciones-c{grid-column:1/-1}}@keyframes emerger{0%{opacity:0;transform:translateY(10px)scale(.98)}}@keyframes subir{0%{opacity:0;transform:translateY(40px)}}.solo-movil{display:none!important}.servicio .dominio+.servidor-fila:before{content:" · "}.barra-admin{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.barra-admin-botones{flex-wrap:wrap;gap:8px;margin-left:auto;display:flex}.fila-filtros{flex-wrap:wrap;align-items:center;gap:10px;display:flex}@media (width<=860px){.solo-escritorio{display:none!important}.solo-movil{display:revert!important}.boton.solo-movil{display:inline-flex!important}.contenido{gap:16px;padding-top:0}.cabecera{z-index:25;padding:calc(12px + env(safe-area-inset-top)) 16px 12px;background:color-mix(in srgb, var(--fondo-solido) 86%, transparent);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid var(--linea);grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:10px 8px;margin-inline:-16px;display:grid;position:sticky;top:0}.cabecera .titulo{grid-area:1/1;min-width:0}.cabecera .titulo h1{white-space:nowrap;text-overflow:ellipsis;font-size:22px;overflow:hidden}.cabecera .titulo p{display:none}.cabecera .herramientas{display:contents}.cabecera .boton-icono{grid-area:1/2}.cabecera .tema-caja{grid-area:1/3}.boton-icono,.boton-tema{border-radius:12px;width:40px;height:40px;padding:0}.boton-icono svg,.boton-tema svg{width:18px;height:18px}.cabecera .buscador{grid-area:2/1/auto/-1;min-width:0;max-width:none;display:none}.cabecera.buscando .buscador{display:block}.centro .grafico{height:150px!important}.dona{width:104px;height:104px}.dona b{font-size:18px}.dona-caja{grid-template-columns:104px minmax(0,1fr);gap:14px}.grupos{gap:18px;grid-template-columns:minmax(0,1fr)!important}.grupos>.tarjeta{box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;border:0;padding:0}.grupos>.tarjeta>.tarjeta-cab{margin-bottom:8px}.grupos .servicio{background:var(--tarjeta);border-color:var(--tarjeta-borde);box-shadow:var(--sombra)}.servicio .dominio{display:none}.servicio .dominio+.servidor-fila:before{content:none}.mosaico{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.app{text-align:center;justify-items:center;gap:8px;padding:14px 8px 12px;position:relative}.app>div:first-child{justify-content:center!important}.app .punto{position:absolute;top:10px;right:10px}.app .logo{border-radius:14px;width:48px;height:48px}.app b{white-space:nowrap;text-overflow:ellipsis;max-width:100%;font-size:12.5px;overflow:hidden}.app small{display:none}.fila-filtros{flex-direction:column;align-items:stretch}.segmentos.desplazable,.pestanas-admin{scrollbar-width:none;max-width:100%;overflow-x:auto;flex-wrap:nowrap!important;justify-self:stretch!important}.segmentos.desplazable::-webkit-scrollbar{display:none}.pestanas-admin::-webkit-scrollbar{display:none}.segmentos.desplazable button,.pestanas-admin button{white-space:nowrap;flex:none}.selectores-servidor .segmentos{display:flex}.selectores-servidor .segmentos button{white-space:nowrap;flex:1;padding:8px 6px;line-height:1.2}.selectores-servidor{gap:8px}.tabla-personas td:nth-child(5){display:none}.rejilla-graficos .grafico{height:130px!important}.cifra-grande{font-size:20px}.cifras{gap:18px}.barra-admin{flex-wrap:nowrap}.barra-admin .entrada{flex:1;min-width:0;max-width:none!important}.barra-admin-botones{flex-wrap:nowrap}.barra-admin .texto-boton{display:none}.barra-admin-botones .boton{width:44px;height:44px;padding:0}.tabla-caja{-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;border:0;overflow:visible}table.tabla,.tabla tbody{display:block}.tabla thead{display:none}.tabla tr{background:var(--tarjeta);border:1px solid var(--tarjeta-borde);border-radius:var(--radio);box-shadow:var(--sombra);flex-wrap:wrap;align-items:center;gap:8px 10px;margin-bottom:10px;padding:12px 14px;display:flex}.tabla td{border:0;padding:0;display:block}.tabla td.c-principal,.tabla td.c-bloque{flex:100%;min-width:0}.tabla td.c-chip{font-size:12px}.tabla td[data-etiqueta]:before{content:attr(data-etiqueta) ": ";color:var(--tenue)}.tabla td.c-visible,.tabla td.c-editar{margin-left:auto}.tabla td.c-visible+td.c-editar{margin-left:0}.celda-servicio{min-width:0}.celda-servicio small{word-break:break-all}.velo.centrado:has(.ventana){align-items:flex-end;padding:0}.ventana,.ventana.ancha{width:100%;max-height:92vh;padding:20px 16px calc(20px + env(safe-area-inset-bottom));border-radius:24px 24px 0 0}.pantalla-acceso{grid-template-rows:minmax(0,1fr) auto;min-height:100dvh}.acceso-arte{justify-content:space-between;gap:8px;padding:12px 20px}.acceso-arte .marca i{width:34px;height:34px}.acceso-arte>div:nth-child(2){gap:6px!important}.acceso-arte h1{font-size:24px}.acceso-arte p{margin:0;font-size:13px;line-height:1.4}.acceso-arte .mosaico-arte{grid-template-columns:repeat(8,minmax(0,1fr));gap:6px}.acceso-arte .mosaico-arte span{aspect-ratio:1;border-radius:10px;width:auto;height:auto}.acceso-form{padding:12px 20px calc(12px + env(safe-area-inset-bottom));place-items:start center}.acceso-form form,.acceso-form .caja-acceso{gap:10px}.acceso-form h2{font-size:22px}.acceso-form .campo{gap:4px}.acceso-form .campo label{font-size:12.5px}.acceso-form .entrada{padding:9px 12px}}