@charset "utf-8";

#eproduto { padding: 21px 0;}

#eproduto .coluna1 { width: 40%;}
#eproduto .coluna2 { width: 60%; padding: 0 0 0 20px;}
#eproduto .coluna3 { margin: 0 auto; width: 800px; max-width: 100%;}
#eproduto .imagens { padding: 5px;}
#eproduto .quadro { outline: 1px solid rgb(90 90 90 / 20%); outline-offset: -1px;}
#eproduto .nome { padding: 10px 10px 0;}
#eproduto .nome h1 { padding: 5px 0 10px; border-bottom: 1px solid rgb(90 90 90 / 20%); text-align: center; font-size: 1.3em;}
#eproduto .estoque { padding: 10px;}
#eproduto .estoque h2 { width: 50%; font-size: 1em; color: rgb(31 59 114);}
#eproduto .estoque h3 { width: 50%; font-size: 1em; text-align: right;}
#eproduto .preco { padding: 10px;}
#eproduto .preco h2 { width: 50%; font-size: 1em;}
#eproduto .preco h3 { width: 50%; font-size: 1em; text-align: right;}
#eproduto .preco h4 { width: 50%; font-size: 1em; text-align: right; color: rgb(237 28 36);}
#eproduto .atencao { font-size: 0.9em;}
#eproduto .aviso h2 { font-size: 1em;}
#eproduto .adicionar { padding: 20px 10px;}
#eproduto .adicionar .tab { justify-content: center;}
#eproduto .adicionar .quantidade { width: 300px; max-width: 100%;}
#eproduto .adicionar .quantidade .valor { width: 60%; margin: 0 0 2px; text-align: center; font-size: 0.9em;}
#eproduto .adicionar .quantidade .qtd { width: 60%; height: 50px; outline: 1px solid rgb(90 90 90 / 30%); -webkit-border-top-left-radius: 10px; -webkit-border-bottom-left-radius: 10px; -moz-border-radius-topleft: 10px; -moz-border-radius-bottomleft: 10px; border-top-left-radius: 10px; border-bottom-left-radius: 10px;}
#eproduto .adicionar .quantidade .carrinho { width: 40%; height: 50px; padding: 0 0 0 20px; background-image: url('../../imagens/app/eproduto-carrinho.png?v5'); background-position: 8px 50%; background-repeat: no-repeat; font-weight: bold; -webkit-border-top-right-radius: 10px; -webkit-border-bottom-right-radius: 10px; -moz-border-radius-topright: 10px; -moz-border-radius-bottomright: 10px; border-top-right-radius: 10px; border-bottom-right-radius: 10px;}
#eproduto .adicionar .finalizar { padding: 7px 0; margin: 21px 0 0; text-align: center;}
#eproduto .adicionar .finalizar a { padding: 5px 15px; outline: 1px solid;}

@media only screen and (max-width: 800px){
  #eproduto { padding: 21px 0;}
}
@media only screen and (max-width: 700px){
  #eproduto .coluna1 { width: 80%; margin: 0 10%;}
  #eproduto .coluna2 { width: 100%; padding: 11px 0 0;}
  #eproduto .nome h1 { font-size: 1.2em;}
}
@media only screen and (max-width: 500px){
  #eproduto { padding: 0;}
  #eproduto .auto { width: 100%;}
  #eproduto .coluna1 { width: 100%; margin: 0;}
  #eproduto .coluna2 { padding: 0;}
  #eproduto .coluna3 { float: left; padding: 11px 2%; margin: 0;}
  #eproduto .imagens { padding: 0;}
}