:root{--bg: #0f1115;--bg-panel: #171a21;--bg-panel-2: #1f232c;--bg-hover: #262b36;--borde: #2a2f3a;--texto: #e7e9ee;--texto-suave: #9aa3b2;--acento: #ff3b6b;--acento-2: #25f4ee;--ok: #3ddc97;--oro: #ffcb45;--azul: #4aa8ff;--morado: #b07bff;--radio: 12px;--sombra: 0 6px 22px rgba(0,0,0,.35)}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;background:var(--bg);color:var(--texto);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent}#app{min-height:100%;max-width:560px;margin:0 auto;padding:0 22px calc(96px + env(safe-area-inset-bottom))}.acceso{min-height:100vh;display:flex;flex-direction:column;justify-content:center;gap:0;padding:32px 0}.acceso-logo{width:76px;height:76px;margin:0 auto 22px;display:grid;place-items:center;filter:drop-shadow(0 10px 30px rgba(255,59,107,.28))}.acceso-logo img{width:76px;height:76px}.acceso-nombre{text-align:center;font-size:24px;font-weight:800;letter-spacing:-.3px;margin:0 0 16px;background:linear-gradient(120deg,var(--acento),var(--acento-2));-webkit-background-clip:text;background-clip:text;color:transparent}.acceso h1{font-size:26px;font-weight:800;text-align:center;letter-spacing:-.3px;text-wrap:balance}.acceso .sub{margin:10px auto 26px;max-width:30rem;text-align:center;color:var(--texto-suave);font-size:15px;line-height:1.5}.campo input[type=email],.campo input[type=text],.campo input[type=password]{width:100%;padding:17px 16px;border-radius:var(--radio);border:1px solid var(--borde);background:var(--bg-panel);color:var(--texto);font-size:16px;outline:none;transition:border-color .18s ease,box-shadow .18s ease}.campo input::placeholder{color:var(--texto-suave)}.campo input:focus{border-color:var(--acento-2);box-shadow:0 0 0 3px #25f4ee24}.campo input:-webkit-autofill,.campo input:-webkit-autofill:hover,.campo input:-webkit-autofill:focus{-webkit-text-fill-color:var(--texto);-webkit-box-shadow:0 0 0 1000px var(--bg-panel) inset;box-shadow:0 0 0 1000px var(--bg-panel) inset;caret-color:var(--texto);transition:background-color 999999s ease-out 0s}.campo input:-webkit-autofill:focus{-webkit-box-shadow:0 0 0 3px rgba(37,244,238,.14),0 0 0 1000px var(--bg-panel) inset;box-shadow:0 0 0 3px #25f4ee24,0 0 0 1000px var(--bg-panel) inset}.guia-titulo{font-size:15px;font-weight:800;margin-bottom:6px}.guia-nota{font-size:13px;color:var(--texto-suave);line-height:1.55;margin:0 0 12px}.guia-pasos{display:grid;gap:12px;padding:6px 2px}.guia-paso{display:flex;gap:10px;align-items:flex-start;font-size:13.5px;color:var(--texto-suave);line-height:1.55}.guia-paso b{color:var(--texto)}.guia-num{flex:none;font-size:17px}.consentimientos{display:grid;gap:14px;margin:18px 0 22px}.consentimiento{display:flex;gap:12px;align-items:flex-start;cursor:pointer}.consentimiento input{position:absolute;opacity:0;pointer-events:none}.consentimiento .caja{flex:0 0 auto;width:22px;height:22px;margin-top:1px;border-radius:6px;border:1px solid var(--borde);background:var(--bg-panel);display:grid;place-items:center;transition:background .15s ease,border-color .15s ease}.consentimiento .caja svg{width:14px;height:14px;opacity:0;transition:opacity .15s ease}.consentimiento input:checked+.caja{background:var(--acento-2);border-color:var(--acento-2)}.consentimiento input:checked+.caja svg{opacity:1}.consentimiento input:focus-visible+.caja{box-shadow:0 0 0 3px #25f4ee4d}.consentimiento .texto{font-size:14px;line-height:1.5;color:var(--texto)}.enlace{color:var(--acento-2);text-decoration:underline;cursor:pointer;background:none;border:0;font:inherit;padding:0}.boton{width:100%;padding:17px;border:0;border-radius:var(--radio);background:var(--acento-2);color:#06231f;font-size:16px;font-weight:800;cursor:pointer;transition:transform .12s ease,filter .15s ease}.boton:active{transform:scale(.99)}.boton:disabled{filter:grayscale(.55) brightness(.65);cursor:default}.boton.secundario{background:var(--bg-panel);color:var(--texto);border:1px solid var(--borde);font-weight:700;display:flex;align-items:center;justify-content:center;gap:10px}.boton.secundario:hover{background:var(--bg-hover)}.boton.secundario:disabled{opacity:.5;filter:none}.boton.secundario:disabled:hover{background:var(--bg-panel)}.boton.peligro{background:#ff3b6b24;color:var(--acento);border:1px solid rgba(255,59,107,.32)}.separador{display:flex;align-items:center;gap:14px;margin:22px 0;color:var(--texto-suave);font-size:13px}.separador:before,.separador:after{content:"";flex:1;height:1px;background:var(--borde)}.pie-legal{margin-top:26px;text-align:center;font-size:13px;color:var(--texto-suave)}.pie-legal .enlace{color:var(--texto-suave)}.mensaje{padding:12px 14px;border-radius:var(--radio);font-size:14px;margin-bottom:16px;display:none;line-height:1.45}.mensaje.visible{display:block}.mensaje.error{background:#ff3b6b1f;color:var(--acento);border:1px solid rgba(255,59,107,.28)}.mensaje.ok{background:#3ddc971a;color:var(--ok);border:1px solid rgba(61,220,151,.28)}.marca{display:flex;align-items:center;gap:11px;padding:18px 2px 20px}.marca .logo{width:38px;height:38px;display:grid;place-items:center}.marca .logo img{width:38px;height:38px}.marca h1{font-size:19px;font-weight:700}.marca .sub{font-size:12px;color:var(--texto-suave);margin-top:1px}.tarjeta{background:var(--bg-panel);border:1px solid var(--borde);border-radius:var(--radio);padding:18px;margin-bottom:14px}.tabs{display:flex;gap:8px;margin-bottom:16px}.tabs button{flex:1;padding:11px;border-radius:var(--radio);border:1px solid var(--borde);background:transparent;color:var(--texto-suave);font-size:14px;font-weight:600;cursor:pointer}.tabs button.activa{background:#25f4ee1a;color:var(--acento-2);border-color:#25f4ee66}.nav{position:fixed;bottom:0;left:0;right:0;display:flex;justify-content:space-around;background:#0f1115eb;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-top:1px solid var(--borde);padding:8px 4px calc(8px + env(safe-area-inset-bottom))}.nav button{background:none;border:0;color:var(--texto-suave);font-size:11px;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:3px;padding:4px 10px;border-radius:10px}.nav button.activa{color:var(--acento-2)}.nav svg{width:22px;height:22px}.fila-anfitrion{display:flex;align-items:center;justify-content:space-between;padding:13px 4px;border-bottom:1px solid rgba(42,47,58,.7)}.fila-anfitrion:last-child{border-bottom:0}.fila-anfitrion .nombre{font-weight:600;font-size:15px}.fila-anfitrion .estado{font-size:12px;color:var(--texto-suave);margin-top:2px}.fila-anfitrion .estado.vivo{color:var(--ok);font-weight:600}.punto-vivo{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--ok);margin-right:5px;animation:latir 1.6s infinite}@keyframes latir{0%,to{opacity:1}50%{opacity:.35}}.agregar{display:flex;gap:8px;align-items:flex-start}.agregar .campo{flex:1}.agregar .boton{width:auto;padding:17px 18px}.plan{border:1px solid var(--borde);border-radius:var(--radio);padding:18px;margin-bottom:12px;background:var(--bg-panel-2)}.plan.destacado{border-color:#25f4ee73;background:#25f4ee0f}.plan h3{font-size:16px}.plan .precio{font-size:26px;font-weight:800;margin:8px 0}.plan .precio small{font-size:12px;color:var(--texto-suave);font-weight:400}.plan ul{list-style:none;margin-top:8px}.plan li{font-size:13px;color:var(--texto-suave);padding:4px 0}.plan li:before{content:"— ";color:var(--acento-2)}.legal{font-size:14px;color:var(--texto-suave);line-height:1.65}.legal h3{color:var(--texto);font-size:15px;margin:18px 0 6px}.cargando{display:grid;place-items:center;padding:40px;color:var(--texto-suave);font-size:13px}.girador{width:26px;height:26px;border-radius:50%;margin-bottom:10px;border:3px solid rgba(37,244,238,.2);border-top-color:var(--acento-2);animation:girar .8s linear infinite}@keyframes girar{to{transform:rotate(360deg)}}.girador-boton{display:inline-block;width:16px;height:16px;margin:0 8px -3px 0;border-width:2px}.panel-encabezado{display:flex;gap:12px;align-items:center;margin-bottom:14px}.panel-icono{flex:none;width:44px;height:44px;border-radius:13px;display:grid;place-items:center;background:linear-gradient(135deg,var(--acento),var(--acento-2));color:#06231f;box-shadow:0 6px 18px #25f4ee38}.panel-icono svg{width:24px;height:24px}.panel-titulo{font-size:17px;font-weight:800;letter-spacing:-.2px}.panel-sub{font-size:13px;color:var(--texto-suave);margin-top:2px;line-height:1.5}.guia{display:grid;gap:15px}.guia-encabezado{font-size:15px;font-weight:800;letter-spacing:-.2px;margin-bottom:2px}.paso{display:flex;gap:13px;align-items:flex-start}.paso-num{flex:none;width:28px;height:28px;border-radius:50%;display:grid;place-items:center;font-size:14px;font-weight:800;color:#06231f;background:linear-gradient(135deg,var(--acento-2),var(--azul));box-shadow:0 3px 10px #25f4ee40}.paso-texto{font-size:13.5px;color:var(--texto-suave);line-height:1.55;padding-top:3px}.paso-texto b{color:var(--texto);font-weight:700}.total-guardado{font-size:12.5px;color:var(--texto-suave);font-weight:600;padding:9px 13px;margin-bottom:12px;border-radius:var(--radio);background:var(--bg-panel-2);border:1px solid var(--borde)}.total-guardado:empty{display:none}.mfa-estado{display:flex;align-items:center;justify-content:space-between;gap:12px}.mfa-sello{font-size:12.5px;font-weight:700;padding:6px 12px;border-radius:999px;background:var(--bg-panel-2);border:1px solid var(--borde);color:var(--texto-suave)}.mfa-sello.activo{color:#06231f;background:var(--ok);border-color:var(--ok)}[hidden]{display:none!important}.distintivo-pro{display:inline-block;vertical-align:middle;margin-left:8px;font-size:10px;font-weight:800;letter-spacing:.12em;line-height:1;padding:4px 8px;border-radius:999px;color:#2a1500;background:linear-gradient(135deg,#ffd479,#f0a323);box-shadow:0 0 0 1px #f0a32359,0 4px 14px #f0a32340}.mfa-qr{display:grid;place-items:center;margin:12px 0}.mfa-qr img{border-radius:10px;background:#fff;padding:8px}.mfa-clave{display:inline-block;margin-top:4px;letter-spacing:1.5px;word-break:break-all;color:var(--texto)}.seccion-lista{font-size:12.5px;font-weight:700;color:var(--texto-suave);letter-spacing:.3px;text-transform:uppercase;margin:14px 0 6px}.seccion-lista:first-child{margin-top:0}.cuenta-seccion{font-weight:600;opacity:.8}.estrella{background:none;border:0;cursor:pointer;padding:0 6px 0 0;font-size:16px;line-height:1;color:var(--texto-suave)}.estrella.activa{color:var(--oro)}.estrella:disabled{opacity:.5;cursor:default}.fila-anfitrion .meta{font-size:12px;color:var(--texto-suave);margin-top:3px}.fila-anfitrion .meta:empty{display:none}.ayuda-pasos{display:grid;gap:11px}.ayuda-item{display:flex;gap:13px;align-items:flex-start;padding:14px 15px 14px 17px;border-radius:var(--radio);background:var(--bg-panel-2);border:1px solid var(--borde);position:relative;overflow:hidden}.ayuda-item:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--acento-2)}.ayuda-item:nth-child(1):before{background:var(--acento-2)}.ayuda-item:nth-child(2):before{background:var(--ok)}.ayuda-item:nth-child(3):before{background:var(--oro)}.ayuda-item:nth-child(4):before{background:var(--azul)}.ayuda-item:nth-child(5):before{background:var(--morado)}.ayuda-item.destacado{background:linear-gradient(135deg,#b07bff1f,#25f4ee0f);border-color:#b07bff52}.leyenda-viva{display:flex;flex-wrap:wrap;gap:8px 16px;align-items:center;font-size:12.5px;color:var(--texto-suave);margin-bottom:14px;padding:11px 13px;border-radius:var(--radio);background:var(--bg-panel-2);border:1px solid var(--borde)}.leyenda-viva b{color:var(--texto);font-weight:600}.leyenda-viva .par{display:inline-flex;align-items:center;gap:6px}.cuenta-cab{display:flex;gap:14px;align-items:center;margin-bottom:18px}.cuenta-avatar{flex:none;width:52px;height:52px;border-radius:50%;display:grid;place-items:center;font-size:22px;font-weight:800;color:#06231f;text-transform:uppercase;background:linear-gradient(135deg,var(--acento),var(--acento-2));box-shadow:0 6px 18px #ff3b6b38}.cuenta-etiqueta{font-size:11.5px;color:var(--texto-suave);letter-spacing:.4px;text-transform:uppercase}.cuenta-correo{font-size:16px;font-weight:700;word-break:break-all;margin-top:1px}.menu-cuenta{display:grid;gap:10px}.fila-menu{width:100%;display:flex;align-items:center;gap:12px;padding:15px 16px;border-radius:var(--radio);background:var(--bg-panel-2);border:1px solid var(--borde);color:var(--texto);font-size:15px;font-weight:600;cursor:pointer;text-align:left;transition:background .15s ease,border-color .15s ease}.fila-menu:hover{background:var(--bg-hover)}.fila-menu .ic{flex:none;width:22px;height:22px;color:var(--acento-2)}.fila-menu .flecha{margin-left:auto;flex:none;width:18px;height:18px;color:var(--texto-suave)}.fila-menu.peligro{color:var(--acento);background:#ff3b6b1a;border-color:#ff3b6b4d}.fila-menu.peligro .ic{color:var(--acento)}.vacio{text-align:center;padding:30px 16px;color:var(--texto-suave);font-size:13px;line-height:1.6}.oculto{display:none!important}[data-protegido]{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}#marcaAgua{position:fixed;inset:0;z-index:60;pointer-events:none;display:grid;place-items:center;font-size:13px;letter-spacing:1px;color:#e7e9ee0d;transform:rotate(-24deg);text-shadow:0 0 1px rgba(0,0,0,.2);overflow:hidden}body.protegido-oculto [data-protegido]{filter:blur(16px);transition:filter .05s linear}@media (prefers-reduced-motion: reduce){.girador,.punto-vivo{animation:none}}