.dropdown2 {
    position: relative;
    display: flex;
    align-items: center;
    /* Alinea verticalmente el botón y la flecha */
    margin-right: 2px;
    margin-left: -1%;
}

.dropdown3 {
    position: relative;
    display: flex;
    align-items: center;
    /* Alinea verticalmente el botón y la flecha */
    margin-right: 10px;
    margin-left: -7%;
    margin-top: 1%;
}

#btnProductos {
    display: flex;
    align-items: center;
    /* Asegura alineación vertical */
    gap: 5px;
    /* Espacio entre el texto y la flecha */
    background-color: transparent !important;
    border: none !important;
    font-size: 14px !important;
    padding: 5px 10px;
    /* Ajusta el padding según sea necesario */
}

.arrow1 {
    font-size: 14px !important;
    background-color: transparent !important;
    padding: 0 !important;
    margin: 0 !important;
    transition: transform 0.3s ease;
    margin-left: 10% !important;
    /* Efecto de animación */
}


/* Estilo para el enlace de "Productos" */
.nav-link {
    display: flex;
    flex-direction: column;
    /* Apila los elementos verticalmente */
    align-items: center;
    /* Centra los elementos horizontalmente */
    text-decoration: none;
    /* Elimina el subrayado del enlace */
    color: rgb(0, 0, 0);
    /* Color del texto */
}



/* Estilos para el contenido desplegable */
.dropdown-content-productos {
    display: none;
    position: absolute;
    top: 100%;
    /* Coloca el menú debajo del botón */
    left: 0;
    /* Asegura alineación con el botón */
    background-color: #fffefe;
    min-width: 160px;
    max-height: 300px;
    overflow-y: auto;
    box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
    z-index: 1;
}



/* Muestra el contenido cuando la clase 'show' está presente */
.dropdown-content-productos.show {
    display: block;
}

/* Estilos para los links dentro del dropdown */
.dropdown-content-productos ul {
    color: rgb(0, 0, 0);
    padding: 12px 16px;
    text-decoration: none;
    display: block;
    text-align: left;
}

/* Fondo gris al pasar el mouse sobre los links */
.dropdown-content-productos ul:hover {
    background-color: #010101;
}