/* Identidad y movimiento. Capa final: acompaña el catálogo existente. */
:root{
  --exp-ink:#142c47;--exp-blue:#265ed9;--exp-copper:#9d654b;
  --exp-mist:#f3f6fa;--exp-line:#dce3ed;--exp-muted:#596c82;
  --fondo:#f7f9fc;--superficie:#fff;--texto:var(--exp-ink);
  --texto-medio:#344b65;--texto-suave:var(--exp-muted);--borde:var(--exp-line);
  --acento:var(--exp-blue);--acento-oscuro:#194bb8;
  --fuente:"Avenir Next",Avenir,"Segoe UI",Helvetica,Arial,sans-serif;
  --fuente-lectura:Charter,"Iowan Old Style",Georgia,serif;
  --apple-ink:var(--exp-ink);--apple-blue:var(--exp-blue);--apple-secondary:var(--exp-muted);
  --apple-canvas:var(--fondo);--apple-line:var(--exp-line);--ancho-max:1320px;
}
html{scroll-padding-top:calc(var(--alto-barra) + 24px)}
body{background:var(--fondo);font-family:var(--fuente)}
button,input,select{font-family:inherit}
::selection{background:#d7e5ff;color:var(--exp-ink)}
:focus-visible{outline:3px solid var(--exp-blue);outline-offset:5px}
.barra{background:rgba(255,255,255,.93)!important;border-bottom:1px solid var(--exp-line)!important;box-shadow:0 4px 24px #142c4705!important}
.barra-superior{display:flex;flex-wrap:nowrap;min-height:84px;padding-block:12px;gap:22px}
.barra-marca{gap:10px}
.barra-marca strong{font-weight:650;font-size:14px;letter-spacing:-.035em}
.barra-marca small{font-size:9px;letter-spacing:.075em;color:var(--exp-muted)}
.barra-marca .escudo{width:39px;height:39px;background:transparent!important;box-shadow:none!important;padding:2px}
.barra-navegacion{overflow:visible;flex:1;min-width:0}
.barra-inner{gap:10px;justify-content:flex-end;min-width:0;width:auto}
.barra-nav{gap:2px;padding:4px;background:transparent!important;box-shadow:none!important}
.barra-nav button{position:relative;padding:10px 9px;border-radius:7px;font-size:9px;letter-spacing:.045em;font-weight:650;white-space:nowrap;transition:background .2s,color .2s}
.barra-nav button[aria-current="page"]{background:#e9effa;color:var(--exp-blue);box-shadow:none}
.barra-nav button:hover{background:#f0f4fb;color:var(--exp-blue)}
.barra-nav .barra-principal{background:transparent!important;color:var(--exp-ink)!important}
.barra-nav .barra-principal[aria-current="page"]{background:var(--exp-blue)!important;color:white!important}
.barra-admin{height:30px;width:30px;background:#f0f3f7!important;box-shadow:none!important;flex:none}
.conexion-estado{font-size:10px;padding:9px 10px;background:#f0f3f7!important;box-shadow:none!important;white-space:nowrap}
.barra-avatar{width:48px;height:48px;background:transparent!important;box-shadow:none!important}
.barra-perfil{margin-left:0}
.barra-menu{display:none}

#vista-inicio .tablero{padding-top:0!important}
#vista-inicio .bibdash-hero{
  position:relative;isolation:isolate;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.06fr);
  align-items:center;gap:0 22px;margin:0 calc(50% - 50vw) 0;
  padding:58px max(32px,calc((100vw - 1320px)/2)) 0;
  min-height:min(790px,calc(100svh - 84px));
  background:linear-gradient(118deg,#f7f9fc 10%,#f1f5fb 74%,#e9f0f9)!important;
  border-radius:0;overflow:clip!important;
}
.bibdash-hero::before{display:none!important}
.bibdash-hero .lavado{display:none}
#vista-inicio .bibdash-hero-texto{grid-column:1;align-self:center;padding:0 0 40px;z-index:2}
#vista-inicio .bibdash-hero .bibdash-eyebrow{display:flex;align-items:center;gap:10px;margin:0 0 25px;color:var(--exp-muted);font-size:10px;font-weight:650;letter-spacing:.15em;text-transform:uppercase}
.bibdash-eyebrow>i{height:1px;width:25px;background:var(--exp-copper)}
#vista-inicio .bibdash-hero h1{font-family:var(--fuente);font-size:clamp(56px,6.5vw,96px);font-weight:600;line-height:1.005;letter-spacing:-.067em;color:var(--exp-ink);text-shadow:none;margin:0}
#vista-inicio .bibdash-hero h1>span{display:inline-block;font:inherit;color:var(--exp-blue);background:none;-webkit-text-fill-color:currentColor}
#vista-inicio .hero-punto{color:var(--exp-copper);font:inherit}
#vista-inicio .bibdash-hero .hero-descripcion{font-size:16px;line-height:1.75;max-width:41ch;margin:24px 0 0;color:var(--exp-muted);font-weight:400}
#vista-inicio .bibdash-hero .bqi{margin-top:28px;max-width:600px}
#vista-inicio .bibdash-hero .bqi-caja{display:flex;gap:12px;align-items:center;padding:8px 8px 8px 18px;background:#fff;border:1px solid #d9e2f0!important;border-radius:15px;box-shadow:0 12px 35px #2446740b,0 2px 4px #24467404;transition:box-shadow .2s,border-color .2s}
#vista-inicio .bibdash-hero .bqi-caja:focus-within{border-color:var(--exp-blue)!important;box-shadow:0 0 0 4px #265ed913,0 14px 35px #2446740d}
#vista-inicio .bqi-caja>svg{width:19px;height:19px;color:var(--exp-muted);flex:none}
#vista-inicio .bibdash-hero .bqi-caja input{min-width:0;width:100%;padding:14px 0;font-size:14px;color:var(--exp-ink);background:transparent}
#vista-inicio .bqi-caja input::placeholder{color:#73849a;opacity:1}
#vista-inicio .bibdash-hero .bqi-caja .btn{padding:17px 24px;border-radius:10px;font-size:12px;font-weight:600;background:var(--exp-blue);border-color:var(--exp-blue);box-shadow:0 4px 10px #265ed920}
#vista-inicio .bibdash-hero .bqi-caja .btn:hover{background:#194bb8;transform:translateY(-1px)}
#vista-inicio .bibdash-hero .bqi-ejemplos{display:flex;flex-wrap:wrap;gap:7px;margin-top:15px;max-width:none;font-size:10px;line-height:1.6}
#vista-inicio .bqi-ejemplos>span{width:100%;font-size:10px;color:var(--exp-muted);margin:0 0 1px}
#vista-inicio .bqi-ejemplos button{border:1px solid #dce4ef;border-radius:6px;background:transparent;padding:5px 8px;color:#405c7c;font-size:10px;text-decoration:none;transition:color .2s,background .2s,border-color .2s}
#vista-inicio .bqi-ejemplos button:hover{background:#fff;border-color:#a8bfec;color:var(--exp-blue)}
#vista-inicio .bibdash-hero-acciones{display:flex;gap:24px;flex-wrap:wrap;margin:29px 0 0}
#vista-inicio .bibdash-hero-acciones .btn{font-size:11px;font-weight:650;padding:7px 0;border:0;border-radius:0;background:transparent;box-shadow:none;display:flex;gap:13px;color:var(--exp-ink)}
#vista-inicio .bibdash-hero-acciones .hero-hallazgo{color:var(--exp-muted);font-weight:500}
#vista-inicio .bibdash-hero-acciones .btn:hover{color:var(--exp-blue)}
.bibdash-hero-acciones .btn span{transition:transform .25s}.bibdash-hero-acciones .btn:hover span{transform:translate(3px,-2px)}
.hero-escena{position:relative;grid-column:2;grid-row:1;align-self:stretch;display:flex;align-items:center;min-width:0;min-height:535px;margin-top:-25px}
#vista-inicio .bibdash-hero .mano{position:relative;display:block;width:112%;max-width:none;height:535px;aspect-ratio:auto;margin:0 -9% 0 -3%;z-index:1;grid-column:auto;grid-row:auto;align-self:auto;pointer-events:none}
#vista-inicio .bibdash-hero .mano img{object-fit:contain}
.escena-orbita{position:absolute;width:440px;max-width:87%;aspect-ratio:1;left:50%;top:49%;transform:translate(-50%,-50%);border-radius:50%;border:1px solid #b6c9e84d;pointer-events:none}
.escena-orbita::before{content:"";position:absolute;inset:14%;border:1px solid #b6c9e836;border-radius:50%}
.escena-orbita::after{content:"";position:absolute;inset:-12%;border:1px dashed #b6c9e836;border-radius:50%}
.escena-orbita i{position:absolute;width:5px;height:5px;border-radius:50%;background:#a4b9d8;left:50%;top:-3px}
.escena-orbita i:nth-child(2){left:100%;top:50%;background:#b88565}.escena-orbita i:nth-child(3){top:100%}
.escena-etiqueta{position:absolute;right:0;top:24px;display:flex;align-items:center;gap:7px;z-index:2;font-size:9px;text-transform:uppercase;letter-spacing:.1em;color:#667c99}
.escena-etiqueta i{width:4px;height:4px;background:var(--exp-copper);border-radius:50%}
.escena-pie{position:absolute;bottom:15px;left:7%;right:0;z-index:3;display:flex;align-items:center;justify-content:space-between;gap:10px}
.escena-instruccion{display:flex;align-items:center;gap:5px;font-size:10px;color:#647b98}.escena-instruccion svg{width:15px;height:15px}
.mano-toggle{display:inline-flex;align-items:center;gap:5px;border:1px solid #d1dced;border-radius:100px;padding:9px 12px;background:#ffffffa3;font-size:9px;color:#526783;transition:background .2s,border-color .2s;cursor:pointer}
.mano-toggle:hover{background:white;border-color:#9eafd0}
.hero-base{grid-column:1/-1;display:flex;justify-content:space-between;align-items:center;gap:20px;padding:20px 0 22px;margin-top:28px;border-top:1px solid #d8e1ed;color:#5d7189;font-size:10px;letter-spacing:.04em}
.hero-base>span{display:flex;gap:18px}.hero-base i{font-style:normal;color:#b4c1d2}
.hero-bajar{display:flex;align-items:center;gap:20px;border:0;background:transparent;padding:5px 0;color:var(--exp-ink);font:500 10px var(--fuente);cursor:pointer}
.hero-bajar span{display:grid;place-items:center;border:1px solid #c6d2e3;width:27px;height:27px;border-radius:50%;font-size:15px;transition:transform .2s,background .2s}
.hero-bajar:hover span{transform:translateY(3px);background:white}
.panorama-cab{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;padding-top:62px;margin-bottom:26px;scroll-margin-top:calc(var(--alto-barra) + 12px)}
.panorama-eyebrow{display:block;text-transform:uppercase;font-size:9px;letter-spacing:.16em;color:var(--exp-copper);font-weight:650;margin-bottom:10px}
.panorama-cab h2{font-size:30px;font-weight:550;letter-spacing:-.045em;margin:0;color:var(--exp-ink)}
.panorama-cab p{font-size:12px;color:var(--exp-muted);margin:0 0 3px}
#vista-inicio .bibdash-filtros{background:#fff;border:1px solid var(--exp-line);box-shadow:none;border-radius:12px;animation:none;padding:15px 20px}
#vista-inicio .bibdash-filtros::before{display:none}
#vista-inicio .bibdash-filtro label{text-transform:none;color:#64758a;font-size:10px;letter-spacing:0;font-weight:500}
#vista-inicio .bibdash-filtro select{background:#f7f9fc;border-color:var(--exp-line);border-radius:7px;font-size:12px;min-height:38px}
#vista-inicio .bibdash-resultado{font-size:11px}
#vista-inicio .bibdash-kpis{gap:16px;margin-block:20px 28px}
#vista-inicio .bibdash-kpi{min-height:155px;padding:22px 24px;border:1px solid var(--exp-line)!important;border-radius:14px;background:#fff!important;box-shadow:0 4px 16px #142c4703;animation:none;transition:transform .3s,box-shadow .3s,border-color .3s}
#vista-inicio .bibdash-kpi::before,#vista-inicio .bibdash-kpi::after{display:none}
#vista-inicio .bibdash-kpi>span{font-weight:550;font-size:11px;text-transform:none;letter-spacing:0;color:var(--exp-muted)!important}
#vista-inicio .bibdash-kpi strong{font-size:44px;font-weight:550;letter-spacing:-.045em;margin:11px 0 8px;color:var(--exp-ink)!important}
#vista-inicio .bibdash-kpi small{font-size:10px;color:var(--exp-muted)!important}
#vista-inicio .bibdash-kpi[data-kpi="documentos"]{background:var(--exp-ink)!important;border-color:var(--exp-ink)!important}
#vista-inicio .bibdash-kpi[data-kpi="documentos"] strong{color:white!important}
#vista-inicio .bibdash-kpi[data-kpi="documentos"]>span,#vista-inicio .bibdash-kpi[data-kpi="documentos"] small{color:#bacbe0!important}
#vista-inicio .bibdash-kpi[data-kpi="periodo"] strong{font-size:36px}
#vista-inicio .bibdash-panel{background:white!important;border:1px solid var(--exp-line)!important;border-radius:16px;box-shadow:none!important;animation:none;overflow:hidden}
#vista-inicio .bibdash-panel::before,#vista-inicio .bibdash-panel::after{display:none}
#vista-inicio .bibdash-panel-cab{border-bottom-color:#e8edf4;padding-bottom:16px;margin-bottom:18px}
#vista-inicio .bibdash-panel-cab h2{font-size:19px;font-weight:550;letter-spacing:-.035em;color:var(--exp-ink)}
#vista-inicio .bibdash-panel-cab>div>span{font-size:9px;color:var(--exp-muted);letter-spacing:.09em}
#vista-inicio .bibdash-enlace{font-size:10px;color:var(--exp-blue)}
#vista-inicio .bibdash-barra-pista{height:7px;background:#eef2f7}
#vista-inicio .bibdash-barra-pista i{border-radius:3px;animation:none;transition:width .5s ease}
#vista-inicio .bibdash-barra-etiqueta{font-size:12px}
#vista-inicio .bibdash-tema{background:#f8fafc!important;border:1px solid #e5ebf3!important;box-shadow:none!important;border-radius:10px!important}
#vista-inicio .bibdash-tema:hover{background:#eff4fc!important;border-color:#bfceeb!important}
#vista-inicio .bibdash-tema::before,#vista-inicio .bibdash-tema::after{display:none}
#vista-inicio .bibdash-doc{background:white!important;border:1px solid #e4eaf2!important;box-shadow:none!important;border-radius:10px;animation:none}
#vista-inicio .bibdash-doc:hover{background:#f6f9fe!important;border-color:#c5d4ec!important;transform:translateX(3px)}
#vista-inicio .bibdash-doc::before,#vista-inicio .bibdash-doc::after{display:none}
.pie{background:#eff3f8;border-top:1px solid var(--exp-line);padding-block:26px;color:var(--exp-muted);font-size:10px}

/* Entradas breves; el contenido es visible incluso si el módulo no carga. */
@keyframes exp-entrada{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}
@media(prefers-reduced-motion:no-preference){
 .bibdash-hero-texto>.bibdash-eyebrow{animation:exp-entrada .65s both}
 .bibdash-hero-texto>h1{animation:exp-entrada .8s .08s both}
 .bibdash-hero-texto>.hero-descripcion{animation:exp-entrada .8s .16s both}
 .bibdash-hero-texto>.bqi{animation:exp-entrada .8s .24s both}
 .bibdash-hero-texto>.bibdash-hero-acciones{animation:exp-entrada .8s .32s both}
 .hero-escena{animation:exp-entrada 1s .15s both}
 .vista.activa:not(#vista-inicio){animation:exp-entrada .35s both}
 .exp-revelado{animation:exp-entrada .6s both!important}
}
@media(hover:hover){#vista-inicio .bibdash-kpi:hover{transform:translateY(-4px);box-shadow:0 12px 26px #142c4709}}
@media(min-width:1600px){#vista-inicio .bibdash-hero{padding-top:75px;min-height:790px}}
@media(max-width:1250px){
 .barra-superior{gap:13px;flex-wrap:wrap;min-height:78px}
 .barra-navegacion{flex-basis:100%;order:3}.barra-inner{justify-content:center}
 .barra-perfil{margin-left:auto}.barra-nav button{padding:9px 15px;font-size:10px}
 #vista-inicio .bibdash-hero{padding-top:45px;min-height:0;grid-template-columns:1fr 1fr}
 #vista-inicio .bibdash-hero h1{font-size:clamp(54px,7vw,80px)}
 .hero-escena{min-height:520px}#vista-inicio .bibdash-hero .mano{height:490px}
 .escena-pie{left:0}.escena-instruccion{font-size:9px}.escena-etiqueta{font-size:8px}
}
@media(max-width:900px){
 #vista-inicio .bibdash-hero{padding-inline:26px;gap:0 5px}
 #vista-inicio .bibdash-hero h1{font-size:60px}
 #vista-inicio .bibdash-hero .hero-descripcion{font-size:14px}
 .escena-pie{justify-content:center}.escena-instruccion{display:none}
 #vista-inicio .bibdash-hero .bibdash-eyebrow{font-size:8px;letter-spacing:.08em}
 .bibdash-eyebrow>i{width:16px}.panorama-cab p{max-width:220px}
 #vista-inicio .bibdash-hero-acciones{gap:15px}
}
@media(max-width:820px){
 .barra-superior{flex-wrap:nowrap;min-height:72px;padding-block:10px}
 .barra-menu{display:flex;align-items:center;justify-content:center;width:40px;height:40px;padding:9px;border:1px solid var(--exp-line);border-radius:10px;background:white;color:var(--exp-ink)}
 .barra-navegacion{position:absolute;left:0;right:0;top:100%;order:0;flex-basis:auto;background:transparent!important;pointer-events:none}
 .barra-inner{display:block}.barra-nav{display:none;pointer-events:auto}
 .barra-nav.abierta{display:grid;grid-template-columns:1fr 1fr;margin:0 16px;padding:12px;gap:6px;background:#fff!important;border:1px solid var(--exp-line);border-radius:0 0 14px 14px;box-shadow:0 18px 25px #142c4714!important}
 .barra-nav button{padding:14px 10px;text-align:left;min-height:44px;font-size:10px}
 .barra-admin{position:absolute;right:128px;top:-56px;pointer-events:auto}
 .conexion-estado{display:none}.barra-perfil{margin-left:auto;margin-right:37px}.barra-avatar{width:39px;height:39px}
 .panorama-cab{display:block;padding-top:40px}.panorama-cab p{max-width:none;margin-top:10px}
}
@media(max-width:720px){
 #vista-inicio .bibdash-hero{display:grid;grid-template-columns:1fr;padding:36px 22px 0;gap:0;min-height:0}
 #vista-inicio .bibdash-hero-texto{grid-column:1;padding:0}
 #vista-inicio .bibdash-hero .bibdash-eyebrow{font-size:8px;letter-spacing:.12em;margin-bottom:19px}
 #vista-inicio .bibdash-hero h1{font-size:clamp(52px,12vw,78px);letter-spacing:-.065em}
 #vista-inicio .bibdash-hero .hero-descripcion{font-size:14px;line-height:1.65;margin-top:20px;max-width:39ch}
 #vista-inicio .bibdash-hero .bqi{margin-top:23px;max-width:none}
 #vista-inicio .bibdash-hero .bqi-caja{display:flex;flex-direction:row;gap:8px;padding:7px 7px 7px 12px;border-radius:12px}
 #vista-inicio .bibdash-hero .bqi-caja input{font-size:12px;padding:14px 0}
 #vista-inicio .bibdash-hero .bqi-caja .btn{width:auto;font-size:11px;padding:15px 18px;border-radius:8px;flex:none}
 #vista-inicio .bibdash-hero .bqi-caja>svg{width:16px;height:16px}
 #vista-inicio .bibdash-hero .bqi-ejemplos{gap:6px;margin-top:12px}
 #vista-inicio .bibdash-hero-acciones{margin-top:20px;gap:25px}
 #vista-inicio .bibdash-hero-acciones .btn{font-size:10px;gap:8px}
 .hero-escena{grid-column:1;grid-row:2;height:345px;min-height:0;margin:18px 0 0}
 #vista-inicio .bibdash-hero .mano{width:110%;height:345px;margin:0 -5%;max-width:none}
 .escena-orbita{width:265px}.escena-etiqueta{top:8px;right:4px;font-size:7px}
 .escena-pie{bottom:5px;left:0;right:0;justify-content:center}
 .mano-toggle{font-size:8px;padding:8px 12px}
 .hero-base{padding:18px 0;margin-top:8px;font-size:8px;gap:10px}.hero-base>span{gap:9px}
 .hero-bajar{font-size:0;gap:0}.hero-bajar span{font-size:14px;width:25px;height:25px}
 .panorama-cab h2{font-size:26px}.panorama-cab p{font-size:11px}
 #vista-inicio .bibdash-kpis{grid-template-columns:1fr 1fr;gap:10px;margin-block:16px 20px}
 #vista-inicio .bibdash-kpi{min-height:143px;padding:18px 16px;border-radius:12px}
 #vista-inicio .bibdash-kpi strong{font-size:36px}#vista-inicio .bibdash-kpi[data-kpi="periodo"] strong{font-size:26px;margin-block:17px 12px}
 #vista-inicio .bibdash-kpi small{font-size:9px}
 #vista-inicio .bibdash-filtros{padding:14px}.bibdash-filtro{min-width:0!important}
 #vista-inicio .bibdash-filtro select{max-width:100%;font-size:11px}
}
@media(max-width:380px){.barra-marca strong{font-size:11px}.barra-marca small{font-size:8px}.barra-superior{gap:7px}.barra-marca .escudo{width:30px}.barra-perfil{margin-right:25px}.barra-admin{right:109px}.barra-avatar{width:31px;height:31px}#vista-inicio .bibdash-hero{padding-inline:18px}#vista-inicio .bibdash-hero h1{font-size:50px}#vista-inicio .bibdash-hero-acciones{gap:16px}}
@media(pointer:coarse){.escena-instruccion{display:none}}
@media(prefers-reduced-motion:reduce){
 html{scroll-behavior:auto!important}
 *,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
 .exp-revelado{opacity:1!important;transform:none!important}
 .escena-instruccion{display:none}
}

/* Ajustes finales de legibilidad y controles móviles. */
#vista-inicio .panorama-cab h2,#vista-inicio .bibdash-panel-cab h2{font-family:var(--fuente)}
.sincro-cerrar{position:absolute;top:9px;right:10px;display:grid;place-items:center;width:30px;height:30px;padding:0;border:0;border-radius:50%;background:#f0f4fa;color:#526783;font-size:22px;line-height:1;cursor:pointer}
.sincro-inner{padding-right:44px!important}
@media(max-width:820px){
 .barra-marca{min-width:0;flex:1;margin:0}.barra-marca strong{font-size:13px}.barra-marca small{font-size:8px}
 .barra-perfil{display:none}.barra-menu{flex:none}
 .barra-inner:has(.barra-nav.abierta){margin:0 16px;padding:12px!important;border:1px solid var(--exp-line);border-radius:0 0 14px 14px;background:#fff;box-shadow:0 18px 25px #142c4714}
 .barra-nav.abierta{margin:0;padding:0;border:0;border-radius:0;background:transparent!important;box-shadow:none!important}
 .barra-admin{display:none;position:static}
 .barra-nav.abierta~.barra-admin{display:inline-grid;width:36px;height:36px;margin:10px 6px 0 0;vertical-align:middle;pointer-events:auto}
 .barra-nav.abierta~.conexion-estado{display:inline-flex;position:static;min-height:36px;margin-top:10px;pointer-events:auto;vertical-align:middle;font-size:11px}
}
@media(max-width:380px){.barra-marca strong{font-size:12px}.barra-marca small{font-size:7px}}

@media(max-width:720px){#vista-inicio .bibdash-kpis{grid-template-columns:repeat(2,minmax(0,1fr))!important}}