:root{--fondo: #0b1410;--superficie: #12201a;--superficie-2: #182a22;--borde: #22382e;--texto: #eaf5ef;--tenue: #9db3a8;--menta: #3dffb0;--verde: #0e8f63;--ambar: #d98a00;--error: #ff7a7a;--radio: 16px;color-scheme:dark}*{box-sizing:border-box}html,body{margin:0}body{background:var(--fondo);color:var(--texto);font:400 16px/1.5 Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;-webkit-font-smoothing:antialiased;min-height:100dvh}h1,h2,.marca,.kpi strong{font-family:Space Grotesk,Inter,sans-serif}h1{font-size:1.6rem;line-height:1.2;margin:0 0 .5rem;letter-spacing:-.01em}h2{font-size:1.1rem;margin:0 0 1rem}p{margin:0 0 1rem}b,strong{font-weight:600}button{font:inherit;color:inherit;cursor:pointer}button:disabled{opacity:.45;cursor:default}.tenue{color:var(--tenue)}.chico{font-size:.85rem;margin:0}.error{color:var(--error);font-size:.9rem}.marca{display:flex;align-items:center;gap:.5rem;font-weight:700;font-size:1.15rem;margin-bottom:1.5rem}.marca.chica{margin:0;font-size:1rem}.logo{display:grid;place-items:center;width:32px;height:32px;border-radius:10px;background:var(--menta);color:var(--fondo);font-weight:700}.pastilla{font-family:Inter,sans-serif;font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--menta);border:1px solid var(--menta);border-radius:999px;padding:.1rem .5rem}.centro{min-height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.25rem;padding:24px 16px}.login{background:radial-gradient(60% 50% at 50% 0%,rgba(61,255,176,.12),transparent 70%)}.tarjeta{background:var(--superficie);border:1px solid var(--borde);border-radius:var(--radio);padding:1.25rem}.angosta{width:100%;max-width:420px;padding:1.75rem}label{display:block;font-size:.85rem;color:var(--tenue);margin-bottom:.35rem}input{width:100%;padding:.85rem 1rem;margin-bottom:1rem;border-radius:12px;border:1px solid var(--borde);background:var(--fondo);color:var(--texto);font:inherit}input:focus{outline:2px solid var(--menta);outline-offset:1px;border-color:transparent}input.codigo{font-size:1.5rem;letter-spacing:.4em;text-align:center;font-family:Space Grotesk,monospace}.boton{display:block;width:100%;text-align:center;text-decoration:none;padding:.9rem 1rem;margin-top:.5rem;border:0;border-radius:12px;background:var(--menta);color:var(--fondo);font-weight:600}.boton.secundario{background:transparent;color:var(--texto);border:1px solid var(--borde)}.enlace{background:none;border:0;padding:.25rem 0;color:var(--menta);text-decoration:underline;text-underline-offset:3px;font-size:.9rem}.enlace.tenue{color:var(--tenue)}.fila-enlaces{display:flex;justify-content:space-between;gap:1rem;margin-top:1rem}.giro{width:32px;height:32px;border-radius:50%;border:3px solid var(--borde);border-top-color:var(--menta);animation:giro .8s linear infinite;margin:2rem auto}@keyframes giro{to{transform:rotate(360deg)}}.app{min-height:100dvh}.barra{position:sticky;top:0;z-index:2;display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:#0b1410e0;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--borde)}.contenido{max-width:960px;margin:0 auto;padding:20px 16px 40px;display:flex;flex-direction:column;gap:16px}.saludo h1{margin-bottom:.25rem}.saludo p{margin:0}.aviso-demo{margin:0;padding:.6rem .9rem;border-radius:12px;background:#d98a001f;color:#ffc766;font-size:.9rem}.mes{display:flex;align-items:center;justify-content:space-between;background:var(--superficie);border:1px solid var(--borde);border-radius:999px;padding:4px;max-width:320px}.mes span{text-transform:capitalize;font-weight:600}.mes button{width:40px;height:40px;border-radius:50%;border:0;background:transparent;font-size:1.4rem}.mes button:not(:disabled):hover{background:var(--superficie-2)}.kpis{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.kpi{background:var(--superficie);border:1px solid var(--borde);border-radius:var(--radio);padding:1rem;display:flex;flex-direction:column;gap:.2rem;min-width:0}.kpi strong{font-size:1.35rem;overflow-wrap:anywhere}.kpi.destacado{background:linear-gradient(140deg,#13402f,var(--superficie));border-color:#1f5c44}.kpi.destacado strong{color:var(--menta)}.kpi.ambar strong{color:#ffb02e}.fila{display:flex;justify-content:space-between;gap:1rem;margin-bottom:.35rem}.barras,.metas,.lista{list-style:none;margin:0;padding:0}.barras li,.metas li{margin-bottom:.9rem}.barras li:last-child,.metas li:last-child{margin-bottom:0}.pista{height:10px;border-radius:999px;background:var(--superficie-2);overflow:hidden}.relleno{height:100%;border-radius:999px;background:var(--verde)}.relleno.menta{background:var(--menta)}.metas .chico{margin-top:.3rem}.lista li{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;padding:.75rem 0;border-bottom:1px solid var(--borde)}.lista li:first-child{padding-top:0}.lista li:last-child{border-bottom:0;padding-bottom:0}.lista li>div{min-width:0}.etiqueta{margin-left:.5rem;font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:#ffb02e;background:#d98a0026;border-radius:999px;padding:.1rem .45rem;vertical-align:middle}.vacio{margin:0;font-size:.95rem}.dos-columnas{display:grid;gap:16px}.pie{text-align:center;margin-top:8px}@media (min-width: 720px){.kpis{grid-template-columns:repeat(4,1fr)}.dos-columnas{grid-template-columns:1fr 1fr}.contenido{padding-top:28px}h1{font-size:2rem}}