/* ===================================================================
   Mecanograficos - lo propio de este sistema. La base es estilo.css + tema.css
   (los de Despacho / Delegacion RG, sin tocar). Todo usa las variables de esas
   hojas, asi el modo oscuro (el de fabrica) y el claro salen solos.
   =================================================================== */

/* ---------------------------------------------------------- filtros */
.mc-filtros{margin-bottom:12px}
.mc-filtros .mc-q{flex:1 1 340px}
.mc-filtros .mc-q input{width:100%;font-size:16px;padding:11px 14px}
.mc-anios{display:flex;gap:6px}
.mc-anios input{width:96px}
.mc-resumen{color:var(--muted);font-size:13.5px;margin:0 2px 14px}
.mc-resumen b{color:var(--ink)}

/* ---------------------------------------------- lista + panel (2 columnas) */
.mc-dos{display:grid;grid-template-columns:minmax(330px,40%) minmax(0,1fr);gap:22px;align-items:start}
.mc-lista{display:flex;flex-direction:column;gap:8px;min-width:0}
.mc-item{display:block;background:var(--sup);border:1px solid var(--line);border-radius:var(--r-s);
  padding:11px 14px;color:var(--ink);box-shadow:var(--s1);transition:border-color .14s,transform .14s}
.mc-item:hover{border-color:var(--c-l3);text-decoration:none;transform:translateY(-1px)}
.mc-item.sel{border-color:var(--c);box-shadow:inset 4px 0 0 var(--c),var(--s1)}
.mc-item-t{display:block;font-weight:700;font-size:15px;line-height:1.35}
.mc-item-m{display:block;font-size:12.5px;color:var(--muted);margin-top:4px}
.mc-item-m b{color:var(--c-3);font-weight:700}
.mc-item-m .chip-e{padding:1px 8px;font-size:10.5px;margin-left:4px}
.mc-item-s{display:block;font-size:13.5px;color:var(--ink-2);margin-top:6px;line-height:1.45}
.mc-item-s i{color:var(--faint);font-style:normal;font-size:12px}
.mc-panel{position:sticky;top:96px;max-height:calc(100vh - 112px);overflow:auto;background:var(--sup);
  border:1px solid var(--line);border-radius:var(--r);padding:18px 24px 20px;box-shadow:var(--s1);min-width:0}
.mc-panel.cargando{opacity:.55;transition:opacity .15s}
.mc-panel-vacio{margin:30px 0}
@media (max-width:1000px){
  .mc-dos{grid-template-columns:1fr}
  .mc-panel{display:none}
  .mc-dos.con-ficha .mc-panel{display:block;position:static;max-height:none;order:-1}
}

