.h-doc{display:none!important}


/* ===== V4.12.13 · FONDOS NUEVOS + LOGO INTEGRADO ===== */
:root{
  --sigue-bg-desktop-light:url("../media/7db3649b20793e6f.png");
  --sigue-bg-desktop-dark:url("../media/1098f986f0d00de8.png");
  --sigue-bg-mobile-light:url("../media/27d78f2c59e1c091.png");
  --sigue-bg-mobile-dark:url("../media/bb95ff5183d888b5.png");
}

/* Fondo general de la app */
.bg{
  background-image:var(--sigue-bg-desktop-dark)!important;
  background-size:cover!important;
  background-position:center center!important;
  background-repeat:no-repeat!important;
  opacity:1!important;
  filter:none!important;
}
.app.ui-light .bg{
  background-image:var(--sigue-bg-desktop-light)!important;
  background-size:cover!important;
  background-position:center center!important;
  background-repeat:no-repeat!important;
  opacity:1!important;
  filter:none!important;
}
.app.ui-dark .bg{
  background-image:var(--sigue-bg-desktop-dark)!important;
  background-size:cover!important;
  background-position:center center!important;
  background-repeat:no-repeat!important;
  opacity:1!important;
  filter:none!important;
}

/* El panel lateral debe dejar ver el fondo general, sin imagen antigua propia */
.navDrawerVisual{
  background:none!important;
  background-image:none!important;
  filter:none!important;
  opacity:1!important;
}
.app.ui-light .navDrawerVisual,
.app.ui-dark .navDrawerVisual{
  background:none!important;
  background-image:none!important;
  filter:none!important;
  opacity:1!important;
}

/* Ya no mostrar el logo extra del encabezado: el logo vive dentro del fondo */
.sigueBrandEyebrow{
  display:none!important;
}

/* En modo claro no alterar el nuevo fondo */
.app.ui-light .bg{
  opacity:1!important;
}

@media (max-width:700px), (orientation:portrait){
  .bg{
    background-image:var(--sigue-bg-mobile-dark)!important;
    background-size:cover!important;
    background-position:center top!important;
    background-repeat:no-repeat!important;
    opacity:1!important;
    filter:none!important;
  }
  .app.ui-light .bg{
    background-image:var(--sigue-bg-mobile-light)!important;
    background-size:cover!important;
    background-position:center top!important;
    background-repeat:no-repeat!important;
    opacity:1!important;
    filter:none!important;
  }
  .app.ui-dark .bg{
    background-image:var(--sigue-bg-mobile-dark)!important;
    background-size:cover!important;
    background-position:center top!important;
    background-repeat:no-repeat!important;
    opacity:1!important;
    filter:none!important;
  }
}



/* ===== V4.12.13 · ENCUADRE DE FONDO + REUBICACIÓN DE TÍTULOS ===== */
.app.ui-light .bg,
.app.ui-dark .bg,
.bg{
  background-position:left top 18px !important;
}

.topline{
  height:auto !important;
  min-height:100px !important;
  padding-top:10px !important;
}

.titleblock{
  padding-left:260px !important;
  padding-top:10px !important;
  max-width:calc(100% - 510px) !important;
}

.titleblock h1{
  margin:0 0 6px !important;
  line-height:1.04 !important;
}

.titleblock p{
  line-height:1.35 !important;
  max-width:760px !important;
}

@media (max-width:700px), (orientation:portrait){
  .app.ui-light .bg,
  .app.ui-dark .bg,
  .bg{
    background-position:left top 14px !important;
  }
  .topline{
    min-height:114px !important;
    padding-top:12px !important;
  }
  .titleblock{
    padding-left:170px !important;
    padding-top:14px !important;
    max-width:calc(100% - 185px) !important;
  }
  .titleblock h1{
    font-size:22px !important;
  }
  .titleblock p{
    font-size:10px !important;
  }
}


/* ===== V4.12.13 · CONTROLES DE SONIDO ===== */
.soundEffectsControls{display:flex;gap:8px;flex-wrap:wrap;align-items:center}
.soundEffectsControls .appearanceOption{min-width:164px}
.soundEffectsControls .appearanceOption.soundMuted{border-color:rgba(255,116,109,.45)!important;color:#ffaaa6!important;background:rgba(255,116,109,.08)!important}
.soundEffectsConfig #soundEffectsStatus{font-weight:800;letter-spacing:.08em}

/* ===== V4.12.13 · ACTIVADOR SIDEBAR SOLO EN VÉRTICE INFERIOR IZQUIERDO ===== */
.menuEdge{
  border-radius:0 10px 0 0!important;
  background:linear-gradient(45deg,var(--ui-accent-rgba),transparent 68%)!important;
  border-right:1px solid var(--ui-accent-rgba)!important;
  border-top:1px solid var(--ui-accent-rgba)!important;
}
.menuEdge span{font-size:15px!important;transform:translate(-2px,2px)!important}
/* Cerrada: ningún resto invisible de la sidebar puede capturar el mouse. */
.navDrawer:not(.open):not(.rolePreviewOpen) .profileSidebarHit{pointer-events:none!important}
.navDrawer.open .profileSidebarHit,.navDrawer.rolePreviewOpen .profileSidebarHit{pointer-events:auto!important}