@charset "utf-8";

#auth { padding: 41px 0 71px;}
#minhaconta { padding: 0;}
#checkout { padding: 11px 0 121px;}

#auth.azul { background-color: rgb(31 59 114); border-top: 2px solid rgb(5 5 5 / 20%);}
#auth.azul .domo { background-color: transparent;}
#auth.azul .domo.sombra { -webkit-box-shadow: 0 0 0 0 transparent; -moz-box-shadow: 0 0 0 0 transparent; box-shadow: 0 0 0 0 transparent;}
#auth.azul .assunto { color: rgb(255 255 255); opacity: 1;}
#auth.azul .nomecampo { color: rgb(255 255 255);}
#auth.azul .campo { background-color: rgb(255 255 255); outline: 0;}
#auth.azul .opcoes a { color: rgb(255 255 255); opacity: 1;}

#minhaconta .coluna1 { padding: 10px 20px;}
#minhaconta .coluna2 { padding: 20px; border-left: 1px solid rgb(90 90 90 / 20%);}
#minhaconta .submenu .conta { border-bottom: 1px solid rgb(90 90 90 / 20%);}
#minhaconta .submenu .um:hover { background-color: rgb(90 90 90 / 10%);}
#minhaconta .submenu .um.ativo { background-color: rgb(90 90 90 / 10%);}
#minhaconta .resumo .item { width: 33%;}
#minhaconta .pedidos .cima { padding: 2px 0 7px; border-bottom: 1px solid rgb(90 90 90 / 30%);}
#minhaconta .pedidos .cima .codigo { width: 50%;}
#minhaconta .pedidos .cima .data { width: 50%; text-align: right;}
#minhaconta .pedidos .b2 { padding: 0 0 0 10px;}
#minhaconta .pedidos .baixo h2 { font-size: 0.9em;}
#minhaconta .pedidos .baixo h3 { font-size: 1em;}
#minhaconta .pedidos .mensagem { padding: 7px 0 2px; border-top: 1px solid rgb(90 90 90 / 30%); color: rgb(255 134 0);}

#checkout .nomesi { border-bottom: 1px solid rgb(90 90 90 / 50%);}
#checkout .nomesi h2 { font-size: 1.1em;}
#checkout .produtos .dv { width: 33.33%;}
#checkout .produtos .nome { padding: 0 0 8px; border-bottom: 1px solid rgb(90 90 90 / 20%); text-align: center;}
#checkout .produtos .infor { padding: 10px 30px 10px 0;}
#checkout .produtos .infor .qtd .epc { justify-content: center; margin: 5px 0 0;}
#checkout .produtos .infor .qtd .cen { width: 120px; justify-content: center;}
#checkout .produtos .infor .qtd .nun { flex: 1; height: 30px; margin: 0 2px;}
#checkout .produtos .infor .qtd .ico { flex: 0.5; height: 30px;}
#checkout .produtos .infor .qtd .ico.menos { background: url('../../imagens/app/checkout-produtos-menos.png?v=2') rgb(220 220 220) 50% no-repeat;}
#checkout .produtos .infor .qtd .ico.mais { background: url('../../imagens/app/checkout-produtos-mais.png?v=2') rgb(220 220 220) 50% no-repeat;}
#checkout .produtos .infor .qtd .ico:hover { background-color: rgb(210 210 210);}
#checkout .produtos .delete { top: 50%; right: 0; margin: -15px 0 0;}
#checkout .endereco .opcoes .opcao { outline: 1px solid rgb(90 90 90 / 30%); outline-offset: -1px; background-color: rgb(90 90 90 / 5%);}
#checkout .endereco .opcoes .opcao .radio { top: 50%; left: 10px; margin: -10px 0 0;}
#checkout .endereco .opcoes .opcao .label { padding: 10px 45px 10px 35px;}
#checkout .endereco .opcoes .opcao .mudar { top: 50%; right: 10px; margin: -15px 0 0; background: url('../../imagens/app/checkout-endereco-mudar.png?v2') rgb(250 250 250) 50% no-repeat;}
#checkout .endereco .opcoes .opcao .mudar:hover { background-color: rgb(90 90 90 / 10%);}
#checkout .endereco .opcoes .opcao .frete { font-size: 1.1em; color: rgb(255 134 0);}
#checkout .condicao .opcoes .opcao { outline: 1px solid rgb(90 90 90 / 30%); outline-offset: -1px; background-color: rgb(90 90 90 / 5%);}
#checkout .condicao .opcoes .opcao .radio { top: 50%; left: 10px; margin: -10px 0 0;}
#checkout .condicao .opcoes .opcao .label { padding: 10px 45px 10px 35px;}
#checkout .modificar .btn { background-color: rgb(115 142 159 / 35%); text-align: left;}
#checkout .modificar .btn:hover { background-color: rgb(115 142 159 / 45%);}

#checkout .addmais button { padding: 25px 0; font-size: 1.1em; color: rgb(237 28 36) !important;}
#checkout .addrascu button { padding: 25px 0; font-size: 1.1em;}

#checkout .orcamento { width: 100%; height: 100%; top: 0; left: 0;}
#checkout .orcamento .posiciona { align-items: center;}

#checkout .retornar .btn { background-color: rgb(255 187 0 / 35%); text-align: left;}
#checkout .retornar .btn:hover { background-color: rgb(255 187 0 / 45%);}
#checkout .avancar { left: 0; bottom: 0; padding: 8px 0; align-items: center;}
#checkout .avancar .total h2 { font-size: 1em;}
#checkout .avancar .total h3 { font-size: 1.2em;}
#checkout .avancar .botao button { padding: 20px 50px; font-size: 1.2em;}
#checkout .obrigado .msg h2 { font-size: 1.3em;}
#checkout .obrigado .msg h3 { font-size: 1.1em;}
#checkout .obrigado .infor .codigo { outline: 1px solid rgb(90 90 90 / 30%);}

@media only screen and (max-width: 1000px){
  #auth { padding: 31px 0 171px;}
  #minhaconta { padding: 11px 0;}
  #checkout .avancar { bottom: 70px;}
}
@media only screen and (max-width: 1000px){
  #minhaconta .coluna1 { padding: 0 2%;}
  #minhaconta .coluna2 { padding: 11px 2%; border-left: 0;}
  #minhaconta .coluna2 .auto700 { max-width: 100%;}
  #minhaconta .resumo .item { width: 100%; padding: 3px 0;}

  #minhaconta .submenu .conta { display: flex; padding: 0; border-bottom: 0;}
  #minhaconta .submenu .conta .nome { display: none;}
  #minhaconta .submenu .conta .um { outline: 1px solid rgb(90 90 90 / 20%); outline-offset: -1px; text-align: center;}
  #minhaconta .submenu .conta .um.u2 { margin: 0 0 0 5px;}
  #minhaconta .submenu .conta .um.u3 { margin: 0 0 0 5px;}
  #minhaconta .submenu .sair { display: none;}
  #minhaconta .encerrar { display: block;}
}
@media only screen and (max-width: 800px){
  #checkout { padding: 11px 0 135px;}
  #checkout .produtos .dv { font-size: 0.9em;}

  #checkout .avancar { padding: 5px 0;}
  #checkout .avancar .total h2 { font-size: 0.9em;}
  #checkout .avancar .total h3 { font-size: 1em;}
  #checkout .avancar .botao button { padding: 20px 30px; font-size: 1em;}
}
@media only screen and (max-width: 800px){
  #minhaconta .pedidos .cima .codigo { width: 100%; text-align: center;}
  #minhaconta .pedidos .cima .data { width: 100%; text-align: center; opacity: 0.7;}
}