/*------------------------------
|    CORES PERSONALIZADAS
-------------------------------
#dc3545 > Vermelho Preço Quad-Pro MainPage
#1c2e4a > Azul Fundo Destaque Quad-Pro MainPage
#ebf5fb > Azul Claro Barro Top
#f8f9fa > Cinza Claro (Fundo)
#007bc3 > Azul Claro (Barra Topo)
#343a40 > Cinza Escuro
#001f3f > bg-navy
rgba(0,31,63,.9) > bg-navy
rgba(60,141,188,.85) > bg-navy (Claro)
-----------------------------*/
/*---- Backgrounds ----*/
.bg-gray {
  background-color: #e4e2e2;
}
.bg-purple {
  background-color: #7554ae;
}
.bg-black {
  background-color: #000;
}
.bg-azul-claro-1 {
  background-color: #007bc3;
}
.bg-azul-1 {
  background-color: #1c2e4a;
}
.bg-azul-navy {
  background-color: #1D4362;
}
.bg-barra-topo {
  background-color: #000;/*#ebf5fb;*/
  border-bottom: 4px solid #ffffff;
}
.bg-barra-titulo {
  background-color: #1E90B3;
}
/*---- Checkout Barra Navegacao Rodape Quadro ----*/
.bg-quadro-rodape {
  background-color: #e4e2e2;
}


/*---------------------------
|     LOGIN-USER MENU
----------------------------*/
.home-login .nav-link  {
  line-height: 1.2em;
  color: #fff/*#1D4362*/;
}
a.dropdown-user {
  background-color: #fff;
  font-family: 'Open Sans', sans-serif;
  font-size: .96rem;
}
a.dropdown-user:hover {
  background-color: #e4e4e4;
}


/*-------------------------------/
|    PRODUTOS LISTA HOMEPAGE
|--------------------------------*/

/*---- Quadro Produto ----*/
.prod-quadro {
  max-width: 24vw;
  border: 1px solid #dcdcdc;
  border-radius: 3px;
  cursor:  pointer;
  background-color: #FFF;
  opacity: 1;
}
.prod-quadro a {
  color: #000;
}
.prod-quadro:hover {
  border: 1px solid #000/*#001f3f*/;
}
.prod-tarja-oferta {
  font-weight: bold;
  color: #fff;
}
.prod-img {
  width: 100%;
  height: 380px;
  object-fit: contain;
  object-position: center;
  padding:0;
  margin:0 auto;
}
.prod-area-descricao {
  font-size: 1.1rem;
  font-weight: normal;
  line-height: 1.2;
  height: 14vh;
}
.prod-area-preco {
  background-color: #000/*#1c2e4a*/;
  color: #fff; /*#001f3f; #dc3545*/
  font-size: 1.5rem;
}

/*---- Quadro Destaca ----*/
.prod-area-info-destaca > .prod-area-preco, .prod-area-info-destaca > .prod-area-mensagem, .prod-area-info-destaca > .prod-area-descricao {
  background-color: #000/*#1c2e4a*/;
  color: #fff;  
}
.prod-area-info-destaca > .prod-area-mensagem {
  background-color: #c1d4f3;
  color: #000/*#1c2e4a*/;  
}

.prod-quadro-opaco {
  opacity: 0.5; 
}
/*----/ Media Query - max-width: 575.98px /----*/
@media (max-width: 575.98px) {
  .prod-quadro {
    max-width: 49.5vw;
  }  
  .prod-area-descricao {
    font-size: 1rem;
    font-weight: normal;
    line-height: 1;
    height: 9vh;    
  }
  .prod-area-preco { 
    font-size: 1.2rem;
    bottom: 0;
  }
  .prod-img {
    width: 100%;
    height: 280px;
    object-fit: contain;
    object-position: center;
    padding:0;
    margin:0 auto;
  }  
}

