/* Override font-family to Open Sans uniformly, preserving sizes and styles */

body, h1, h2, h3, h4, h5, h6, a, span, div, li, button, input, textarea, select, label, strong, b, em, i {
  font-family: 'Open Sans Soft', sans-serif !important;
}

p {
  font-family: 'Open Sans Soft', sans-serif !important;
  color: #949292 !important;
}

/* Add EF Thordis Sans font-family for specific classes */
.my-3, .section-heading2, .card-text, .card-title, .timeline-heading {
  font-family: "Open Sans Soft", sans-serif !important;
 
  
}

h1, h2, h4, h5 {
  text-transform: uppercase;
}




/* Override dropdown menu font-family */

/* Actualización para que el menú desplegable tenga el mismo estilo que el menú principal */

.custom-dropdown-menu {
  font-family: 'Open Sans Soft', sans-serif !important;
  background: linear-gradient(90deg, rgba(107, 186, 51, 0.8) 40%, rgba(1, 130, 131, 0.7) 100%) !important; /* mismo gradiente que bg-dark-danger */
  color: #fff !important; /* texto blanco */
  opacity: 1 !important; /* quitar opacidad para mejor visibilidad */
  border-radius: 0.375rem;
  box-shadow: 0 4px 8px rgba(0,0,0,0.15);
  padding: 0.5rem;
  min-width: 25rem;
  transition: all 0.3s ease;
}

.custom-dropdown-menu .nav-item a.nav-link {
  color: #fff !important; /* texto blanco */
  font-family: "Open Sans Soft", sans-serif !important;
  font-weight: 700 !important;
  padding: 0.5rem 1.5rem;
  text-decoration: none;
  transition: background-color 0.3s ease, color 0.3s ease;
  position: relative;
}

.custom-dropdown-menu .nav-item a.nav-link:hover,
.custom-dropdown-menu .nav-item a.nav-link:focus {
  font-family: 'Open Sans Soft', sans-serif !important;
  background-color: rgba(255, 255, 255, 0.3) !important; /* fondo blanco translúcido en hover */
  color: #000 !important; /* texto negro en hover */
  text-decoration: none;
  border-radius: 0.25rem;
}

.custom-dropdown-menu .nav-item a.nav-link b {
  font-family: 'Open Sans Soft', sans-serif !important;
  font-weight: 700 !important;
  color: #fff !important;
}

/* Ajustes para dispositivos móviles */
@media (max-width: 768px) {
  .custom-dropdown-menu {
    font-family: 'Open Sans Soft', sans-serif !important;
    min-width: 100% !important;
    border-radius: 0 !important;
    box-shadow: none !important;
  }
  .custom-dropdown-menu .nav-item a.nav-link {
    font-family: 'Open Sans Soft', sans-serif !important;
    padding: 1rem 1.5rem !important;
    font-size: 1.1rem !important;
  }

  /* Ocultar el carrusel de imágenes en el modal para dispositivos móviles */
  .modal-body .carousel {
    font-family: 'Open Sans Soft', sans-serif !important;
    display: none !important;
  }
}