/* Consola de Surca: la administración de la plataforma, separada del portal de los despachos.
   Misma paleta que el portal (mosto, greda, pórfido, arcilla, oliva, trigo). */
@font-face{font-family:'DM Sans';src:url('/fuentes/DMSans-Regular.woff2') format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:'DM Sans';src:url('/fuentes/DMSans-Medium.woff2') format('woff2');font-weight:500;font-display:swap}
@font-face{font-family:'Bricolage Grotesque';src:url('/fuentes/BricolageGrotesque-SemiBold-latin.woff2') format('woff2');font-weight:600;font-display:swap}
:root{--mosto:#3A1620;--porfido:#6E2233;--arcilla:#B8684B;--arcilla-clara:#D08A6B;--greda:#F6F0EB;--papel:#FBF8F5;--barro:#E8D6D2;--linea:#DCC6C0;--tierra:#6B555A;
  --oliva:#3E4724;--oliva-claro:#E3E6D3;--trigo:#6B4E12;--trigo-claro:#F3E6C4;--teja:#A63A2A;--teja-claro:#F2D9D2;--pizarra:#2C3945;--pizarra-clara:#DCE3E8;
  --titular:'Bricolage Grotesque','DM Sans',system-ui,sans-serif}
*{box-sizing:border-box}
body{margin:0;background:var(--greda);color:var(--mosto);font:400 15px/1.5 'DM Sans',system-ui,sans-serif}
h1,h2,h3{font-family:var(--titular);font-weight:600;margin:0;line-height:1.15}
h1{font-size:30px;margin-bottom:6px} h2{font-size:20px;margin:30px 0 12px} h3{font-size:16px}
a{color:var(--porfido)}
.gris{color:var(--tierra)} .mini{font-size:13px}
.error{color:var(--teja);min-height:1.2em;margin:0}
[hidden]{display:none!important}

.marca{display:flex;align-items:center;gap:.3em;font-family:var(--titular);font-weight:600;font-size:24px;margin:0}
.marca svg{height:.82em} .marca .s1{fill:var(--porfido)} .marca .s2{fill:var(--arcilla)}
.marca span{font-family:'DM Sans';font-weight:500;font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--arcilla-clara);margin-left:6px;align-self:center}

.btn{background:var(--porfido);color:var(--greda);border:0;border-radius:999px;padding:11px 20px;font:500 15px 'DM Sans';cursor:pointer}
.btn:disabled{opacity:.6;cursor:default}
.btn--sec{background:transparent;color:var(--porfido);border:1.5px solid var(--porfido);padding:7px 14px;font-size:13px}
.enlace{background:none;border:0;color:var(--porfido);font:inherit;cursor:pointer;padding:0;text-decoration:underline}
input,select,textarea{font:inherit;color:var(--mosto);background:var(--papel);border:1px solid var(--linea);border-radius:8px;padding:7px 9px}

/* Acceso */
.acceso{min-height:100vh;display:grid;place-items:center;padding:20px}
.acceso__caja{background:var(--papel);border:1px solid var(--linea);border-radius:18px;padding:34px;width:min(380px,100%);display:grid;gap:14px}
.acceso__caja label{display:grid;gap:5px;font-weight:500;font-size:14px}
.acceso__caja .marca span{color:var(--arcilla)}

/* Marco */
.marco{display:grid;grid-template-columns:250px 1fr;min-height:100vh}
.lateral{background:var(--mosto);color:var(--greda);padding:26px 18px;display:flex;flex-direction:column;gap:28px;position:sticky;top:0;height:100vh}
.lateral .marca .s1{fill:var(--greda)} .lateral .marca .s2{fill:var(--arcilla-clara)}
.lateral nav{display:grid;gap:2px}
.lateral nav a{color:var(--barro);text-decoration:none;padding:9px 12px;border-radius:8px;display:flex;justify-content:space-between;align-items:center}
.lateral nav a:hover{background:rgba(246,240,235,.08)}
.lateral nav a.activo{background:var(--porfido);color:var(--greda)}
.globo{background:var(--arcilla);color:var(--greda);font-size:11px;border-radius:999px;padding:1px 7px;font-weight:500}
.globo:empty{display:none}
.lateral__pie{margin-top:auto;display:grid;gap:8px;font-size:13px}
.lateral__pie .gris{color:var(--linea);word-break:break-all}
.lateral__pie .enlace,.enlace-portal{color:var(--arcilla-clara);justify-self:start}
.contenido{padding:34px 40px 60px;max-width:1280px;width:100%}
.entradilla{color:var(--tierra);max-width:70ch;margin:0 0 20px}

/* Cifras */
.cifras{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:14px}
.cifra{background:var(--papel);border:1px solid var(--linea);border-radius:14px;padding:16px 18px}
.cifra b{display:block;font-family:var(--titular);font-weight:600;font-size:30px;line-height:1.1}
.cifra span{color:var(--tierra);font-size:13px}
.cifra--aviso{border-color:var(--arcilla);background:#FBEFE9}

/* Tablas */
.tabla{width:100%;border-collapse:collapse;background:var(--papel);border:1px solid var(--linea);border-radius:12px;overflow:hidden;font-size:14px}
.tabla th{text-align:left;font-weight:500;font-size:12px;letter-spacing:.04em;text-transform:uppercase;color:var(--tierra);background:#F1E8E2;padding:9px 12px;border-bottom:1px solid var(--linea)}
.tabla td{padding:10px 12px;border-bottom:1px solid var(--barro);vertical-align:top}
.tabla tr:last-child td{border-bottom:0}
.tabla .num{text-align:right;font-variant-numeric:tabular-nums}
.tabla .texto{max-width:420px;white-space:pre-wrap}
.vacio{background:var(--papel);border:1px dashed var(--linea);border-radius:12px;padding:20px;color:var(--tierra)}
.etq{display:inline-block;font-size:12px;font-weight:500;padding:3px 8px;border-radius:6px;white-space:nowrap}
.etq--ok{background:var(--oliva-claro);color:var(--oliva)} .etq--aviso{background:var(--trigo-claro);color:var(--trigo)}
.etq--mal{background:var(--teja-claro);color:var(--teja)} .etq--neutro{background:var(--pizarra-clara);color:var(--pizarra)}
.res{display:block;font-size:12px;color:var(--tierra);margin-top:4px;max-width:240px}
.fila-ajuste{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.fila-ajuste input{min-width:300px}

.aviso-flotante{position:fixed;bottom:20px;left:50%;transform:translateX(-50%);background:var(--mosto);color:var(--greda);padding:10px 18px;border-radius:999px;font-size:14px;opacity:0;transition:opacity .2s;pointer-events:none;margin:0}
.aviso-flotante.ver{opacity:1}

@media (max-width:860px){
  .marco{grid-template-columns:1fr}
  .lateral{position:static;height:auto;flex-direction:row;flex-wrap:wrap;align-items:center;gap:14px}
  .lateral nav{display:flex;flex-wrap:wrap}
  .lateral__pie{margin:0}
  .contenido{padding:22px 16px;overflow-x:auto}
}