.header-default nav a { text-transform: uppercase; font-weight: 800 }

.hero-soul-lp { background: url(../img/pattern-hero.svg) }
.hero-soul-lp.header-hero-default:before { background: linear-gradient(180deg, rgba(0, 0, 0, 0.3) 33%, rgba(0, 0, 0, 0.0) 100%) }
.hero-soul-lp.header-hero-default .bar-text { position: absolute; z-index: 1; padding: 0 0 20px 0; }
.hero-soul-lp .bar-text .subtitulo { padding-top: 2px }
.hero-soul-lp.header-hero-default .bar-thumb-cta:before { content: ""; position: absolute; top: 20px; background: url(../img/logo_soul.svg) no-repeat center; background-size: cover; width: 280px; height: 70px; display: block; }
.hero-soul-lp.header-hero-default .bar-thumb-cta .bar-thumb { position: relative; }
.hero-soul-lp.header-hero-default .bar-thumb-cta .bar-thumb:before { content: ""; position: absolute; top: 165px; right: -50px; background: url(../img/tag-lancamento.svg) no-repeat center; background-size: cover; width: 150px; height: 76px; display: block; }
.hero .text .tit { text-align: center; text-transform: uppercase; font-weight: 800 }

.footer-default { background: #003240 }
.footer-default .content { border-top: 0px; flex-direction: column; padding: 0px; text-align: center; }
.footer-default .hero .subtit { color: #fff }
.footer-default .content .bar-infos-footer .bar-endereco,
.footer-default .content .bar-infos-footer .bar-ver-mapa,
.footer-default .content .bar-infos-footer .bar-avalie
 { display: none }
.footer-default .content .bar-footer { width: unset; }
.footer-default .content .bar-footer .bar-logo { display: flex; justify-content: center; }
.footer-default .content .bar-footer .content-bar { padding: 40px 0 }
.footer-default .bts-redes-sociais .icon g { fill: #fff }
.hotpixel { background: #fff }

.gtranslate_wrapper #gt_float_wrapper { top: 60px !important }
.gtranslate_wrapper .gt_float_switcher { font-size: 16px }
.gtranslate_wrapper .gt_float_switcher .gt-selected .gt-current-lang { padding: 5px 7px }

@media ( max-width: 768px ) {

.hero-soul-lp { background-size: 220%; }
.hero-soul-lp.header-hero-default:before { background: linear-gradient(180deg, rgba(0, 0, 0, 0.3) 33%, rgba(0, 0, 0, 0.0) 100%) }
.hero-soul-lp.header-hero-default .bar-text { top: 10px }
.hero-soul-lp.header-hero-default .bar-thumb-cta .bar-thumb:before { content: ""; position: absolute; top: 166px; right: 0px; width: 121px; height: 35px; }
.hero-soul-lp.header-hero-default .bar-thumb-cta:before { content: "" ; top: 180px; background-size: 80% }

.footer-default .content { padding: 0 26px; box-sizing: border-box; }

.gtranslate_wrapper #gt_float_wrapper { top: 4px !important; right: 4px !important }

}


/* Elementos . . . . . . . . . . . . . . . . . */

.element-carrossel-produtos-L { position: relative; padding-bottom: 64px }
.element-carrossel-produtos-L:before { content: "";  background: url(../img/patters-tit-produtos.svg) no-repeat center; background-size: cover; width: 149px; height: 149px; display: block; margin-left: 40% }
.element-carrossel-produtos-L .hero { padding: 16px 0 0 0 }

.element-carrossel-produtos-light .swiper-cards-produtos-L { position: relative; overflow: hidden; width: 100% }
.element-carrossel-produtos-light .item { flex: 0 0 auto; scroll-snap-align: center; min-width: 200px; max-width: 200px; transition: .2s ease }
.element-carrossel-produtos-light .item .card-produto-min-L { margin: 0 20px; display: flex; flex-direction: column; align-items: center; padding: 20px; }
.element-carrossel-produtos-light .item .card-produto-min-L .bar-text { text-align: center; text-transform: uppercase; padding-top: 15px; color: #000 }
.element-carrossel-produtos-light .item .card-produto-min-L .bar-image { position: relative; display: flex; justify-content: center; }
.element-carrossel-produtos-light .item .card-produto-min-L .bar-image .bt { width: 60px; height: 60px; display: flex; justify-content: center; align-items: center; background:#ffffff80; position: absolute; bottom: 0px; opacity: 0; transition: .2s }
.element-carrossel-produtos-light .item .card-produto-min-L .bar-image .bt:before { content: ""; background: url(../img/more.svg) no-repeat center; width: 40px; height: 40px; }
.element-carrossel-produtos-light .item .card-produto-min-L .bar-image .thumb { max-width: 140px; height: auto; transition: .2s }
.element-carrossel-produtos-light .item a { pointer-events: none; }
.element-carrossel-produtos-light .item.item-slide-ativo  { transform: scale(1.1); transition: .2s ease }
.element-carrossel-produtos-light .item.item-slide-ativo a { pointer-events: visible; }
.element-carrossel-produtos-light .item.item-slide-ativo .card-produto-min-L .bar-image .bt { bottom: 20px; opacity: 1; transition: .2s }
.element-carrossel-produtos-light .item.item-slide-ativo .card-produto-min-L .bar-image .bt:hover { background: #fff; transition: .2s }

.copy-3colMicroTextos.conceito-soul { position: relative; padding: 0 0 50px 0 }
.copy-3colMicroTextos.conceito-soul:before { content: "";  background: url(../img/pattern-tit-conceito.svg) no-repeat center; background-size: cover; background-position-y: -1px; width: 149.19px; height: 224.6px; display: block; margin-left: 40% }
.copy-3colMicroTextos.conceito-soul .card-mt-mini .bar-text .tit { color: #B63739 }
.copy-3colMicroTextos.conceito-soul .card-mt-mini .bar-text .text { color: #003240 }

.element-soul-conceito-big-thumb { display: flex; justify-content: center; background: #F8BF23 }
.element-soul-conceito-big-thumb .bar-thumb { position: relative; display: flex; justify-content: center; }
.element-soul-conceito-big-thumb .bar-thumb:before { content: ""; display: block; background: url(../img/pattern-thumb-conceito.svg) no-repeat center; background-size: cover; width: 895px; height: 671px; position: absolute; bottom: 0 }
.element-soul-conceito-big-thumb .bar-thumb .thumb { display: block; width: 100%; max-width: fit-content; }

.element-tres-produtos { padding-bottom: 80px }
.element-tres-produtos .wrapper-pattern { display: flex; justify-content: center; }
.element-tres-produtos .wrapper-pattern .pattern { background: url(../img/pattern-tit-tresprodutos.svg) no-repeat center; background-size: cover; display: block; width: 895px; height: 75px }
.element-tres-produtos .hero { padding: 50px 0 }
.element-tres-produtos .hero .tit,
.element-tres-produtos .hero .subtit { color: #003240 }
.element-tres-produtos .card-produto-texts .tit-hint { color: #fff }

.element-tres-produtos {
  background: linear-gradient(300deg,#61c597,#54b388,#695295);
  background-size: 180% 180%;
  animation: gradient-animation 18s ease infinite;
}

@keyframes gradient-animation {
  0% {
    background-position: 0% 50%;
  }
  50% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0% 50%;
  }
}

.card-produto-texts .tit { font-size: 30px; line-height: 100%; text-transform: uppercase; font-weight: 800 }
.card-produto-texts .tit span { display: block; }
.card-produto-texts .subtit { padding-top: 8px }
.card-produto-texts .tit-hint { text-transform: uppercase; }
.card-produto-texts .bar-hints { padding-top: 30px }
.card-produto-texts .content-hints { display: inline-flex; padding-top: 16px }
.card-produto-texts .content-hints .hint { max-width: 80px; display: flex; flex-direction: column; align-items: center; padding-right: 20px; box-sizing: border-box; }
.card-produto-texts .content-hints .hint .bar-thumb-hint { display: flex; align-items: center; justify-content: center; height: 50px }
.card-produto-texts .content-hints .hint .bar-text { text-align: center; }

.grade-tres-col { display: grid; grid-template-columns: repeat(3, minmax(0, 380px)); gap: 2rem; justify-content: center; }
.grade-tres-col .card-col { width: 100%; margin: 0 auto; }
.grade-tres-col .card-col .bar-thumb { padding-bottom: 20px }
.grade-tres-col .card-col .bar-thumb .thumb { width: 100%; max-width: fit-content; }

/*.element-produtos-big { background: #695295 }*/

.element-produtos-big {
  background: linear-gradient(31deg,#f8bf23,#695295,#473369,#473369);
  background-size: 240% 240%;
  animation: gradient-animation 36s ease infinite;
}

@keyframes gradient-animation {
  0% {
    background-position: 0% 50%;
  }
  50% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0% 50%;
  }
}

.element-produtos-big .hero,
.element-produtos-big .hero .tit { color: #fff }
.element-produtos-big .hero .paragrafo { max-width: 65% }

.element-produtos-big-branco { background: #fff }
.element-produtos-big-branco .hero .tit { color: #000 }

.big-card-produto { max-width: 1000px; margin: 0 auto; padding: 56px 0 }
.big-card-produto .bar-head { display: flex; align-items: center; justify-content: center; color: #fff; max-width: 400px; margin: 0 auto; padding-bottom: 60px }
.big-card-produto .bar-head .bar-thumb { padding-right: 25px }
.big-card-produto .tipo-hero { display: flex; justify-content: center; position: relative; }
.big-card-produto .tipo-hero .content { text-align: center; position: absolute; top: 7px; display: flex; align-items: center; justify-content: center; }
.big-card-produto .tipo-hero .content .text { font-size: 20px; line-height: 90%; text-transform: uppercase; font-weight: 800; position: static; z-index: 1 }
.big-card-produto .tipo-hero .content .text span { display:block; }
.big-card-produto .tipo-hero .content .losango { width: 180px; height: 180px; clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%); -webkit-clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%); position: absolute; }
.big-card-produto .tipo-hero.ondulados .content .losango { background-color: #423469; }
.big-card-produto .tipo-hero.ondulados .content .text { color: #E09944}
.big-card-produto .tipo-hero.cachos .content .losango { background-color: #B42E46; }
.big-card-produto .tipo-hero.cachos .content .text { color: #E09944}
.big-card-produto .tipo-hero.crespos .content .losango { background-color: #008045; }
.big-card-produto .tipo-hero.crespos .content .text { color: #E09944}
.big-card-produto .content-card { display: flex; padding: 25px 0 }
.big-card-produto .content-card .side { width: 50% }
.big-card-produto .bar-thumb .thumb { width: 100%; max-width: fit-content; display: block; }
.big-card-produto .pattern { background: url(../img/path-big-card.svg) no-repeat left; background-size: cover; width: 100%; height: 142px; display: block; }
.big-card-produto .card-produto-texts { padding: 25px; box-sizing: border-box; color: #fff }
.big-card-produto .card-produto-texts .tit-hint { color: #EC585A }
.big-card-produto .card-produto-texts .content-hints { color: #E09944 }

.element-produtos-big-branco .big-card-produto .card-produto-texts { color: #000 }
.element-produtos-big-branco .card-produto-texts .tit { color: #EC585A }
.element-produtos-big-branco .card-produto-texts .subtit { color: #298E60 }
.element-produtos-big-branco .big-card-produto .card-produto-texts .tit-hint,
.element-produtos-big-branco .big-card-produto .card-produto-texts .content-hints
{ color: #003240 }

.element-venda-soul { background: #003240 }
.element-venda-soul .hero .tit { color: #F8BF23 }
.element-venda-soul .card-mt-mini .bar-text .tit,
.element-venda-soul .card-mt-mini .bar-text .text
 { color: #fff }

.element-venda-soul-custom .content-wrapper { display: flex; align-items: center; justify-content: center; }
.element-venda-soul-custom .bar-losango { position: relative; height: 250px; max-width: 248px; display: flex; align-items: center; justify-content: center; }
.element-venda-soul-custom .bar-losango .losango { width: 310px; height: 310px; clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%); -webkit-clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%); position: absolute; background-color: #006133 } 
.element-venda-soul-custom .bar-losango .bar-text { position: sticky; z-index: 1; text-align: center; }
.element-venda-soul-custom .bar-losango .bar-text .tit { color: #F8BF23 }
.element-venda-soul-custom .bar-losango .bar-text .tit span { display: block; }

.form-soul { color: #fff }
.form-soul .wrapper-default.wrapper-default-custom.size_min { max-width: 400px !important }
.form-soul .weforms .wpuf-label label,
.form-soul ul.wpuf-form li .wpuf-fields .wpuf-help { color: #fff }
.form-soul .weforms .button { background: none; border: .5px solid #C2C2C2 ; }
.form-soul .bar-content-form .bar-text { text-align: center; }

.form-soul.copy_form .bar-cta .bt .icon { margin-right: 8px }
.form-soul.copy_form .bar-cta .bt-telefone { border: solid 1px #fff; color: #fff }

/* Campos (input, textarea, select) */
.weforms-flat.weforms .wpuf-fields input[type="text"],
.weforms-flat.weforms .wpuf-fields input[type="email"],
.weforms-flat.weforms .wpuf-fields input[type="url"],
.weforms-flat.weforms .wpuf-fields input[type="tel"],
.weforms-flat.weforms .wpuf-fields input[type="number"],
.weforms-flat.weforms .wpuf-fields textarea,
.weforms-flat.weforms .wpuf-fields select {
color: #fff;
border-bottom: .5px solid #C2C2C2;
}

@media ( max-width: 768px ) {

.element-carrossel-produtos-L:before { content: ""; width: 75px ; height: 75px; margin-left: 30% }
.element-carrossel-produtos-light .swiper-wrapper-custom { justify-content: flex-start; }
.element-carrossel-produtos-light .item { width: 90% }

.copy-3colMicroTextos.conceito-soul:before { content: ""; width: 75px; height: 112.91px; margin-left: 30% }

.element-soul-conceito-big-thumb .bar-thumb:before { content: ""; background-size: cover; width: 100%; height: 358px;  }

.element-tres-produtos .wrapper-pattern .pattern { width: 385.67px; height: 32.5px }

.card-produto-texts .tit { font-size: 20px; }
.card-produto-texts .tit span { display: inline-block; padding-left:7px }
.card-produto-texts .bar-hints { padding-top: 15px }

.grade-tres-col { grid-template-columns: minmax(0, 380px); }
.grade-tres-col .card-col .bar-thumb { padding-bottom: 10px }

.big-card-produto .content-card { flex-direction: column; }
.big-card-produto .content-card .side { width: 100% }
.big-card-produto .pattern { height: 71px }
.big-card-produto .tipo-hero .content { top: 10px; left: 50px }
.big-card-produto .tipo-hero .content .losango { width: 140px; height: 140px; }
.big-card-produto .tipo-hero .content .text { font-size: 16px; }

.element-venda-soul-custom .bar-losango .losango { width: 230px; height: 230px; }

}

@media ( max-width: 468px ) {
.grade-tres-col .card-col { width: 100%; max-width:320px }

.big-card-produto .bar-head { max-width: 250px }
.big-card-produto .content-card { max-width: 320px; margin: 0 auto; }
.big-card-produto .card-produto-texts { padding: 15px 0 }
}
