@charset "utf-8";

#promocoes { padding: 21px 0;}
#casaempresa { padding: 81px 0 220px;}
#auth { padding: 21px 0;}
#minhaconta { padding: 0;}
#checkout { padding: 21px 0;}

#casaempresa .opcao { gap: 10px; align-items: center;}
#casaempresa .opcao .imagem { width: 80px; height: 80px; background-color: beige;}
#casaempresa .opcao .detalhes { flex: 1;}
#casaempresa .opcao .detalhes h2 { font-size: 1.4em;}
#casaempresa .opcao .detalhes h3 { font-size: 1em;}
#casaempresa .opcao:hover { transform: scale(1.05);}

#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 .submenu:hover .um.ativo b { display: none;}
#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 .pagamento .opcao { gap: 10px; align-items: center;}
#checkout .pagamento .opcao.pentrega .icone { background-image: url('../imagens/checkout-pagamento-pentrega.png?v15');}
#checkout .pagamento .opcao.pix .icone { background-image: url('../imagens/checkout-pagamento-pix.png?v14');}
#checkout .pagamento .opcao.fiado .icone { background-image: url('../imagens/checkout-pagamento-fiado.png?v15');}

#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;}
}
@media only screen and (max-width: 800px){
  #casaempresa .opcao .detalhes h2 { font-size: 1.2em;}
  #casaempresa .opcao .detalhes h3 { font-size: 1em;}

  #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;}
}