:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--color-fondo:#f2f3f5;--color-superficie:#fff;--color-texto:#111827;--color-texto-suave:#4b5563;--color-borde:#cdd1d8;--color-borde-campo:#6b7280;--color-primario:#1f2937;--color-sobre-primario:#fff;--color-secundario:#e5e7eb;--color-acento:#1d4ed8;--color-foco:#2563eb;--color-ok-fondo:#dcfce7;--color-ok-texto:#166534;--color-error-fondo:#fee2e2;--color-error-texto:#991b1b;--color-aviso-fondo:#fef3c7;--color-aviso-texto:#92400e;--color-peligro:#b91c1c;--color-velo:#11182773;--esp-1:4px;--esp-2:8px;--esp-3:12px;--esp-4:16px;--esp-5:24px;--esp-6:32px;--radio-s:10px;--radio-m:14px;--radio-l:22px;--radio-pildora:999px;--toque:48px;--barra-inferior:64px;--ancho-max:640px;--icono:24px;--pestana-icono-ancho:56px;--pestana-icono-alto:32px;--asa-ancho:40px;--asa-alto:4px;--campo-corto:7rem;--hoja-alto-max:88dvh;--fuente:system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", sans-serif;--texto-s:.875rem;--texto-m:1rem;--texto-xs:.75rem;--texto-l:1.125rem;--titulo:2rem;--t-rapida:.15s;--t-media:.25s;--curva:cubic-bezier(.2, .8, .2, 1);--seguro-arriba:env(safe-area-inset-top,0px);--seguro-abajo:env(safe-area-inset-bottom,0px);--seguro-izq:env(safe-area-inset-left,0px);--seguro-der:env(safe-area-inset-right,0px);--margen-lateral:max(var(--esp-4), var(--seguro-izq), var(--seguro-der))}*,:before,:after{box-sizing:border-box}html,body{overscroll-behavior:none;height:100%;margin:0;overflow:hidden}body{font-family:var(--fuente);font-size:var(--texto-m);color:var(--color-texto);background:var(--color-fondo);-webkit-text-size-adjust:100%;line-height:1.45}#root{height:100%}h1,h2,p{margin:0}button{font:inherit;color:inherit;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;touch-action:manipulation;cursor:pointer}:focus-visible{outline:3px solid var(--color-foco);outline-offset:2px}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:1ms!important;animation-duration:1ms!important}}.app{width:100%;max-width:var(--ancho-max);background:var(--color-fondo);flex-direction:column;height:100dvh;margin:0 auto;display:flex}.barra-superior{justify-content:space-between;align-items:center;gap:var(--esp-3);min-height:calc(var(--toque) + var(--esp-2));padding:calc(var(--esp-2) + var(--seguro-arriba)) var(--margen-lateral) 0;display:flex}.contexto{min-width:0;font-size:var(--texto-s);color:var(--color-texto-suave);text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.avatar{width:var(--toque);height:var(--toque);border-radius:var(--radio-pildora);color:var(--color-sobre-primario);background:var(--color-primario);border:0;flex:none;font-weight:700}.contenido{overscroll-behavior-y:contain;-webkit-overflow-scrolling:touch;min-height:0;padding:0 var(--margen-lateral) var(--esp-6);flex:1;overflow-y:auto}.contenido.centrado{justify-content:center;align-items:flex-start;gap:var(--esp-4);padding-top:var(--seguro-arriba);padding-bottom:var(--seguro-abajo);flex-direction:column;display:flex}.contenido.centrado>form,.contenido.centrado>.boton{width:100%}.banner{justify-content:space-between;align-items:center;gap:var(--esp-3);margin:var(--esp-2) var(--margen-lateral) 0;padding:var(--esp-1) var(--esp-2) var(--esp-1) var(--esp-4);border-radius:var(--radio-m);font-size:var(--texto-s);color:var(--color-aviso-texto);background:var(--color-aviso-fondo);display:flex}.barra-inferior{padding:0 var(--seguro-izq) var(--seguro-abajo) var(--seguro-der);background:var(--color-superficie);border-top:1px solid var(--color-borde);flex:none;display:flex}.pestana{justify-content:center;align-items:center;gap:var(--esp-1);min-height:var(--barra-inferior);padding:var(--esp-2) var(--esp-1);font-size:var(--texto-xs);color:var(--color-texto-suave);transition:color var(--t-rapida) var(--curva);background:0 0;border:0;flex-direction:column;flex:1;font-weight:600;display:flex}.icono-pestana{width:var(--pestana-icono-ancho);height:var(--pestana-icono-alto);border-radius:var(--radio-pildora);transition:background-color var(--t-rapida) var(--curva);justify-content:center;align-items:center;display:flex}.pestana[aria-current=page]{color:var(--color-primario)}.pestana[aria-current=page] .icono-pestana{background:var(--color-secundario)}h1{margin:var(--esp-4) 0 var(--esp-1);font-size:var(--titulo);letter-spacing:-.01em;font-weight:700;line-height:1.15}.titulo-fila{justify-content:space-between;align-items:center;gap:var(--esp-3);display:flex}.titulo-fila h1{overflow-wrap:anywhere;min-width:0}.subtitulo{color:var(--color-texto-suave)}h2,.seccion{margin:var(--esp-5) 0 var(--esp-2) var(--esp-2);font-size:var(--texto-m);font-weight:700}.detalle{font-size:var(--texto-s);color:var(--color-texto-suave)}.ayuda{font-size:var(--texto-s);color:var(--color-texto-suave);font-weight:400}.pila{gap:var(--esp-3);margin-top:var(--esp-4);flex-direction:column;display:flex}.error,.ok{margin:var(--esp-3) 0 0;padding:var(--esp-3) var(--esp-4);border-radius:var(--radio-m)}.error{color:var(--color-error-texto);background:var(--color-error-fondo)}.ok{color:var(--color-ok-texto);background:var(--color-ok-fondo)}.chip{padding:2px var(--esp-3);border-radius:var(--radio-pildora);font-size:var(--texto-s);white-space:nowrap;flex:none;font-weight:600;display:inline-block}.chip.activo,.chip.conectado{color:var(--color-ok-texto);background:var(--color-ok-fondo)}.chip.suspendido,.chip.sin-conexion{color:var(--color-error-texto);background:var(--color-error-fondo)}.chip.conectando{color:var(--color-texto-suave);background:var(--color-secundario)}.grupo{margin:var(--esp-3) 0 0;border-radius:var(--radio-m);background:var(--color-superficie);padding:0;list-style:none;overflow:hidden}h2+.grupo,.seccion+.grupo{margin-top:0}.grupo>*+*{border-top:1px solid var(--color-borde)}.item{align-items:center;gap:var(--esp-3);width:100%;min-height:var(--toque);padding:var(--esp-3) var(--esp-4);text-align:left;background:0 0;border:0;display:flex}.item-texto{flex:1;min-width:0}.item-titulo{overflow-wrap:anywhere;font-weight:600;display:block}button.item{transition:background-color var(--t-rapida) var(--curva)}button.item:active{background:var(--color-fondo)}.item .icono{color:var(--color-texto-suave);flex:none}.vacio{padding:var(--esp-5) var(--esp-4);text-align:center;color:var(--color-texto-suave)}.formulario{gap:var(--esp-4);flex-direction:column;display:flex}.grupo.formulario{padding:var(--esp-4)}.grupo.formulario>*+*{border-top:0}.campo{gap:var(--esp-1);font-size:var(--texto-s);flex-direction:column;font-weight:600;display:flex}input,textarea{width:100%;min-height:var(--toque);padding:var(--esp-3);border:1px solid var(--color-borde-campo);border-radius:var(--radio-s);font:inherit;font-size:var(--texto-m);color:var(--color-texto);background:var(--color-superficie);font-weight:400}textarea{resize:vertical}.campo-fila{cursor:text}input.corto{width:var(--campo-corto);text-align:right;flex:none}.campo-clave{align-items:center;gap:var(--esp-2);display:flex}.boton{justify-content:center;align-items:center;gap:var(--esp-2);width:100%;min-height:var(--toque);padding:var(--esp-2) var(--esp-5);border-radius:var(--radio-m);color:var(--color-sobre-primario);background:var(--color-primario);transition:transform var(--t-rapida) var(--curva), opacity var(--t-rapida) var(--curva);border:0;font-weight:600;display:flex}.boton:active:not(:disabled){transform:scale(.98)}.boton:disabled{opacity:.55;cursor:not-allowed}.boton.secundario{color:var(--color-texto);background:var(--color-secundario)}.boton.peligro{color:var(--color-sobre-primario);background:var(--color-peligro)}.enlace{align-items:center;gap:var(--esp-1);min-height:var(--toque);padding:0 var(--esp-3);color:var(--color-acento);white-space:nowrap;background:0 0;border:0;font-weight:600;display:inline-flex}.enlace.peligro{color:var(--color-peligro)}.volver{margin-left:calc(var(--esp-3) * -1)}.centro{margin-top:var(--esp-4);justify-content:center;display:flex}.hoja-velo{z-index:20;background:var(--color-velo);opacity:0;transition:opacity var(--t-media) var(--curva);justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.hoja-velo.visible{opacity:1}.hoja{width:100%;max-width:var(--ancho-max);max-height:var(--hoja-alto-max);overscroll-behavior:contain;padding:var(--esp-2) var(--margen-lateral) calc(var(--esp-4) + var(--seguro-abajo));border-radius:var(--radio-l) var(--radio-l) 0 0;background:var(--color-superficie);transition:transform var(--t-media) var(--curva);overflow-y:auto;transform:translateY(100%)}.hoja:focus{outline:none}.hoja-velo.visible .hoja{transform:translateY(0)}.hoja-asa{width:var(--asa-ancho);height:var(--asa-alto);margin:var(--esp-1) auto var(--esp-3);border-radius:var(--radio-pildora);background:var(--color-borde)}.hoja-titulo{margin:0 0 var(--esp-3);font-size:var(--texto-l)}.hoja .grupo{background:var(--color-fondo)}.opcion[aria-checked=true]{font-weight:700}.opcion .icono{color:var(--color-primario)}.hoja .formulario{margin-top:var(--esp-3)}.hoja .boton+.boton{margin-top:var(--esp-2)}.icono{width:var(--icono);height:var(--icono);fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;flex:none}