.header-top-section {
    font-family: 'Montserrat', sans-serif;
    background-color: #ffffff;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0px 20px;
    border-bottom: 1px solid #ccc;
    z-index: 1000;
  }
  
  .left-section-top {
    display: flex;
    align-items: center;
    gap: 15px;
  }
  
  .logo-top {
    width: 180px;
    height: auto;
    margin: 10px 10px;
  }
  
  .social-icons-top a {
    margin-right: 10px;
  }
  
  .social-icons-top img {
    width: 24px;
    height: 24px;
  }
  
  .right-section-top {
    display: flex;
    align-items: center;
    gap: 10px;
  }
  
  .link-top {
    text-decoration: none;
    color: #999999;
    font-weight: 500;
    position: relative;
  }

  .link-top:hover {
    color: #8FED92
  }
  
  .divider-top {
    color: #999999;
    font-weight: 500;
  }
  
  .dropdown-top {
    position: relative; /* Asegura que el contenedor sea relativo */
  }
  
  .dropdown-menu-top {
    position: absolute; /* Hace que el menú se posicione respecto al contenedor */
    top: 100%; /* Asegura que el menú aparezca justo debajo del enlace */
    left: 0;
    z-index: 10000; /* Más alto que el navbar */
    background-color: white; /* Fondo para distinguirlo */
    border: 1px solid #ccc; /* Opcional, para darle un borde */
    padding: 10px;
    display: none; /* Esconde el menú por defecto */
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1); /* Opcional, para darle un poco de sombra */
  }

  .dropdown-top:hover .dropdown-menu-top {
    display: block; /* Muestra el menú al pasar el mouse */
    
  }

  .dropdown-menu-top {
    opacity: 0; /* Ocultar inicialmente */
    visibility: hidden; /* Hace que no sea clickeable */
    transition: opacity 0.5s ease, visibility 0.5s ease;
  }
  
  .dropdown-top:hover .dropdown-menu-top {
    opacity: 1;
    visibility: visible;
    
  } 
  
  .dropdown-menu-top li {
    padding: 5px 15px;
  }
  
  .dropdown-menu-top li a {
    text-decoration: none;
    color: #999999;
    font-size: 14px;
  }


  .dropdown-menu-top li a:hover {
    color: #8FED92
  }
  
  .dropdown-top:hover .dropdown-menu-top {
    display: block;
  }
  
  @media (max-width: 768px) {
    .header-top-section {
      flex-wrap: nowrap; /* Permitir que los elementos se ajusten */
      justify-content: center; /* Centrar los elementos horizontalmente */
      gap: 35px; /* Ajustar el espacio entre elementos */
      
    }
  
    .left-section-top, .right-section-top {
      flex-direction: row; /* Mantener los elementos en línea horizontal */
      gap: 10px; /* Espaciado entre elementos */
      align-items: center;
      justify-content: center; /* Centrar elementos */
    }
  
    .logo-top {
      width: 120px; /* Reducir tamaño del logo */
      height: auto;
    }
  
    .link-top {
      font-size: 12px; /* Reducir el tamaño del texto */
    }
  
    .divider-top {
      font-size: 14px; /* Asegurar que el divisor esté alineado */
    }

    .dropdown-menu-top li {
      padding: 5px 5px;
    }
    
    .dropdown-menu-top li a {
      text-decoration: none;
      color: #999999;
      font-size: 12px;
    }

  
    .social-icons-top img {
      width: 20px;
      height: 20px;
    }
  }