/* Ajuste responsivo para barra inferior en móviles */
@media (max-width: 600px) {
  #barra-inferior-gbro {
    height: 48px !important;
    min-height: 48px !important;
    padding: 0 0.05em;
  }
  #barra-inferior-gbro button {
    font-size: 1em !important;
    padding: 0 0.1em !important;
    min-width: 0;
  }
  #barra-inferior-gbro i {
    font-size: 1.1em !important;
    margin-bottom: 0em;
  }
  #barra-inferior-gbro div {
    font-size: 0.60em !important;
  }
}
/* Barra inferior fija G-BRO */
#barra-inferior-gbro {
  box-shadow: 0 -2px 12px rgba(0,0,0,0.12);
  border-top-left-radius: 1.2em;
  border-top-right-radius: 1.2em;
  padding: 0 0.2em;
}
#barra-inferior-gbro button:focus {
  outline: none;
  box-shadow: none;
}
#barra-inferior-gbro i {
  display: block;
  margin-bottom: 0.1em;
}
/* Evita scroll en login y centra verticalmente */
body.login-bg {
  min-height: 100vh;
  height: 100vh;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
}

.fila-rutina.card {
  transition: box-shadow 0.2s, transform 0.2s;
}
.fila-rutina.card:hover {
  box-shadow: 0 8px 24px rgba(0,0,0,0.18), 0 1.5px 6px rgba(0,0,0,0.10);
  transform: translateY(-6px) scale(1.02);
  z-index: 2;
}