/* Hover para enlaces en barra oscura */
.navbar-dark .navbar-nav .nav-link:hover,
.navbar-dark .dropdown-menu .dropdown-item:hover {
  background-color: rgba(255, 255, 255, 0.1); /* Blanco transparente */
  color: #ffffff !important;
  transition: background-color 0.3s ease, color 0.3s ease;
  border-radius: 0.375rem;
}

/* Hover para el submenú del usuario logueado */
.navbar .dropdown-menu .dropdown-item:hover {
    background-color: rgba(255, 255, 255, 0.096);
    color: #212529 !important; /* texto oscuro, visible */
    font-weight: 500;
  }
  
/* Hover con fondo azul claro translúcido para el submenú del usuario */
.navbar .dropdown-menu .dropdown-item:hover {
    background-color: rgba(13, 110, 253, 0.15); /* azul Bootstrap con transparencia */
    color: #000 !important;
    font-weight: 500;
    border-radius: 0.375rem;
  }
  
  /* Estilo rojo para la opción 'Cerrar sesión' */
  .navbar .dropdown-menu .dropdown-item.text-danger {
    color: #dc3545 !important;
    font-weight: 600;
  }
  
  /* Resaltar también en hover el texto rojo sin cambiarlo a azul */
  .navbar .dropdown-menu .dropdown-item.text-danger:hover {
    background-color: rgba(220, 53, 69, 0.15); /* rojo claro translúcido */
    color: #dc3545 !important;
  }
  
/* Footer hover y estética */
.footer-link:hover {
    color: #0d6efd !important;
    transition: color 0.3s ease;
    text-decoration: underline;
  }
  
  /* Botón scroll suave */
  html {
    scroll-behavior: smooth;
  }
  
  .contenedor-principal {
    margin-top: 90px;   /* Para la barra fija */
    padding-top: 20px;  /* Extra espacio interno si hace falta */
  }
  thead th {
    background-color: #bad3c749; /* Gris clarito */
    color: #212529; /* Negro intenso para el texto */
    font-weight: bold;
    text-align: center;
    border-bottom: 2px solid #dee2e6b6; /* Línea divisoria más marcada */
  }

  thead th {
    background-color: #e9ecef; /* Un gris un poco más oscuro */
    color: #343a40; /* Gris oscuro para el texto */
    font-weight: bold;
    text-align: center;
    border-bottom: 3px solid #adb5bd; /* Línea más gruesa */
  }
  <style>
  .tabla-calendario td,
  .tabla-calendario th {
    min-width: 40px;
    max-width: 40px;
    width: 40px;
    /* NO tocar el padding vertical */
    padding-left: 0.25rem;
    padding-right: 0.25rem;
  }
</style>
</style>



/* Estilos personalizados *//* ---------------------------
   Estilos personalizados - Casaca SL
   --------------------------- */

/* Hover para enlaces de navegación */
/* .navbar-nav .nav-link:hover,
.dropdown-menu .dropdown-item:hover {
  background-color: rgba(13, 110, 253, 0.1); /* Azul Bootstrap transparente */
  /* color: #0d6efd !important;
  transition: background-color 0.3s ease, color 0.3s ease;
  border-radius: 0.375rem;
}

/* Hover para el menú del usuario logueado */
/* .navbar .dropdown-menu .dropdown-item:hover {
  background-color: rgba(0, 0, 0, 0.05); /* gris claro */
  /* color: #000 !important;
}

Estilo general para la barra de navegación fija */
/* .navbar {
  box-shadow: 0 2px 4px rgba(0,0,0,0.1);
/* }   */