/*==================================================
                MARCAS
==================================================*/


#marcas{

    padding:100px 0;

    background:var(--color-complementario);

}



/*==================================================
                GRID
==================================================*/


.brands-grid{

    display:grid;

    grid-template-columns:repeat(auto-fit,minmax(180px,1fr));

    gap:40px;

    margin: 40px;

    align-items:center;
    
}



/*==================================================
                LOGOS
==================================================*/


.brand-item{

    background:#fff;

    padding:30px;

    display:flex;
    
    border-radius:12px;

    justify-content:center;

    align-items:center;

    min-height:120px;

}



.brand-item img{
    
    max-width:160px;

    height:auto;

}