/* Preferencia editorial: títulos sin negrita; controles redondeados. */
body :is(h1,h2,h3,h4,h5,h6),
body :is(h1,h2,h3,h4,h5,h6) :is(strong,b,span,em),
.barra .barra-marca strong,
#principal .bibdash-tema strong,
#principal .bibdash-doc-cuerpo>strong,
#principal .estante-placa strong,
#principal .libro-titulo,
#principal .vacio>strong{font-weight:400!important}
/* Trazo regular más nítido, sin aumentar el peso de los títulos. */
:root{--fuente-titulos:-apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif}
body :is(h1,h2,h3,h4,h5,h6){font-family:var(--fuente-titulos)!important}
#principal :is(h1,h2,h3,h4,h5,h6){letter-spacing:-.015em;line-height:1.3;text-wrap:pretty;overflow-wrap:break-word}
#vista-inicio .bibdash-hero h1{letter-spacing:-.035em;line-height:1.12;color:#102c49}
#vista-inicio .bibdash-hero h1>span{color:#2054c7}
#vista-inicio .panorama-cab h2{font-size:clamp(28px,2.5vw,34px);letter-spacing:-.02em;line-height:1.3;color:#102c49}
#vista-inicio .bibdash-panel-cab h2{font-size:22px;line-height:1.35;letter-spacing:-.01em;color:#102c49}
#principal .bibdash-tema strong,
#principal .bibdash-doc-cuerpo>strong{font-family:var(--fuente-titulos);font-size:16px;line-height:1.45;letter-spacing:0;color:#183652}
#vista-inicio .bibdash-hero .bibdash-eyebrow,
#vista-inicio .panorama-eyebrow,
#vista-inicio .bibdash-panel-cab>div>span{font-size:11px;line-height:1.5;letter-spacing:.075em;color:#49617c}
#vista-inicio .bibdash-panel-cab>div>span{display:block;margin-bottom:5px}
#vista-inicio .bibdash-eyebrow,#vista-inicio .panorama-eyebrow,
#vista-inicio .bibdash-panel-cab>div>span{font-weight:400!important}