/*-----------------------------
|          COMPRAR 
------------------------------*/
/* InputMaskCurrency */
.alignLeft, .form-control.alignLeft {
  text-align: left !important; 
}
/* InputDisabled */
.comprar input:disabled {
  cursor: not-allowed;
  background-color: transparent;
  color: #333;
}
.comprar fieldset:disabled {
  background-color: #00000034;  
  border: 1px solid #000;
}
.comprar legend {
  background-color: #fff;
  border: 1px solid #000/*#007bc3*/;
  border-radius: 6px;
}
/*---- Links ----*/
.comprar .link:hover {
  text-decoration: underline; 
  text-underline-position: under;
  cursor: pointer;
}
.comprar img.icon-pgto {
  display: block;
  width: 30px;
}
/*---- Descricao Produto ----*/
.comprar .produto-descricao {
  background-color: #343a40!important;
  border-radius: 8px;
  color: #fff;
}
/*---- Letreiro Preco Tabelado ----*/
.comprar .letreiro-preco-tabelado {
  background-color: #343a40!important;
  border-radius: 8px;
  color: #fff;
}
/*---- FieldSet's ----*/
.comprar fieldset {
  border: 1px solid #000;
}
/*---- Coluna Imagem Produto ----*/
.comprar .coluna-imagem-produto {
  border: 1px solid #000; 
  border-radius: 8px;
}
/*---- Linha Caracteristicas Produto ----*/
.comprar .linha-caracteristicas-produto {
  margin-bottom: 100px; 
  border: 1px solid #000;
}
/*---- Letreiro Subtotal ----*/
.comprar .letreiro-subtotal {
  background-color: #343a40!important;
}
.comprar .letreiro-subtotal fieldset {
  border: 1px solid #fff;
}

/*---- Legenda Comp/Larg/Conv ----*/
.comprar legend.clc {
  font-size: 1em;
}
/*---- Painel Informacoes ----*/
.comprar .produto-painel {
  padding: 20px;
  margin-bottom: 10px;
  /* border-radius: 6px;
  border: thin solid #cdcdcd; */
}
.comprar .produto-painel-texto {
  font-size: 1.0rem;
  color: #666;
}
.comprar .produto-painel-titulo h5 a {
  font-size:  1.2rem;
  font-stretch: expanded;
  color: #333;
}
.comprar .produto-painel-titulo a:after {
    font-family:"Font Awesome 6 Free";
    content:'\f077';
    float:right;
    font-size:20px;
    font-weight:300;
}
.comprar .produto-painel-titulo a.collapsed:after {
    font-family:"Font Awesome 6 Free";
    content:'\f078';
}
.comprar img {
  object-fit: contain;
}

/*-----------------------------
|          CARRINHO-EDITA
------------------------------*/
/* InputDisabled */
.carrinho-edita input:disabled {
  cursor: not-allowed;
  background-color: #f8dee0;
  color: #444;
  border-color: #fa5050;
}
/*---- Legenda Comp/Larg/Conv ----*/
.carrinho-edita legend.clc {
  font-size: 1em;
}
/*---- FieldSet's ----*/
.carrinho-edita fieldset {
  border: 1px solid #000;
}
.carrinho-edita input:disabled {
  cursor: not-allowed;
  background-color: transparent;
  color: #333;
}
.carrinho-edita fieldset:disabled {
  background-color: #00000034;  
  border: 1px solid #000;
}
.carrinho-edita legend {
  background-color: #fff;
  border: 1px solid #000/*#007bc3*/;
  border-radius: 6px;
}
/*---- Descricao Produto ----*/
.carrinho-edita .produto-descricao {
  background-color: #343a40!important;
  border-radius: 8px;
  color: #fff;
}


/*---- Media Querys ----*/
@media (max-width: 575.98px) {
  .comprar #parcelamento {
    max-height: 40vh;
  }
  .comprar legend.clc {
    font-size: .9em;
  }
  .carrinho-edita legend.clc {
    font-size: .9em;
  }
}