/*
  Empresa: Wing Midia
  Desenvolvedor: Heliton Afonso Goncalves
  E-mail: contato@wingmidia.com.br
  Site: http://www.wingmidia.com
  Telefone: +55 34 3211.2150
  Cliente: udifrios.com.br
*/
@font-face { font-family: 'Gilroy-Medium ☞'; font-style: normal; font-weight: normal; src: local('../fontes/Gilroy/Gilroy-Medium ☞'), url('../fontes/Gilroy/Gilroy-Medium.woff') format('woff'); }
@font-face { font-family: 'Gilroy-Bold ☞'; font-style: normal; font-weight: normal; src: local('../fontes/Gilroy/Gilroy-Bold ☞'), url('../fontes/Gilroy/Gilroy-Bold.woff') format('woff'); }

/* Comentar após virada de ano */
figure .input-group, .modal .input-group { display: none !important; }
#mdNatal2022 .modal-content { background-color: transparent; border: none; }
#mdNatal2022 .modal-header { border-bottom: none; }
#mdNatal2022 .modal-header .close { opacity: 1; }
.pedido-via-whatsapp { display: block !important; }
.btn-pedido-via-whatsapp, .btn-pedido-via-whatsapp:visited { border-color: #0A51A0; color: #FFF; background: #0A51A0; font-size: 1em; margin-bottom: 1rem; }
.btn-pedido-via-whatsapp:is(:hover,:active,:focus) { border-color: #BB2A2E; color: #FFF; background: #BB2A2E; }
/* Comentar após virada de ano */

/* Generico */
a img { border: 0; }
:focus { outline: none !important; }
::selection { background: #D3E3FE; color: #074181; }
::-moz-selection { background: #D3E3FE; color: #074181; }
::-webkit-input-placeholder  { color: #D6D2C9 !important; }
input:-moz-placeholder { color: #D6D2C9 !important; }
textarea:-moz-placeholder { color: #D6D2C9 !important; }
a, a:hover, a:focus, a:active, a:visited { text-decoration: none; color: inherit; }
a, a:visited { color: #0A51A1; }
a:hover, a:focus, a:active { color: #BB2A2E; }
.transition { -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -ms-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out; }
.carregando { display: none; position: fixed; width: 100%; height: 100%; top: 0; left: 0; background-color: #fff; background-image: url('../imagens/carregando.gif'); background-position: center center; background-repeat: no-repeat; z-index: 1000; }
.transparencia-80 { filter: alpha(opacity=80); opacity: 0.8; -moz-opacity: 0.8; -webkit-opacity: 0.8; }
.transparencia-100 { filter: alpha(opacity=10); opacity: 1.0; -moz-opacity: 1.0; -webkit-opacity: 1.0; }
.texto-azul { color: #0A51A1; }
.texto-vermelho { color: #B82A2C; }
.fundo-cinza-claro { background: #F4F3F0; }
.titulo { font-size: 1.5em; }
.titulo span { color: #B92A2C; }
.titulo-principal { font-size: 2em; }
.subtitulo { font-size: 1.5em; }
.subtitulo-nivel-2 { font-size: 1.3em; }
.separador { background: #666666; width: 75px; height: 3px; }
.conteudo { font-size: 17px; line-height: 2em; }
.conteudo-bloco { font-size: 17px; line-height: 1.7em; }
.conteudo-bloco-telefone { font-size: 32px; }
.conteudo-bloco-entrega { font-size: 15px; line-height: 1.6em; }
.altura-bloco-130 { min-height: 130px; }
.fonte-13 { font-size: 13px; }
.sucesso { color: #00853F; }
.filtro-azul { filter: invert(15%) sepia(55%) saturate(5130%) hue-rotate(180deg) brightness(10%) contrast(40%); }
.badge-carrinho { color: #ffffff; background-color: #0a51a1; left: -9px; top: -11px; position: relative; }
.carrinho-vazio { line-height: 1.5em; }
.pedido-via-whatsapp { display: none; }

/* Reset para personalização do menu abrir da esquerda para direita */
.navbar, .navbar-collapse { z-index: 1; }
.navbar-light .nav .nav-link { font-size: 17px; color: #0A51A0; border-bottom: 1px solid #fff; padding: 1em 0.8em; }
.navbar-light .nav .nav-link:hover, .navbar-light .nav .nav-link.active { color: #073C76; border-bottom: 1px solid #BB2A2E; }
.navbar-light .nav .active>.nav-link { color: #073C76; font-weight: 700; border-bottom: 1px solid #0A51A0; }

body { background: #ffffff; font-family: 'Gilroy-Medium ☞', sans-serif; font-size: 1em; color: #666666; line-height: 1.3; }
header .formas-contato { background: #EDECE7; border-bottom: 1px solid #D6D2C9; font-size: 0.9em; min-height: 48px; }
header .formas-contato a:hover { color: #BB2A2E; }
header .formas-contato a img { width: 20px; }
header .navbar-collapse { background: #fff; }
.breadcrumb { color: #BB2A2E; font-size: 1.3em; }
.subtitulo-nivel-3 { font-size: 1.5em; }
.subtitulo-nivel-4 { font-size: 1em; }
.sem-ofertas p { font-size: 1.2em; }
.form-control, .form-control:focus { box-shadow: none; }
.form-control.error, .form-control.error:focus { border: 1px solid #BB2A2E; box-shadow: none; }
label.error{ color: #BB2A2E; }
.form-jornal-ofertas .form-control { border-color: #DADADA; border-left-color: transparent !important; }
.form-jornal-ofertas .input-group-text { background: #ffffff !important; border-right-color: transparent !important; font-size: 1em !important; line-height: 1; cursor: pointer; }
.preco { color: #BB2A2E; }
.preco-oferta { color: #0A51A0; }
.preco .unidade-monetaria, .preco .centavos, .peso { font-size: 1.2em; }
.preco .real { font-size: 2.2em; }
.tabuas-de-frios .btn-comprar { display: none; font-family: 'Gilroy-Bold ☞'; border-color: #0A51A0; background: #0A51A0; }
.tabuas-de-frios .btn-comprar:hover { border-color: #BB2A2E; background: #BB2A2E; }
.tabuas-de-frios .confira-itens { text-decoration: underline; }
.modal-backdrop.show { background-color: #0A51A1; }
.modal.tabua .modal-header { border: none; }
.modal.tabua .modal-footer.observacao { font-size: 0.7em; border: none; }
.sessoes .imagem-sessao { height: 233px; overflow: hidden; max-height: 233px; }
.sessoes a { cursor: inherit; }
.sessoes a:hover .imagem-sessao img { max-width: 110%; }
.sessoes .titulo-sessao { bottom: 25px; background: #fff; font-size: 1.6em; }
.ofertas h1 { color: #0A519F; }
.ofertas .oferta { border-left: 1px solid #EDECE7; }
.ofertas .oferta:first-child { border-left: 0; }
.receitas { background: #EDECE7; }
.receitas .titulo-receita-udifrios { background: #BB2A2E; left: 15px; font-size: 28px; }
.receitas a { color: #BA2A2D; text-decoration: underline; display: inline-flex; }
.receitas a:hover { color: #0A519F; }
.receita h6 { font-weight: bold; }
.mapa { width: 100%; height: 360px; border: 0; border-top: 2px solid #D6D2C9; }
.mapa-entrega { width: 100%; height: 300px; border: 1px solid #D0CCBF; }
footer { background: #EDECE7; border-top: 2px solid #D6D2C9; font-size: 15px; line-height: 25px; }
footer .navbar-light .nav .nav-link { border-bottom: 1px solid #EDECE7; }
footer .midias-sociais a img { width: 40px; }
footer .midias-sociais a img:hover { width: 45px; }
footer .midias-sociais .container-redes-sociais { background: #fff; min-height: 72px; }
footer .bandeiras-aceitas img { padding: 0 0.4em; }
.canal-de-venda { background: #fff; border: 1px solid #fff; }
.canal-de-venda a { color: inherit; }
.canal-de-venda img { width: 100px; }
.canal-de-venda:hover { background: #edece7; border: 1px solid #d0ccbf; }
.canal-de-venda:hover img { width: 110px; }
.tabuas-de-frios .form-control[type="number"] { background: #F4F3F0; border-color: #D6D2C9; font-size: 1.1em; line-height: 1; }
.tabua-de-frios figure { border: 1px solid #EDECE7; }
.tabua-de-frios figure h3 { font-size: 1.3em; }
.ctn-produtos-oferta .oferta figure { border: 1px solid #EDECE7; background: inherit; }
.ctn-produtos-oferta .oferta figure:hover { border-color: #0A51A0; }
.ctn-produtos-oferta .oferta figure .descricao-produto { font-size: 16px; min-height: 40px; }
.ctn-produtos-oferta .oferta figure .btn-pedir-whatsapp { background: #25D366; font-family: 'Gilroy-Bold ☞'; font-size: 17px; }
.ctn-produtos-oferta .oferta figure .btn-pedir-whatsapp:hover { background: #1FA752; }
.table { border-color: #D0CCBF !important; color: inherit; }
.table thead th, .table td, .table-bordered td { border-color: #D0CCBF !important; padding: 0.55rem 1rem; }
.form-control { border-color: #D6D2C9; }
.input-group-text { background: #F4F3F0; border-color: #D6D2C9; font-size: 2.3em; line-height: 1; cursor: pointer; }
.btn-enviar { background: #25D366; cursor: pointer; }
.btn-enviar:hover { background: #20B558; }
.btn-carrinho-compras { background: #0A519F; border-color: #0A519F; }
.btn-carrinho-compras:hover { background: #B82A2C; border-color: #B82A2C; }
.btn-ver-mais-ofertas { background: #F4F3F0; border-color: #D6D2C9; color: #0A51A0; font-size: 17px; }
.btn-ver-mais-ofertas:hover { background: #E4E2DA; color: #BA2A2D; }
.btn-passo-anterior { border: 1px solid transparent; background-color: transparent; color: #525267; font-size: 0.9em; text-decoration: underline; }
.btn-proximo-passo { border: 1px solid #0a51a1; background-color: #0a51a1; color: #fff; }
.btn-passo-anterior:hover, .btn-proximo-passo:hover { border: 1px solid #064790; background-color: #064790; color: #fff; }
.ctn-pagamento { background-color: #fff; top: 0; z-index: 10; overflow: overlay; }
#formPagamento .form-control, #formPagamento select { border-color: #50546F; }
#formPagamento .form-control { border-color: #C4C4C4; border-radius: 4px; }
#formPagamento label { font-size: 0.9em; margin-bottom: 4px; }
#formPagamento label.error { font-size: 0.7em; color: #981b1e; }
#formPagamento .input-group-text { background: transparent; border-color: transparent; color: #C4C4C4; font-size: 2em; line-height: 1; cursor: pointer; }
#formPagamento .form-control:focus, #formPagamento select:focus { border-color: transparent; border-width: 0; box-shadow: none; }
#formPagamento h4 { font-size: 1.1em; }
#formPagamento ul.observacoes { font-size: 0.9em; }
.nao-sabe-cep { font-size: 0.7em; color: #545758 !important; text-decoration: underline; }
input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0; }
.remove-item { font-size: 0.8em; color: #545758; text-decoration: underline; }
.text-muted { font-size: 0.54em; }
.fundo-band-visa { background: linear-gradient(45deg,#2548a1,#222459); }
.fundo-band-master { background: linear-gradient(45deg,#545758,#000); }
.fundo-band-american-express, .fundo-band-dinners { background: linear-gradient(45deg,#00aed1,#016fd0); }
.fundo-band-hiper { background: linear-gradient(45deg,#ab4871,#981b1e); }
.fundo-band-elo { background: linear-gradient(45deg,#545758,#000); }
.fundo-band-padrao { background: linear-gradient(45deg,#fff,#545758); }
.resumo { color: #525252; }
.resumo .rotulo { color: #636e84; }
.resumo h4, .resumo .item { border-bottom: 1px solid #c2c5cd; }
.btn-agendar-entrega, .btn-agendar-entrega:visited { background-color: #1BD741; color: #fff; border: none; }
.btn-agendar-entrega:hover, .btn-agendar-entrega:focus, .btn-agendar-entrega:active { background-color: #0cc131; color: #fff; box-shadow: none; border: none; }
#mdHorarioFuncionamento .modal-header { border-bottom: none; }
#mdHorarioFuncionamento .close, #mdHorarioFuncionamento .close:hover { opacity: 1; }
#mdHorarioFuncionamento .modal-content { background-color: transparent; border: none; }

@media (min-width: 576px) {
  .modal-dialog { max-width: 670px; }
  .navbar-light .nav .nav-link { font-size: 14px; padding: 0 0.8em; }
}

@media (max-width: 992px) {
  .navbar-collapse { position: absolute; top: 85px; left: 100%; padding-left: 15px; padding-right: 15px; padding-bottom: 15px; width: 100%; transition: all 0.3s ease; display: block; }
  .navbar-collapse.collapsing { height: auto !important; margin-right: 50%; transition: all 0.3s ease; display: block; }
  .navbar-collapse.show { left: 0; }
}

/* Slider */
.slick-slider { margin: 0 30px; position: relative; display: block; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; }
.slick-list { position: relative; display: block; overflow: hidden; margin: 0; padding: 0; }
.slick-list:focus { outline: none; }
.slick-list.dragging { cursor: pointer; cursor: hand; }
.slick-slider .slick-track, .slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
.slick-track { position: relative; top: 0; left: 0; display: block; margin-left: auto; margin-right: auto; }
.slick-track:before, .slick-track:after { display: table; content: ''; }
.slick-track:after { clear: both; }
.slick-loading .slick-track { visibility: hidden; }
.slick-slide { display: none; float: left; height: 100%; min-height: 1px; }
[dir='rtl'] .slick-slide { float: right; }
.slick-slide img { display: inline-block; }
.slick-slide.slick-loading img { display: none; }
.slick-slide.dragging img { pointer-events: none; }
.slick-initialized .slick-slide { display: block; }
.slick-loading .slick-slide { visibility: hidden; }
.slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; }
.slick-arrow.slick-hidden { display: none; }
/* Slider */
.slick-loading .slick-list { background: #fff url('../imagens/ajax-loader.gif') center center no-repeat; }
/* Icons */
@font-face { font-family: 'slick'; font-weight: normal; font-style: normal; src: url('../fontes/slick/slick.eot'); src: url('../fontes/slick/slick.eot?#iefix') format('embedded-opentype'), url('../fontes/slick/slick.woff') format('woff'), url('../fontes/slick/slick.ttf') format('truetype'), url('../fontes/slick/slick.svg#slick') format('svg'); }
/* Arrows */
.slick-prev, .slick-next { font-size: 0; line-height: 0; position: absolute; top: 50%; display: block; width: 25px; height: 35px; padding: 0; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); cursor: pointer; color: transparent; border: none; outline: none; background: transparent; }
.slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus { color: transparent; outline: none; background: transparent; }
.slick-prev:hover:before, .slick-prev:focus:before, .slick-next:hover:before, .slick-next:focus:before { opacity: 1; }
.slick-prev.slick-disabled:before, .slick-next.slick-disabled:before { opacity: .25; }
.slick-prev:before, .slick-next:before { font-family: 'slick'; font-size: 50px; line-height: 1; opacity: .75; color: #5a5a5a; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
.slick-prev { left: -25px; }
[dir='rtl'] .slick-prev { right: -25px; left: auto; }
.slick-prev:before { content: '‹'; }
[dir='rtl'] .slick-prev:before { content: '›'; }
.slick-next { right: -25px; }
[dir='rtl'] .slick-next { right: auto; left: -25px; }
.slick-next:before { content: '›'; }
[dir='rtl'] .slick-next:before { content: '‹'; }
/* Dots */
.slick-dotted.slick-slider { margin-bottom: 30px; }
.slick-dots { position: absolute; bottom: -25px; display: block; width: 100%; padding: 0; margin: 0; list-style: none; text-align: center; }
.slick-dots li { position: relative; display: inline-block; width: 20px; height: 20px; margin: 0 5px; padding: 0; cursor: pointer; }
.slick-dots li button { font-size: 0; line-height: 0; display: block; width: 20px; height: 20px; padding: 5px; cursor: pointer; color: transparent; border: 0; outline: none; background: transparent; }
.slick-dots li button:hover, .slick-dots li button:focus { outline: none; }
.slick-dots li button:hover:before, .slick-dots li button:focus:before { opacity: 1; }
.slick-dots li button:before { font-family: 'slick'; font-size: 6px; line-height: 20px; position: absolute; top: 0; left: 0; width: 20px; height: 20px; content: '•'; text-align: center; opacity: .25; color: black; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
.slick-dots li.slick-active button:before { opacity: .75; color: black; }