/* Logo header styles */
.logo-header {
  background: #ffffff; /* Mantenemos el fondo blanco como en la imagen */
  border-bottom: 1px solid #e0e0e0;
  box-shadow: 0 2px 4px rgba(0,0,0,0.1);
  padding: 20px 0;
  width: 100%;
  text-align: center;
}

.logo-header img {
  transition: transform 0.3s ease;
  max-width: 100%;
  height: auto;
}

.logo-header img:hover {
  transform: scale(1.05);
}

/* Centrar el menú de navegación */
.rd-navbar-nav {
  display: inline-block;
  float: none;
  text-align: center;
}

.rd-navbar-nav > li {
  float: none;
  display: inline-block;
}

/* Ajustar el contenedor del navbar para centrar */
.rd-navbar .container-fluid {
  max-width: 100%;
  padding: 0;
}

.rd-navbar-inner {
  text-align: center;
  justify-content: center;
}

/* Ajustar el panel del navbar */
.rd-navbar-panel {
  justify-content: center;
  text-align: center;
  width: 100%;
}

/* Responsive adjustments */
@media (max-width: 768px) {
  .logo-header {
    padding: 15px 0 !important;
  }
  
  .logo-header img {
    width: 80px !important;
    height: 96px !important;
  }
}

@media (max-width: 480px) {
  .logo-header {
    padding: 10px 0 !important;
  }
  
  .logo-header img {
    width: 60px !important;
    height: 72px !important;
  }
}

/* Ajuste para navbar sticky */
.rd-navbar.rd-navbar-fixed .logo-header {
  display: none;
}

/* Mostrar logo en navbar cuando está sticky */
.rd-navbar.rd-navbar-fixed .rd-navbar-brand {
  display: block !important;
}

.rd-navbar-brand {
  display: none;
}

/* Ajustes para el slider */
.swiper-container {
  width: 100%;
  margin: 0 auto;
}

/* Asegurar que el contenido del slider esté centrado */
.swiper-caption-wraper .container {
  margin: 0 auto;
  text-align: center;
}

/* Estilos para las imágenes de comités */
.committee-img {
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  margin: 15px;
  border: 2px solid transparent;
  border-radius: 8px;
  box-shadow: 0 4px 8px rgba(0,0,0,0.1);
}

.committee-img:hover {
  transform: scale(1.05);
  border-color: #1a2b5f; /* Color naranja */
  box-shadow: 0 6px 12px rgba(255, 126, 0, 0.3);
}

/* Ajustes para las animaciones WOW */
.wow {
  visibility: hidden;
}

/* Duración de las animaciones */
.fadeInLeft, .fadeInRight, .fadeInUp {
  animation-duration: 0.8s;
}

/* Nueva paleta de colores para el menú horizontal y megamenú */
/* Colores basados en los tonos del logo: azul oscuro #1a2b5f, azul medio #0077c8, turquesa #30c4d3 */

/* Estilo para el menú principal */
.rd-navbar-nav-wrap {
  background-color: #1a2b5f; /* Azul oscuro del logo */
}

.rd-navbar-nav > li > a {
  color: #ffffff !important;
  font-weight: 500;
  transition: background-color 0.3s ease;
}

.rd-navbar-nav > li:hover > a {
  background-color: #1a2b5f; /* Azul medio del logo */
}

/* Estilo para el megamenú */
.rd-navbar-megamenu {
  background-color: #ffffff !important; /* Fondo blanco */
  border: 2px solid #30c4d3; /* Borde turquesa */
  border-radius: 0 0 8px 8px;
  box-shadow: 0 6px 12px rgba(0,0,0,0.2);
}

.rd-navbar-megamenu a {
  color: #1a2b5f !important; /* Texto en azul oscuro para contraste */
  font-weight: 500;
  transition: color 0.3s ease;
}

.rd-navbar-megamenu a:hover {
  color: #0077c8 !important; /* Texto azul medio al pasar el mouse */
  background-color: #f5f5f5; /* Fondo gris claro al pasar el mouse */
}

/* Ajustes para el menú móvil */
.rd-navbar-fixed .rd-navbar-nav-wrap {
  background-color: #1a2b5f; /* Azul oscuro del logo */
}

.rd-navbar-fixed .rd-navbar-megamenu {
  background-color: #ffffff; /* Fondo blanco */
}

/* Ajustes para el panel superior */
.rd-navbar-top-panel {
  background-color: #0077c8; /* Azul medio del logo */
  color: #ffffff;
}

/* Eliminamos el estilo que cambiaba el fondo del logo header */
/* .logo-header {
  background: linear-gradient(to right, #0077c8, #1a2b5f);
  border-bottom: 2px solid #8a4fff;
} */