:root{--fondo: #070b16;--fondo-2: #0c1224;--panel: rgba(255, 255, 255, .045);--borde: rgba(255, 255, 255, .1);--borde-fuerte: rgba(255, 255, 255, .18);--texto: #eaf0ff;--texto-2: #9fb0d0;--cyan: #22d3ee;--azul: #4f7cff;--verde: #34d399;--ambar: #fbbf24;--rojo: #f87171;--radio: 16px;--sombra: 0 24px 60px rgba(2, 6, 20, .55)}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--fondo);color:var(--texto);font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;-webkit-font-smoothing:antialiased;overflow-x:hidden}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;background:radial-gradient(900px 500px at 12% -8%,rgba(34,211,238,.16),transparent 60%),radial-gradient(800px 520px at 88% 4%,rgba(79,124,255,.16),transparent 62%),linear-gradient(180deg,#070b16,#080d1c 60%,#060913)}a{color:inherit;text-decoration:none}h1,h2,h3{line-height:1.12;letter-spacing:-.02em;margin:0}p{margin:0;color:var(--texto-2);line-height:1.65}.contenedor{width:min(1180px,calc(100% - 40px));margin:0 auto}.cabecera{position:sticky;top:0;z-index:40;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#070b16c7;border-bottom:1px solid var(--borde)}.cabecera-fila{display:flex;align-items:center;gap:14px;height:66px}.marca{display:flex;align-items:center;gap:10px;font-weight:800;font-size:18px;letter-spacing:-.02em}.marca img{width:30px;height:30px}.marca span b{background:linear-gradient(120deg,var(--cyan),var(--azul));-webkit-background-clip:text;background-clip:text;color:transparent}.nav{display:flex;gap:4px;margin-left:auto;align-items:center}.nav a{padding:9px 14px;border-radius:10px;color:var(--texto-2);font-size:14.5px;font-weight:500;transition:.18s}.nav a:hover{color:var(--texto);background:#ffffff0f}.nav a.activo{color:var(--texto);background:#ffffff14}.burger{display:none;margin-left:auto;width:42px;height:42px;border-radius:11px;border:1px solid var(--borde);background:var(--panel);color:var(--texto);font-size:18px;cursor:pointer}.boton{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 20px;border-radius:12px;border:1px solid transparent;background:linear-gradient(120deg,var(--cyan),var(--azul));color:#05203a;font-weight:700;font-size:15px;cursor:pointer;transition:.18s;font-family:inherit;white-space:nowrap}.boton:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 12px 28px #22d3ee47}.boton:disabled{opacity:.5;cursor:not-allowed}.boton.fantasma{background:var(--panel);border-color:var(--borde-fuerte);color:var(--texto)}.boton.fantasma:hover:not(:disabled){box-shadow:none;background:#ffffff17}.boton.peligro{background:#f8717124;border-color:#f8717166;color:#fecaca}.boton.chico{padding:8px 13px;font-size:13.5px;border-radius:10px}.portada{padding:88px 0 64px;display:grid;grid-template-columns:1.05fr .95fr;gap:56px;align-items:center}.etiqueta{display:inline-flex;align-items:center;gap:8px;padding:7px 14px;border-radius:999px;border:1px solid var(--borde-fuerte);background:var(--panel);font-size:13px;color:var(--texto-2);margin-bottom:20px}.punto{width:7px;height:7px;border-radius:50%;background:var(--verde);box-shadow:0 0 0 4px #34d3992e}.portada h1{font-size:clamp(34px,5.2vw,58px);font-weight:800;margin-bottom:18px}.degradado{background:linear-gradient(120deg,var(--cyan),var(--azul));-webkit-background-clip:text;background-clip:text;color:transparent}.portada p.entrada{font-size:18px;max-width:540px;margin-bottom:28px}.acciones{display:flex;gap:12px;flex-wrap:wrap}.tarjeta{background:var(--panel);border:1px solid var(--borde);border-radius:var(--radio);padding:24px;box-shadow:var(--sombra);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.tarjeta h3{font-size:17px;margin-bottom:4px}.campo{display:block;margin-bottom:14px}.campo span{display:block;font-size:13px;color:var(--texto-2);margin-bottom:7px;font-weight:500}input,select{width:100%;padding:13px 14px;border-radius:12px;border:1px solid var(--borde);background:#00000047;color:var(--texto);font-size:15px;font-family:inherit;transition:.15s}input:focus,select:focus{outline:none;border-color:var(--cyan);box-shadow:0 0 0 3px #22d3ee29}input.id-grande{font-size:26px;letter-spacing:5px;text-align:center;font-weight:700;font-variant-numeric:tabular-nums}.aviso{padding:12px 14px;border-radius:12px;font-size:14px;margin-bottom:14px;border:1px solid}.aviso.error{background:#f871711f;border-color:#f8717159;color:#fecaca}.aviso.ok{background:#34d3991f;border-color:#34d39959;color:#a7f3d0}.aviso.info{background:#4f7cff1f;border-color:#4f7cff59;color:#c7d7ff}.seccion{padding:70px 0}.titulo-seccion{text-align:center;max-width:660px;margin:0 auto 44px}.titulo-seccion h2{font-size:clamp(26px,3.4vw,38px);font-weight:800;margin-bottom:12px}.rejilla{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:18px}.rasgo{padding:24px;border-radius:var(--radio);border:1px solid var(--borde);background:var(--panel);transition:.2s}.rasgo:hover{border-color:var(--borde-fuerte);transform:translateY(-2px)}.rasgo .icono{width:44px;height:44px;border-radius:12px;display:grid;place-items:center;background:linear-gradient(135deg,#22d3ee33,#4f7cff33);border:1px solid var(--borde-fuerte);margin-bottom:14px;font-size:20px}.rasgo h3{font-size:16.5px;margin-bottom:8px}.rasgo p{font-size:14.5px}.panel-cabecera{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:26px}.panel-cabecera h1{font-size:30px;font-weight:800;margin-bottom:6px}.lista-dispositivos{display:grid;gap:12px}.dispositivo{display:flex;align-items:center;gap:16px;padding:18px;border-radius:14px;border:1px solid var(--borde);background:var(--panel);flex-wrap:wrap}.dispositivo .avatar{width:46px;height:46px;border-radius:12px;display:grid;place-items:center;font-size:22px;background:#ffffff0d;border:1px solid var(--borde);flex-shrink:0}.dispositivo .datos{flex:1;min-width:160px}.dispositivo .datos strong{display:block;font-size:16px;margin-bottom:4px}.dispositivo .datos small{color:var(--texto-2);font-size:13px;font-variant-numeric:tabular-nums}.insignia{display:inline-flex;align-items:center;gap:6px;padding:5px 11px;border-radius:999px;font-size:12.5px;font-weight:600;border:1px solid}.insignia.en-linea{background:#34d3991f;border-color:#34d39959;color:#6ee7b7}.insignia.fuera{background:#ffffff0d;border-color:var(--borde);color:var(--texto-2)}.vacio{text-align:center;padding:56px 24px;border:1px dashed var(--borde-fuerte);border-radius:var(--radio);color:var(--texto-2)}.visor{position:fixed;top:0;right:0;bottom:0;left:0;background:#04070f;display:flex;flex-direction:column;z-index:60}.visor-barra{display:flex;align-items:center;gap:12px;padding:10px 16px;background:#090e1ceb;border-bottom:1px solid var(--borde);flex-wrap:wrap}.visor-barra .titulo{font-weight:700;font-size:15px}.visor-barra .separador{margin-left:auto}.visor-lienzo{flex:1;display:grid;place-items:center;overflow:hidden;padding:10px}.visor-lienzo video{max-width:100%;max-height:100%;border-radius:10px;background:#000;box-shadow:0 20px 60px #0009;cursor:crosshair}.cargando{display:grid;place-items:center;gap:16px;text-align:center}.girador{width:42px;height:42px;border-radius:50%;border:3px solid rgba(255,255,255,.14);border-top-color:var(--cyan);animation:girar .9s linear infinite}@keyframes girar{to{transform:rotate(360deg)}}.pie{border-top:1px solid var(--borde);padding:40px 0;margin-top:40px}.pie-fila{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;align-items:center;color:var(--texto-2);font-size:14px}.pie-fila a:hover{color:var(--cyan)}@media (max-width: 900px){.portada{grid-template-columns:1fr;padding:52px 0 40px;gap:34px}.nav{display:none}.nav.abierto{display:flex;position:absolute;top:66px;left:0;right:0;flex-direction:column;align-items:stretch;gap:2px;padding:12px;background:#080d1afa;border-bottom:1px solid var(--borde)}.burger{display:block}}@media (max-width: 560px){.contenedor{width:calc(100% - 28px)}.acciones .boton{width:100%}input.id-grande{font-size:21px;letter-spacing:3px}}