/* Estilos generales */
body {
    font-family: 'Arial', sans-serif;
    background-color: #f0f0f0;
}

/* Estilos para el encabezado */
.navbar {
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

/* Estilos para las tarjetas */
.card {
    margin-bottom: 20px;
    border: none;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
}

.card-header {
    background-color: #0a4c75;
    color: white;
    font-weight: bold;
    
}
 

/* Estilos para los formularios */
.form-control:focus {
    border-color: #0a4c75;
    box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}

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

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

/* Estilos para las tablas */
.table thead th {
    background-color: #f8f9fa;
    border-top: none;
}

.table-hover tbody tr:hover {
    background-color: rgba(0, 123, 255, 0.05);
}

/* Estilos para el perfil */
.profile-header {
    background-color: #0a4c75;
    color: white;
    padding: 20px;
    border-radius: 5px;
    margin-bottom: 20px;
}

.profile-img {
    width: 150px;
    height: 150px;
    border-radius: 50%;
    object-fit: cover;
    border: 5px solid white;
}

/* Estilos para el panel de administración */
.admin-card {
    transition: transform 0.3s;
}

.admin-card:hover {
    transform: translateY(-5px);
}

.admin-icon {
    font-size: 3rem;
    margin-bottom: 15px;
    color: #0a4c75;
}

/* Estilos para el pie de página */
footer {
    background-color: #f8f9fa;
    border-top: 1px solid #e9ecef;
    padding: 10px 0;
    font-size: 14px;
    color: #6c757d;
}

footer p {
    margin: 0;
}

/* Estilos h6 */
/* Cambiar el color de los encabezados h6 en recuadros azules */
h6.m-0.font-weight-bold.text-primary {
    color: #ff9800 !important; /* Naranja ámbar */
}

/* Alternativa: puedes usar cualquiera de estos colores descomentar el que prefieras */

a {
    color: #18978B ;
}
.card-header {
    background-color: #0a4c75 !important; 
    color: white !important;
}

h6.m-0.font-weight-bold.text-primary {
    color: #ffffff !important; 
}
 
.card-header.py-2.bg-light {
    background-color: rgb(47, 170, 56) !important;/* Verde */
}

.text-muted.ml-2 {
    color: #ffffff !important;  
}

#link-inicio,
#link-visit-site,
#link-panel-admin,
#link-solicitudes-admin,
#link-volver-admin,
#link-panel-alumno,
#link-perfil-alumno,
#link-solicitudes-alumno,
#link-panel-egresado,
#link-perfil-egresado,
#link-experiencia-egresado,
#link-logout {
    color: rgb(255, 255, 255);
    font-weight: 500;
    text-decoration: none;
    padding: 0 15px;
}

#link-inicio:hover,
#link-visit-site:hover,
#link-panel-admin:hover,
#link-solicitudes-admin:hover,
#link-volver-admin:hover,
#link-panel-alumno:hover,
#link-perfil-alumno:hover,
#link-solicitudes-alumno:hover,
#link-panel-egresado:hover,
#link-perfil-egresado:hover,
#link-experiencia-egresado:hover,
#link-logout:hover {
    color: rgb(255, 255, 255);
    text-decoration: underline;
}