/* Barra de navegación INT para lecciones del HUB (Odoo website_slides) */
:root{
  --ihb-bg:#FFFFFF; --ihb-ink:#0B1526; --ihb-mut:#5B6B82; --ihb-line:#E3E8EF;
  --ihb-acc:#E0701A; --ihb-hover:#FDF1E7; --ihb-h:54px;
}
html.int-dark{
  --ihb-bg:#0B1526; --ihb-ink:#F2F5F9; --ihb-mut:#93A6C0; --ihb-line:#243349;
  --ihb-acc:#F79646; --ihb-hover:#16233A;
}
#int-hubbar{
  position:fixed; top:0; left:0; right:0; height:var(--ihb-h); z-index:2000;
  display:flex; align-items:center; gap:10px; padding:0 14px;
  background:var(--ihb-bg); border-bottom:1px solid var(--ihb-line);
  font-family:Inter,system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
  box-shadow:0 2px 10px rgba(11,21,38,.06);
}
#int-hubbar .ihb-crumbs{display:flex;align-items:center;gap:7px;font-size:12.5px;color:var(--ihb-mut);min-width:0;overflow:hidden;white-space:nowrap}
#int-hubbar .ihb-crumbs a{color:var(--ihb-mut);text-decoration:none;font-weight:600}
#int-hubbar .ihb-crumbs a:hover{color:var(--ihb-acc)}
#int-hubbar .ihb-crumbs b{color:var(--ihb-ink);font-weight:700;overflow:hidden;text-overflow:ellipsis}
#int-hubbar .ihb-dot{width:9px;height:9px;border-radius:3px;background:var(--ihb-acc);flex:none}
#int-hubbar .ihb-sp{flex:1}
#int-hubbar .ihb-btn{
  display:inline-flex;align-items:center;gap:6px;height:34px;padding:0 11px;border-radius:9px;
  border:1px solid var(--ihb-line);background:var(--ihb-bg);color:var(--ihb-ink);
  font-size:12.5px;font-weight:650;text-decoration:none;cursor:pointer;white-space:nowrap;
}
#int-hubbar .ihb-btn:hover{border-color:var(--ihb-acc);background:var(--ihb-hover);color:var(--ihb-ink);text-decoration:none}
#int-hubbar .ihb-btn.pri{background:var(--ihb-acc);border-color:var(--ihb-acc);color:#fff}
#int-hubbar .ihb-btn.pri:hover{filter:brightness(1.06);color:#fff}
#int-hubbar .ihb-btn[disabled]{opacity:.38;cursor:default;pointer-events:none}
#int-hubbar .ihb-ico{font-size:13px;line-height:1}
#int-hubbar .ihb-lab{display:inline}
@media (max-width:1100px){#int-hubbar .ihb-lab{display:none}#int-hubbar{padding:0 8px;gap:6px}}

body.int-has-bar{padding-top:var(--ihb-h)}
body.int-has-bar .o_header,body.int-has-bar #wrapwrap > header,body.int-has-bar header.o_header_fixed,
body.int-has-bar nav.navbar{display:none !important}
body.int-has-bar .o_wslides_lesson_header_container{margin-top:0 !important;padding-top:18px !important}
body.int-has-bar .o_wslides_fs_container{top:0 !important;height:calc(100vh - var(--ihb-h)) !important}
body.int-has-bar .o_wslides_fs_sidebar{top:var(--ihb-h) !important}

/* ---------- modo oscuro del visor ---------- */
html.int-dark body{background:#0B1526 !important;color:#DEE8F6 !important}
html.int-dark .o_wslides_body,html.int-dark .o_wslides_lesson_main,
html.int-dark .o_wslides_fs_container,html.int-dark .o_wslides_fs_content,
html.int-dark .o_wslides_fs_sidebar{background:#0B1526 !important;color:#DEE8F6 !important}
html.int-dark .bg-white,html.int-dark .bg-100,html.int-dark .card,
html.int-dark .o_wslides_lesson_aside_list,html.int-dark .o_wslides_lesson_aside{
  background:#131F33 !important;border-color:#243349 !important;color:#DEE8F6 !important}
html.int-dark h1,html.int-dark h2,html.int-dark h3,html.int-dark h4,html.int-dark h5,html.int-dark .text-900,
html.int-dark .o_wslides_lesson_header,html.int-dark .o_wslides_fs_sidebar_header{color:#F2F5F9 !important}
html.int-dark p,html.int-dark li,html.int-dark span,html.int-dark small,html.int-dark .text-muted,
html.int-dark .o_wslides_lesson_aside_list_link{color:#C7D2E1 !important}
html.int-dark .o_wslides_lesson_aside_list_link.active{background:#1B2C46 !important;color:#F2F5F9 !important}
html.int-dark .nav-tabs .nav-link{color:#93A6C0 !important;border-color:#243349 !important}
html.int-dark .nav-tabs .nav-link.active{color:#F79646 !important;background:#131F33 !important;border-bottom-color:#131F33 !important}
html.int-dark .btn-light{background:#16233A !important;border-color:#2B3D57 !important;color:#DEE8F6 !important}
html.int-dark .text-600,html.int-dark .text-700{color:#DEE8F6 !important}
html.int-dark img{filter:none}
html.int-dark .o_wslides_lesson_main figure,html.int-dark .o_wslides_body img{background:#0F1B2D}
html.int-dark .o_wslides_lesson_content{background:transparent !important}
/* contenidos generados: capa oscura global dentro del cuerpo de la lección */
html.int-dark .o_wslides_body,html.int-dark .o_wslides_fs_content{color:#DEE8F6 !important}
html.int-dark .o_wslides_body *:not(img):not(svg):not(#int-hubbar):not(#int-hubbar *),
html.int-dark .o_wslides_fs_content *:not(img):not(svg){
  background-color:transparent !important;border-color:#243349 !important;color:#DEE8F6 !important}
html.int-dark .o_wslides_body h1,html.int-dark .o_wslides_body h2,html.int-dark .o_wslides_body h3,
html.int-dark .o_wslides_body h4,html.int-dark .o_wslides_body h5,html.int-dark .o_wslides_body strong,
html.int-dark .o_wslides_fs_content h1,html.int-dark .o_wslides_fs_content h2,html.int-dark .o_wslides_fs_content h3,
html.int-dark .o_wslides_fs_content h4,html.int-dark .o_wslides_fs_content strong{color:#FFFFFF !important}
html.int-dark .o_wslides_body a,html.int-dark .o_wslides_fs_content a{color:#F79646 !important}
html.int-dark .o_wslides_body figure,html.int-dark .o_wslides_fs_content figure{background:#0F1B2D !important}
html.int-dark .container,html.int-dark main{background:transparent}
html.int-dark .progress{background:#1B2C46 !important}

/* Ayuda (glosario) */
#int-hubbar .ihb-help{border-color:var(--ihb-acc);color:var(--ihb-acc)}

/* ---------- oscuro global en páginas de cursos (/slides) ---------- */
html.int-dark body.o_wslides_body,
html.int-dark #wrapwrap{background:#0B1526 !important}
html.int-dark .card,html.int-dark .o_wslides_course_card,html.int-dark .o_wslides_home_card,
html.int-dark .bg-white,html.int-dark .bg-100,html.int-dark .list-group-item{
  background:#131F33 !important;border-color:#243349 !important;color:#DEE8F6 !important}
html.int-dark .card *:not(img):not(svg),html.int-dark .o_wslides_course_card *:not(img):not(svg){
  background-color:transparent !important;color:#DEE8F6 !important}
html.int-dark .card h1,html.int-dark .card h2,html.int-dark .card h3,html.int-dark .card h4,
html.int-dark .card h5,html.int-dark .card h6,html.int-dark .card .text-900{color:#FFFFFF !important}
html.int-dark .card .text-muted,html.int-dark .card small{color:#93A6C0 !important}
html.int-dark .o_wslides_home_sidebar,html.int-dark .o_wslides_course_nav_search{background:#131F33 !important;color:#DEE8F6 !important}
html.int-dark .nav-link,html.int-dark .navbar a{color:#DEE8F6 !important}
html.int-dark .btn-light,html.int-dark .btn-outline-secondary{background:#16233A !important;border-color:#2B3D57 !important;color:#DEE8F6 !important}

/* ---------- botón flotante de tema (siempre visible, móvil y escritorio) ---------- */
#ihb-fab{position:fixed;right:14px;bottom:14px;z-index:1055;display:inline-flex;align-items:center;gap:7px;
  padding:10px 14px;border-radius:999px;border:1px solid #243349;background:#0B1526;color:#F2F5F9;
  font:700 13px/1 Inter,system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;cursor:pointer;
  box-shadow:0 6px 20px rgba(3,10,22,.35);transition:transform .12s ease,background .12s ease}
#ihb-fab:hover{background:#152742;transform:translateY(-1px)}
#ihb-fab:active{transform:translateY(0)}
#ihb-fab .ihb-fab-ic{display:flex}#ihb-fab .ihb-fab-ic svg{width:17px;height:17px;display:block}
html.int-dark #ihb-fab{background:#F6F8FB;color:#0B1526;border-color:#D7DEE9}
html.int-dark #ihb-fab:hover{background:#FFFFFF}
@media (max-width:640px){#ihb-fab{right:10px;bottom:10px;padding:10px;font-size:12px}
  #ihb-fab .ihb-fab-tx{display:none}}

/* ítem de tema en el menú superior del sitio */
a.ihb-nav-theme{display:inline-flex !important;align-items:center;gap:6px;white-space:nowrap}
a.ihb-nav-theme:hover{color:#F79646 !important}
html.int-dark a.ihb-nav-theme{color:#DEE8F6 !important}
@media (max-width:991px){a.ihb-nav-theme .ihb-nt-tx{font-size:.95rem}}