.logo-header2{
    display: ruby;
}



#btn-categoria{
    display: none;
}

@media (max-width: 430px) {
    .logo {
        align-self: start;
        font-size: 0.8rem;
    }
    
    .logo a img{
        height:24px;
    }
    
    .logo-header2{
        display: inline-flex;

    }
    
    .search-bar{
        margin-top: -14px;
    }
    
    .search-bar input {
        width: 160px;
        height: 26px;
        margin-left: 20px;
    }
    
    .search-bar button {
        height: 26px;
    }
    
    .nav-categories {
        display: flex;
        gap: 1rem;
        flex-direction: column;
        align-items: stretch;
    }
    
    #btn-categoria{
        display: flex;
        margin-bottom: 10px;
    }
    
    .nav-categories{
        display: none;
    }
    
    .hero{
       padding: 1rem 0
    }
    
}