a {
    text-decoration: none;
}

li {
    list-style: none;
}



/* Layout con sidebar horizontal (actual) */
.main {
  padding-bottom: 60px; /* espacio para footer fijo si aplica */
}

/* Layout con sidebar vertical */
.main-with-sidebarv {
  margin-left: 260px;      /* ancho del sidebar vertical */
  min-height: 100vh;
  padding: 24px;
  transition: margin-left 0.3s ease;
}

/* Cuando el sidebar vertical está contraído */
.sidebarv-collapsed .main-with-sidebarv {
  margin-left: 68px;
}

/* Responsive: en móvil el sidebar vertical es drawer */
@media (max-width: 992px) {
  .main-with-sidebarv {
    margin-left: 0 !important;
    padding: 16px;
  }
}

/* Eliminar linea del subrayado en los enlaces */
.no-underline-sidebar {
    text-decoration: none;
    /* Sin subrayado por defecto */
}

.no-underline-sidebar:hover {
    text-decoration: underline;
    /* Subrayado al pasar el cursor */
    color: rgb(234, 230, 237);
    /* Color verde al hacer clic o hover */
}


/* Estilos para el footer delgado */
.footer-delgado {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 4px;
  /* background: linear-gradient(90deg, #007bff, #00c6ff); Degradado */
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: #323131;
  font-size: 10px;
  z-index: 9999;
  padding: 10px 0; /* Hace visible el contenido */
  box-sizing: content-box;
}

/* Mensaje en movimiento (lado izquierdo) */
.footer-mensaje {
  margin-left: 10px;
  width: 6cm; /* 🔹 ancho del área del letrero */
  overflow: hidden;
  white-space: nowrap;
  color: #222222;
  font-size: 12px;
}

/* Lado derecho (logo + hora) */
.footer-derecha {
  display: flex;
  align-items: center;
  gap: 1px; /* 🔹 Separación mínima entre icono y hora */
  margin-right: 10px;
}

.footer-icono {
  width: 46px;
  height: 14px;
  margin-right: 5px;
  /*  filter: invert(1); Hace negro el logo  */
}
/*  submenu del menu principal  */
  .dropdown-submenu {
    position: relative;
  }
  .dropdown-submenu > .dropdown-menu {
    top: 0;
    left: 100%;
    margin-top: -1px;
    display: none;
    position: absolute;
  }
  .dropdown-submenu:hover > .dropdown-menu {
    display: block;
  }

.card {
  transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.card:hover {
  transform: translateY(-5px);
  box-shadow: 0px 6px 15px rgba(0, 0, 0, 0.15);
}

.card-header i {
  font-size: 1.2rem;
}