.bg-safe {
    width: 17px; 
    height: 19px;
    background: url('../imagens/sprites.png') -394px -65px;
}
.bg-red {
    display: flex;
    width: 51px; 
    height: 29px;
    background: url('../imagens/sprites.png') -10px -307px;
}
.bg-pin {
    width: 26px; 
    height: 35px;
    background: url('../imagens/sprites.png') -394px -10px;
}
.bg-bg_serv {
    width: 364px; 
    height: 277px;
    background: url('../imagens/sprites.png') -10px -10px;
    position: absolute;
    top: 0;
    right: 0;
}
.bg-mail {
    width: 32px; 
    height: 22px;
    background: url('../imagens/sprites.png') -81px -307px;
}

/* PAGINAÇÃO */
.paginacao{
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.paginacao .lista-paginacao{
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 25px;
}

.paginacao .lista-paginacao span, 
.paginacao .lista-paginacao li a{
    font-size: 18px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--primaria);
    transition: ease .3s;
}

.paginacao .lista-paginacao span:hover, 
.paginacao .lista-paginacao li a:hover,
.paginacao .lista-paginacao li a.active{
    color: var(--cor-6);
    scale: 1.4;
    transition: ease .3s;
}


/* MEDIA DESKTOP */
@media screen and (max-width: 1600px){

}

@media screen and (max-width: 1440px){

}

@media screen and (max-width: 1366px){

}

@media screen and (max-width: 1280px){

}

@media screen and (max-width: 1270px){
    
}

@media screen and (max-width: 1100px){
    
}

/* MOBILE */
@media screen and (max-width: 1000px){
    
}

@media screen and (max-width: 800px){
    
}

@media screen and (max-width: 600px){
    
}

@media screen and (max-width: 400px){

}

@media screen and (max-width: 375px){

}