/* reset css */
* { box-sizing: border-box; }
html, body { margin: 0px auto; padding: 0px; width: 100%; max-width: 1920px; font: 400 18px/27px 'Program OT'; text-size-adjust: none; color: #ffffff; overflow-x: hidden; }
header, main, section, div, article, aside, form, fieldset, footer { display: block; margin: 0px; padding: 0px; border: none; }
h1, h2, h3, h4, h5, h6, p { margin: 0px; padding: 0px; }
ul, ol { margin: 0px; padding: 0px; list-style-position: inside; }
img, figure, iframe, embed, object, video { display: block; margin: 0px; padding: 0px; max-width: 100%; border: none; }
input[type="submit"], [type="button"], input[type="file"] { cursor: pointer; }
input, button, select, option, optgroup, textarea { display: block; margin: 0px; padding: 0px; font: 400 20px/28px 'Program OT'; text-size-adjust: none; color: #ffffff; outline: none; border: none; }
img { width: auto; height: auto; }
a { color: #ffffff; }

input:focus::-moz-placeholder { opacity: 0 !important; }
input:focus:-moz-placeholder { opacity: 0 !important; }
input:focus:-ms-input-placeholder { opacity: 0 !important; }
input:focus::-webkit-input-placeholder { opacity: 0 !important; }

textarea:focus:-moz-placeholder { opacity: 0 !important; }
textarea:focus::-moz-placeholder { opacity: 0 !important; }
textarea:focus:-ms-input-placeholder { opacity: 0 !important; }
textarea:focus::-webkit-input-placeholder { opacity: 0 !important; }

:-moz-placeholder { opacity: 1 !important; color: #000000; }
::-moz-placeholder { opacity: 1 !important; color: #000000; }
:-ms-input-placeholder { opacity: 1 !important; color: #000000; }
::-webkit-input-placeholder { opacity: 1 !important; color: #000000; }

/* geral */
.fancybox-container * { position: static; }
.central { margin: 0px auto; padding: 0px 10px; width: 100%; max-width: 1270px; }
.clear { clear: both; }

.titulo { text-align: center; }
.titulo h1 { font-size: 25px; line-height: 33px; font-weight: 700; color: #eb008b; }

.editor a { display: inline-block; vertical-align: top; }
.editor strong { font-weight: 700; }
.editor h1 { font-size: 25px; line-height: 33px; font-weight: 700; }
.editor h1 + p { padding-top: 20px; }
.editor h1 + h1 { padding-top: 20px; }
.editor h1 + h2 { padding-top: 20px; }
.editor h1 + h3 { padding-top: 20px; }
.editor h1 + ul { padding-top: 20px; }
.editor h1 + img { padding-top: 20px; }
.editor h2 { font-size: 25px; line-height: 33px; font-weight: 700; }
.editor h2 + p { padding-top: 20px; }
.editor h2 + h1 { padding-top: 20px; }
.editor h2 + h2 { padding-top: 20px; }
.editor h2 + h3 { padding-top: 20px; }
.editor h2 + ul { padding-top: 20px; }
.editor h2 + img { padding-top: 20px; }
.editor h3 { font-size: 25px; line-height: 33px; font-weight: 700; }
.editor h3 + p { padding-top: 20px; }
.editor h3 + h1 { padding-top: 20px; }
.editor h3 + h2 { padding-top: 20px; }
.editor h3 + h3 { padding-top: 20px; }
.editor h3 + ul { padding-top: 20px; }
.editor h3 + img { padding-top: 20px; }
.editor p + p { padding-top: 20px; }
.editor p + h1 { padding-top: 20px; }
.editor p + h2 { padding-top: 20px; }
.editor p + h3 { padding-top: 20px; }
.editor p + ul { padding-top: 20px; }
.editor p + img { padding-top: 20px; }
.editor ul + p { padding-top: 20px; }
.editor ul + h1 { padding-top: 20px; }
.editor ul + h2 { padding-top: 20px; }
.editor ul + h3 { padding-top: 20px; }
.editor ul + ul { padding-top: 20px; }
.editor ul + img { padding-top: 20px; }
.editor img + p { padding-top: 20px; }
.editor img + h1 { padding-top: 20px; }
.editor img + h2 { padding-top: 20px; }
.editor img + h3 { padding-top: 20px; }
.editor img + ul { padding-top: 20px; }
.editor img + img { padding-top: 20px; }
.editor img { display: inline-block !important; max-width: 100%; height: auto !important; }

.fundo { background: url('../img/fundo-site.webp') top center repeat; background-size: auto; }

/* internas */ 
.internas main > section { padding-top: 61px; }
.internas main > section .conteudo { padding: 35px 0px; }
.internas main > section .conteudo .titulo h1 { color: #000000; }
.internas main > section .conteudo .titulo time { color: #000000; }

/* abre menu sanduiche */
.sanduiche-aberto header .menu .desktop { display: block; width: 100%; overflow-x: hidden; overflow-y: auto; transform: translateX(0); transition: all .30s linear; z-index: 2; }
.sanduiche-aberto { overflow: hidden; }

/* topo */
header { position: fixed; width: 100%; top: 0px; left: 0px; padding: 10px 0px; z-index: 999999; }
header .central { display: flex; align-items: center; justify-content: flex-end; }
header .menu .sanduiche { width: 44px; height: 41px; background: #a90000 url('../img/ico-menu-sanduiche.svg') top 9px center no-repeat; cursor: pointer; }
header .menu .desktop { position: fixed; width: 100%; height: 100%; top: 0px; right: 0px; padding: 25px; background-color: #a90000; transform: translateX(100%); }
header .menu .desktop nav a { display: block; font-family: 'Muli'; font-size: 20px; line-height: 1; text-decoration: none; color: #ffffff; }
header .menu .desktop nav a:hover,
header .menu .desktop nav a.ativo { text-decoration: underline; }
header .menu .desktop nav a + a { margin-top: 15px; }
header .menu .desktop .fechar { position: absolute; width: 18px; height: 18px; top: 26px; right: 25px; background: url('../img/ico-fechar.svg') center no-repeat; cursor: pointer; }

/* index */
#snow-wrapper { position: absolute; top: 0px; left: 0px; width: 100%; height: 270px; z-index: 999; }

#destaque { position: relative; overflow: hidden; }
#destaque .imagem { position: relative; z-index: 1; }
#destaque .imagem picture { position: relative; width: 100%; height: 363px; }
#destaque .imagem picture img { position: absolute; top: 0px; left: 50%; margin-left: -480px; width: auto; max-width: 960px; height: 363px; }

#as-cestas .lista .bloco { padding-bottom: 35px; }
#as-cestas .lista .bloco .titulo-valor { text-align: center; }
#as-cestas .lista .bloco .titulo-valor h2 { font-family: 'Quakiez'; font-size: 38px; line-height: 1; word-break: break-word; color: #e6bf98; }
#as-cestas .lista .bloco .titulo-valor .valor p { padding-top: 10px; font-family: 'Averta'; font-size: 30px; line-height: 1; font-weight: 900; color: #e6bf98; }
#as-cestas .lista .bloco .texto-imagem { margin-top: 30px; }
#as-cestas .lista .bloco .texto-imagem .texto { text-align: center; }
#as-cestas .lista .bloco .texto-imagem .texto > div { margin-top: 30px; }
#as-cestas .lista .bloco .texto-imagem .texto .itens .coluna { color: #ffffff; }
#as-cestas .lista .bloco .texto-imagem .texto .itens .coluna + .coluna { margin-top: 30px; }
#as-cestas .lista .bloco .texto-imagem .imagem { margin-top: 30px; }
#as-cestas .lista .bloco .texto-imagem .imagem figure img { margin: 0px auto; max-height: 308px; }

#parcelamento { padding-bottom: 45px; background: url('../img/fundo-parcelamento.jpg') top center no-repeat; background-size: cover; }
#parcelamento .central > div figure img { margin: 0px auto; }

#perguntas-frequentes { padding: 35px 0px; background-color: #470100; }
#perguntas-frequentes .titulo h2 { position: relative; padding-bottom: 15px; font-size: 25px; line-height: 33px; font-weight: 400; text-transform: uppercase; text-align: center; color: #ffffff; }
#perguntas-frequentes .titulo h2::after { content: ''; position: absolute; bottom: 0px; left: 50%; margin-left: -104px; width: 208px; height: 1px; background-color: #ffffff; }
#perguntas-frequentes .titulo p { margin: 0px auto; padding-top: 30px; width: 100%; max-width: 670px; text-align: center; color: #ffffff; }
#perguntas-frequentes .lista { margin-top: 30px; }
#perguntas-frequentes .lista .bloco { text-align: center; }
#perguntas-frequentes .lista .bloco .abre-fecha { cursor: pointer; }
#perguntas-frequentes .lista .bloco .abre-fecha h2 { font-size: 20px; line-height: 28px; font-weight: 300; text-transform: uppercase; color: #ffffff; }
#perguntas-frequentes .lista .bloco .conteudo { height: 100%; max-height: 0px; border-radius: 20px; opacity: 0; overflow: hidden; transition: all .30s linear; }
#perguntas-frequentes .lista .bloco .conteudo.exposicao { margin-top: 20px; padding: 20px; max-height: 100%; border: 1px solid #f9b715; opacity: 1; }
#perguntas-frequentes .lista .bloco + .bloco { margin-top: 15px; }

#informacoes { padding: 35px 0px; text-align: center; background-color: #a90000; }
#informacoes p { margin: 0px auto; font-size: 45px; min-height: 63px; line-height: 63px; letter-spacing: 1px; width: 100%; max-width: 840px; }
#informacoes p a { padding-left: 54px; font-weight: 700; text-decoration: none; background: url('../img/ico-whatsapp.png') center left no-repeat; background-size: 44px 43px; }

#contato { padding: 35px 0px; background-color: #470100; }
#contato .titulo h2 { position: relative; padding-bottom: 15px; font-size: 25px; line-height: 33px; text-transform: uppercase; text-align: center; color: #f9b715; }
#contato .titulo h2::after { content: ''; position: absolute; bottom: 0px; left: 50%; margin-left: -104px; width: 208px; height: 1px; background-color: #a90000; }
#contato .titulo p { margin: 0px auto; padding-top: 30px; width: 100%; max-width: 670px; font-size: 25px; line-height: 33px; letter-spacing: 1px; text-align: center; color: #f9b715; }

#contato .formulario form { margin-top: 35px; }
#contato .formulario form p { padding: 10px 0px; color: #000000; }
#contato .formulario form .campo .duas-colunas > span { display: block; overflow: hidden; }
#contato .formulario form .campo .duas-colunas > span + span { margin-top: 20px; }
#contato .formulario form .campo .duas-colunas > span > span { width: 23%; float: left; }
#contato .formulario form .campo .duas-colunas > span > span:last-child { margin-left: 4%; width: 73%; float: right; }
#contato .formulario form .campo input[type=text] { padding: 0px 20px; width: 100%; height: 57px; font: 400 20px/1 'Muli'; border-radius: 15px; background-color: #ffffff; color: #000000; }
#contato .formulario form .campo input[type=text].erro { background-color: #f9b715; }
#contato .formulario form .campo + .campo { margin-top: 20px; }

#contato .botao { margin-top: 20px; }
#contato .botao .concordo label { display: block; font-size: 14px; line-height: 19px; letter-spacing: 1px; text-transform: none; color: #f9b715; cursor: pointer; }
#contato .botao .concordo input[type="checkbox"] { display: none; }
#contato .botao .concordo input[type="checkbox"] + label a { text-decoration: underline; color: #f9b715; }
#contato .botao .concordo input[type="checkbox"] + label:before { content: ''; display: inline-block; vertical-align: middle; margin: -3px 10px 0px 0px; width: 19px; height: 19px; background-color: #ffffff; cursor: pointer; }
#contato .botao .concordo input[type="checkbox"]:checked + label:before { content: '\2713'; font-size: 14px; line-height: 21px; letter-spacing: 1px; font-weight: 700; text-align: center; color: #000000; background-color: #f9b715; }
#contato .botao input[type="submit"] { margin-top: 20px; padding: 0px 20px; height: 57px; font-size: 20px; line-height: 1; letter-spacing: 1px; color: #000000; background-color: #f9b715; border-radius: 20px; cursor: pointer; }
#contato .retorno { margin-top: 20px; padding: 0px 10px; letter-spacing: 1px; color: #000000; background-color: #f9b715; }

#banner-contato figure img { width: 100%; }

/* politicas e termos */
#politicas-e-termos .texto { margin-top: 35px; color: #000000; }
#politicas-e-termos .texto a { color: #000000; }

/* page 404 */
#erro-404 .texto { margin-top: 35px; text-align: center; color: #000000; }
#erro-404 .texto a { color: #000000; }
#erro-404 .links { display: flex; align-items: flex-start; flex-wrap: wrap; justify-content: center; margin-top: 35px; }
#erro-404 .links a { display: inline-block; vertical-align: top; padding: 12px 18px; margin: 0px 5px 10px 5px;  font-size: 16px; color: #000000; line-height: 1; text-decoration: none; border: 1px solid #000000; transition: all 0.3s; }
#erro-404 .links a:hover { color: #ffffff; border-radius: 5px; border: 1px solid #000000; background-color: #000000; transition: all 0.3s; }

/* footer */
footer { padding: 35px 0px; background-color: #a90000; }
footer h2 { position: relative; padding-bottom: 15px; font-size: 25px; line-height: 33px; font-weight: 400; text-transform: uppercase; text-align: center; color: #ffffff; }
footer h2::after { content: ''; position: absolute; bottom: 0px; left: 50%; margin-left: -104px; width: 208px; height: 1px; background-color: #ffffff; }
footer .central > p { margin: 0px auto; padding-top: 30px; width: 100%; max-width: 670px; text-align: center; color: #ffffff; }
footer .lojas { margin-top: 35px; }
footer .lojas .item { margin-bottom: 35px; }
footer .lojas .item:last-child { margin-bottom: 0px; }
footer .lojas .item figure { text-align: center; }
footer .lojas .item figure img { display: inline-block; vertical-align: top; }
footer .lojas .item .redes-sociais { display: flex; align-items: flex-start; flex-wrap: wrap; justify-content: center; margin-top: 15px; }
footer .lojas .item .redes-sociais a { margin: 0 7px; }
footer .lojas .item .redes-sociais a img { max-width: 41px; }
footer .politicas { margin-top: 35px; font-size: 15px; line-height: 19px; text-align: center; color: #ffffff; }
footer .politicas p { margin: 0px auto; max-width: 920px; }
footer .politicas > div { margin-top: 35px; }
footer .politicas a { display: inline-block; vertical-align: top; font-size: 15px; line-height: 19px; color: #ffffff; }
footer .politicas a:hover { text-decoration: underline; }
footer .politicas span { display: inline-block; vertical-align: top; font-size: 15px; line-height: 19px; color: #ffffff; }