.login{
    margin-top: -60px;
}

.formulario{
    margin-top: -30px;
}


body {
  font-family: 'Segoe UI', sans-serif;
  background-color: #f2f3f8;
}

/* MENU */
.topbar {
  background-color: #0d0908;
  color: white;
  height: 70px;    
}


.nav-link {
  color: white;
  text-decoration: none;
  font-weight: 500;
  padding: 8px 12px;
}

.nav-link:hover {
  background-color: rgba(255, 255, 255, 0.1);
  border-radius: 5px;
}

/* Submenú dentro del dropdown */
.dropdown-submenu {
  position: relative;
}

/* Submenú anidado con hover */
.dropdown-submenu > .dropdown-menu {
  display: none;
  top: 0;
  left: 100%;
  margin-top: -0.3rem;
  margin-left: -1px;
  position: absolute;
}

.dropdown-submenu:hover > .dropdown-menu {
  display: block;
}
.dropdown-menu {
  border: none;
  font-size: 14px;
}

.dropdown-menu .dropdown-item:hover {
  background-color: #f5f5f5;
}


/* Sidebar móvil */
.mobile-sidebar {
  position: fixed;
  top: 0;
  left: -100%;
  width: 280px;
  height: 100%;
  background: #fff;
  box-shadow: 2px 0 10px rgba(0, 0, 0, 0.15);
  z-index: 1050;
  transition: left 0.3s ease;
  overflow-y: auto;
  border-right: 1px solid #eee;
}

.mobile-sidebar.active {
  left: 0;
}

/* Fondo oscuro */
.overlay {
  position: fixed;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.4);
  width: 100%;
  height: 100%;
  z-index: 1040;
  display: none;
}

.overlay.active {
  display: block;
}

/* Enlaces del menú */
.sidebar-link {
  display: block;
  padding: 12px 20px;
  color: #333;
  font-weight: 500;
  text-decoration: none;
  transition: background-color 0.2s ease;
}

.sidebar-link:hover {
  background-color: #f5f5f5;
}

/* Subenlaces */
.sidebar-sublink {
  display: block;
  padding: 8px 20px;
  color: #555;
  text-decoration: none;
  font-size: 14px;
}

.sidebar-sublink:hover {
  background-color: #f0f0f0;
}

/* Ocultar sidebar en escritorio */
@media (min-width: 768px) {
  .mobile-sidebar, .overlay {
    display: none !important;
  }
}




/* TAG */
/* Contenedor de tabs */
.tabs-bar {
  background-color: #f2f2f2;
  border-bottom: 2px solid #ccc;
  height: 70px;  
}

/* Estilo general de cada tab */
.tab {
  padding: 12px 0;
  cursor: pointer;
  font-weight: bold;
  color: #555;
  transition: all 0.3s ease;
  align-content: center;
}

.active-tab {
  border-bottom: 3px solid #0a2b55;
  color: #0a2b55;
  background-color: #ffffff;
}


.active-tab {
  border-bottom: 3px solid #0a2b55;
  color: #0a2b55;
}


/* Buscador */
.search-bar {
  background-color: white;
  border-bottom: 1px solid #ccc;
}

/* Ajustes para el input */
.buscador input::placeholder {
  color: #6c757d;
}

.buscador .input-group-text i {
  color: #6c757d;
}


/* Tablas */
.table-box {
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
}

.table thead th {
  color: #495057;
  font-weight: 600;
  font-size: 13px;
  border-bottom: 1px solid #dee2e6;
}

.text-center p{
    font-size: 0.7em !important;
}

.text-muted {
     font-size: 0.7em;
}

.table-borderless td,
.table-borderless th {
  border: none !important;
}

.thead-custom {
  background-color: transparent;
}



/* footer */
.footer {
  background-color: #0d0908;
  position: fixed;
  bottom: 0;
  width: 100%;
  font-size: 13px;
  z-index: 999;
}

body {
  padding-bottom: 80px; /* espacio para que el footer no tape contenido */
}