@import url("https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:wght@400;500;600&family=IBM+Plex+Mono:wght@400;500&display=swap");:root{--tinta:#17242e;--tinta-suave:#5a6b72;--tinta-tenue:#8b9a9d;--papel:#f1f3f1;--superficie:#ffffff;--linea:#d9dfdb;--linea-fuerte:#b9c3bd;--verdigris:#1d6b57;--verdigris-claro:#e3efe9;--ambar:#a8720f;--ambar-claro:#f8efd9;--ladrillo:#9c3324;--ladrillo-claro:#f7e3df;--neutro:#7c8a87;--neutro-claro:#e9ecea;--radio:3px;--sidebar:232px;--sans:"IBM Plex Sans",ui-sans-serif,system-ui,sans-serif;--mono:"IBM Plex Mono",ui-monospace,"SFMono-Regular",monospace}*{box-sizing:border-box}body,html{margin:0;padding:0;background:var(--papel);color:var(--tinta);font-family:var(--sans);font-size:15px;line-height:1.55;-webkit-font-smoothing:antialiased}h1,h2,h3{margin:0;font-weight:600;letter-spacing:-.011em}h1{font-size:1.5rem;line-height:1.25}h2{font-size:1.0625rem}h3{font-size:.9375rem}p{margin:0 0 .75rem;max-width:68ch}a{color:var(--verdigris)}:focus-visible{outline:2px solid var(--verdigris);outline-offset:2px}@media (prefers-reduced-motion:reduce){*,:after,:before{transition:none!important;animation:none!important}}.marco{display:flex;min-height:100vh}.lateral{width:var(--sidebar);flex-shrink:0;background:var(--tinta);color:#cfd9d6;display:flex;flex-direction:column;padding:1.25rem 0}.lateral-marca{padding:0 1.25rem 1.25rem;border-bottom:1px solid rgba(255,255,255,.09);margin-bottom:.75rem}.lateral-marca strong{display:block;color:#fff;font-size:.9375rem}.lateral-marca span{font-size:.75rem;color:#8fa39e}.lateral nav{display:flex;flex-direction:column;gap:1px;padding:0 .5rem}.lateral nav a{display:block;padding:.4rem .75rem;color:#cfd9d6;text-decoration:none;border-radius:var(--radio);font-size:.875rem}.lateral nav a:hover{background:rgba(255,255,255,.07);color:#fff}.lateral nav a[aria-current=page]{background:var(--verdigris);color:#fff;font-weight:500}.lateral-grupo{padding:1rem 1.25rem .35rem;font-size:.6875rem;color:#7c8f8b}.lateral-pie{margin-top:auto;padding:1rem 1.25rem 0;border-top:1px solid rgba(255,255,255,.09);font-size:.8125rem}.lateral-pie strong{display:block;color:#fff;font-weight:500}.lateral-pie span{color:#8fa39e;font-size:.75rem}.lateral-pie button{margin-top:.6rem;background:none;border:1px solid rgba(255,255,255,.22);color:#cfd9d6;padding:.3rem .65rem;border-radius:var(--radio);font:inherit;font-size:.8125rem;cursor:pointer}.lateral-pie button:hover{background:rgba(255,255,255,.09);color:#fff}.contenido{flex:1 1;min-width:0;padding:1.75rem 2rem 4rem}.encabezado{display:flex;align-items:flex-end;justify-content:space-between;gap:1rem;margin-bottom:1.25rem;padding-bottom:.9rem;border-bottom:1px solid var(--linea-fuerte)}.encabezado p{margin:.2rem 0 0;color:var(--tinta-suave);font-size:.875rem}.encabezado-acciones{display:flex;gap:.5rem;flex-shrink:0}.columna{max-width:58ch}.tabla-envoltura{background:var(--superficie);border:1px solid var(--linea);border-radius:var(--radio);overflow-x:auto}table{width:100%;border-collapse:collapse;font-size:.875rem}thead th{text-align:left;font-weight:500;font-size:.8125rem;color:var(--tinta-suave);border-bottom:1px solid var(--linea-fuerte);white-space:nowrap}tbody td,thead th{padding:.6rem .75rem}tbody td{border-bottom:1px solid var(--linea);vertical-align:top}tbody tr:last-child td{border-bottom:none}tbody tr:hover{background:#fafbfa}.num,td.num,th.num{text-align:right;white-space:nowrap}.mono,.num,td.num,th.num{font-family:var(--mono);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.vacio{padding:2.5rem 1.25rem;text-align:center;color:var(--tinta-suave);background:var(--superficie);border:1px solid var(--linea);border-radius:var(--radio)}.vacio p{margin:0 auto 1rem;max-width:44ch}.estado{display:inline-flex;align-items:center;gap:.4rem;white-space:nowrap}.estado:before{content:"";width:8px;height:8px;border-radius:1px;background:var(--neutro);flex-shrink:0}.estado-ok:before{background:var(--verdigris)}.estado-aviso:before{background:var(--ambar)}.estado-alerta:before{background:var(--ladrillo)}.estado-neutro:before{background:var(--neutro)}.marca{display:inline-block;padding:.05rem .4rem;border-radius:var(--radio);font-size:.75rem;background:var(--neutro-claro);color:var(--tinta-suave)}.marca-ok{background:var(--verdigris-claro);color:var(--verdigris)}.marca-aviso{background:var(--ambar-claro);color:var(--ambar)}.marca-alerta{background:var(--ladrillo-claro);color:var(--ladrillo)}.campo{margin-bottom:.9rem}.campo label{display:block;font-size:.8125rem;color:var(--tinta-suave);margin-bottom:.2rem}.campo .ayuda{color:var(--tinta-tenue)}.campo .ayuda,.campo .error{font-size:.8125rem;margin-top:.2rem}.campo .error{color:var(--ladrillo)}input[type=date],input[type=email],input[type=number],input[type=password],input[type=text],select,textarea{width:100%;padding:.42rem .6rem;border:1px solid var(--linea-fuerte);border-radius:var(--radio);background:var(--superficie);font:inherit;font-size:.9375rem;color:var(--tinta)}input[aria-invalid=true],select[aria-invalid=true]{border-color:var(--ladrillo)}input:disabled,select:disabled{background:var(--neutro-claro);color:var(--tinta-suave)}textarea{min-height:4.5rem;resize:vertical}input.num,input[inputmode=numeric]{font-family:var(--mono)}.fila{display:grid;grid-template-columns:1fr 1fr;grid-gap:0 .9rem;gap:0 .9rem}@media (max-width:720px){.fila{grid-template-columns:1fr}}fieldset{border:none;padding:0;margin:0 0 1.5rem}legend{padding:0 0 .5rem;font-size:.8125rem;color:var(--tinta-suave);border-bottom:1px solid var(--linea);width:100%;margin-bottom:.9rem}.boton{display:inline-flex;align-items:center;gap:.4rem;padding:.42rem .85rem;border-radius:var(--radio);border:1px solid var(--verdigris);background:var(--verdigris);color:#fff;font:inherit;font-size:.875rem;font-weight:500;text-decoration:none;cursor:pointer}.boton:hover{background:#175a49;border-color:#175a49}.boton:disabled{opacity:.55;cursor:not-allowed}.boton-secundario{background:var(--superficie);color:var(--tinta);border-color:var(--linea-fuerte)}.boton-secundario:hover{background:var(--papel);border-color:var(--tinta-tenue)}.boton-peligro{background:var(--superficie);color:var(--ladrillo);border-color:var(--ladrillo)}.boton-peligro:hover{background:var(--ladrillo-claro)}.enlace-tenue{color:var(--tinta-suave);text-decoration:none;font-size:.875rem}.enlace-tenue:hover{color:var(--tinta);text-decoration:underline}.acciones{display:flex;gap:.6rem;align-items:center;margin-top:1.25rem}.aviso{padding:.7rem .9rem;border-radius:var(--radio);background:var(--superficie);border:1px solid var(--linea);border-left:3px solid var(--neutro);font-size:.875rem;margin-bottom:1rem}.aviso-error{border-left-color:var(--ladrillo);background:var(--ladrillo-claro)}.aviso-ok{border-left-color:var(--verdigris);background:var(--verdigris-claro)}.aviso-info{border-left-color:var(--ambar);background:var(--ambar-claro)}.aviso ul{margin:.4rem 0 0;padding-left:1.1rem}.datos{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));grid-gap:1rem 1.5rem;gap:1rem 1.5rem}.dato span{display:block;font-size:.8125rem;color:var(--tinta-suave)}.dato strong{font-weight:500}.panel{background:var(--superficie);border:1px solid var(--linea);border-radius:var(--radio);padding:1.1rem 1.25rem;margin-bottom:1.25rem}.panel>h2{margin-bottom:.9rem}.indicadores{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));grid-gap:1px;gap:1px;background:var(--linea);border:1px solid var(--linea);border-radius:var(--radio);overflow:hidden;margin-bottom:1.5rem}.indicador{background:var(--superficie);padding:.9rem 1rem}.indicador span{display:block;font-size:.8125rem;color:var(--tinta-suave);margin-bottom:.15rem}.indicador strong{font-family:var(--mono);font-feature-settings:"tnum";font-variant-numeric:tabular-nums;font-size:1.375rem;font-weight:500}.filtros{display:flex;flex-wrap:wrap;gap:.6rem;align-items:flex-end;margin-bottom:1rem}.filtros .campo{margin:0}.filtros input,.filtros select{min-width:180px;width:auto}.ingreso{min-height:100vh;display:grid;place-items:center;padding:1.5rem}.ingreso-caja{width:100%;max-width:25rem}.ingreso-marca{margin-bottom:1.5rem}.ingreso-marca h1{font-size:1.375rem}.ingreso-marca p{color:var(--tinta-suave);font-size:.875rem;margin:.15rem 0 0}.ingreso form{background:var(--superficie);border:1px solid var(--linea);border-radius:var(--radio);padding:1.5rem}.ingreso .boton{width:100%;justify-content:center;margin-top:.5rem}@media (max-width:860px){.marco{flex-direction:column}.lateral{width:100%;padding-bottom:.75rem}.lateral nav{flex-direction:row;flex-wrap:wrap}.lateral-grupo,.lateral-pie{display:none}.contenido{padding:1.25rem 1rem 3rem}}