/* ====== FamySALUD – Brand Logo Center Fix ====== */

/* El contenedor del brand */
.brand-link.logo-switch{
  position: relative;
  display: flex;
  align-items: center;
}

/* ===================== ABIERTO ===================== */
/* ABIERTO: mostrar XL, ocultar XS */
.sidebar-mini:not(.sidebar-collapse) .brand-link.logo-switch{
  justify-content: center !important;
}

.sidebar-mini:not(.sidebar-collapse) .brand-link.logo-switch img.logo-xl{
  opacity: 1 !important;
  visibility: visible !important;
}

.sidebar-mini:not(.sidebar-collapse) .brand-link.logo-switch img.logo-xs{
  opacity: 0 !important;
  visibility: hidden !important;
}

/* ==================== COLAPSADO ==================== */
/* COLAPSADO: centrar el contenido del brand */
.sidebar-mini.sidebar-collapse .brand-link.logo-switch{
  justify-content: center !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

/* COLAPSADO: mostrar XS, ocultar XL */
.sidebar-mini.sidebar-collapse .brand-link.logo-switch img.logo-xs{
  opacity: 1 !important;
  visibility: visible !important;

  /* ✅ esto es lo que normalmente lo “empuja” a la derecha */
  margin-left: 0 !important;
  margin-right: 0 !important;

  /* por si hereda float/display raros */
  float: none !important;
  display: block !important;
}

.sidebar-mini.sidebar-collapse .brand-link.logo-switch img.logo-xl{
  opacity: 0 !important;
  visibility: hidden !important;
}

/* ====== ABIERTO: centrar TODO el brand (logo XL + texto) ====== */
.sidebar-mini:not(.sidebar-collapse) .brand-link.logo-switch{
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;

  /* AdminLTE empuja a la izquierda con padding */
  padding-left: 0 !important;
  padding-right: 0 !important;
}

/* Quitar floats/márgenes que rompen el centrado */
.sidebar-mini:not(.sidebar-collapse) .brand-link.logo-switch img.logo-xl{
  float: none !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  position: static !important;
  display: block !important;
}

/* Si el texto también viene con márgenes raros, normalízalo */
.sidebar-mini:not(.sidebar-collapse) .brand-link.logo-switch .brand-text{
  float: none !important;
  margin-left: .5rem !important; /* separación bonita logo-texto */
}

.main-footer{
  text-align: center !important;
}

.main-footer .float-right,
.main-footer .float-left{
  float: none !important;
  text-align: center !important;
}

/* =====================================================
   Sidebar – Diferenciar submenús (AdminLTE / FamySALUD)
   ===================================================== */

/* Contenedor del submenú: línea vertical sutil */
.nav-sidebar .nav-treeview {
  border-left: 2px solid rgba(255, 255, 255, 0.18);
  margin-left: 0.6rem;
  padding-left: 0.4rem;
}

/* Links de submenú */
.nav-sidebar .nav-treeview > .nav-item > .nav-link {
  padding-left: 2.3rem;     /* más indentación */
  font-size: 0.9rem;        /* más pequeño que el padre */
  opacity: 0.92;
}

/* Iconos de submenú */
.nav-sidebar .nav-treeview > .nav-item > .nav-link .nav-icon {
  font-size: 0.7rem;
  opacity: 0.75;
}

/* Hover en submenú */
.nav-sidebar .nav-treeview > .nav-item > .nav-link:hover {
  background-color: rgba(255, 255, 255, 0.08);
}

/* Submenú activo */
.nav-sidebar .nav-treeview > .nav-item > .nav-link.active {
  font-weight: 600;
  background-color: rgba(255, 255, 255, 0.12);
}

/* Menú padre abierto (Áreas, Usuarios, Servicios, etc.) */
.nav-sidebar .nav-item.menu-open > .nav-link {
  font-weight: 700;
}