/* Estilos específicos para diferenciar roles de usuario */

/* Estilos para administradores */
.navbar-admin {
  border-bottom: 3px solid #8b0000 !important;
}

.navbar-admin .navbar-brand {
  color: #fff !important;
  font-weight: bold;
  text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3);
}

.navbar-admin .nav-link {
  color: #fff !important;
  font-weight: 500;
  transition: all 0.3s ease;
}

.navbar-admin .nav-link:hover {
  color: #ffd700 !important;
  transform: translateY(-1px);
}

.navbar-admin .dropdown-menu {
  background: linear-gradient(135deg, #8b0000 0%, #dc143c 100%);
  border: none;
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);
}

.navbar-admin .dropdown-item {
  color: #fff !important;
  transition: all 0.3s ease;
}

.navbar-admin .dropdown-item:hover {
  background: rgba(255, 255, 255, 0.1) !important;
  color: #ffd700 !important;
}

/* Estilos para estudiantes */
.navbar-student {
  border-bottom: 3px solid #1e3c72 !important;
}

.navbar-student .navbar-brand {
  color: #fff !important;
  font-weight: bold;
  text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3);
}

.navbar-student .nav-link {
  color: #fff !important;
  font-weight: 500;
  transition: all 0.3s ease;
}

.navbar-student .nav-link:hover {
  color: #87ceeb !important;
  transform: translateY(-1px);
}

.navbar-student .dropdown-menu {
  background: linear-gradient(135deg, #1e3c72 0%, #2a5298 100%);
  border: none;
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);
}

.navbar-student .dropdown-item {
  color: #fff !important;
  transition: all 0.3s ease;
}

.navbar-student .dropdown-item:hover {
  background: rgba(255, 255, 255, 0.1) !important;
  color: #87ceeb !important;
}

/* Indicadores visuales adicionales */
.admin-indicator {
  background: linear-gradient(135deg, #8b0000 0%, #dc143c 100%);
  color: white;
  padding: 2px 8px;
  border-radius: 12px;
  font-size: 0.8em;
  font-weight: bold;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

.student-indicator {
  background: linear-gradient(135deg, #1e3c72 0%, #2a5298 100%);
  color: white;
  padding: 2px 8px;
  border-radius: 12px;
  font-size: 0.8em;
  font-weight: bold;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

/* Estilos para cards diferenciados */
.card-admin {
  border-left: 4px solid #8b0000;
  box-shadow: 0 4px 15px rgba(139, 0, 0, 0.1);
}

.card-student {
  border-left: 4px solid #1e3c72;
  box-shadow: 0 4px 15px rgba(30, 60, 114, 0.1);
}

/* Botones diferenciados */
.btn-admin {
  background: linear-gradient(135deg, #8b0000 0%, #dc143c 100%);
  border: none;
  color: white;
  font-weight: 500;
}

.btn-admin:hover {
  background: linear-gradient(135deg, #a52a2a 0%, #ff1493 100%);
  color: white;
  transform: translateY(-2px);
  box-shadow: 0 4px 15px rgba(139, 0, 0, 0.3);
}

.btn-student {
  background: linear-gradient(135deg, #1e3c72 0%, #2a5298 100%);
  border: none;
  color: white;
  font-weight: 500;
}

.btn-student:hover {
  background: linear-gradient(135deg, #2c5aa0 0%, #3d6bb8 100%);
  color: white;
  transform: translateY(-2px);
  box-shadow: 0 4px 15px rgba(30, 60, 114, 0.3);
}

/* Alertas diferenciadas */
.alert-admin {
  background: linear-gradient(
    135deg,
    rgba(139, 0, 0, 0.1) 0%,
    rgba(220, 20, 60, 0.1) 100%
  );
  border-left: 4px solid #8b0000;
  color: #8b0000;
}

.alert-student {
  background: linear-gradient(
    135deg,
    rgba(30, 60, 114, 0.1) 0%,
    rgba(42, 82, 152, 0.1) 100%
  );
  border-left: 4px solid #1e3c72;
  color: #1e3c72;
}