@charset "utf-8";

#main { min-height: 300px;}

#home { padding: 21px 0;}
#auth { padding: 100px 0 200px;}
#pagamento { padding: 21px 0;}

#home .faturas { width: 58%;}
#home .ofertas { width: 40%;}

#home .faturas .pagar .pix { background: rgb(90 90 90 / 5%) url('../../imagens/app/pagar-pix.png?v2') 8px 50% no-repeat;}
#home .faturas .pagar .boleto { background: rgb(90 90 90 / 5%) url('../../imagens/app/pagar-boleto.png?v2') 8px 50% no-repeat;}

#home .ofertas .item .nome { font-size: 2em;}
#home .ofertas .item .descricao { font-size: 1.2em;}
#home .ofertas .item .botao { font-size: 1.1em;}
#home .ofertas .carousel .owl-nav { display: block; width: 52px; bottom: 10px; left: 50%; margin: 0 0 0 -26px;}
#home .ofertas .carousel .owl-nav button { position: absolute; width: 24px; height: 24px; top: 0; outline: 1px solid rgb(90 90 90 / 20%); background-color: rgb(220 227 219); background-repeat: no-repeat; cursor: pointer; font-size: 0; -webkit-border-radius: 100px; -moz-border-radius: 100px; border-radius: 100px;}
#home .ofertas .carousel .owl-nav button.owl-prev { left: 0; background-image: url('../../imagens/app/seta-1.png?v10'); background-position: 7px 50%;}
#home .ofertas .carousel .owl-nav button.owl-next { right: 0; background-image: url('../../imagens/app/seta-2.png?v10'); background-position: 9px 50%;}

@media only screen and (max-width: 800px){
  #home .faturas { width: 100%;}
  #home .ofertas { width: 100%; margin: 16px 0 0;}
}