mark{background:#ffe27a;color:inherit;border-radius:3px;padding:0 1px}
:root[data-tema="oscuro"] mark{background:#7a6512;color:#fff}

/* ---------------------------------------------------------- ficha */
.mc-ficha-cab{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap}
.mc-ficha-chips{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.mc-ficha-acc{display:flex;gap:6px;flex-wrap:wrap}
.mc-nombre{font-family:var(--num);font-weight:700;font-size:15.5px;color:var(--c-3)}
.mc-mec{font:600 12px ui-monospace,Consolas,monospace;color:var(--muted);background:var(--bg);
  border:1px solid var(--line);border-radius:999px;padding:3px 9px}
.mc-titulo{font-size:23px;margin:12px 0 4px;line-height:1.25}
.mc-sola .mc-titulo{font-size:28px}
.mc-nombre-norma{font-weight:700;color:var(--ink-2);margin:0 0 4px}
.mc-ident{color:var(--muted);font-size:13px;margin:0 0 10px}
.mc-datos{display:grid;grid-template-columns:repeat(auto-fill,minmax(185px,1fr));gap:0 18px;
  padding:2px 16px 14px;margin:10px 0 14px}
.mc-datos dt{margin-top:12px}
.mc-datos dd{font-size:14px}
.mc-caja{background:var(--bg);border:1px solid var(--line);border-radius:var(--r-s);padding:2px 16px 12px;margin:12px 0}
.mc-caja h2{font-size:11.5px;text-transform:uppercase;letter-spacing:.7px;color:var(--muted);margin:11px 0 6px}
.mc-caja p{margin:6px 0}
.mc-caja-no{border-color:var(--no-bd);background:var(--no-bg)}
.mc-caja-no h2{color:var(--no)}
.mc-pre{white-space:pre-line}
.mc-chips{display:flex;flex-wrap:wrap;gap:6px;padding:2px 0}
.mc-chip{font-size:12px;font-weight:600;border:1px solid var(--line-2);border-radius:999px;padding:3px 10px;
  color:var(--c-3);background:var(--sup)}
.mc-chip:hover{border-color:var(--c);text-decoration:none}
.mc-lista-refs{margin:6px 0;padding-left:20px}
.mc-lista-refs li{margin:3px 0}
.mc-noc{border-bottom:1px dotted var(--faint);cursor:help}
.mc-sancion{font-style:italic;color:var(--ink-2);margin:16px 0 6px}

/* ---------------------------------------------------------- articulado */
.mc-arts{margin-top:14px}
.mc-arts-barra{display:flex;align-items:center;gap:10px;flex-wrap:wrap;position:sticky;top:-18px;z-index:2;
  background:var(--sup);padding:9px 0 9px;border-bottom:1px solid var(--line)}
.mc-arts-barra h2{margin:0;font-size:16px}
.mc-filtro{flex:1 1 200px;padding:7px 11px;border:1px solid var(--line-2);border-radius:var(--r-s);
  font:inherit;font-size:14px;background:var(--bg);color:var(--ink)}
.mc-filtro:focus{outline:none;border-color:var(--c);box-shadow:0 0 0 3px var(--c-l)}
.mc-filtro-n{font-size:12.5px;color:var(--muted)}
.mc-part{font-size:14.5px;color:var(--c-4);margin:22px 0 2px;padding-bottom:4px;border-bottom:2px solid var(--c-l2)}
.mc-part small{font-weight:500;color:var(--faint);font-size:12px;margin-left:6px}
.mc-anexo h3{font-size:16px;margin:28px 0 6px;color:var(--acc-3)}
.mc-anexo-obs{font-size:13px;color:var(--muted)}
.mc-art{padding:12px 4px 10px;border-bottom:1px solid var(--line);scroll-margin-top:120px}
.mc-art-cab{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:4px}
.mc-art-n{font-size:11.5px;font-weight:800;text-transform:uppercase;letter-spacing:.6px;color:var(--muted)}
.mc-art-n:hover{color:var(--c-3)}
.mc-art-tit{font-weight:700;font-size:13.5px}
.mc-art-cab .chip-e{padding:1px 8px;font-size:10.5px}
.mc-art-t{line-height:1.62}
.mc-tabla{font:12.5px/1.45 ui-monospace,Consolas,'Courier New',monospace;background:var(--bg);border:1px solid var(--line);
  border-radius:var(--r-xs);padding:10px 12px;overflow-x:auto;margin:6px 0;white-space:pre;color:var(--ink)}
.mc-art-refs{margin:7px 0 0;padding-left:18px;font-size:13px;color:var(--ink-2)}
.mc-extra{white-space:pre-line;font:12px ui-monospace,Consolas,monospace;color:var(--muted);margin-top:6px}
.mc-art:target,.mc-art.mc-foco{background:var(--c-l);border-radius:var(--r-xs)}
.mc-oculto{display:none!important}
.mc-carga{margin:22px 0 4px;font-size:13.5px}
.mc-carga summary{cursor:pointer;color:var(--muted);font-weight:600}
.mc-carga .aviso{margin-top:10px}

/* ficha sola (norma?m=...) */
.mc-sola{max-width:1000px}
.mc-sola .mc-ficha{background:var(--sup);border:1px solid var(--line);border-radius:var(--r);padding:20px 26px;box-shadow:var(--s1)}
.mc-sola .mc-arts-barra{position:static}

/* cargar */
.form-caja input[type=file]{padding:10px;border:1.5px dashed var(--line-2);border-radius:var(--r-s);background:var(--bg);width:100%}

@media (max-width:760px){
  .mc-panel{padding:14px 14px 16px}
  .mc-sola .mc-ficha{padding:14px}
  .mc-titulo,.mc-sola .mc-titulo{font-size:21px}
  .mc-anios input{width:80px}
}