:root{font-family:system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;color-scheme:dark;--fondo:#0b1220;--superficie:#111c30;--superficie2:#16243b;--borde:#2b3a52;--texto:#eff5ff;--suave:#a9bad0;--acento:#eab66b;--acento2:#c89750;--azul:#253d5a;--alto:#11223a;--correcto:#173d39;--error:#512c37}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--texto);background:var(--fondo);font-size:16px;line-height:1.5}a{color:#f5c47f}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{opacity:.45;cursor:not-allowed}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #fff1b5;outline-offset:3px}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(1.8rem,3.5vw,2.65rem);line-height:1.15;letter-spacing:-.03em}h2{font-size:1.45rem;line-height:1.25}h3{font-size:1.05rem}p{color:var(--suave)}.saltar{position:absolute;top:-100px;left:15px;background:#fff;color:#102037;padding:12px 20px;z-index:1000}.saltar:focus{top:15px}.marco{display:grid;grid-template-columns:248px minmax(0,1fr);min-height:100vh}.barra{background:#0d1728;border-right:1px solid var(--borde);padding:27px 16px;display:flex;flex-direction:column;position:sticky;top:0;height:100vh}.marca{text-decoration:none;display:flex;align-items:center;gap:14px;color:#fff;padding:6px 11px 24px}.marca-icono{display:grid;place-items:center;width:47px;height:47px;border:1px solid #c48f42;background:#273243;border-radius:12px;color:var(--acento);font-size:2.5rem;line-height:1}.marca strong{display:block;font-size:1.25rem;letter-spacing:.05em}.marca small{display:block;color:var(--acento);font-size:.73rem;letter-spacing:.24em;font-weight:700}.etiqueta-menu{display:block;color:#7e94b3;font-size:.68rem;font-weight:800;letter-spacing:.17em;padding:16px 13px 7px;margin-top:10px}.enlace-menu{display:flex;gap:12px;align-items:center;color:#c3d1e3;text-decoration:none;border-radius:9px;padding:12px 14px;margin:3px 0;font-weight:540}.enlace-menu span{font-size:1.26rem;color:#94abc8}.enlace-menu:hover,.enlace-menu:focus,.enlace-menu.activo{background:#1e314a;color:#fff}.enlace-menu.activo{box-shadow:inset 3px 0 0 var(--acento)}.barra-abajo{margin-top:auto;border-top:1px solid var(--borde);padding:20px 11px 0}.usuario-actual small{display:block;color:var(--acento);font-size:.7rem;font-weight:800;letter-spacing:.1em}.usuario-actual strong{display:block;margin:5px 0 0}.usuario-actual span{font-size:.85rem;color:var(--suave)}.salir{background:none;border:none;color:#eec891;padding:12px 0;text-align:left;font-weight:700}.barra-descripcion{padding:22px 14px}.principal{display:flex;flex-direction:column;min-width:0}.cabecera{border-bottom:1px solid var(--borde);min-height:77px;display:flex;justify-content:space-between;align-items:center;gap:14px;padding:16px clamp(20px,4vw,60px);color:var(--suave)}.nombre-institucion{font-weight:700;color:#d6e2f0}.estado-sistema{font-size:.83rem;white-space:nowrap;color:#b9d3bd}.contenido{width:100%;max-width:1600px;margin:0 auto;padding:34px clamp(20px,4vw,60px) 70px;flex:1}.pie{padding:20px 60px;border-top:1px solid var(--borde);font-size:.76rem;color:#8195ad}.hero{min-height:230px;display:flex;justify-content:space-between;align-items:center;gap:20px;border:1px solid #36506c;border-radius:17px;padding:35px clamp(24px,4vw,54px);background:radial-gradient(circle at 84% 52%,#2b4260 0%,#142841 36%,#112034 75%);margin:0 0 35px;overflow:hidden}.hero p:not(.sobrelinea){max-width:570px;margin-bottom:0}.sobrelinea,.kicker{font-size:.73rem;letter-spacing:.16em;font-weight:800;color:var(--acento);text-transform:uppercase}.hero h1{max-width:600px;margin:12px 0}.hero-simbolo{font-size:clamp(2.5rem,7vw,6rem);font-weight:900;letter-spacing:-.05em;opacity:.18;white-space:nowrap;color:#edc483}.hero-simbolo span{display:block;font-size:1.1rem;letter-spacing:.4em;text-align:center}.titulo-seccion{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:18px}.titulo-seccion h2{margin-bottom:3px}.titulo-seccion p{margin-bottom:0}.barra-filtros{display:flex;flex-wrap:wrap;gap:13px;align-items:end;background:var(--superficie);padding:19px;border:1px solid var(--borde);border-radius:12px}.barra-filtros>div{min-width:170px;flex:1}.barra-filtros>.busqueda{flex:2;min-width:260px}label{display:block;color:#d5e3f1;font-weight:650;margin:18px 0 7px}input,select,textarea{display:block;background:#0d182a;color:#f2f7ff;border:1px solid #526780;border-radius:9px;padding:12px 13px;width:100%;min-height:46px}textarea{resize:vertical}.barra-filtros label{margin:0 0 6px;font-size:.84rem}.boton{display:inline-flex;justify-content:center;align-items:center;gap:8px;min-height:44px;border-radius:9px;border:1px solid transparent;font-weight:750;padding:11px 18px;text-decoration:none;white-space:normal}.boton.primario{color:#20160b;background:var(--acento);border-color:var(--acento)}.boton.primario:hover{background:#ffd291}.boton.secundario{color:#f2dcbb;background:#25354a;border-color:#667994}.boton.secundario:hover{background:#344b64}.boton.fantasma{background:transparent;color:#e4d3ba;border-color:var(--borde)}.boton.pequenio{min-height:34px;padding:6px 10px;font-size:.85rem}.ancho{width:100%}.cantidad{font-size:.88rem;margin:19px 0}.catalogo{display:grid;grid-template-columns:repeat(auto-fill,minmax(205px,1fr));gap:20px}.tarjeta{min-width:0;background:var(--superficie);border:1px solid var(--borde);border-radius:13px;overflow:hidden;transition:transform .15s,border-color .15s}.tarjeta:hover,.tarjeta:focus-within{transform:translateY(-3px);border-color:#ad8855}.tarjeta-enlace{color:inherit;text-decoration:none;display:block;height:100%}.portada{height:205px;background:radial-gradient(ellipse at top right,#3a5676,#1c3350 58%,#15273c);display:flex;flex-direction:column;justify-content:space-between;align-items:flex-start;padding:19px;position:relative}.portada:after{content:"";position:absolute;left:18px;right:18px;top:21px;bottom:21px;border:1px solid #5e7890;border-radius:7px;opacity:.3;pointer-events:none}.portada-simbolo{font-size:4rem;align-self:center;line-height:1;color:#deb56f;opacity:.8;margin-top:19px}.portada-categoria{z-index:1;max-width:95%;font-size:.87rem;font-weight:800;line-height:1.2;color:#fbecdc;overflow-wrap:anywhere}.portada-documento{color:#bacce1;font-size:.63rem;letter-spacing:.15em;font-weight:800}.tarjeta-cuerpo{padding:17px 17px 20px}.tipo{font-size:.68rem;text-transform:uppercase;color:#dfb474;letter-spacing:.09em;font-weight:800}.tarjeta h3{line-height:1.3;margin:8px 0 6px;min-height:2.8em;overflow-wrap:anywhere}.tarjeta p{font-size:.83rem;min-height:2.2em;margin:0}.ver-detalle{display:block;margin-top:20px;color:#eac082;font-size:.83rem;font-weight:800}.panel{background:var(--superficie);border:1px solid var(--borde);border-radius:13px;padding:24px}.vacio{text-align:center;padding:55px 24px}.paginacion{display:flex;justify-content:center;gap:17px;align-items:center;margin-top:27px}.texto-suave{color:var(--suave)}.aviso{border:1px solid #436958;background:var(--correcto);padding:13px 16px;border-radius:9px;margin-bottom:21px;color:#eafcf0}.aviso.error{background:var(--error);border-color:#975164;color:#fff0f2}.volver{display:inline-flex;margin:0 0 22px;font-weight:800;text-decoration:none}.ficha-cabecera{display:flex;justify-content:space-between;align-items:end;gap:25px;margin-bottom:25px}.ficha-cabecera h1{margin:12px 0}.acciones{display:flex;gap:12px;flex-wrap:wrap}.ficha-grid{display:grid;grid-template-columns:minmax(0,2.3fr) minmax(255px,1fr);gap:19px;align-items:start}.visor-panel h2,.detalles h2{font-size:1.18rem}.visor{border:1px solid #47576b;background:#fff;border-radius:6px;width:100%;height:min(75vh,850px);min-height:500px}.detalles dl{margin:0}.detalles dt{font-size:.75rem;color:#dfb474;letter-spacing:.07em;font-weight:800;margin-top:18px;text-transform:uppercase}.detalles dd{margin:3px 0 0;color:#e0e8f3;overflow-wrap:anywhere}.ajuste{word-break:break-word}.indicadores{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;margin:25px 0}.indicador strong{display:block;font-size:2rem;color:#f6d095}.indicador span{display:block;color:var(--suave)}.administracion-acciones{max-width:950px}.administracion-acciones h3{margin-top:40px}.formulario-grande{max-width:770px;margin:24px 0}.formulario-grande form .boton{margin-top:28px}.formulario-grande input[type=file]{padding:11px}.tabla-panel{margin-top:23px}.tabla-scroll{overflow-x:auto}table{border-collapse:collapse;width:100%;min-width:540px}th,td{text-align:left;padding:14px 12px;border-bottom:1px solid var(--borde)}th{color:#edc38a;font-size:.8rem}td{color:#dce8f3}td form{margin:0}.login-escena{display:grid;grid-template-columns:1fr minmax(295px,450px);align-items:center;gap:clamp(24px,5vw,75px);min-height:68vh}.login-presentacion h1{font-size:clamp(2.5rem,5vw,4.5rem);max-width:710px}.login-presentacion p:not(.sobrelinea){max-width:550px;font-size:1.15rem}.login-formulario{padding:35px}.login-formulario h2{margin:9px 0}.login-formulario button{margin-top:28px}.senal{display:flex;gap:10px;align-items:center;height:100px;margin-top:45px}.senal span{display:block;width:7px;height:38px;border-radius:9px;background:linear-gradient(var(--acento),#516f91)}.senal span:nth-child(2),.senal span:nth-child(4){height:65px}.senal span:nth-child(3){height:95px}@media(max-width:1100px){.hero-simbolo{display:none}.ficha-grid{grid-template-columns:1fr}.login-escena{grid-template-columns:1fr}.login-presentacion{margin-top:15px}.barra{width:215px}.marco{grid-template-columns:215px minmax(0,1fr)}}@media(max-width:760px){.marco{display:block}.barra{height:auto;width:auto;position:static;padding:12px 15px}.marca{padding:5px}.barra nav{display:flex;gap:5px;overflow-x:auto;margin-top:8px}.etiqueta-menu{display:none}.enlace-menu{font-size:.87rem;white-space:nowrap;padding:10px}.barra-abajo{display:flex;justify-content:space-between;align-items:center;padding:8px 10px}.cabecera{display:block;padding:15px 18px}.estado-sistema{display:block;margin-top:6px}.contenido{padding:22px 17px 40px}.hero{padding:25px}.hero h1{font-size:1.95rem}.titulo-seccion,.ficha-cabecera{display:block}.titulo-seccion .boton,.ficha-cabecera .boton{margin-top:12px}.indicadores{grid-template-columns:1fr}.login-escena{gap:15px}.login-presentacion h1{font-size:2.25rem}.senal{display:none}.visor{min-height:420px}.pie{padding:16px 20px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.tarjeta{transition:none}}

/* Gestor de Biblioteca: interfaz propia, accesible y adaptable */
.gestor-leyenda{padding:15px 19px;border:1px solid #496074;border-radius:12px;background:#15283a;margin:18px 0;color:#e6eff7}
.gestor-disposicion{display:grid;grid-template-columns:minmax(230px,1fr) minmax(360px,2fr);gap:18px;margin:18px 0}
.gestor-panel{padding:21px;min-width:0}
.gestor-panel h2{margin:0 0 13px}
.gestor-panel h3{margin-top:22px}
.gestor-panel form{margin:13px 0}
.gestor-panel label{display:block;margin:13px 0 7px}
.gestor-panel input[type=checkbox]{width:auto;min-width:20px;min-height:20px;vertical-align:middle}
.gestor-arbol,.gestor-lista{max-height:560px;overflow:auto;display:flex;flex-direction:column;gap:3px}
.gestor-arbol a,.gestor-lista>a{display:block;padding:8px 10px;border-radius:8px;text-decoration:none;color:#dfebf7;overflow-wrap:anywhere}
.gestor-arbol a:hover,.gestor-lista>a:hover{background:#26394d}
.gestor-arbol a:focus-visible,.gestor-lista>a:focus-visible{outline:3px solid #f7c677;outline-offset:2px}
.gestor-rama.nivel-1{padding-left:25px}.gestor-rama.nivel-2{padding-left:40px}.gestor-rama.nivel-3{padding-left:55px}
.gestor-seleccionado{background:#284864!important;box-shadow:inset 3px 0 #edbe76}
.gestor-ruta{overflow-wrap:anywhere;color:#c0d6ea;font-family:ui-monospace,Consolas,monospace}
.gestor-campos{display:grid;grid-template-columns:1fr 1fr;gap:4px 18px}
.gestor-campos label{align-self:end}.gestor-campos textarea,.gestor-campos button{grid-column:1/-1}
.gestor-acciones{margin:14px 0}
.gestor-baja{border-top:1px solid #385064;margin-top:19px!important;padding-top:12px}
.gestor-papelera-fila{display:flex;align-items:center;gap:10px;justify-content:space-between;padding:9px;border-bottom:1px solid #344659;overflow-wrap:anywhere}
.gestor-papelera-fila span{flex:1;min-width:0}
@media(max-width:960px){.gestor-disposicion{grid-template-columns:1fr}}
@media(max-width:600px){.gestor-campos{grid-template-columns:1fr}.gestor-panel{padding:14px}.gestor-papelera-fila{display:block}}