/* Redondear las esquinas del formulario de login */
.login-box .card {
    border-radius: 15px !important; /* Redondear todas las esquinas */
    box-shadow: 0 4px 8px rgba(17, 16, 16, 0.1) !important; /* Añadir una sombra suave para resaltar */
    overflow: hidden; /* Asegurar que el contenido se ajuste al borde redondeado */
}

/* Estilo personalizado para el separador */
.separator {
    border: 0;
    height: 1px;
    background: linear-gradient(to right, #ccc, #fff, #ccc);
    margin: 20px 0; /* Ajustar el margen para separar los elementos */
}
.link-black {
    color: #000 !important; /* Cambiar el color a negro */
    text-decoration: none; /* Quitar subrayado */
}

.link-black:hover {
    color: #333 !important; /* Un gris oscuro para el hover */
    text-decoration: underline; /* Añadir subrayado al pasar el cursor */
}


.main-footer {
    background-color: #343a40; /* Color de fondo oscuro */
    color: #ffffff; /* Texto blanco */
    padding: 10px 20px; /* Ajustar el relleno del footer */
    font-size: 0.9em; /* Tamaño de fuente ligeramente más pequeño */
}

.main-footer a {
    color: #ffc107; /* Color amarillo para los enlaces */
    text-decoration: none;
}

.main-footer a:hover {
    color: #fff; /* Cambiar a blanco cuando se pase el cursor */
    text-decoration: underline;
}

.table {
    font-size: 0.9rem;
}

.table th, .table td {
    text-align: center;
    vertical-align: middle;
}

.badge {
    font-size: 0.8rem;
    padding: 0.4em 0.6em;
}

/* Estilos para el navbar y elementos comunes - SOLUCIÓN AGRESIVA */
/* Asegurar que el navbar completo sea visible */
.main-header,
.navbar,
.navbar-expand,
.navbar-white,
.navbar-light {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    position: relative !important;
    z-index: 1030 !important; /* Ajustado para estar por debajo de los modales (1050) */
}

/* Asegurar que los botones del navbar sean visibles */
.main-header .nav-link,
.navbar .nav-link,
.navbar-nav .nav-link,
.navbar-nav .nav-item .nav-link,
.navbar-nav .nav-item a,
.navbar-nav li a,
.navbar-nav a {
    color: #6c757d !important;
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    position: relative !important;
    z-index: 1030 !important; /* Ajustado para estar por debajo de los modales (1050) */
}

.main-header .nav-link:hover,
.navbar .nav-link:hover,
.navbar-nav .nav-link:hover,
.navbar-nav .nav-item .nav-link:hover,
.navbar-nav .nav-item a:hover,
.navbar-nav li a:hover,
.navbar-nav a:hover {
    color: #117a8b !important;
}

.main-header .nav-link i,
.navbar .nav-link i,
.navbar-nav .nav-link i,
.navbar-nav .nav-item .nav-link i,
.navbar-nav .nav-item a i,
.navbar-nav li a i,
.navbar-nav a i,
.fa-bars,
.fas.fa-bars,
.fa-user,
.fas.fa-user {
    font-size: 1.1rem;
    color: #6c757d !important;
    display: inline-block !important;
    visibility: visible !important;
    opacity: 1 !important;
    z-index: 1030 !important; /* Ajustado para estar por debajo de los modales (1050) */
}

/* Asegurar que el navbar esté siempre visible y por encima de otros elementos */
.main-header,
.navbar,
.navbar-expand,
.navbar-white,
.navbar-light {
    z-index: 1030 !important; /* Ajustado para estar por debajo de los modales (1050) */
    position: relative !important;
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
}

/* Asegurar que el botón hamburguesa sea visible */
.nav-item .fa-bars,
.navbar-nav .fa-bars,
.navbar-nav .nav-item .fa-bars,
i.fa-bars,
i.fas.fa-bars,
span.fa-bars,
span.fas.fa-bars {
    color: #6c757d !important;
    display: inline-block !important;
    visibility: visible !important;
    opacity: 1 !important;
    z-index: 1030 !important; /* Ajustado para estar por debajo de los modales (1050) */
}

.navbar-light .navbar-nav .nav-link {
    color: #6c757d !important;
    display: block !important;
    visibility: visible !important;
}

.navbar-light .navbar-nav .nav-link:hover {
    color: #117a8b !important;
}

/* Estilos para los botones principales */
.btn-primary {
    background-color: #117a8b;
    border-color: #117a8b;
}

.btn-primary:hover {
    background-color: #0e6674;
    border-color: #0e6674;
}

/* Estilos para los iconos en general */
.fas, .far, .fal, .fab {
    color: inherit;
}