:root{--fondo:#0f1115;--fondo-alt:#171a21;--borde:#262b36;--texto:#e8eaed;--texto-tenue:#9aa3b2;--acento:#4ade80;--sube:#4ade80;--baja:#f87171;--aviso:#fbbf24;--radio:10px}*{box-sizing:border-box}body,html{margin:0;padding:0;background:var(--fondo);color:var(--texto);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:15px;line-height:1.45;-webkit-text-size-adjust:100%}a{color:inherit;text-decoration:none}.contenedor{max-width:900px;margin:0 auto;padding:0 12px 64px}.cabecera{position:-webkit-sticky;position:sticky;top:0;z-index:10;background:color-mix(in srgb,var(--fondo) 92%,transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--borde);padding:10px 12px 0}.cabecera-fila{max-width:900px;margin:0 auto;display:flex;align-items:baseline;justify-content:space-between;gap:8px}.marca{font-weight:700;letter-spacing:-.02em}.sello{font-size:12px;color:var(--texto-tenue)}.nav{max-width:900px;margin:8px auto 0;display:flex;gap:4px;overflow-x:auto}.nav a{padding:8px 12px;font-size:14px;color:var(--texto-tenue);border-bottom:2px solid transparent;white-space:nowrap}.nav a.activo{color:var(--texto);border-bottom-color:var(--acento);font-weight:600}h1{font-size:20px;margin:20px 0 4px}.subtitulo{color:var(--texto-tenue);font-size:13px;margin:0 0 16px}.filtros{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:14px}.filtros input,.filtros select{background:var(--fondo-alt);color:var(--texto);border:1px solid var(--borde);border-radius:var(--radio);padding:8px 10px;font-size:14px;font-family:inherit;min-width:0}.filtros input{flex:1 1 140px}.filtros button{background:var(--acento);color:#06210f;border:0;border-radius:var(--radio);padding:8px 14px;font-size:14px;font-weight:600;font-family:inherit}.pestanyas{display:flex;gap:6px;margin-bottom:12px;overflow-x:auto}.pestanya{padding:6px 12px;font-size:13px;border:1px solid var(--borde);border-radius:999px;color:var(--texto-tenue);white-space:nowrap}.pestanya.activa{background:var(--fondo-alt);color:var(--texto);border-color:var(--acento)}.lista{display:flex;flex-direction:column;border:1px solid var(--borde);border-radius:var(--radio);overflow:hidden}.fila{display:grid;grid-template-columns:1fr auto;grid-gap:2px 12px;gap:2px 12px;padding:10px 12px;border-bottom:1px solid var(--borde);background:var(--fondo-alt)}.fila:last-child{border-bottom:0}.nombre{font-weight:600}.meta{font-size:12px;color:var(--texto-tenue)}.cifra{text-align:right;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;font-weight:600}.variacion{text-align:right;font-size:12px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.up{color:var(--sube)}.baja,.down{color:var(--baja)}.etiqueta,.flat{color:var(--texto-tenue)}.etiqueta{display:inline-block;font-size:11px;padding:1px 6px;border-radius:999px;border:1px solid var(--borde);margin-left:6px}.etiqueta.alerta{color:var(--aviso);border-color:color-mix(in srgb,var(--aviso) 40%,transparent)}.etiqueta.mia{color:var(--acento);border-color:color-mix(in srgb,var(--acento) 40%,transparent)}.etiqueta.puedes{color:var(--fondo);background:var(--acento);border-color:var(--acento);font-weight:600}.meta.amenaza{color:var(--aviso);margin-top:2px}.tarjeta{border:1px solid var(--borde);border-radius:var(--radio);margin-bottom:12px;overflow:hidden}.tarjeta.mia{border-color:color-mix(in srgb,var(--acento) 45%,var(--borde))}.tarjeta-cabecera{display:flex;justify-content:space-between;align-items:baseline;gap:8px;padding:10px 12px;background:var(--fondo-alt);border-bottom:1px solid var(--borde)}.tarjeta-cabecera .titulo{font-weight:700}.resumen{display:flex;gap:14px;padding:8px 12px;font-size:12px;color:var(--texto-tenue);background:var(--fondo);border-bottom:1px solid var(--borde)}.resumen b{color:var(--texto);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.vacio{padding:24px 12px;text-align:center;border:1px dashed var(--borde);border-radius:var(--radio)}.nota,.vacio{color:var(--texto-tenue)}.nota{font-size:12px;margin-top:14px}.derecha{display:flex;flex-direction:column;align-items:flex-end;justify-content:center}@media (min-width:640px){body{font-size:16px}}.cuerpo{padding:10px 12px}.barra{position:relative;height:8px;border-radius:999px;background:var(--fondo-alt);overflow:hidden;margin-bottom:8px}.barra-relleno{position:absolute;inset:0 auto 0 0;background:var(--acento);border-radius:999px}.barra-margen{position:absolute;top:0;bottom:0;background:color-mix(in srgb,var(--acento) 30%,transparent)}.fila-con-foto{display:flex;align-items:center;gap:10px}.retrato{position:relative;flex:0 0 auto;width:38px;height:38px}.retrato-foto{width:38px;height:38px;border-radius:50%;object-fit:cover;background:var(--fondo-alt);display:block}.retrato-inicial{display:flex;align-items:center;justify-content:center;font-weight:700;color:var(--texto-tenue)}.retrato-escudo{position:absolute;right:-3px;bottom:-3px;width:17px;height:17px;object-fit:contain;border-radius:50%;background:var(--fondo);padding:1px}.escudo-titulo{width:18px;height:18px;object-fit:contain;vertical-align:-3px;margin-right:6px}.entrada{min-height:100dvh;display:flex;align-items:center;justify-content:center;padding:24px 16px}.entrada-caja{width:100%;max-width:320px;background:var(--fondo-alt);border:1px solid var(--borde);border-radius:var(--radio);padding:24px 20px}.entrada-caja h1{margin:0 0 6px;font-size:22px;letter-spacing:-.02em}.entrada-caja .subtitulo{margin:0 0 18px}.entrada-caja input[type=email],.entrada-caja input[type=password]{width:100%;background:var(--fondo);color:var(--texto);border:1px solid var(--borde);border-radius:var(--radio);padding:10px 12px;font-size:16px;font-family:inherit}.entrada-caja input[type=email]{margin-bottom:8px}.entrada-caja input[type=email]:focus,.entrada-caja input[type=password]:focus{outline:none;border-color:var(--acento)}.entrada-caja button{width:100%;margin-top:12px;background:var(--acento);color:#06210f;border:0;border-radius:var(--radio);padding:10px 12px;font-size:15px;font-weight:600;font-family:inherit;cursor:pointer}.entrada-error{color:var(--baja);font-size:13px;margin:10px 0 0}.entrar-enlace{color:var(--acento);font-weight:600}.entrada-nota{color:var(--texto-tenue);font-size:12px;line-height:1.5;margin:16px 0 0}