:root{--tinta: #0f172a;--tinta-2: #475569;--tinta-3: #94a3b8;--borde: #e2e8f0;--borde-2: #cbd5e1;--fondo: #f1f5f9;--papel: #fff;--acento: #2563eb;--acento-2: #1d4ed8;--acento-suave: #eff6ff;--ok: #059669;--ok-suave: #ecfdf5;--alerta: #b45309;--alerta-suave: #fffbeb;--error: #dc2626;--error-suave: #fef2f2;--violeta: #7c3aed;--violeta-suave: #f5f3ff;--r: 10px;--r-lg: 14px;--sombra: 0 1px 2px rgb(15 23 42 / 6%), 0 1px 3px rgb(15 23 42 / 8%);--sombra-2: 0 4px 6px -1px rgb(15 23 42 / 8%), 0 2px 4px -2px rgb(15 23 42 / 6%);--lateral: 232px}*{box-sizing:border-box}body{margin:0;background:var(--fondo);color:var(--tinta);font:15px/1.55 ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;-webkit-font-smoothing:antialiased}h1{font-size:1.4rem;letter-spacing:-.02em;margin:0 0 .15rem}h2{font-size:1rem;letter-spacing:-.01em;margin:0 0 .9rem}a{color:var(--acento)}.app{display:flex;min-height:100vh}.lateral{width:var(--lateral);flex:none;background:var(--papel);border-right:1px solid var(--borde);display:flex;flex-direction:column;position:sticky;top:0;height:100vh}.lateral .marca{display:flex;align-items:center;gap:.65rem;padding:1.1rem 1rem;border-bottom:1px solid var(--borde)}.marca .logo{width:34px;height:34px;flex:none;border-radius:9px;background:linear-gradient(135deg,var(--acento),var(--violeta));color:#fff;display:grid;place-items:center;font-weight:700;font-size:.9rem}.marca .logo-img{width:46px;height:46px;flex:none;border-radius:50%;display:block}.marca .textos{min-width:0}.marca .nombre{font-weight:650;letter-spacing:-.01em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.marca .sub{font-size:.74rem;color:var(--tinta-3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.lateral nav{padding:.6rem .5rem;display:flex;flex-direction:column;gap:1px;overflow-y:auto;flex:1}.lateral nav a{display:flex;align-items:center;gap:.6rem;padding:.5rem .65rem;border-radius:8px;color:var(--tinta-2);text-decoration:none;font-size:.9rem;font-weight:500}.lateral nav a:hover{background:var(--fondo);color:var(--tinta)}.lateral nav a.activo{background:var(--acento-suave);color:var(--acento-2);font-weight:600}.lateral nav a svg{flex:none;opacity:.85}.lateral nav .grupo{font-size:.68rem;text-transform:uppercase;letter-spacing:.07em;color:var(--tinta-3);font-weight:650;padding:.9rem .65rem .3rem}.pastilla{margin-left:auto;background:var(--error);color:#fff;font-size:.7rem;font-weight:700;border-radius:99px;padding:.05rem .4rem;min-width:1.2rem;text-align:center}.contenido{flex:1;min-width:0;display:flex;flex-direction:column}.barra{background:var(--papel);border-bottom:1px solid var(--borde);padding:.75rem 1.5rem;display:flex;align-items:center;gap:1rem;min-height:60px}.barra .titulo{font-weight:650;letter-spacing:-.01em}.barra .sub{font-size:.8rem;color:var(--tinta-3)}.avatar{width:34px;height:34px;border-radius:99px;background:var(--acento);color:#fff;display:grid;place-items:center;font-weight:650;font-size:.8rem;flex:none}main{padding:1.5rem;max-width:1180px;width:100%}main.angosto{max-width:780px}.centrado{max-width:400px;margin:4rem auto;padding:0 1rem}.dividida{min-height:100vh;display:grid;grid-template-columns:1fr 1fr}.dividida-marca{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.25rem;padding:2rem;text-align:center;background:linear-gradient(160deg,var(--acento-suave),#dbeafe);border-right:1px solid var(--borde)}.dividida-marca img{width:min(320px,70%);height:auto;border-radius:50%;box-shadow:var(--sombra-2)}.dividida-marca p{margin:0;max-width:22rem;font-size:1.15rem;font-weight:600;color:var(--tinta)}.dividida-marca a{color:var(--tinta-2);text-decoration:none}.dividida-marca a:hover{color:var(--acento)}.dividida-formulario{display:flex;align-items:center;justify-content:center;padding:2rem 1rem}.dividida-contenido{width:100%;max-width:400px}@media(max-width:820px){.dividida{grid-template-columns:1fr;min-height:auto}.dividida-marca{padding:1.5rem 1rem;gap:.6rem;border-right:0;border-bottom:1px solid var(--borde)}.dividida-marca img{width:120px}.dividida-marca p{font-size:.95rem}}.tarjeta{background:var(--papel);border:1px solid var(--borde);border-radius:var(--r-lg);padding:1.25rem;margin-bottom:1rem;box-shadow:var(--sombra)}.tarjeta.plana{box-shadow:none}.rejilla{display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(215px,1fr));margin-bottom:1rem}.rejilla.dos{grid-template-columns:repeat(auto-fit,minmax(330px,1fr))}.kpi{background:var(--papel);border:1px solid var(--borde);border-radius:var(--r-lg);padding:1.1rem;box-shadow:var(--sombra);display:flex;gap:.9rem;align-items:flex-start}.kpi .icono{width:40px;height:40px;border-radius:11px;display:grid;place-items:center;flex:none}.kpi .rotulo{font-size:.72rem;text-transform:uppercase;letter-spacing:.06em;color:var(--tinta-3);font-weight:650}.kpi .valor{font-size:1.42rem;font-weight:680;letter-spacing:-.025em;line-height:1.2;margin-top:.15rem;font-variant-numeric:tabular-nums}.kpi .pie{font-size:.78rem;color:var(--tinta-3);margin-top:.1rem}.tendencia{font-weight:650;font-size:.78rem}.tendencia.sube{color:var(--ok)}.tendencia.baja{color:var(--error)}.fila{display:flex;gap:.7rem;align-items:center;flex-wrap:wrap}.entre{display:flex;justify-content:space-between;align-items:center;gap:1rem;flex-wrap:wrap}.apagado{color:var(--tinta-3)}.chico{font-size:.85rem}.mono{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.85em;font-variant-numeric:tabular-nums}.plata{font-variant-numeric:tabular-nums;font-weight:600}label{display:block;margin-bottom:.9rem}label>span{display:block;font-weight:570;margin-bottom:.3rem;font-size:.88rem}input,select,textarea{width:100%;padding:.55rem .7rem;border:1px solid var(--borde-2);border-radius:8px;font:inherit;background:var(--papel);color:inherit}input:focus,select:focus,textarea:focus{outline:2px solid var(--acento);outline-offset:-1px;border-color:var(--acento)}textarea{min-height:8rem;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.8rem}.ayuda{color:var(--tinta-3);font-size:.82rem;font-weight:400;margin-top:.25rem}button{font:inherit;font-weight:570;font-size:.9rem;padding:.5rem .95rem;border-radius:8px;border:1px solid var(--acento);background:var(--acento);color:#fff;cursor:pointer;white-space:nowrap}button:hover:not(:disabled){background:var(--acento-2);border-color:var(--acento-2)}button:disabled{opacity:.5;cursor:default}button.secundario{background:var(--papel);color:var(--tinta-2);border-color:var(--borde-2)}button.secundario:hover:not(:disabled){background:var(--fondo);color:var(--tinta)}button.enlace{background:none;border:none;color:var(--acento);padding:0;font-weight:500}button.chico{padding:.3rem .6rem;font-size:.82rem}.aviso{padding:.75rem .95rem;border-radius:var(--r);margin-bottom:1rem;border:1px solid;font-size:.9rem;display:flex;gap:.6rem;align-items:flex-start}.aviso>svg{flex:none;margin-top:1px}.aviso.error{background:var(--error-suave);border-color:#fecaca;color:#991b1b}.aviso.ok{background:var(--ok-suave);border-color:#a7f3d0;color:#065f46}.aviso.alerta{background:var(--alerta-suave);border-color:#fde68a;color:#92400e}.etiqueta{display:inline-block;padding:.1rem .5rem;border-radius:6px;font-size:.76rem;font-weight:620;background:var(--fondo);border:1px solid var(--borde);color:var(--tinta-2)}.etiqueta.ok{background:var(--ok-suave);border-color:#a7f3d0;color:#065f46}.etiqueta.alerta{background:var(--alerta-suave);border-color:#fde68a;color:#92400e}.etiqueta.error{background:var(--error-suave);border-color:#fecaca;color:#991b1b}table{width:100%;border-collapse:collapse;font-size:.9rem}th,td{text-align:left;padding:.62rem .5rem;border-bottom:1px solid var(--borde);vertical-align:top}thead th{font-size:.72rem;text-transform:uppercase;letter-spacing:.05em;color:var(--tinta-3);font-weight:650;border-bottom-width:1px}tbody tr:last-child td{border-bottom:none}tbody tr:hover{background:#f8fafc}.derecha{text-align:right}.pasos{list-style:none;padding:0;margin:0}.pasos li{display:flex;gap:.8rem;padding:.75rem 0;border-top:1px solid var(--borde);align-items:flex-start}.pasos li:first-child{border-top:none}.tilde{flex:none;width:1.35rem;height:1.35rem;border-radius:99px;display:grid;place-items:center;font-size:.78rem;font-weight:700}.tilde.si{background:var(--ok-suave);color:var(--ok)}.tilde.no{background:var(--fondo);color:var(--tinta-3);border:1px solid var(--borde-2)}.paso-cuerpo{flex:1;min-width:0}.paso-titulo{font-weight:570}.progreso{height:7px;background:var(--borde);border-radius:99px;overflow:hidden;margin:.55rem 0 1.25rem}.progreso>div{height:100%;background:var(--ok);transition:width .35s}.grafico{width:100%;overflow-x:auto}.leyenda{display:flex;flex-wrap:wrap;gap:.4rem 1rem;font-size:.83rem;margin-top:.8rem}.leyenda span.punto{width:9px;height:9px;border-radius:3px;display:inline-block;margin-right:.35rem}.vacio{text-align:center;padding:2.5rem 1rem;color:var(--tinta-3)}@media(max-width:820px){.app{flex-direction:column}.lateral{width:100%;height:auto;position:static;flex-direction:row;align-items:center;overflow-x:auto}.lateral .marca{border-bottom:none;border-right:1px solid var(--borde)}.lateral nav{flex-direction:row;padding:.5rem}.lateral nav .grupo{display:none}main{padding:1rem}}