@import "https://fonts.googleapis.com/css2?family=Raleway:wght@500;600;700&family=Open+Sans:wght@400;600&display=swap";:root{--n-50:#fafafa;--n-100:#f5f5f5;--n-200:#e5e5e5;--n-300:#d4d4d4;--n-400:#a3a3a3;--n-500:#737373;--n-600:#525252;--n-700:#404040;--n-800:#262626;--n-900:#171717;--amarillo-100:#fff8de;--amarillo-500:#ffde5a;--amarillo-700:#af9312;--rojo-100:#fee2e2;--rojo-500:#ef4444;--rojo-700:#b91c1c;--fondo:var(--n-50);--fondo-suave:var(--n-100);--fondo-tarjeta:#fff;--borde:var(--n-200);--borde-fuerte:var(--n-300);--texto:var(--n-900);--texto-suave:var(--n-600);--texto-tenue:var(--n-500);--acento:var(--amarillo-500);--acento-fondo:var(--amarillo-100);--acento-texto:var(--amarillo-700);--alerta:var(--rojo-500);--alerta-fondo:var(--rojo-100);--alerta-texto:var(--rojo-700);--decorativa:"Raleway", system-ui, sans-serif;--contenido:"Open Sans", system-ui, sans-serif;--xs:4px;--sm:8px;--md:16px;--lg:32px;--radio:8px;--radio-sm:4px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}body{background:var(--fondo);color:var(--texto);font-family:var(--contenido);-webkit-font-smoothing:antialiased;margin:0;font-size:14px;line-height:21px}h1,h2,h3{font-family:var(--decorativa);margin:0}h1{font-size:22px;font-weight:700;line-height:26px}h2{font-size:18px;font-weight:600;line-height:23px}h3{font-size:14px;font-weight:600;line-height:21px}button{font-family:var(--contenido);cursor:pointer;font-size:14px}.app{grid-template-columns:220px 1fr;min-height:100vh;display:grid}.lateral{background:var(--fondo-tarjeta);border-right:1px solid var(--borde);padding:var(--md);gap:var(--xs);flex-direction:column;display:flex}.marca{font-family:var(--decorativa);margin-bottom:var(--md);font-size:18px;font-weight:700}.marca span{background:var(--acento);border-radius:var(--radio-sm);padding:2px 6px}.nav-boton{text-align:left;padding:var(--sm);border-radius:var(--radio-sm);color:var(--texto-suave);background:0 0;border:0}.nav-boton:hover{background:var(--fondo-suave)}.nav-boton[aria-current=true]{background:var(--acento-fondo);color:var(--texto);font-weight:600}.contenido{padding:var(--lg);max-width:1400px;overflow-x:auto}.cabecera{justify-content:space-between;align-items:baseline;gap:var(--md);margin-bottom:var(--md);flex-wrap:wrap;display:flex}.origen{color:var(--texto-tenue);font-size:11px}.tabla-envoltorio{background:var(--fondo-tarjeta);border:1px solid var(--borde);border-radius:var(--radio);overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:14px}th{font-family:var(--decorativa);text-align:left;padding:var(--sm) var(--md);border-bottom:1px solid var(--borde-fuerte);color:var(--texto-suave);white-space:nowrap;-webkit-user-select:none;user-select:none;font-weight:600}th.ordenable{cursor:pointer}th.ordenable:hover{color:var(--texto)}td{padding:var(--sm) var(--md);border-bottom:1px solid var(--borde);vertical-align:top}tbody tr:last-child td{border-bottom:0}tbody tr:hover{background:var(--fondo-suave)}tr.pulsable{cursor:pointer}.num{font-family:var(--decorativa);font-variant-numeric:tabular-nums;text-align:right}.pildora{font-family:var(--decorativa);padding:2px var(--sm);background:var(--fondo-suave);color:var(--texto-suave);margin-right:var(--xs);white-space:nowrap;border-radius:999px;font-size:11px;font-weight:600;display:inline-block}.pildora.acento{background:var(--acento-fondo);color:var(--acento-texto)}.pildora.alerta{background:var(--alerta-fondo);color:var(--alerta-texto)}.filtros{gap:var(--sm);margin-bottom:var(--md);flex-wrap:wrap;align-items:center;display:flex}input[type=text],input[type=email],input[type=password],select{font-family:var(--contenido);padding:6px var(--sm);border:1px solid var(--borde-fuerte);border-radius:var(--radio-sm);background:var(--fondo-tarjeta);color:var(--texto);font-size:14px}input:focus-visible,select:focus-visible,button:focus-visible{outline:2px solid var(--acento);outline-offset:1px}.boton{background:var(--acento);padding:6px var(--md);border-radius:var(--radio-sm);color:var(--texto);border:0;font-weight:600}.boton.secundario{background:var(--fondo-tarjeta);border:1px solid var(--borde-fuerte);font-weight:400}.tarjetas{gap:var(--md);margin-bottom:var(--lg);grid-template-columns:repeat(auto-fill,minmax(190px,1fr));display:grid}.tarjeta{background:var(--fondo-tarjeta);border:1px solid var(--borde);border-radius:var(--radio);padding:var(--md)}.tarjeta .cifra{font-family:var(--decorativa);font-variant-numeric:tabular-nums;font-size:27px;font-weight:700;line-height:32px}.tarjeta .etiqueta{color:var(--texto-tenue);text-transform:uppercase;letter-spacing:.02em;font-size:11px}.tarjeta.senalada .cifra{color:var(--alerta-texto)}.barra-reparto{background:var(--fondo-suave);border-radius:999px;min-width:120px;height:6px;display:flex;overflow:hidden}.aviso{padding:var(--md);border-radius:var(--radio);background:var(--acento-fondo);color:var(--acento-texto);margin-bottom:var(--md)}.aviso.malo{background:var(--alerta-fondo);color:var(--alerta-texto)}.vacio{padding:var(--lg);text-align:center;color:var(--texto-tenue)}.migas{color:var(--texto-tenue);margin-bottom:var(--sm);font-size:11px}.migas button{color:var(--acento-texto);background:0 0;border:0;padding:0;font-size:11px;text-decoration:underline}.login{place-items:center;min-height:100vh;display:grid}.login form{background:var(--fondo-tarjeta);border:1px solid var(--borde);border-radius:var(--radio);padding:var(--lg);gap:var(--sm);flex-direction:column;min-width:320px;display:flex}.login label{color:var(--texto-tenue);text-transform:uppercase;letter-spacing:.02em;font-size:11px}.login input{width:100%}.bloque{background:var(--fondo-tarjeta);border:1px solid var(--borde);border-radius:var(--radio);margin-bottom:var(--md);overflow:hidden}.bloque-cabecera{padding:var(--sm) var(--md);border-bottom:1px solid var(--borde);align-items:center;gap:var(--sm);background:var(--fondo-suave);flex-wrap:wrap;display:flex}.bloque-letra{font-family:var(--decorativa);background:var(--acento);border-radius:var(--radio-sm);padding:0 6px;font-weight:700}pre.spec{padding:var(--sm) var(--md);color:var(--texto-suave);background:var(--fondo);border-bottom:1px solid var(--borde);margin:0;font-size:11px;line-height:16px;overflow-x:auto}code{background:var(--fondo-suave);border-radius:var(--radio-sm);padding:1px 4px;font-size:11px}
