:root{--azul-900: #0b1f3a;--azul-800: #0f2a4d;--azul-700: #143a68;--azul-500: #1e63b8;--azul-400: #2f7de0;--acento: #2f7de0;--acento-hover: #3d8bf0;--texto: #14263d;--texto-suave: #5a6b80;--linea: #e2e8f0;--fondo: #f4f6f9;--panel: #ffffff;--error: #d64545;--ok: #2fa76b;--radio: 12px;--sombra: 0 10px 30px rgba(11, 31, 58, .08);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%;height:100%}body{background:var(--fondo);color:var(--texto)}.btn-primario{width:100%;margin-top:22px;padding:14px;border:none;border-radius:8px;background:var(--acento);color:#fff;font-size:14px;font-weight:700;letter-spacing:.08em;cursor:pointer;transition:background .15s,transform .05s}.btn-primario:hover:not(:disabled){background:var(--acento-hover)}.btn-primario:active:not(:disabled){transform:translateY(1px)}.btn-primario:disabled{opacity:.6;cursor:default}.btn-secundario{padding:9px 16px;border:1px solid var(--linea);border-radius:8px;background:#fff;color:var(--texto);font-size:13px;font-weight:600;cursor:pointer;transition:border-color .15s,background .15s}.btn-secundario:hover{border-color:var(--acento);color:var(--acento)}.campo__label{display:block;margin:18px 0 7px;font-size:12px;font-weight:600;letter-spacing:.04em;color:var(--texto-suave)}.campo__input{width:100%;padding:13px 14px;border:1px solid var(--linea);border-radius:8px;font-size:14px;color:var(--texto);background:#fff;transition:border-color .15s,box-shadow .15s}.campo__input:focus{outline:none;border-color:var(--acento);box-shadow:0 0 0 3px #2f7de026}.pantalla-carga{display:grid;place-items:center;height:100%}.spinner{width:34px;height:34px;border:3px solid var(--linea);border-top-color:var(--acento);border-radius:50%;animation:girar .8s linear infinite}@keyframes girar{to{transform:rotate(360deg)}}.login{display:grid;grid-template-columns:1.1fr 1fr;height:100%}.login__marca{position:relative;background:linear-gradient(160deg,var(--azul-900),var(--azul-700));color:#fff;display:flex;align-items:center;padding:64px;overflow:hidden}.login__marca:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(255,255,255,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.06) 1px,transparent 1px);background-size:42px 42px;-webkit-mask-image:radial-gradient(circle at 30% 40%,#000 0%,transparent 78%);mask-image:radial-gradient(circle at 30% 40%,#000 0%,transparent 78%)}.login__marca-contenido{position:relative;z-index:1}.login__logo{display:flex;flex-direction:column;line-height:1}.login__logo-marca{font-size:20px;font-weight:600;letter-spacing:.35em;color:#ffffffbf}.login__logo-nombre{font-size:58px;font-weight:800;letter-spacing:.02em;margin:6px 0}.login__logo-tipo{font-size:20px;font-weight:600;letter-spacing:.5em;color:#ffffffbf}.login__tagline{margin-top:26px;font-size:13px;font-weight:600;letter-spacing:.22em;color:var(--azul-400)}.login__form-panel{display:flex;align-items:center;justify-content:center;padding:40px}.login__form{width:100%;max-width:380px}.login__titulo{font-size:26px;font-weight:800;margin:0}.login__subtitulo{margin:8px 0 26px;color:var(--texto-suave);font-size:14px}.login__error{margin:14px 0 0;color:var(--error);font-size:13px;font-weight:600}.login__nota{margin-top:26px;font-size:12.5px;line-height:1.6;color:var(--texto-suave)}.login__nota a{color:var(--acento);font-weight:600;text-decoration:none}.portal{min-height:100%}.header{display:flex;align-items:center;justify-content:space-between;padding:16px 32px;background:var(--azul-900);color:#fff}.header__marca-fuerte{font-weight:700;letter-spacing:.05em}.header__marca-sep{margin:0 10px;color:#fff6}.header__marca-suave{font-size:13px;letter-spacing:.18em;color:#fff9}.header__usuario{display:flex;align-items:center;gap:16px}.header__usuario-datos{display:flex;flex-direction:column;align-items:flex-end;line-height:1.3}.header__usuario-nombre{font-size:14px;font-weight:600}.header__usuario-email{font-size:12px;color:#ffffff8c}.portal__contenido{max-width:1080px;margin:0 auto;padding:44px 32px 64px}.portal__hola{font-size:30px;font-weight:800;margin:0}.portal__bienvenida{margin:8px 0 0;color:var(--texto-suave);font-size:15px}.meta{margin:32px 0 40px;background:var(--panel);border:1px solid var(--linea);border-radius:var(--radio);padding:22px 24px;box-shadow:var(--sombra)}.meta__cabecera{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:14px}.meta__titulo{font-weight:700;font-size:15px}.meta__nota{font-size:12px;color:var(--texto-suave);font-style:italic}.meta__cifras{font-size:14px;font-weight:600}.meta__de{color:var(--texto-suave);font-weight:400}.meta__barra{height:12px;background:#e9eef5;border-radius:99px;overflow:hidden}.meta__progreso{height:100%;background:linear-gradient(90deg,var(--azul-500),var(--azul-400));border-radius:99px;transition:width .4s ease}.meta__pie{margin-top:10px;font-size:12.5px;color:var(--texto-suave);display:flex;justify-content:space-between;flex-wrap:wrap;gap:6px}.meta__mia{font-weight:600;color:var(--texto)}.meta--placeholder .meta__barra{opacity:.55}.portal__apps{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:22px}.portal__estado{grid-column:1 / -1;color:var(--texto-suave);font-size:14px}.portal__estado--error{color:var(--error)}.card{background:var(--panel);border:1px solid var(--linea);border-radius:var(--radio);padding:24px;box-shadow:var(--sombra);display:flex;flex-direction:column;transition:transform .15s,box-shadow .15s}.card:hover{transform:translateY(-3px);box-shadow:0 16px 40px #0b1f3a1f}.card__icono{width:46px;height:46px;border-radius:10px;display:grid;place-items:center;background:#2f7de01a;color:var(--acento);margin-bottom:16px}.card__categoria{font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--acento)}.card__titulo{margin:6px 0 8px;font-size:19px;font-weight:700}.card__descripcion{margin:0;color:var(--texto-suave);font-size:14px;line-height:1.5;flex:1}.card__pie{display:flex;align-items:center;justify-content:space-between;margin-top:20px;padding-top:16px;border-top:1px solid var(--linea)}.card__actualizado{font-size:12px;color:var(--texto-suave)}.card__abrir{font-size:13px;font-weight:700;letter-spacing:.05em;color:var(--acento);text-decoration:none}.card__abrir--off{color:var(--texto-suave);cursor:default}.card--proximamente{opacity:.85}@media (max-width: 860px){.login{grid-template-columns:1fr;height:auto;min-height:100%}.login__marca{padding:40px;min-height:220px}.login__logo-nombre{font-size:42px}.portal__contenido{padding:32px 18px 48px}}@media (max-width: 560px){.login__marca{padding:32px 22px;min-height:180px}.login__logo-nombre{font-size:34px}.login__logo-marca,.login__logo-tipo{font-size:15px;letter-spacing:.28em}.login__tagline{font-size:11px;letter-spacing:.14em}.login__form-panel{padding:28px 20px}.header{flex-direction:column;align-items:flex-start;gap:12px;padding:14px 16px}.header__marca-suave{display:none}.header__usuario{width:100%;justify-content:space-between}.header__usuario-datos{align-items:flex-start}.header__usuario-email{max-width:60vw;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.portal__hola{font-size:25px}.portal__apps{grid-template-columns:1fr}}.ranking{background:var(--panel);border:1px solid var(--linea);border-radius:var(--radio);box-shadow:var(--sombra);padding:18px 20px;margin-bottom:22px}.ranking__cabecera{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:12px}.ranking__titulo{font-size:15px;font-weight:700;color:var(--texto)}.ranking__periodo{font-size:12px;color:var(--texto-suave);text-transform:capitalize}.ranking__vacio{font-size:13px;color:var(--texto-suave);margin:4px 0 0}.ranking__tabla-wrap{overflow-x:auto}.ranking__tabla{width:100%;border-collapse:collapse;font-size:13px}.ranking__tabla th{text-align:right;padding:8px 10px;font-size:10.5px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--texto-suave);border-bottom:1px solid var(--linea)}.ranking__tabla th.ranking__pos,.ranking__tabla th.ranking__nombre-col{text-align:left}.ranking__tabla td{padding:9px 10px;text-align:right;border-bottom:1px solid var(--linea)}.ranking__tabla tbody tr:last-child td{border-bottom:none}.ranking__pos{width:34px;text-align:left;color:var(--texto-suave);font-variant-numeric:tabular-nums}.ranking__nombre{text-align:left;font-weight:600;color:var(--texto)}.ranking__total{font-weight:700;color:var(--acento);font-variant-numeric:tabular-nums}.ranking__tabla td.ranking__ocultable{color:var(--texto-suave);font-variant-numeric:tabular-nums}.ranking__nota{font-size:11.5px;color:var(--texto-suave);margin:10px 0 0}@media (max-width: 640px){.ranking__ocultable{display:none}}