@charset "utf-8";

#auth { padding: 21px 0;}
#minhaconta { padding: 0;}
#checkout { padding: 21px 0;}

#minhaconta .nomesi { margin: 21px 0 0;}
#minhaconta .nomesi h1 { font-size: 1em;}
#minhaconta .lado1 { width: 250px;}
#minhaconta .lado2 { flex: 1; padding: 0 1%;}
#minhaconta .submenu { padding: 0 10px; margin: 21px 0 0;}
#minhaconta .submenu .expandir { margin: 5px 0 0;}
#minhaconta .submenu .um:hover { text-decoration: underline;}
#minhaconta .submenu .um.ativo { text-decoration: underline;}
#minhaconta .resumo { gap: 5px;}
#minhaconta .pedidos .previa .data { padding: 5px 0 10px; border-bottom: 1px solid rgb(90 90 90 / 30%);}
#minhaconta .pedidos .previa .infor h3 { font-size: 1em;}
#minhaconta .sair1 { display: block;}
#minhaconta .sair2 { display: none;}

#checkout .nomesi h2 { font-size: 1.1em; border-bottom: 1px solid rgb(90 90 90);}
#checkout .nomesi h3 { font-size: 1.1em;}
#checkout .produtos .qtd { width: 90px;}
#checkout .produtos .menos { background-image: url('../imagens/produto-menos.png?v=2');}
#checkout .produtos .mais { background-image: url('../imagens/produto-mais.png?v=2');}
#checkout .finalizar .button:hover { transform: scale(1.02);}
#checkout .pagamento .aprovacao { font-size: 0.9em;}
#checkout .pagamento .opcao { gap: 10px; align-items: center;}
#checkout .pagamento .opcao.pix .icone { background-image: url('../imagens/checkout-pagamento-pix.png?v14');}
#checkout .pagamento .opcao.boleto .icone { background-image: url('../imagens/checkout-pagamento-boleto.png?v14');}
#checkout .pagamento .opcao.cartao .icone { background-image: url('../imagens/checkout-pagamento-cartao.png?v14');}
#checkout .pagamento .opcao.cartao .fm { background-color: rgb(90 90 90 / 5%);}
#checkout .pagamento .opcao.cartao .pagar { background-color: rgb(60 80 120); color: rgb(255 255 255);}
#checkout .pagamento .opcao.cartao .pagar:hover { background-color: rgb(45 60 90);}
#checkout .pagamento .opcao.cartao .pagar.desativado { opacity: 0.4;}
#checkout .pagamento .opcao.cartao .pagar.desativado:hover { background-color: rgb(60 80 120);}
#checkout .sucesso .pix .copiaecola .copiar { background-color: rgb(147 224 255); color: rgb(5 5 5) !important;}
#checkout .sucesso .pix .copiaecola .copiar:hover { background-color: rgb(133 207 236);}
#checkout .sucesso .pix .copiaecola .copiar.ok { background-color: rgb(255 227 147);}
#checkout .mensagem h2 { font-size: 1.2em;}
#checkout .mensagem h3 { font-size: 1em;}

@media only screen and (max-width: 1000px){
  #auth { padding: 41px 0;}
  #minhaconta { padding: 11px 0;}
  #checkout { padding: 11px 0;}
}
@media only screen and (max-width: 800px){
  #minhaconta .conteudo { flex-direction: column;}
  #minhaconta .nomesi { margin: 4px 0 0;}

  #minhaconta .lado1 { width: 100%;}
  #minhaconta .lado2 { padding: 0 2%; margin: 11px 0 0;}

  #minhaconta .submenu {  padding: 0 2%; margin: 11px 0 0;}
  #minhaconta .submenu .expandir { display: flex; gap: 5px; padding: 2px; margin: 2px 0 0;}
  #minhaconta .submenu .um { text-align: center;}

  #minhaconta .resumo { flex-direction: column; gap: 0;}

  #minhaconta .sair1 { display: none;}
  #minhaconta .sair2 { display: block;}
}