@charset "utf-8";
/* CSS Document */

@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100&family=Roboto+Condensed:wght@400;700&display=swap');

:root{
    --fTema:#262424; /* Chumbo */
    --fTema2:#cc2128; /* Vermelho */
    --fTema3:#727272; /* Cinza */
    --fTema4:; /*  */  
}

* { box-sizing: border-box; }

:focus{ outline: none;}
/* force scrollbar */
html { overflow-y: scroll; }

body { background:#fff; font-family: 'Montserrat', sans-serif; font-size: 16px; padding-right: 0!important; font-weight: 400; }

a { color: unset; }

/* Quebras */
.quebra   { clear:both; }
.quebra10 { clear:both; height:10px; }
.quebra15 { clear:both; height:15px; }
.quebra20 { clear:both; height:20px; }
.quebra30 { clear:both; height:30px; }
.quebra50 { clear:both; height:50px; }
.quebra70 { clear:both; height:70px; }
.quebra80 { clear:both; height:80px; }
.quebra100 { clear:both; height:100px; }
.quebraPalavra { word-wrap: break-word; }


/* Display */
.cp { cursor:pointer; }

.db { display:block; }
.dn { display:none; }
.di { display:inline; }
.dib { display:inline-block; }
.dif { display: inline-flex;}
.dtc { display:table-cell; }
.dt { display: table;}
.df { display: flex; }

.pa { position:absolute; }
.pf { position:fixed; }
.pr { position:relative; }

.float { float:left; position:relative; }
.floatD { float:right; position:relative; }
.floatF { float:left; position:relative; width:100%; }
.floatN { float: none; }


/* Espaçamento (Margin e Padding) */
.m0 { margin: 0px; } .m5 { margin: 5px; } .m10 { margin: 10px; } .m15 { margin: 15px; } .m20 { margin: 20px; } .m25 { margin: 25px; } .m30 { margin: 30px; } .m35 { margin: 35px; } .m40 { margin: 40px; } .m45 { margin: 45px; } .m50 { margin: 50px; } .m55 { margin: 55px; } .m60 { margin: 60px; } .m65 { margin: 65px; } .m70 { margin: 70px; } .m75 { margin: 75px; } .m80 { margin: 80px; } .m85 { margin: 85px; } .m90 { margin: 90px; } .m95 { margin: 95px; } .m100 { margin: 100px; }
.ml0  { margin-left:0; } .ml5  { margin-left:5px; } .ml10 { margin-left:10px; } .ml15 { margin-left:15px; } .ml20 { margin-left:20px; } .ml25 { margin-left:25px; } .ml30 { margin-left:30px; } .ml35 { margin-left:35px; } .ml40 { margin-left:40px; } .ml45 { margin-left:45px; } .ml50 { margin-left:50px; } .ml55 { margin-left:55px; } .ml60 { margin-left:60px; } .ml65 { margin-left:65px; } .ml70 { margin-left:70px; } .ml75 { margin-left:75px; } .ml80 { margin-left:80px; } .ml85 { margin-left:85px; } .ml90 { margin-left:90px; } .ml95 { margin-left:95px; } .ml100 { margin-left:100px; }
.mr0  { margin-right:0; } .mr5  { margin-right:5px; } .mr10 { margin-right:10px; } .mr15 { margin-right:15px; } .mr20 { margin-right:20px; } .mr25 { margin-right:25px; } .mr30 { margin-right:30px; } .mr35 { margin-right:35px; } .mr40 { margin-right:40px; } .mr45 { margin-right:45px; } .mr50 { margin-right:50px; }.mr55 { margin-right:55px; } .mr60 { margin-right:60px; } .mr65 { margin-right:65px; } .mr70 { margin-right:70px; } .mr75 { margin-right:75px; } .mr80 { margin-right:80px; } .mr85 { margin-right:85px; } .mr90 { margin-right:90px; } .mr95 { margin-right:95px; } .mr100 { margin-right:100px; }
.mt0  { margin-top:0; } .mt5  { margin-top:5px; } .mt10 { margin-top:10px; } .mt15 { margin-top:15px; } .mt20 { margin-top:20px; } .mt25 { margin-top:25px; } .mt30 { margin-top:30px; } .mt35 { margin-top:35px; } .mt40 { margin-top:40px; } .mt45 { margin-top:45px; } .mt50 { margin-top:50px; } .mt55 { margin-top:55px; } .mt60 { margin-top:60px; } .mt65 { margin-top:65px; } .mt70 { margin-top:70px; } .mt75 { margin-top:75px; } .mt80 { margin-top:80px; } .mt85 { margin-top:85px; } .mt90 { margin-top:90px; } .mt95 { margin-top:95px; } .mt100 { margin-top:100px; }
.mb0  { margin-bottom:0; } .mb5  { margin-bottom:5px; } .mb10 { margin-bottom:10px; } .mb15 { margin-bottom:15px; } .mb20 { margin-bottom:20px; } .mb25 { margin-bottom:25px; } .mb30 { margin-bottom:30px; } .mb35 { margin-bottom:35px; } .mb40 { margin-bottom:40px; } .mb45 { margin-bottom:45px; } .mb50 { margin-bottom:50px; } .mb55 { margin-bottom:55px; } .mb60 { margin-bottom:60px; } .mb65 { margin-bottom:65px; } .mb70 { margin-bottom:70px; } .mb75 { margin-bottom:75px; } .mb80 { margin-bottom:80px; } .mb85 { margin-bottom:85px; } .mb90 { margin-bottom:90px; } .mb95 { margin-bottom:95px; } .mb100 { margin-bottom:100px; } .mb150 { margin-bottom: 150px;} .mb200 { margin-bottom: 200px;} .mb250 { margin-bottom: 250px;}
.mbN20  {margin-bottom: -20px}
.mtb25 { margin-bottom: 25px; margin-top: 25px;}
.mtb20 { margin-bottom: 20px; margin-top: 20px;}

.p0 { padding: 0px; } .p5 { padding: 5px; } .p10 { padding: 10px; } .p15 { padding: 15px; } .p20 { padding: 20px; } .p25 { padding: 25px; } .p30 { padding: 30px; } .p35 { padding: 35px; } .p40 { padding: 40px; } .p45 { padding: 45px; } .p50 { padding: 50px; } .p55 { padding: 55px; } .p60 { padding: 60px; } .p65 { padding: 65px; } .p70 { padding: 70px; } .p75 { padding: 75px; } .p80 { padding: 80px; } .p85 { padding: 85px; } .p90 { padding: 90px; } .p95 { padding: 95px; } .p100 { padding: 100px; }
.pl0  { padding-left:0; } .pl5  { padding-left:5px; } .pl10 { padding-left:10px; } .pl15 { padding-left:15px; } .pl20 { padding-left:20px; } .pl25 { padding-left:25px; } .pl30 { padding-left:30px; } .pl35 { padding-left:35px; } .pl40 { padding-left:40px; } .pl45 { padding-left:45px; } .pl50 { padding-left:50px; } .pl55 { padding-left:55px; } .pl60 { padding-left:60px; } .pl65 { padding-left:65px; } .pl70 { padding-left:70px; } .pl75 { padding-left:75px; } .pl80 { padding-left:80px; } .pl85 { padding-left:85px; } .pl90 { padding-left:90px; } .pl95 { padding-left:95px; } .pl100 { padding-left:100px; }
.pr0  { padding-right:0; } .pr5  { padding-right:5px; } .pr10 { padding-right:10px; } .pr15 { padding-right:15px; } .pr20 { padding-right:20px; } .pr25 { padding-right:25px; } .pr30 { padding-right:30px; } .pr35 { padding-right:35px; } .pr40 { padding-right:40px; } .pr45 { padding-right:45px; } .pr50 { padding-right:50px; }.pr55 { padding-right:55px; } .pr60 { padding-right:60px; } .pr65 { padding-right:65px; } .pr70 { padding-right:70px; } .pr75 { padding-right:75px; } .pr80 { padding-right:80px; } .pr85 { padding-right:85px; } .pr90 { padding-right:90px; } .pr95 { padding-right:95px; } .pr100 { padding-right:100px; }
.pt0  { padding-top:0; } .pt5  { padding-top:5px; } .pt10 { padding-top:10px; } .pt15 { padding-top:15px; } .pt20 { padding-top:20px; } .pt25 { padding-top:25px; } .pt30 { padding-top:30px; } .pt35 { padding-top:35px; } .pt40 { padding-top:40px; } .pt45 { padding-top:45px; } .pt50 { padding-top:50px; } .pt55 { padding-top:55px; } .pt60 { padding-top:60px; } .pt65 { padding-top:65px; } .pt70 { padding-top:70px; } .pt75 { padding-top:75px; } .pt80 { padding-top:80px; } .pt85 { padding-top:85px; } .pt90 { padding-top:90px; } .pt95 { padding-top:95px; } .pt100 { padding-top:100px; }
.pb0  { padding-bottom:0; } .pb5  { padding-bottom:5px; } .pb10 { padding-bottom:10px; } .pb15 { padding-bottom:15px; } .pb20 { padding-bottom:20px; } .pb25 { padding-bottom:25px; } .pb30 { padding-bottom:30px; } .pb35 { padding-bottom:35px; } .pb40 { padding-bottom:40px; } .pb45 { padding-bottom:45px; } .pb50 { padding-bottom:50px; } .pb55 { padding-bottom:55px; } .pb60 { padding-bottom:60px; } .pb65 { padding-bottom:65px; } .pb70 { padding-bottom:70px; } .pb75 { padding-bottom:75px; } .pb80 { padding-bottom:80px; } .pb85 { padding-bottom:85px; } .pb90 { padding-bottom:90px; } .pb95 { padding-bottom:95px; } .pb100 { padding-bottom:100px; } .pb200{ padding-bottom: 200px; } .pb250{ padding-bottom: 250px; }
.ptb5 { padding-top:5px; padding-bottom:5px; } .ptb10 { padding-top:10px; padding-bottom:10px; } .ptb15 { padding-top:15px; padding-bottom:15px; } .ptb20 { padding-top:20px; padding-bottom:20px; } .ptb25 { padding-top:25px; padding-bottom:25px; } .ptb30 { padding-top:30px; padding-bottom:30px; } .ptb35 { padding-top:35px; padding-bottom:35px; } .ptb40 { padding-top:40px; padding-bottom:40px; } .ptb45 { padding-top:45px; padding-bottom:45px; } .ptb50 { padding-top:50px; padding-bottom:50px; } .ptb55 { padding-top:55px; padding-bottom:55px; } .ptb60 { padding-top:60px; padding-bottom:60px; } .ptb65 { padding-top:65px; padding-bottom:65px; } .ptb70 { padding-top:70px; padding-bottom:70px; } .ptb75 { padding-top:75px; padding-bottom:75px; } .ptb80 { padding-top:80px; padding-bottom:80px; } .ptb85 { padding-top:85px; padding-bottom:85px; } .ptb90 { padding-top:90px; padding-bottom:90px; } .ptb95 { padding-top:95px; padding-bottom:95px; } .ptb100 { padding-top:100px; padding-bottom:100px; }

.mtN20 { margin-top: -20px; }
.mtN40 { margin-top: -40px; }

.resetMargin, p, h1, h2, h3, h4, h5, h6, span { margin-top:0; margin-bottom:0; margin-left:0; margin-right:0; }

.mAuto { margin: auto; }
.mLRAuto { margin-left: auto; margin-right: auto; }

/* Fonte */
.e6 { font-size:0.375em; }
.e8 { font-size:0.500em; }
.e10 { font-size:0.625em; }
.e12 { font-size:0.750em; }
.e14 { font-size:0.875em; }
.e16 { font-size:1.000em; }
.e18 { font-size:1.125em; }
.e20 { font-size:1.250em; }
.e22 { font-size:1.375em; }
.e24 { font-size:1.500em; }
.e26 { font-size:1.625em; }
.e28 { font-size:1.175em; }
.e30 { font-size:1.875em; }
.e32 { font-size:2.000em; }
.e36 { font-size:2.250em; }
.e40 { font-size:2.500em; }
.e50 { font-size:3.125em; }
.e60 { font-size:3.750em; }
.e70 { font-size:4.375em; }
.e80 { font-size:5.000em; }
.e90 { font-size:5.625em; }

.fb { font-weight:bold; }
.fn { font-weight:normal; }
.fFina { font-weight: lighter; }
.fFina2 { font-weight: 300; }
.fBlack { font-weight: 900; }
.f600 { font-weight: 600; }

.fi { font-style:italic; }

.fMax { text-transform:uppercase; }
.fMin { text-transform:lowercase; }

.tdn {text-decoration: none; }
.tdu { text-decoration: underline;}

.fBranco { color:#fff; }
.fPreto { color:#000; }
.fVermelho { color: #a94442; }
.fCinza { color: #343434; }
.fTema { color:var(--fTema); }
.fTema2 { color:var(--fTema2); }
.fTema3 { color:var(--fTema3); }
.fTema4 { color:var(--fTema4); }

.w25 { width: 25%; }
.w30 { width: 30%; }
.w35 { width: 35%; }
.w40 { width: 40%; }
.w50 { width: 50%; }
.w58 { width: 58%; }
.w60 { width: 60%; }
.w70 { width: 70%; }
.w75 { width: 75%; }
.w80 { width: 80%; }
.w90 { width: 90%; }
.w95 { width: 95%; }
.full { width:100%; }
.wAuto { width: auto; }
.wFit { width: fit-content; width: -moz-fit-content; width: -webkit-fit-content; }

/* Alinhamento */
.txtCenter { text-align: center; }
.txtLeft { text-align: left; }
.txtRight { text-align: right; }

.jcSpaceBetween { justify-content: space-between; }
.jcCenter { justify-content: center; }
.jcEnd { justify-content: end; }
.jcFlexEnd { justify-content: flex-end; }
.jcSpaceEvenly { justify-content: space-evenly; }

.alignItemsCenter { align-items: center; }
.alignItemsBaseline { align-items: baseline; }
.alignItemsFlexStart { align-items: flex-start; }
.alignItemsFlexEnd { align-items: flex-end; }
.alignItemsEnd { align-items: end; }

.flexWrap { flex-wrap: wrap; }

/* Bordas */
.bdR10 { border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px; -ms-border-radius:10px; -o-border-radius:10px; }
.bdR20 { border-radius:20px; -webkit-border-radius:20px; -moz-border-radius:20px; -ms-border-radius:20px; -o-border-radius:20px; }
.bdR30 { border-radius:30px; -webkit-border-radius:30px; -moz-border-radius:30px; -ms-border-radius:30px; -o-border-radius:30px; }
.bdR40 { border-radius:40px; -webkit-border-radius:40px; -moz-border-radius:40px; -ms-border-radius:40px; -o-border-radius:40px; }

/* Backgrounds */
.bgBranco { background:#fff; }
.bgPreto { background: #000; }
.bgWhats { background:#00a64e; }
.bgTema { background:var(--fTema); }
.bgTema2 { background:var(--fTema2); }
.bgTema3 { background:var(--fTema3); }
.bgTema4 { background:var(--fTema4); }

/* Centralizar */
.divCenter { margin:0 auto; flex: auto; margin: 0 auto; flex-basics: auto; display: flex; justify-content: center; }
.divCentro { float: none; margin: 0 auto; }
.centerCol { display:inline-flex; float:none; text-align:left; margin-right:-4px; }
.centerRow { text-align:center; }

/* Menu */
.menuFlex { z-index: 99; }
.menuFlex ul { padding: 0px 0px; list-style: none; margin: 0; display: flex; align-items: center; justify-content: center; }
.menuFlex li { margin: 0 -1px; flex-basis: auto; text-align: center; position: relative; }
.menuFlex li a { text-decoration: none; text-transform: uppercase; font-size: 1em; display: block; color: var(--fTema); font-weight: 600; padding: 0px 15px; }
.menuFlex li a:hover, .menuFlex li a.atual { color: var(--fTema2); }
.menuFlex li.divisorMenu { font-weight: 700; }
.menuFlex .subMenus { left: 50%; transform: translateX(-50%); font-size: 13px; display: none; position: absolute; margin-top: 0; min-width: calc(30%); padding: 0; background: #fff; z-index: 99999; width: max-content; width: -moz-max-content; width: -webkit-max-content; box-shadow: 0px 9px 12px 0px #00000094; }
.menuFlex .subMenus li a { display: block; padding: 11px 25px; }
.menuFlex .subMenus li:not(:last-child) { border-bottom: 2px solid #010d231c; }
.menuFlex .subMenus li:hover { background: var(--fTema); }
.menuFlex .subMenus li:hover a { color: #fff!important; }
.menuFlex li:hover .subMenus { display: block; }

#menuAtivar { z-index: 100; background: var(--fTema); width: fit-content; width: -moz-fit-content; width: -webkit-fit-content;  -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; -ms-transition: all 0.5s; transition: all 0.5s; padding: 15px 40px; }
#menuAtivar .fas { cursor: pointer; font-size:1em; }

/* Fim Menu */

/* Formulário */
#formContato { padding: 20px; }
.form-group { position: relative; min-height: 60px; margin-bottom: 0px; }
.form-group label {
  color: var(--fTema);
  font-size: 16px;
  font-weight: 500;
  font-family: 'Montserrat', sans-serif;
  transition: 0.2s ease;
}
.form-group input, .form-group textarea, .form-group select {
  border: 1px solid var(--fTema);
  display: block;
  width: 100%;
  padding: 2px 12px;
  font-size: 16px;
  line-height: 1.42857143;
  color: var(--fTema);
  font-weight: 500;
  background-color: unset;
  -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
  -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}

#formContato option { font-size: 16px; }

#formContato button { border-radius: 0px;
    border: none;
    width: 100%;
    font-size: 1em;
    font-family: 'Montserrat', sans-serif;
    font-weight: 700;
    text-transform: uppercase;
    background: var(--fTema); padding: 10px; color: #fff; transition: all 0.3s linear; }

#formContato button:hover { background: #10406c; color: #fff; }

input { border-width:0;}

textarea { min-width: 100%; max-width: 100%; min-height: 60px; border: none; resize: none; }

#formContato .form-control-feedback {
        top: 26px;
        right: -5px;
    }

#formContato .help-block { position: absolute; bottom: -26px; }

/* Fim Formulário */

/* Links */

a.linkSunset:hover { color: var(--fTema2); }

a img { background:none; border-width: 0; text-decoration:none; }
a:focus { outline: none; outline: none; outline-offset: 0px; }
a:focus, a:hover { color: inherit; text-decoration: none; }
a.lRodape:link, a.lRodape:visited { color:inherit; text-decoration:none; }
a.lRodape:hover { color: var(--fTema) }

/* WhatsRodape */
.whatsAppRodape {
    position: fixed;
    bottom: 0px;
    width: 100%;
    background: #089c4c;
    color: #fff;
    z-index: 999999;
}
.whatsAppRodape a { display: block; padding: 12px 15px 10px; }
.whatsAppRodape .e18 { display: flex; align-items: center; justify-content: center; }
.whatsAppRodape svg { fill: #fff; width: 18px; margin-left: 10px; }

/* Classes Especificas Site */

/* Geral */
.lh1 { line-height: 1; }
.botaoGeral { display: flex; justify-content: center; font-family: 'Roboto Condensed', sans-serif; align-items: center; width: fit-content; width: -moz-fit-content; width: -webkit-fit-content; padding: 0.5em 1em; border-radius: 30px; font-size: 1em; color: #fff; transition: all 0.3s linear; }
.botaoGeral svg { width: 1.111em; fill: #fff; margin-left: 5px; }
#containerCookie { position: fixed; z-index: 40; bottom: 10%; display: block; width: 70%; }


.social-bar { position: fixed; left: -15px; top: 50%; transform: translateY(-50%); }
.item {
  padding: 10px 10px 10px 25px;
  color: white;
  font-size: 15px;
  text-align: center;
  transition-property: transform, opacity;
  transition-duration: 100ms;
  transition-timing-function: ease-in-out;
}
.item svg { fill: #fff; width: 20px; }
.item:hover { transform: translate(15px); }
.facebook { background-color: #3b5999; }
.twitter { background-color: #55acee; }
.linkedin { background-color: #0077B5; }
.instagram { background-color: #e4405f; }
.youtube { background-color: #bd081c; }
.tiktok { background-color: #232323; }

.botaoLateral { z-index: 99999999999; position: fixed; bottom: 0; right: 0; width: calc(110px + (285 - 110) * ((100vw - 320px) / (1920 - 320))); }


/* Menu */
.logoMenu { display: block; margin: 0 auto; width: 230px; }
.faixaMenu { background: url('../img/layout/bg-menu.jpg') no-repeat center / cover; z-index: 1; position: absolute; top: -70px; left: 50%; transform: translate(-50%, 0%); width: full; }
.faixaMenu>.container { padding: 10px 0px; transition: all 0.3s linear; }
.faixaMenu.fixo { position: fixed; top: 0; }
.faixaMenu.fixo>.container { padding: 10px 0px; }
.containerTextoBanner { position: relative; }
.containerTextoBanner h1 { color: #fff; text-transform: uppercase; font-weight: 700; font-size: 48px; }
.sociaisTopo svg { width: 20px; fill: var(--fTema2); }
.linhaBanner { display: flex; align-items: center; position: absolute; top: 60px; width: 100%; }
.linhaBanner hr { border: none; display: block; height: 4px; background: var(--fTema2); margin: 0; }
.linhaBanner hr.esquerda { width: calc(130px + (400 - 130) * ((100vw - 1200px) / (1920 - 1200))); }
.linhaBanner hr.direita { width: calc(682px + (1132 - 682) * ((100vw - 1200px) / (1920 - 1200))); }
.linhaBanner p { font-size: 13px; margin: 0 10px; color: var(--fTema2); }

/* Sobre */
.bgSobre .tituloSecao { color: var(--fTema2); position: absolute; left: -40%; top: 13%; }
.firstLetter::first-letter { font-size: 200%; font-weight: 300; }
.marginTopNegativo { margin-top: -80px; }

/* Produtos */
.linkCategoria { display: block; border: 1px solid #fff; border-radius: 10px; padding: 10px 20px; margin: 5px; width: fit-content; width: -moz-fit-content; width: -webkit-fit-content; }
.triangulo { position: relative; z-index: 3; }
.embalagem { position: absolute; right: 1%; top: 57%; width: 100%; z-index: 2; }
.textoCusto { font-size: 45px; }
.textoCusto .primeiro { font-size: 1em; font-weight: 600; line-height: 1; margin-bottom: 0.5em; }
.textoCusto .segundo { font-size: 1.5em; font-weight: 900; line-height: 1; margin-bottom: 0.3em; }
.textoCusto .terceiro { font-size: 0.5em; font-weight: 300; line-height: 1; margin-bottom: 2em; }
.containerBotaoWhats { border: 2px solid var(--fTema2); border-radius: 5px; padding: 10px 40px; }
.bgProdutos .tituloSecao { padding: 60px 0px; font-size: calc(70px + (90 - 70) * ((100vw - 1200px) / (1920 - 1200))); }

.slider { width: 100%; text-align: center; overflow: hidden; }
.slides { display: flex; overflow-x: auto; padding-bottom: 20px; scroll-snap-type: x mandatory; scroll-behavior: smooth; -webkit-overflow-scrolling: touch; /* scroll-snap-points-x: repeat(300px); scroll-snap-type: mandatory; */ }
.slides::-webkit-scrollbar { width: 10px; height: 10px; cursor: pointer; }
.slides::-webkit-scrollbar-thumb { background: var(--fTema2); border-radius: 10px; }
.slides::-webkit-scrollbar-track { background: #62626263; }
.slides .produto { scroll-snap-align: start; flex-shrink: 0; width: 20%; height: auto; border: 1px solid var(--fTema3); transform-origin: center center; transform: scale(1); transition: transform 0.5s; position: relative; }
.slides .produto:not(:last-child) { margin-right: 50px; }
.slides .produto:target { /* transform: scale(0.8); */ }

.produto { font-size: calc(10px + (16 - 10) * ((100vw - 1200px) / (1920 - 1200))); }

.produto img { width: 100%; object-fit: cover; object-position: center; height: 100%; }
.produto .mascara { position: absolute; transition: all 0.3s linear; display: block; width: 100%; height: 100%; top: 0; left: 0; background: linear-gradient(180deg, rgba(68,128,166,0) 0%, rgba(8,8,8,1) 100%); opacity: 0; }
.produto .textoProduto { transition: all 0.3s linear; opacity: 0; position: absolute; display: block; width: 95%; left: 50%; transform: translateX(-50%); bottom: 10%; }
.textoProduto small { color: #fff; text-transform: uppercase; font-size: 1.250em; cursor: default; }
.textoProduto .cliente { color: #fff; font-size: 2em; font-weight: 600; margin-bottom: 0.3125em; cursor: default; }
.produto .verMaisProdutos a { display: block; padding: 10px 20px; color: #fff; background: var(--fTema2); margin: 0 auto; width: fit-content; width: -moz-fit-content; width: -webkit-fit-content; }

/* Entrega */
.subTituloMapa { font-size: calc(19px + (30 - 19) * ((100vw - 1200px) / (1920 - 1200))); font-weight: 500; line-height: 1; }
.bgMapa .mapa { position: absolute; bottom: -15%; left: 10%; transform: translate(0%, 0%); z-index: 2; width: 37%; }
.textoMapa { padding: calc(130px + (190 - 130) * ((100vw - 1200px) / (1920 - 1200))) 0px; }
.bgEntrega .seta { position: absolute; left: 0; bottom: 0; transform: translateY(40%); width: 30%; }
.bgEntrega .caminhao { position: absolute; right: 0; bottom: 0; width: 42%; }
.bgEntrega .tituloSecao2 { padding: 60px 0px; }

/* Rodapé */
.logoRodapeMobile { max-width: 300px; }
.menuRodape p.e18 { position: relative; }
.menuRodape p.e18:before { content: ''; background: var(--fTema2); width: 4px; height: 4px; border-radius: 50%; position: absolute; top: 40%; left: -10px; }
.linhaRodape { border-color: var(--fTema2); }
.iconesRodape svg { fill: #fff; width: 20px; margin-right: 10px; }
.sociaisRodape svg { width: 30px; fill: var(--fTema2); }

/* Página Produtos */
.box { font-size: 1.56em; background-color: inherit; border-radius: 0; cursor: pointer; color: var(--fTema); display: inline-block; padding: 10px; position: relative; overflow: hidden; margin-bottom: 10px; left: 50%; transform: translateX(-50%); }
.box::before, .box::after { background-color: var(--fTema2); content: ""; position: absolute; transform: translate3D(0, 100%, 0); transition: transform 200ms linear; transition-delay: 200ms; width: 2px; height: 100%; bottom: 0; }
.box::before { right: 0; left: auto; }
.box::after { left: 0; }
.box__content::after { content: ""; height: 2px; border-bottom: 2px solid var(--fTema2); bottom: 0; position: absolute; right: 30%; left: 30%; transition: left 200ms linear, right 200ms linear; /* double delayed time for transition */ transition-delay: 400ms; }
.box__content-wrap::before, .box__content-wrap::after { border-top: 2px solid var(--fTema2); content: ""; position: absolute; top: 0; transition: transform 200ms linear; width: 50%; }
.box__content-wrap::before { left: 0; transform: translate3D(-101%, 0, 0); }
.box__content-wrap::after { right: 0; transform: translate3D(101%, 0, 0); }
.containerProduto:hover div .box::before, .containerProduto:hover div .box::after { transform: translate3D(0, 0, 0); transition: transform 200ms linear; transition-delay: 200ms; }
.containerProduto:hover div .box .box__content::after { right: 1%; left: 1%; transition: left 200ms linear, right 200ms linear; }
.containerProduto:hover div .box .box__content-wrap::before, .containerProduto:hover div .box .box__content-wrap::after { transform: translate3D(0, 0, 0); transition: transform 200ms linear; /* double delayed time for transition */ transition-delay: 400ms; }
.containerProduto { border: 2px solid #cc21288c; }
.containerProduto a { display: block; height: 100%; }
.containerProduto img { opacity: 0.3; height: 100%; object-fit: cover; object-position: center; }
.containerProduto div { position: absolute; left: 50%; bottom: 5%; transform: translate(-50%, 0%); }


/* Página Contato */
.iconesContato svg { width: 20px; fill: var(--fTema); }

/* Hovers */
.botaoGeral:hover, .botaoGeral:visited { color: #fff; }

.produto:hover .textoProduto, .produto:hover .mascara { opacity: 1; }


/* Títulos */
.tituloSecao { text-transform: uppercase; font-weight: 800; font-size: 90px; line-height: 1; }
.tituloSecao2 { text-transform: uppercase; font-weight: 800; font-size: calc(40px + (70 - 40) * ((100vw - 1200px) / (1920 - 1200))); line-height: 1; }

.tituloPagina { font-weight: 800; color: var(--fTema2); font-size: calc(30px + (60 - 30) * ((100vw - 320px) / (1920 - 320))); line-height: 1; text-align: center; }

/* Links */
a.lNeutro:hover, a.lNeutro:visited, a.lNeutro:link { color: inherit; }

/* Menu Mobile */

.overflow { overflow: hidden; height: 100%; }
.button_container { position: absolute; right: 5%; top: calc(-40px + (-10 - -40) * ((100vw - 320px) / (767 - 320))); transform: translate(0%, -50%); height: 27px; width: 35px; cursor: pointer; z-index: 100; transition: opacity 0.25s ease; margin-left: auto; }
.button_container:hover span { background: var(--fTema); }
.button_container.active .top { transform: translateY(11px) translateX(0) rotate(45deg); background: #FFF; }
.button_container.active .middle { opacity: 0; background: #FFF; }
.button_container.active .bottom { transform: translateY(-11px) translateX(0) rotate(-45deg); background: #FFF; }
.button_container span { background: var(--fTema); border: none; height: 5px; width: 100%; position: absolute; top: 0; left: 0; transition: all 0.35s ease; cursor: pointer; }
.button_container span:nth-of-type(2) { top: 11px; }
.button_container span:nth-of-type(3) { top: 22px; }
.overlay { position: fixed; background: var(--fTema); top: 0; left: 0; width: 100%; height: 0%; opacity: 0; visibility: hidden; transition: opacity 0.35s, visibility 0.35s, height 0.35s; overflow: hidden; z-index: 99; }
.overlay.open { opacity: 0.9; visibility: visible; height: 100%; }
.overlay.open li { -webkit-animation: fadeInRight 0.5s ease forwards; animation: fadeInRight 0.5s ease forwards; -webkit-animation-delay: 0.35s; animation-delay: 0.35s; }
.overlay.open li:nth-of-type(2) { -webkit-animation-delay: 0.4s; animation-delay: 0.4s; }
.overlay.open li:nth-of-type(3) { -webkit-animation-delay: 0.45s; animation-delay: 0.45s; }
.overlay.open li:nth-of-type(4) { -webkit-animation-delay: 0.5s; animation-delay: 0.5s; }
.overlay.open li:nth-of-type(5) { -webkit-animation-delay: 0.55s; animation-delay: 0.55s; }
.overlay.open li:nth-of-type(6) { -webkit-animation-delay: 0.6s; animation-delay: 0.6s; }
.overlay.open li:nth-of-type(7) { -webkit-animation-delay: 0.65s; animation-delay: 0.65s; }
.overlay.open li:nth-of-type(8) { -webkit-animation-delay: 0.7s; animation-delay: 0.7s; }
.overlay.open li:nth-of-type(9) { -webkit-animation-delay: 0.75s; animation-delay: 0.75s; }
.overlay nav { position: relative; height: 60%; top: 46%; transform: translateY(-57%); font-size: 26px; font-weight: 400; text-align: center; }
.overlay ul { list-style: none; padding: 0; margin: 0 auto; display: inline-block; position: relative; height: 100%; }
.overlay ul li { padding-bottom: 15px; position: relative; opacity: 0; }
.overlay ul li a { display: block; position: relative; color: #FFF; text-decoration: none; overflow: hidden; }
.overlay ul li a.linkMenuMobile:hover:after, .overlay ul li a.linkMenuMobile:focus:after, .overlay ul li a.linkMenuMobile:active:after, .overlay ul li.atual a.linkMenuMobile:after { width: 100%; }
.overlay ul li a:after { content: ""; position: absolute; bottom: 0; left: 50%; width: 0%; transform: translateX(-50%); height: 3px; background: #FFF; transition: 0.35s; }
@-webkit-keyframes fadeInRight {
  0% {
    opacity: 0;
    left: 20%;
  }
  100% {
    opacity: 1;
    left: 0;
  }
}
@keyframes fadeInRight {
  0% {
    opacity: 0;
    left: 20%;
  }
  100% {
    opacity: 1;
    left: 0;
  }
}


@-webkit-keyframes hoverServico {
  0% {
    border-top-left-radius: 150px;
  }
  50% {
    border-top-left-radius: 0px;
  }
  100% {
    border-top-left-radius: 150px;
  }
}
@keyframes hoverServico {
  0% {
    border-top-left-radius: 150px;
  }
  50% {
    border-top-left-radius: 0px;
  }
  100% {
    border-top-left-radius: 150px;
  }
}

/* Fim Classes especificas */

/* MEDIA QUERIES --------------------*/
@media all and (max-width: 630px) {
    .containerBotaoWhats { justify-content: center; font-size: calc(10px + (17 - 10) * ((100vw - 320px) / (767 - 320))); }
}
@media all and (max-width: 767px) {
    .menuFlex { display: none; transition: all 0.2s linear 0s; position: absolute; left: 50%; transform: translateX(-50%); width: 90%; }
    .menuFlex .ptb30 { padding: 20px 0px; }
    .menuFlex ul { flex-wrap: wrap; background: var(--fTema2); padding-left: 10px; padding-right: 10px; font-size: 14px; } 
    .menuFlex li { flex-basis: 100%; padding: 0; }
    .menuFlex { border: none; z-index: 999; }
    .menuFlex ul li:not(:last-child):after { display: none; }
    .menuFlex li.atual .linhaMenu { width: 25%; }

    .dbXs { display: block; }
    .dbSmXs { display: block; }
    .fullXs { width: 100%; }
    .fullSmXs { width: 100%; }
    .w80Xs { width: 80%; }
    .m0Xs { margin: 0; }
    .mb0Xs { margin-bottom: 0px; }
    .mb20Xs { margin-bottom: 20px; }
    .pl0Xs { padding-left: 0px; }
    .pl10Xs { padding-left: 10px; }
    .ptb20Xs { padding-top: 20px; padding-bottom: 20px; }
    .mb30SmXs { margin-bottom: 30px; }
    .ptb20SmXs { padding-top: 20px; padding-bottom: 20px; }
    .floatNoneXs { float: none; }
    .divCentroXs { float: none; margin: 0 auto; }
    .txtCenterXs { text-align: center; }
    .txtCenterSmXs { text-align: center; }
    .jcCenterXs { justify-content: center; }
    .center-blockXs { float: none; margin-left: auto; margin-right: auto; }

    .bannerInterna .faixaMenu { top: 0; }
    .bannerInterna .button_container { top: calc(30px + (56 - 30) * ((100vw - 320px) / (767 - 320))); }

    .containerTextoBanner h1 { font-size: calc(20px + (48 - 20) * ((100vw - 320px) / (767 - 320))); }

    .marginTopNegativo { margin-top: 30px; }

    .bgSobre .tituloSecao { left: -63%; top: 2%; }
    .bgSobre .tituloSecao { font-size: calc(30px + (90 - 30) * ((100vw - 320px) / (767 - 320))); }
    .textoSobre p.e20 { font-size: 13px; }
    .selo { width: 40%; min-width: 100px; }

    .bgEntrega .tituloSecao2 { padding: 2em 0px; }
    .tituloSecao2 { font-size: calc(20px + (35 - 20) * ((100vw - 320px) / (767 - 320))); }

    .subTituloMapa { font-size: calc(8px + (14 - 8) * ((100vw - 320px) / (767 - 320))); }

    .triangulo { width: 50%; }
    .marginBottomMobile { margin-bottom: calc(120px + (300 - 120) * ((100vw - 320px) / (767 - 320))); }

    .slides .produto { width: calc(200px + (300 - 200) * ((100vw - 320px) / (767 - 320))); font-size: calc(10px + (16 - 10) * ((100vw - 320px) / (767 - 320))); }
    .slides .produto:not(:last-child) { margin-right: 10px; }

    .containerProduto { font-size: calc(7px + (16 - 7) * ((100vw - 320px) / (767 - 320))); height: calc(121.5px + (345 - 121.5) * ((100vw - 320px) / (767 - 320))); }

    .textoCusto { font-size: calc(22px + (50 - 22) * ((100vw - 320px) / (767 - 320))); }
}
@media (min-width: 768px) and (max-width: 991px) {
    .menu { display: block;}
    .menuFlex { display: block !important; }
    .menuFlex li a { font-size: 0.8em; }

    .dbSm { display: block; }
    .dbSmXs { display: block; }
    .mb30SmXs { margin-bottom: 30px; }
    .mb30Sm { margin-bottom: 30px; }
    .ptb20SmXs { padding-top: 20px; padding-bottom: 20px; }
    .fullSmXs { width: 100%; }
    .txtCenterSmXs { text-align: center; }

    .faixaMenu { width: 100%; }
    .bgSobre .tituloSecao { left: -64%; top: 4%; }
    .embalagem { top: 66%; }
    .textoCusto { font-size: 34px; }
    .containerBotaoWhats { font-size: 11px; }

    .slides .produto { width: 35%; font-size: 12px; }
    .slides .produto:not(:last-child) { margin-right: 20px; }

    .containerProduto { font-size: 12px; height: 220px; }
}
@media (min-width: 992px) and (max-width: 1199px) {
    .menuFlexifivel{ width: 100%;}
    .menu { display: block;}
    .menuFlex { display: block !important; }
    .menuFlex li a { font-size: 0.8em; }

    .faixaMenu { width: 100%; }
    .bgSobre .tituloSecao { left: -48%; }

    .slides .produto { width: 25%; font-size: 11px; }

    .containerProduto { height: 293.33px; }
}
@media (min-width: 1200px){
    .menuFlex { display: block !important; }

    .faixaMenu { width: 1100px; }
    .embalagem { position: absolute; right: 1%; top: calc(70.67px + (31.90 - 70.76) * ((100vw - 1200px) / (1920 - 1200))); width: calc(555px + (721.5 - 555) * ((100vw - 1200px) / (1920 - 1200))); z-index: 2; }

    .containerProduto { height: 360px; }

}

/* MEDIA QUERIES Especiais --------------------*/
@media all and (max-width: 580px) {
    .sociaisMenu { display: none; }
}