/*
====================================================
IBEXGO • GALERIA DE MARCAS
====================================================
*/

.ibex-marcas{
width:100%;
padding:40px 0;
}

.ibex-marcas-grid{
display:grid;
grid-template-columns:repeat(7,1fr);
gap:40px;
align-items:center;
justify-items:center;
}

/* logo */

.ibex-marca{
display:flex;
align-items:center;
justify-content:center;
width:100%;
}

.ibex-marca img{
max-height:60px;
width:auto;
object-fit:contain;
}


/* ===============================================
TABLET
=============================================== */

@media (max-width:1024px){

.ibex-marcas-grid{
grid-template-columns:repeat(5,1fr);
gap:30px;
}

.ibex-marca img{
max-height:50px;
}

}


/* ===============================================
MOBILE
=============================================== */

@media (max-width:600px){

.ibex-marcas-grid{
grid-template-columns:repeat(2,1fr);
gap:25px;
}

.ibex-marca img{
max-height:40px;
}

}



/*
====================================================
IBEXGO • GALERIA DE IMAGENS
====================================================
*/

.ibex-galeria{
display:grid;
grid-template-columns:repeat(4,1fr);
gap:20px;
margin-top:30px;
}

.ibex-galeria img{
width:100%;
height:220px;
object-fit:cover;
border-radius:8px;
cursor:pointer;
}


/* ===============================================
TABLET
=============================================== */

@media (max-width:900px){

.ibex-galeria{
grid-template-columns:repeat(3,1fr);
}

}


/* ===============================================
MOBILE
=============================================== */

@media (max-width:600px){

.ibex-galeria{
grid-template-columns:repeat(2,1fr);
}

}



/*
====================================================
FANCYBOX • SETAS DE NAVEGAÇÃO
====================================================
*/

.fancybox__nav .f-button{
background:#ffffff !important;
color:#000 !important;
opacity:1 !important;
width:44px;
height:44px;
border-radius:50%;
display:flex;
align-items:center;
justify-content:center;
}

.fancybox__nav .f-button svg{
width:24px;
height:24px;
}

.fancybox__nav .f-button:hover{
background:#000 !important;
color:#fff !important;
}