/* Estilo para el botón de candado */
.boton-candado {
  background-color: #6c757d; /* Gris */
  color: white;
  animation: pulse 2s infinite; /* Animación para hacer un "latido" */
  cursor: not-allowed; /* Indicador de que el botón no se puede usar */
  border: none; /* Sin bordes */
  border-radius: 5px; /* Bordes redondeados para que se vea más bonito */
  padding: 5px 8px; /* Reducido para hacer el botón más pequeño */
}

/* Reducir tamaño del ícono */
.boton-candado i {
  font-size: 18px; /* Tamaño más pequeño para el ícono */
}

/* Animación de latido */
@keyframes pulse {
  0% { transform: scale(1); opacity: 1; }
  50% { transform: scale(1.1); opacity: 0.7; }
  100% { transform: scale(1); opacity: 1; }
}

/*=============================================
FIX: Submenú treeview en móvil/tablet
- AdminLTE 2.4.0 tiene reglas de "flyout" hover
  (líneas 631-657 de AdminLTE.css) SIN media query.
- En dispositivos táctiles, el tap dispara hover
  "pegajoso", lo que aplica position:absolute al
  <span> del texto, separando ícono y texto.
- Este fix anula esas reglas en pantallas ≤991px.
=============================================*/
@media (max-width: 991px) {
  /* Anular el flyout: el span debe quedarse en flujo normal */
  .sidebar-mini:not(.sidebar-mini-expand-feature).sidebar-collapse .sidebar-menu > li:hover > a > span:not(.pull-right) {
    display: inline !important;
    position: static !important;
    width: auto !important;
    left: auto !important;
    top: auto !important;
    margin-left: 0 !important;
    padding: 0 !important;
    background-color: transparent !important;
    border-radius: 0 !important;
  }

  /* Anular el flyout del treeview-menu: expandir inline, no flotar */
  .sidebar-mini:not(.sidebar-mini-expand-feature).sidebar-collapse .sidebar-menu > li:hover > .treeview-menu {
    position: static !important;
    width: 100% !important;
    left: auto !important;
    top: auto !important;
    margin-left: 0 !important;
  }

  /* En hover sin menu-open, NO mostrar el submenu (evitar flyout) */
  .sidebar-mini:not(.sidebar-mini-expand-feature).sidebar-collapse .sidebar-menu > li:hover > .treeview-menu {
    display: none !important;
  }

  /* Solo mostrar cuando el Tree plugin agrega menu-open (por click/tap) */
  .sidebar-mini:not(.sidebar-mini-expand-feature).sidebar-collapse .sidebar-menu > li.menu-open > .treeview-menu {
    display: block !important;
  }

  /* Restaurar el pull-right-container a su posición normal */
  .sidebar-mini:not(.sidebar-mini-expand-feature).sidebar-collapse .sidebar-menu > li:hover > a > .pull-right-container {
    position: absolute !important;
    right: 10px !important;
    top: 50% !important;
    left: auto !important;
    float: none !important;
    width: auto !important;
    margin-top: -7px !important;
  }
}