/* Barra: recupera el cristal y la cápsula de navegación de la versión anterior. */
body .barra{
 background:linear-gradient(180deg,rgba(255,255,255,.97),rgba(251,252,253,.82))!important;
 border-bottom:1px solid rgba(128,143,163,.17)!important;
 box-shadow:inset 0 1px 0 #fff,0 10px 28px -20px rgba(28,49,79,.28)!important;
 backdrop-filter:saturate(155%) blur(20px);-webkit-backdrop-filter:saturate(155%) blur(20px);
}
.barra .barra-superior{gap:16px;min-height:82px;padding-block:13px}
.barra .barra-marca{gap:11px}
.barra .barra-marca strong{font-size:15px;letter-spacing:-.025em;line-height:1.2}
.barra .barra-marca small{font-size:9px;letter-spacing:.06em;font-weight:400}
.barra .barra-marca .escudo{width:43px;height:43px;padding:5px;border:1px solid rgba(217,221,226,.75);background:linear-gradient(#fbfcfd,#e9edf1)!important;box-shadow:inset 0 1px 0 white,0 2px 4px #142c4705!important}
.barra .barra-inner{gap:10px;justify-content:center}
.barra .barra-nav{display:flex;gap:3px;padding:5px;border:1px solid rgba(210,215,223,.58);border-radius:999px;background:linear-gradient(180deg,#f0f1f3,#e8eaed)!important;box-shadow:inset 0 1px 0 #fff,0 2px 3px #142c4704!important}
.barra .barra-nav button{min-height:37px;padding:10px 12px;border:1px solid transparent;border-radius:999px;color:#506075;font-size:10px;line-height:1.1;letter-spacing:.015em;font-weight:400!important;transition:color .2s,background .2s,box-shadow .2s;transform:none}
.barra .barra-nav button:hover{color:#163a6d;background:#ffffffb3;box-shadow:0 1px 3px #263d5d06}
.barra .barra-nav button[aria-current="page"]{background:#fff;color:#1b4d9e;border-color:#e0e5ec;box-shadow:0 2px 5px #20395b12,inset 0 1px 0 white}
.barra .barra-nav .barra-principal{color:#2457a8!important;background:transparent!important}
.barra .barra-nav .barra-principal:hover{background:#ffffffb3!important}
.barra .barra-nav .barra-principal[aria-current="page"]{color:#fff!important;background:linear-gradient(180deg,#3774e6,#265ed0)!important;border-color:#2c60c9;box-shadow:inset 0 1px 0 #ffffff3d,0 3px 6px #265ed91f}
.barra .barra-admin,.barra .conexion-estado{height:38px;border:1px solid #dfe4ea;border-radius:999px;background:linear-gradient(#fff,#eef1f5)!important;box-shadow:inset 0 1px 0 #fff,0 2px 3px #142c4705!important;font-weight:400;transition:background .2s,border-color .2s}
.barra .barra-admin{width:38px;flex:none}.barra .conexion-estado{padding:9px 12px;font-size:10px}
.barra .barra-admin:hover,.barra .conexion-estado:hover{border-color:#b6c7df;background:#fff!important}
.barra .barra-avatar{width:47px;height:47px;padding:3px;border:1px solid #e0e5eb;background:linear-gradient(#fff,#eef1f5)!important;box-shadow:inset 0 1px 0 #fff,0 2px 4px #142c4706!important}

/* Familia de botones. Primario azul, secundarios blancos con borde. */
body .btn{min-height:42px;padding:12px 20px;gap:10px;border-radius:999px;font-weight:400;font-size:12px;line-height:1.2;letter-spacing:.005em;transition:background .22s,border-color .22s,box-shadow .22s,transform .22s,color .22s}
body .btn-sm{min-height:34px;padding:8px 14px;font-size:11px}
body :is(.btn-primario,.btn-acento){color:#fff;background:linear-gradient(180deg,#3979ec,#265ed4);border:1px solid #285dca;box-shadow:inset 0 1px 0 #ffffff45,0 4px 9px #265ed91f}
body :is(.btn-linea,.btn-suave){color:#315782;border:1px solid #cdd9e8;background:linear-gradient(180deg,#fff,#f5f8fc);box-shadow:inset 0 1px 0 #fff,0 2px 4px #142c4705}
body :is(.btn-primario,.btn-acento):hover:not(:disabled){color:#fff;background:linear-gradient(180deg,#2d6fe4,#1f52be);border-color:#2054bd;box-shadow:inset 0 1px 0 #ffffff40,0 6px 13px #265ed92b;transform:translateY(-1px)}
body :is(.btn-linea,.btn-suave):hover:not(:disabled){background:#fff;color:#214e91;border-color:#a8bedc;box-shadow:0 4px 10px #142c470a;transform:translateY(-1px)}
body .btn:active:not(:disabled){transform:translateY(1px);box-shadow:inset 0 2px 4px #142c4710}
body .btn:disabled{transform:none;box-shadow:none;cursor:not-allowed}
body :is(button,a,input,select):focus-visible{outline:2px solid #5584d1;outline-offset:3px}

#vista-inicio .bibdash-hero .bqi-caja{border-radius:999px;padding:7px 7px 7px 21px;box-shadow:0 12px 30px #24467409,inset 0 1px 0 #fff}
#vista-inicio .bibdash-hero .bqi-caja .btn{min-height:48px;border-radius:999px;padding:14px 29px;font-size:13px;font-weight:400;background:linear-gradient(180deg,#3979ec,#265ed4);border:1px solid #285dca;box-shadow:inset 0 1px 0 #ffffff45,0 4px 8px #265ed91c}
#vista-inicio .bibdash-hero .bqi-caja .btn:hover{background:linear-gradient(180deg,#2d6fe4,#1f52be)}
#vista-inicio .bqi-ejemplos button{min-height:30px;padding:6px 12px;border-radius:999px;border:1px solid #d7e0ec;background:linear-gradient(#ffffffd9,#f4f7fbd9);color:#506987;font-size:10px;font-weight:400;box-shadow:inset 0 1px 0 white;transition:background .2s,border-color .2s,transform .2s}
#vista-inicio .bqi-ejemplos button:hover{background:#fff;border-color:#adc3e2;transform:translateY(-1px)}
#vista-inicio .bibdash-hero-acciones{gap:12px;margin-top:26px;align-items:center}
#vista-inicio .bibdash-hero-acciones .btn{display:inline-flex;justify-content:center;min-height:44px;padding:11px 17px;gap:14px;border:1px solid #c9d7e9;border-radius:999px;font-size:12px;font-weight:400;color:#285082;background:linear-gradient(180deg,#fff,#f4f7fc);box-shadow:inset 0 1px 0 #fff,0 3px 7px #142c4706}
#vista-inicio .bibdash-hero-acciones .hero-hallazgo{background:transparent;border-color:#d3deeb;color:#526984;box-shadow:inset 0 1px 0 #ffffff70}
#vista-inicio .bibdash-hero-acciones .btn:hover{background:#fff;border-color:#9fb9dc;color:#214e91;box-shadow:0 5px 11px #142c470b;transform:translateY(-2px)}
#vista-inicio .bibdash-hero-acciones .btn span{display:inline-grid;place-items:center;flex:none;width:23px;height:23px;border-radius:50%;background:#eaf0fa;color:#2a60ad;font-size:14px;font-weight:400}
#vista-inicio .bibdash-hero-acciones .btn:active{transform:translateY(0)}
#vista-inicio .bibdash-enlace{font-size:11px;font-weight:400;border-radius:999px;padding:8px 13px;border:1px solid #dce5f1;background:linear-gradient(#fff,#f1f6fc);color:#356393;box-shadow:inset 0 1px 0 white;text-decoration:none;transition:border-color .2s,background .2s}
#vista-inicio .bibdash-enlace:hover{background:#fff;border-color:#b2c7e3;text-decoration:none}
.mano-toggle{min-height:34px;font-weight:400;font-size:10px;border-color:#d4dfed;background:linear-gradient(#ffffffb8,#f1f5fbb8);box-shadow:inset 0 1px 0 #fff}

@media(min-width:1500px){.barra .barra-nav button{font-size:11px;padding-inline:14px}}
@media(min-width:821px) and (max-width:1250px){
 .barra .barra-superior{gap:10px 16px}.barra .barra-navegacion{flex-basis:100%;order:3}
 .barra .barra-inner{justify-content:center;flex-wrap:nowrap;min-width:0}.barra .barra-nav button{padding-inline:12px;font-size:10px}
}
@media(min-width:821px) and (max-width:950px){.barra .barra-nav button{padding-inline:9px;font-size:9px}.barra .barra-inner{gap:7px}.barra .conexion-estado{font-size:9px;padding-inline:9px}}
@media(max-width:820px){
 .barra .barra-superior{min-height:74px;gap:12px;padding-block:12px}
 .barra .barra-marca strong{font-size:14px}.barra .barra-marca small{font-size:8px}
 .barra .barra-marca .escudo{width:40px;height:40px;padding:4px}
 .barra .barra-nav{display:none;border:0;min-width:0}
 .barra .barra-nav.abierta{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;padding:6px;border:1px solid #e0e4ea;border-radius:18px;background:linear-gradient(#f2f3f5,#e9ecf0)!important;box-shadow:inset 0 1px 0 #fff!important;min-width:0}
 .barra .barra-nav button{white-space:normal;text-align:center;min-height:43px;padding:10px 9px;font-size:10px;border-radius:12px}
 .barra .barra-inner:has(.barra-nav.abierta){padding:12px!important;border-radius:0 0 21px 21px;background:rgba(255,255,255,.97)}
 .barra .barra-menu{width:41px;height:41px;border-radius:50%;border:1px solid #d7e0ec;background:linear-gradient(#fff,#edf1f6);box-shadow:inset 0 1px 0 #fff;color:#3a5677}
 .barra .barra-admin{display:none}.barra .conexion-estado{display:none}
 .barra .barra-nav.abierta~.barra-admin{display:inline-grid;width:38px;height:38px}.barra .barra-nav.abierta~.conexion-estado{display:inline-flex;height:38px}
}
@media(max-width:720px){
 #vista-inicio .bibdash-hero .bqi-caja{padding:6px 6px 6px 15px;gap:8px}
 #vista-inicio .bibdash-hero .bqi-caja .btn{min-height:44px;padding:12px 19px;font-size:12px}
 #vista-inicio .bibdash-hero-acciones{display:flex;flex-wrap:wrap;gap:10px}
 #vista-inicio .bibdash-hero-acciones .btn{flex:0 1 auto;min-height:42px;padding:9px 13px;font-size:11px;gap:9px}
 #vista-inicio .bibdash-hero-acciones .btn span{width:20px;height:20px;font-size:13px}
 #vista-inicio .bibdash-enlace{font-size:10px;padding:7px 10px}
}
@media(max-width:380px){.barra .barra-marca strong{font-size:12px}.barra .barra-marca small{font-size:7px}.barra .barra-marca .escudo{width:34px;height:34px}.barra .barra-superior{gap:9px}.barra .barra-marca{gap:8px}}
@media(prefers-reduced-motion:reduce){body .btn,.barra .barra-nav button,#vista-inicio .bqi-ejemplos button{transition:none!important;transform:none!important}}

/* Instrumento guiado: identificación, cuatro elementos y revisión. */
#expedienteContenido{max-width:1120px;margin-inline:auto}
#expedienteContenido .seccion-cab h2{font-size:clamp(28px,3vw,40px)}
#expedienteContenido .exp-nuevo{display:block;padding:clamp(22px,4vw,42px);border:1px solid #d3dfed;border-radius:22px;background:#fff;box-shadow:0 12px 36px #142c4708}
.guia-etiqueta{display:block;margin-bottom:12px;color:#476482;font-size:12px;letter-spacing:.07em;text-transform:uppercase}
.guia-campos{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin:22px 0}
.guia-campos .ancho{grid-column:1/-1}
#expedienteContenido .admin-campo label,.guia-dialogo .admin-campo label{display:block;margin-bottom:8px;color:#214160;font-size:14px;font-weight:400}
#expedienteContenido .admin-campo :is(input,select,textarea),.guia-dialogo .admin-campo :is(input,select,textarea){box-sizing:border-box;width:100%;min-width:0;border:1px solid #aebfd1;border-radius:10px;background:#fcfdff;color:#17314c;font:400 16px/1.55 var(--fuente);padding:12px 14px}
#expedienteContenido textarea{resize:vertical;min-height:240px}
.guia-almacenamiento{padding:16px 18px;border-radius:12px;background:#f0f5fb;color:#3c5875;font-size:13px;line-height:1.6}
.guia-almacenamiento p{margin:5px 0 0}
#expedienteContenido .guia-pasos{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;border:0;background:transparent;margin:24px 0}
#expedienteContenido .guia-pasos button{display:flex;flex-direction:column;align-items:flex-start;gap:10px;padding:16px 13px;min-width:0;min-height:90px;border:1px solid #d2deea;border-radius:12px;background:#fff;color:#49617a;font:400 14px/1.3 var(--fuente);text-align:left}
#expedienteContenido .guia-pasos button[aria-current="step"]{background:#173b59;color:white;border-color:#173b59;box-shadow:0 5px 12px #173b591a}
#expedienteContenido .guia-pasos .exp-paso-num{display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:#edf3f9;color:#315573;font-weight:400}
#expedienteContenido .guia-pasos button[aria-current="step"] .exp-paso-num{background:#ffffff26;color:white}
.guia-panel{padding:clamp(22px,4vw,38px);border-radius:20px;border:1px solid #d5e0ed;background:#fff;box-shadow:0 10px 30px #183b5b05}
#expedienteContenido .guia-panel>h3{font-size:clamp(26px,3vw,34px);margin:0 0 10px;color:#123451}
.guia-panel>p{color:#536d87;font-size:16px;line-height:1.6;margin:0 0 26px}
.guia-escritura{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(220px,1fr);gap:28px}
.guia-ayuda{align-self:start;background:#f1f6fb;border-left:3px solid #5080ac;border-radius:0 12px 12px 0;padding:22px;color:#385875;font-size:14px;line-height:1.65}
.guia-ayuda h4{margin:0 0 12px;font-size:17px}.guia-ayuda ul{padding-left:20px;margin:0}.guia-ayuda li+li{margin-top:12px}.guia-ayuda p{font-size:13px;margin-bottom:0}
.guia-pie{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:14px;margin-top:26px;padding-top:24px;border-top:1px solid #e1e9f2;color:#526b82;font-size:13px}
#expedienteContenido .guia-pie .btn,#expedienteContenido .exp-nuevo>.btn{min-height:48px;font-size:14px;padding:13px 20px}
.guia-fuentes{display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap;padding:22px;background:#f4f8fc;border:1px solid #dbe5ef;border-radius:12px;margin-top:20px}
.guia-fuentes h4{font-size:18px;margin:0 0 8px}.guia-fuentes p{font-size:14px;max-width:58ch;color:#4a6681;margin:0}
.guia-referencia{overflow-wrap:anywhere;font-size:13px;color:#426280}
.exp-guardado{min-height:24px;font-size:13px;color:#246344}.exp-guardado.error{color:#9d2727;white-space:normal}
.guia-resumen{display:grid;gap:20px}.guia-resumen article{padding:24px;border:1px solid #d9e3ed;border-radius:14px;background:#fff;overflow-wrap:anywhere}.guia-resumen h4{font-size:22px;margin:0 0 14px;color:#143856}.guia-texto{white-space:pre-wrap;color:#314d69;line-height:1.75;margin-bottom:16px}
.guia-dialogo{box-sizing:border-box;width:min(760px,calc(100% - 28px));max-height:88dvh;padding:clamp(20px,4vw,32px);border:1px solid #c6d7e9;border-radius:20px;color:#183652;background:#fff;box-shadow:0 30px 90px #0a213852;overflow:auto}
.guia-dialogo::backdrop{background:#132c4a80;backdrop-filter:blur(4px)}
.guia-dialogo-cab{display:flex;justify-content:space-between;align-items:flex-start;gap:16px}.guia-dialogo h2{font-size:28px;margin:0;font-weight:400}.guia-dialogo h3{font-size:21px;margin-top:26px}.guia-dialogo h4{font-size:16px;font-weight:400}.guia-dialogo p{line-height:1.6;font-size:14px}.guia-dialogo-cab>button{width:36px;height:36px;border:1px solid #d6e1ed;background:#f1f6fb;color:#365775;border-radius:50%;font-size:24px;cursor:pointer;flex:none}
.guia-fragmento{white-space:pre-wrap;max-height:160px;overflow:auto;padding:16px 20px;margin:22px 0;border-left:3px solid #4277a7;background:#f2f6fb;font-size:15px;line-height:1.7}
.guia-cita-preview{padding:18px;background:#f4f8fc;border:1px solid #dbe6f0;border-radius:12px;overflow-wrap:anywhere;font-size:14px;line-height:1.65}.guia-cita-preview h4{margin:0 0 12px}.guia-cita-preview .cita-bloque{margin-left:24px}.guia-cita-preview p{margin:15px 0 0;color:#48657e}
.guia-dialogo [hidden]{display:none!important}
@media(max-width:720px){.guia-campos,.guia-escritura{grid-template-columns:minmax(0,1fr)}#expedienteContenido .guia-pasos{grid-template-columns:repeat(3,minmax(0,1fr))}#expedienteContenido .guia-pasos button{min-height:78px;padding:12px;font-size:13px}.guia-pie .btn{flex:1 1 180px}.guia-pie>span:empty{display:none}.guia-dialogo .guia-campos{gap:15px}.guia-dialogo .btn{font-size:13px}.guia-panel{padding:20px}.guia-ayuda{padding:18px}.guia-fuentes{padding:18px}}
