/* ============================================================================
   BETOWA · BARRA DE LA SUITE SIN LA CAPA DE VIDRIO  (V52)
   ----------------------------------------------------------------------------
   Para las páginas que conservan su propio diseño (el Gestor de Juicios
   Evaluativos de Victor Arismendy): trae SOLO las piezas comunes de la suite
   — barra flotante de navegación, botón de tema, salida, aviso de datos
   publicados y aviso de tablero vacío — sin tocar tablas, tarjetas ni
   botones de la página. Los colores siguen el tema del usuario:
   html[data-tema="claro"] y html[data-tema="oscuro"] (betowa-tema.js).
   ============================================================================ */

/* --- Barra flotante: una fila con desplazamiento horizontal (como la V50) --- */
#betowaNav{
  position:fixed; bottom:14px; left:50%; transform:translateX(-50%);
  width:calc(100% - 24px); max-width:1360px; z-index:9990;
  display:flex; flex-wrap:nowrap; gap:8px; align-items:center; justify-content:flex-start;
  overflow-x:auto; overflow-y:hidden; -webkit-overflow-scrolling:touch;
  scroll-snap-type:x proximity; scrollbar-width:thin; scrollbar-color:rgba(14,41,81,.35) transparent;
  padding:7px 10px 9px; border-radius:22px;
  background:linear-gradient(180deg,rgba(255,255,255,.74),rgba(255,255,255,.56));
  -webkit-backdrop-filter:blur(30px) saturate(185%); backdrop-filter:blur(30px) saturate(185%);
  border:1px solid rgba(255,255,255,.75);
  box-shadow:0 1px 0 rgba(255,255,255,.9) inset,0 10px 30px rgba(9,25,55,.18),0 30px 60px rgba(9,25,55,.16);
  font-family:"Segoe UI",Roboto,Arial,sans-serif;
}
#betowaNav.bwCentrada{ justify-content:center; }
#betowaNav::-webkit-scrollbar{ height:5px; }
#betowaNav::-webkit-scrollbar-track{ background:transparent; margin:0 14px; }
#betowaNav::-webkit-scrollbar-thumb{ background:rgba(14,41,81,.30); border-radius:99px; }
#betowaNav a{
  flex:0 0 auto; white-space:nowrap; scroll-snap-align:center;
  text-align:center; text-decoration:none;
  font:800 12.5px/1.1 "Segoe UI",Roboto,Arial,sans-serif; letter-spacing:.02em;
  padding:9px 12px; border-radius:999px;
  color:#0E2951; background:rgba(255,255,255,.45);
  border:1px solid rgba(11,27,51,.10);
  transition:transform .18s ease,background .18s ease,color .18s ease,box-shadow .18s ease;
}
#betowaNav a:hover{
  background:rgba(255,255,255,.85); color:#076E79; transform:translateY(-1px);
  box-shadow:0 6px 16px rgba(9,25,55,.14);
}
#betowaNav a.bnav-active{
  background:linear-gradient(135deg,#163C74 0%,#0091A0 100%); color:#fff;
  border-color:rgba(255,255,255,.35);
  box-shadow:0 8px 20px rgba(14,41,81,.34),inset 0 1px 0 rgba(255,255,255,.35);
}
.bwTemaBtn{ cursor:pointer; }
#betowaNav .bwTemaBtn{ font:inherit; }
.bwTemaFlota{
  position:fixed; right:16px; bottom:16px; z-index:9991;
  border:1px solid rgba(14,41,81,.18); border-radius:999px;
  padding:9px 14px; font:700 12.5px/1 system-ui,-apple-system,"Segoe UI",sans-serif;
  background:rgba(255,255,255,.92); color:#0E2951;
  box-shadow:0 10px 26px -12px rgba(14,41,81,.45);
}
@media(max-width:1280px){
  #betowaNav{ gap:6px; }
  #betowaNav a{ padding:8px 9px; font-size:12px; }
}
@media(max-width:640px){
  #betowaNav{ bottom:10px; width:calc(100% - 16px); }
  #betowaNav a{ font-size:11.5px; padding:8px 10px; }
}

/* --- Aviso «sin archivos publicados» (betowa-autoload.js) ------------------- */
#betowaSinDatos{ margin:0 0 14px; }
#betowaSinDatos .bsBox{
  display:flex; align-items:center; gap:12px; flex-wrap:wrap;
  padding:13px 16px; border-radius:16px;
  background:rgba(255,255,255,.86); border:1px solid rgba(11,27,51,.12);
  box-shadow:0 8px 25px rgba(0,0,0,.07);
  font-family:"Segoe UI",Roboto,Arial,sans-serif;
}
#betowaSinDatos .bsIcon{ font-size:18px; flex:0 0 auto; opacity:.8; }
#betowaSinDatos .bsTexto{ flex:1 1 260px; min-width:0; font-size:12.5px; line-height:1.5; color:#4A5B75; }
#betowaSinDatos .bsTexto b{ color:#0B1B33; }
#betowaSinDatos .bsBtn{
  flex:0 0 auto; font-size:12px; font-weight:750; text-decoration:none; white-space:nowrap;
  padding:8px 14px; border-radius:999px; color:#fff;
  background:linear-gradient(135deg,#0E2951 0%,#163C74 46%,#0091A0 100%);
}

@media print{
  #betowaNav,#betowaDataInfo,#bwAutoBarra,.bwTemaBtn,.bwTemaFlota{ display:none !important; }
}

/* --- Tema oscuro (azul noche Betowa) ----------------------------------------- */
html[data-tema="oscuro"] #betowaNav{
  background:rgba(13,20,34,.84); border-color:rgba(226,236,248,.18);
  box-shadow:0 10px 30px rgba(0,0,0,.45),0 30px 60px rgba(0,0,0,.35);
  scrollbar-color:rgba(226,236,248,.35) transparent;
}
html[data-tema="oscuro"] #betowaNav::-webkit-scrollbar-thumb{ background:rgba(226,236,248,.32); }
html[data-tema="oscuro"] #betowaNav a{
  color:#F5F9FE; background:rgba(255,255,255,.08); border-color:rgba(226,236,248,.16);
}
html[data-tema="oscuro"] #betowaNav a:hover{ background:rgba(255,255,255,.16); color:#FFFFFF; }
html[data-tema="oscuro"] #betowaNav a.bnav-active{
  background:linear-gradient(135deg,#163C74 0%,#0091A0 100%); color:#fff;
}
html[data-tema="oscuro"] .bwTemaFlota{ background:rgba(16,27,46,.94); color:#E2EAF6; border-color:rgba(226,236,248,.2); }
html[data-tema="oscuro"] #betowaSinDatos .bsBox{ background:rgba(16,27,46,.94); border-color:rgba(226,236,248,.20); }
html[data-tema="oscuro"] #betowaSinDatos .bsTexto{ color:#B7C6DB; }
html[data-tema="oscuro"] #betowaSinDatos .bsTexto b{ color:#F5F9FE; }