/* Estilo para evitar desbordamiento lateral */
 body {
    overflow-x: hidden;
}

 
/* Estilos personalizados para aproximarse al navbar de UES Sonora */
.navbar-ues {
  background-color: #fff; /* Color aproximado; ajústalo según requieras */
  font-family:"Montserrat",sans-serif;font-weight:600;
    font-size: 0.9rem;
    line-height: 1.56;
    text-decoration: none;
}
.navbar-ues .navbar-brand,
.navbar-ues .nav-link {
  color: #000;
}
.navbar-ues .nav-link:hover {
  color: #000;
}
/* Ajuste para la imagen del logo */
.navbar-ues .navbar-brand img {
  height: 60px;
}
/* Estilos para el dropdown */
.navbar-ues .dropdown-menu {
  background-color: #fff;
  border: none;
  box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.2); /* Agregar sombra negra */
  border-radius: 4px; /* Opcional: Redondear bordes si lo deseas */
}
.navbar-ues .dropdown-item {
  color: #000;
  text-decoration: none;
  transition: background-color 0.3s ease;
}
.navbar-ues .dropdown-item:hover {
  background-color: #bababa;
  color: #fff;
}
.navbar-nav {
        margin: 0 auto;
    }

.top {
background-color: #960e53 !important;
min-height: 0;
padding-top: calc(80px + 32px);
padding-bottom: 60px;
box-sizing:content-box;
position: relative;
}

.topImage {
background-image: url('../img/home-ceeav.jpg');
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 1; /* Este valor define el contexto de apilamiento */
background-repeat: no-repeat;
background-position: center;
background-size: cover;
background-attachment: fixed;
opacity: 0.25;
mix-blend-mode: multiply;
}

.topImage-login {
  background-image: url('../img/home-ceeav.jpg');
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1; /* Este valor define el contexto de apilamiento */
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  background-attachment: fixed;
  opacity: 0.25;
  mix-blend-mode: multiply;
  }

.topLogo {
position: absolute; /* Cambia a absolute para posicionarlo correctamente */
top: 50%; /* Centra verticalmente */
left: 50%; /* Centra horizontalmente */
transform: translate(-50%, -50%); /* Ajusta el centro exacto */
z-index: 4; /* Mayor que .topImage */
display: flex;
justify-content: center;
align-items: center;
width: 100%; /* Para que la imagen se centre correctamente */
}

.topLogo img {
max-width: 80%; /* Ajusta el tamaño de la imagen */
height: auto;
}