@charset "UTF-8";
/*
	HTML5 Reset :: style.css
	----------------------------------------------------------
	We have learned much from/been inspired by/taken code where offered from:

	Eric Meyer					:: http://meyerweb.com
	HTML5 Doctor				:: http://html5doctor.com
	and the HTML5 Boilerplate	:: http://html5boilerplate.com

-------------------------------------------------------------------------------*/
/* Let's default this puppy out
-------------------------------------------------------------------------------*/
html, body, body div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, figure, footer, header, menu, nav, section, time, mark, audio, video, details, summary {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font-weight: normal;
  vertical-align: baseline;
  background: transparent;
  outline: none;
}

article, aside, figure, footer, header, nav, section, details, summary, img {
  display: block;
}

/* Handle box-sizing while better addressing child elements:
   http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
html {
  box-sizing: border-box;
}

*,
*:before,
*:after {
  box-sizing: inherit;
}

/* consider resetting the default cursor: https://gist.github.com/murtaugh/5247154 */
/* Responsive images and other embedded objects */
/* if you don't have full control over `img` tags (if you have to overcome attributes), consider adding height: auto */
img,
object,
embed {
  max-width: 100%;
}

/*
   Note: keeping IMG here will cause problems if you're using foreground images as sprites.
	In fact, it *will* cause problems with Google Maps' controls at small size.
	If this is the case for you, try uncommenting the following:

#map img {
		max-width: none;
}
*/
/* force a vertical scrollbar to prevent a jumpy page */
html {
  overflow-y: scroll;
}

/* we use a lot of ULs that aren't bulleted.
	you'll have to restore the bullets within content,
	which is fine because they're probably customized anyway */
ul {
  list-style: none;
}

blockquote, q {
  quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
  content: "";
  content: none;
}

a {
  margin: 0;
  padding: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
  text-decoration: none;
  cursor: pointer;
}

a:hover {
  text-decoration: none;
}

del {
  text-decoration: line-through;
}

abbr[title], dfn[title] {
  border-bottom: 1px dotted #000;
  cursor: help;
}

/* tables still need cellspacing="0" in the markup */
table {
  border-collapse: separate;
  border-spacing: 0;
}

th {
  font-weight: bold;
  vertical-align: bottom;
}

td {
  font-weight: normal;
  vertical-align: top;
}

hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #ccc;
  margin: 1em 0;
  padding: 0;
}

input, select {
  vertical-align: middle;
}

pre {
  white-space: pre; /* CSS2 */
  white-space: pre-wrap; /* CSS 2.1 */
  white-space: pre-line; /* CSS 3 (and 2.1 as well, actually) */
  word-wrap: break-word; /* IE */
}

input[type=radio] {
  vertical-align: text-bottom;
}

input[type=checkbox] {
  vertical-align: bottom;
}

.ie7 input[type=checkbox] {
  vertical-align: baseline;
}

.ie6 input {
  vertical-align: text-bottom;
}

select, input, textarea {
  font-family: "Open Sans", sans-serif;
  font: 99%;
}

table {
  font-size: inherit;
  font: 100%;
}

small {
  font-size: 85%;
}

strong {
  font-weight: bold;
}

td, td img {
  vertical-align: top;
}

/* Make sure sup and sub don't mess with your line-heights http://gist.github.com/413930 */
sub, sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
}

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

/* standardize any monospaced elements */
pre, code, kbd, samp {
  font-family: monospace, sans-serif;
}

/* hand cursor on clickable elements */
.clickable,
label,
input[type=button],
input[type=submit],
input[type=file],
button {
  cursor: pointer;
}

/* Webkit browsers add a 2px margin outside the chrome of form elements */
button, input, select, textarea {
  margin: 0;
}

/* make buttons play nice in IE */
button,
input[type=button] {
  width: auto;
  overflow: visible;
}

input[type=submit]:disabled,
input[type=button]:disabled {
  background: #CCC !important;
  opacity: 0.7 !important;
}

input[type=submit]:disabled:hover,
input[type=button]:disabled:hover {
  opacity: 0.7 !important;
}

*:focus {
  outline: none;
}

input:-webkit-autofill {
  -webkit-box-shadow: 0 0 0px 1000px white inset;
}

/* scale images in IE7 more attractively */
.ie7 img {
  -ms-interpolation-mode: bicubic;
}

/* prevent BG image flicker upon hover
   (commented out as usage is rare, and the filter syntax messes with some pre-processors)
.ie6 html {filter: expression(document.execCommand("BackgroundImageCache", false, true));}
*/
/* let's clear some floats */
.clearfix:after {
  content: " ";
  display: block;
  clear: both;
}

a {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

/*
@media (min-width: $tablet) {}
@media (min-width: $tabletPro) {}
@media (min-width: $desktop-md) {}
@media (min-width: $desktop-lg) {}
@media (min-width: $desktop-big) {}
@media (min-width: $desktop-gg) {}
*/
/*
@include transition($vast);
@include transition($mfast);
@include transition($fast);
@include transition($default);
@include transition($slow);
@include transition($vslow);
*/
/*
@include border-radius();

font-family: "Inter", sans-serif;

https://www.businessbloomer.com/woocommerce-separate-login-registration/
*/
/* TRANSITIONS */
html {
  scroll-behavior: smooth;
}

#ofertas {
  background: #FFF;
  padding-bottom: 30px;
}
@media (min-width: 768px) {
  #ofertas {
    padding-bottom: 4vw;
  }
}
#ofertas .meus-ultimos-prod {
  padding: 0 5%;
}
#ofertas .meus-ultimos-prod .produto-item-customizado {
  float: left;
  margin: 0 0 50px 0;
  padding: 0 0 50px 0;
  border-bottom: 1px solid #b3b3b3;
}
#ofertas .meus-ultimos-prod .produto-item-customizado:nth-child(4) {
  border: none;
}
#ofertas .meus-ultimos-prod .img {
  float: left;
  width: 100%;
  padding: 0 0 0 0;
}
#ofertas .meus-ultimos-prod .img img {
  max-width: none;
  width: 100%;
}
#ofertas .meus-ultimos-prod .txt {
  float: left;
  width: 100%;
  padding: 20px 5% 0 5%;
  text-align: center;
}
#ofertas .meus-ultimos-prod .produto-badge-texto {
  font-weight: 600;
  margin: 0 0 2px 0;
}
#ofertas .meus-ultimos-prod h3 {
  color: #464548;
  font-weight: 600;
  font-size: 22px;
  line-height: 27px;
  margin: 0 0 5px 0;
}
#ofertas .meus-ultimos-prod h3 a {
  color: inherit;
  font-weight: 600;
}
#ofertas .meus-ultimos-prod .produto-descricao-curta {
  font-family: "Inter", sans-serif;
  color: #464548;
}
#ofertas .meus-ultimos-prod .produto-descricao-curta p {
  font-size: 16px;
  line-height: 20px;
  margin: 0 0 10px 0;
}
#ofertas .meus-ultimos-prod .produto-preco {
  margin: 0 0 17px 0;
  width: 100%;
}
#ofertas .meus-ultimos-prod .produto-preco del {
  text-decoration: None;
  opacity: 0.5;
  position: relative;
  zoom: 0.7;
}
#ofertas .meus-ultimos-prod .produto-preco del:before {
  position: absolute;
  left: 0;
  bottom: 55%;
  content: "";
  height: 2px;
  width: 100%;
  background: #464548;
}
#ofertas .meus-ultimos-prod .produto-preco bdi {
  font-weight: 600;
  font-size: 26px;
}
#ofertas .meus-ultimos-prod .produto-preco bdi span {
  font-size: 18px;
}
#ofertas .meus-ultimos-prod .verProd {
  background: #ecff0f;
  color: #572feb;
  font-weight: 600;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  -ms-border-radius: 6px;
  border-radius: 6px;
  display: inline-block;
  width: 230px;
  text-align: center;
  padding: 10px 0;
  font-size: 20px;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  /*
  -webkit-backface-visibility: hidden;
  -webkit-transform: translateZ(0) scale(1.0, 1.0);
  */
}
#ofertas .meus-ultimos-prod .verProd:hover {
  transform: scale(1.05);
}
@media (min-width: 768px) {
  #ofertas .meus-ultimos-prod .produto-item-customizado {
    width: 46%;
    margin: 0 2% 2.5vw 2%;
    display: flex;
    flex-wrap: wrap;
    padding: 0 0 2.5vw 0;
  }
  #ofertas .meus-ultimos-prod .produto-item-customizado:nth-child(3) {
    border: none;
  }
  #ofertas .meus-ultimos-prod .produto-item-customizado .img {
    width: 50%;
    padding: 0 5% 0 0;
  }
  #ofertas .meus-ultimos-prod .produto-item-customizado .txt {
    width: 50%;
    position: relative;
    padding: 0 5% 0 0;
    text-align: left;
  }
  #ofertas .meus-ultimos-prod .produto-item-customizado .verProd {
    position: absolute;
    bottom: 0;
    left: 0;
  }
  #ofertas .meus-ultimos-prod .produto-item-customizado .produto-badge-texto {
    font-size: 1vw;
    margin: 0 0 0.4vw;
  }
  #ofertas .meus-ultimos-prod .produto-item-customizado h3 {
    font-size: 1.6vw;
    line-height: 1.8vw;
    margin: 0 0 0.8vw 0;
  }
  #ofertas .meus-ultimos-prod .produto-item-customizado .produto-descricao-curta p {
    font-size: 1.042vw;
    line-height: 1.458vw;
  }
  #ofertas .meus-ultimos-prod .produto-item-customizado .produto-preco del:before {
    bottom: 49%;
  }
  #ofertas .meus-ultimos-prod .produto-item-customizado .produto-preco bdi {
    font-size: 1.563vw;
  }
  #ofertas .meus-ultimos-prod .produto-item-customizado .produto-preco bdi span {
    font-size: 16px;
  }
  #ofertas .meus-ultimos-prod .produto-item-customizado .verProd {
    width: 150px;
    font-size: 17px;
    padding: 0.4vw 0;
  }
}
@media (min-width: 1280px) {
  #ofertas .meus-ultimos-prod .produto-item-customizado .verProd {
    width: 11.875vw;
    padding: 0.4vw 0;
    font-size: 1.2vw;
  }
}
.headerInter {
  display: none;
}

header.hmenu {
  position: fixed;
  top: 0;
  right: 0%;
  z-index: 10;
  background: #FFF;
  border-bottom-right-radius: 40px;
  padding: 10px 10px 10px 20px;
  width: 100%;
  height: 74px;
  box-shadow: 0px 10px 15px -3px rgba(0, 0, 0, 0.1);
}
header.hmenu .logo {
  float: left;
  margin: 6px 0 0 5px;
}
header.hmenu .logo img {
  width: 100px;
}
header.hmenu .actions {
  float: right;
  margin: 10px 0px 0 0;
}
header.hmenu .actions .sobre {
  display: none;
}
header.hmenu .btn {
  color: #FFF;
  font-weight: 600;
  float: left;
  position: relative;
  height: 21px;
  width: 21px;
  margin: 3px 0 0 0;
  font-size: 0.1px;
}
header.hmenu .btn:after {
  content: url("../images/icon-account.svg");
  height: 21px;
  width: 21px;
  display: block;
  top: 0;
  left: 0;
  position: absolute;
}
header.hmenu #site-header-cart {
  float: left;
}
header.hmenu #site-header-cart .cart-contents {
  display: block;
  height: 28px;
  width: 28px;
  padding: 0;
  position: relative;
  margin: 3px 0 0 0;
}
header.hmenu #site-header-cart .cart-contents > span {
  display: none;
}
header.hmenu #site-header-cart .cart-contents img {
  display: None;
}
header.hmenu #site-header-cart .cart-contents .count {
  display: flex;
  flex-wrap: wrap;
  align-content: center;
  justify-content: center;
  width: 21px;
  height: 21px;
  position: absolute;
  top: -13px;
  right: -14px;
  -moz-border-radius: 30px;
  -webkit-border-radius: 30px;
  -ms-border-radius: 30px;
  border-radius: 30px;
  color: #ff3c98;
  border: 2px solid #ff3c98;
  text-align: center;
  line-height: 15px;
  font-size: 14px;
  font-weight: 500;
  opacity: 1 !important;
}
header.hmenu #site-header-cart .cart-contents:after {
  content: url("../images/icon-carrinho.svg");
  float: none;
  display: block;
}
@media (min-width: 1024px) {
  header.hmenu {
    top: 3.9vw;
    right: 4.688vw;
    width: auto;
    -moz-border-radius: 13px;
    -webkit-border-radius: 13px;
    -ms-border-radius: 13px;
    border-radius: 13px;
    box-shadow: 0px 1px 12px 5px rgba(0, 0, 0, 0.1);
    background: rgba(255, 255, 255, 0.95);
    padding: 12px 40px 10px 20px;
  }
  header.hmenu .logo {
    display: none;
  }
  header.hmenu .actions .sobre {
    display: block;
  }
}
@media (min-width: 1280px) {
  header.hmenu .btn {
    color: #511eff;
    width: auto;
    margin: 5px 15px 0 15px;
    height: auto;
    font-size: 16px;
  }
  header.hmenu .btn:after {
    display: none;
  }
  header.hmenu .storefront-primary-navigation {
    margin-left: 20px;
  }
}
.openClose {
  float: right;
  height: 47px;
  width: 52px;
  z-index: 105;
  padding: 6px 0 0 13px;
  margin: -7px 7px 0 -2px;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -ms-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
  /*
  -webkit-backface-visibility: hidden;
  -webkit-transform: translateZ(0) scale(1.0, 1.0);
  */
}
.openClose span {
  background: #511eff;
  display: block;
  width: 28px;
  height: 3px;
  margin: 7px 0;
  transition: 0.4s;
}
.openClose.change .bar1 {
  -webkit-transform: rotate(-45deg) translate(-7px, 6px);
  transform: rotate(-45deg) translate(-7px, 6px);
}
.openClose.change .bar2 {
  transform: translate(30px, 0);
  opacity: 0;
}
.openClose.change .bar3 {
  -webkit-transform: rotate(45deg) translate(-8px, -6px);
  transform: rotate(45deg) translate(-8px, -6px);
}
@media screen and (min-width: 1024px) {
  .openClose {
    display: none;
  }
}

.menuMob {
  position: fixed;
  z-index: 9;
  width: 100%;
  height: 100svh;
  background: #FFF;
  padding: 90px 5% 120px 5%;
  display: flex;
  flex-wrap: wrap;
  align-content: center;
  justify-content: end;
  right: -100%;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  /*
  -webkit-backface-visibility: hidden;
  -webkit-transform: translateZ(0) scale(1.0, 1.0);
  */
}
.menuMob.open {
  right: 0;
}
.menuMob ul {
  list-style-type: none;
}
.menuMob ul li {
  text-align: right;
  margin: 3vh 0;
}
.menuMob ul li a {
  color: #6d6d6d;
  font-weight: 500;
  font-family: "Barlow", sans-serif;
  font-size: 31px;
}
.menuMob ul li a:hover {
  color: #511eff;
}
.menuMob .contact {
  text-align: center;
  width: 100%;
  position: absolute;
  bottom: 5%;
  left: 0;
}
.menuMob .contact a {
  color: #511eff;
  margin: 0 10px;
  font-family: "Barlow", sans-serif;
  font-weight: 500;
  font-size: 19px;
  display: inline-block;
}
.menuMob .contact a.mail {
  margin-top: 10px;
}
.menuMob .contact svg {
  fill: #511eff;
  width: 30px;
}
@media (min-width: 1024px) {
  .menuMob {
    display: none;
  }
}

footer {
  background: #511eff;
  padding: 30px 0;
  float: left;
  width: 100%;
}
footer nav {
  margin: 0 0 30px 0;
}
footer nav ul {
  list-style-type: none;
  margin: 0;
}
footer nav ul li {
  text-align: center;
  margin: 0 0 12px 0;
}
footer nav ul li a {
  font-weight: 500;
  color: #FFF;
  font-size: 24px;
}
footer nav ul li a:hover {
  color: #fff821;
}
footer .contact {
  text-align: center;
}
footer .contact a {
  color: #fff821;
  fill: #fff821;
  font-size: 18px;
}
footer .contact a:hover {
  color: #FFF;
}
footer .contact .mail {
  margin: 20px 0 10px 0;
  display: inline-block;
}
footer .contact svg {
  width: 28px;
  margin: 0 10px;
}
@media (min-width: 1024px) {
  footer {
    padding: 2.865vw 5vw;
  }
  footer nav {
    float: left;
    width: 60%;
    margin: 0;
  }
  footer nav ul li {
    width: 25%;
    float: left;
    text-align: left;
    margin: 0 0 6px 0;
  }
  footer nav ul li a {
    font-size: 16px;
  }
  footer .contact {
    float: right;
    width: 40%;
  }
  footer .contact a {
    font-size: 16px;
  }
  footer .contact br {
    display: none;
  }
}
@media (min-width: 1280px) {
  footer {
    padding: 2.865vw 5vw 2.4vw 5vw;
  }
  footer nav {
    width: 65%;
  }
  footer nav ul li {
    width: auto;
    margin: 0 2vw 0 0;
  }
  footer .contact {
    width: 35%;
    display: flex;
    flex-wrap: wrap;
    justify-content: end;
  }
  footer .contact .mail {
    margin-right: 2vw;
    margin-bottom: 0px;
    margin-top: 0px;
    margin-left: 20px;
  }
}
@media (min-width: 1600px) {
  footer nav {
    width: 70%;
  }
  footer nav ul li a {
    font-size: 17px;
  }
  footer .contact {
    width: 30%;
  }
  footer .contact a {
    font-size: 17px;
  }
}

#orgulhosamente {
  float: left;
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  padding: 30px 0 50px 0;
}
#orgulhosamente img {
  width: 150px;
}
@media (min-width: 1024px) {
  #orgulhosamente {
    padding: 5vw 0 4vw 0;
  }
  #orgulhosamente img {
    width: 10vw;
  }
}

body {
  font-family: "Barlow", sans-serif;
  color: #332285;
}

:root {
  --star-color: #FFF;
  --star-background: #88c200;
}

#topo {
  height: 100svh;
  position: relative;
}
#topo picture img {
  object-fit: cover;
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
  transform: scale(1);
  animation: bgzoom 10s infinite alternate;
}
@keyframes bgzoom {
  from {
    transform: scale(1);
  }
  to {
    transform: scale(1.1);
  }
}
@media (min-width: 1024px) {
  #topo {
    height: 100svh;
  }
}
#topo .logo {
  background: #f4f5f5;
  float: left;
  width: 200px;
  padding: 20px;
  display: none;
}
#topo .chamada {
  background: rgb(211, 228, 12);
  float: left;
  width: 100%;
  margin: 0 0 0 0%;
  border-top-left-radius: 60px;
  position: absolute;
  bottom: 0px;
  padding: 0 0 32px 0;
}
#topo .chamada h2 {
  background: #866edc;
  color: #FFF;
  text-transform: uppercase;
  font-size: 16px;
  font-weight: 600;
  padding: 5px 10px 4px 20px;
  float: left;
  overflow: hidden;
  position: relative;
  height: 40px;
}
#topo .chamada h2 div {
  display: block;
  width: 200%;
  height: 30px;
  top: 8px;
  position: absolute;
  overflow: hidden;
  animation: marquee 8s linear infinite;
}
#topo .chamada h2 div span {
  float: left;
  width: 50%;
}
@keyframes marquee {
  0% {
    left: 0;
  }
  100% {
    left: -100%;
  }
}
#topo .chamada h2.mob {
  display: none;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  margin-bottom: 0px;
  font-size: 20px;
  -webkit-animation-play-state: paused; /* Safari 4.0 - 8.0 */
  animation-play-state: paused;
}
#topo .chamada h2.desk {
  display: none;
}
#topo .chamada h3 {
  color: #332284;
  float: left;
  padding: 0px 0 0 10px;
  font-size: 45px;
  line-height: 50px;
  margin: 0;
  font-family: "Barlow", sans-serif;
  margin: 30px 0 0 30px;
}
#topo .chamada p {
  font-weight: 400;
  font-size: 17px;
  line-height: 21px;
  float: left;
  width: 360px;
  padding: 0 0px 0 15px;
  color: #332285;
  font-family: "Inter", sans-serif;
  margin: 20px 0 0 30px;
}
@media (min-width: 768px) {
  #topo .chamada {
    height: 30svh;
  }
  #topo .chamada p {
    margin: 95px 0 0 40px;
  }
}
@media (min-width: 1024px) {
  #topo .logo {
    width: 16.771%;
    height: 9.375vw;
    padding: 0 2.4vw;
    display: flex;
    bottom: 0px;
    bottom: 0px;
    position: absolute;
  }
  #topo .chamada {
    right: 0;
    width: 82.75%;
    height: 9.375vw;
    margin: 0;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    padding: 0 4.271vw;
    border-top-left-radius: 40px;
  }
  #topo .chamada h2 {
    position: absolute;
    margin: 0;
    top: -1vw;
    font-size: 1.25vw;
    height: 2.1vw;
  }
  #topo .chamada h2.mob {
    display: none;
  }
  #topo .chamada h2.desk {
    display: block;
    width: 27.2vw;
  }
  #topo .chamada h2 div {
    top: 0.3vw;
  }
  #topo .chamada h3 {
    padding: 0;
    width: 46.396vw;
    font-size: 4.375vw;
    line-height: 4.375vw;
    margin: -1vw 0 0 0;
  }
  #topo .chamada h3 br {
    display: none;
  }
  #topo .chamada p {
    width: 26vw;
    padding: 0;
    margin: 0;
    font-size: clamp(15px, 1.146vw, 28px);
    line-height: clamp(17px, 1.3vw, 35px);
  }
}

#features {
  position: relative;
}

#features .icones {
  background: #f1f3f2;
  float: left;
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  padding: 60px 0 60px 0;
}
#features .icones .slick-arrow {
  display: none !important;
}
#features .icones .slick-dots {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  position: absolute;
  bottom: -55px;
  left: 0;
  width: 100%;
  margin: 0;
}
#features .icones .slick-dots li {
  margin: 0 8px;
  padding: 0;
  display: inline-block;
  width: auto;
}
#features .icones .slick-dots li button {
  -moz-border-radius: 20px;
  -webkit-border-radius: 20px;
  -ms-border-radius: 20px;
  border-radius: 20px;
  width: 12px;
  height: 12px;
  padding: 0;
  margin: 0px;
  text-indent: -5000px;
}
#features .icones .slick-dots li.slick-active button {
  background: #572feb;
}
#features .icones > ul {
  background: #FFF;
  /*
  border: 6px solid #572feb;
  @include border-radius(22px);
  */
  border-top: 6px solid #572feb;
  border-bottom: 6px solid #572feb;
  padding: 0 0 0 0;
  margin: 0;
  display: flex;
  flex-wrap: wrap;
  list-style-type: none;
  width: 100%;
  height: 300px;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
#features .icones > ul div div li {
  display: flex;
  flex-wrap: wrap;
  align-content: center;
  justify-content: center;
}
#features .icones > ul div div li .icon {
  height: 120px;
  display: inline-block;
  margin: 0 0 20px 0;
}
#features .icones > ul div div li svg {
  height: 100%;
  fill: #572feb;
}
#features .icones > ul div div li svg path {
  fill: #572feb;
}
#features .icones > ul div div li h4 {
  font-weight: 700;
  color: #572feb;
  font-size: 19px;
  line-height: 25px;
  text-transform: uppercase;
  width: 100%;
  text-align: center;
  margin-bottom: 0px;
}
@media (min-width: 1024px) {
  #features {
    margin-top: -9vw;
  }
  #features .icones {
    padding: 4.167vw 0 4.167vw 0;
  }
  #features .icones ul {
    width: 79.167vw;
    justify-content: space-around;
    padding: 2.344vw 3vw;
    height: auto;
    align-items: baseline;
    border: 6px solid #572feb;
    -moz-border-radius: 22px;
    -webkit-border-radius: 22px;
    -ms-border-radius: 22px;
    border-radius: 22px;
  }
  #features .icones ul li {
    width: 33.3%;
    height: auto;
    float: left;
    text-align: center;
    margin: 0 0 2vw 0;
    display: flex;
    flex-wrap: wrap;
    align-content: center;
    justify-content: center;
  }
  #features .icones ul li:nth-child(4), #features .icones ul li:nth-child(5), #features .icones ul li:nth-child(6) {
    margin-bottom: 0px;
  }
  #features .icones ul li .icon {
    height: 4.167vw;
    margin-bottom: 1vw;
    display: inline-block;
  }
  #features .icones ul li svg {
    height: 100%;
    fill: #572feb;
  }
  #features .icones ul li svg path {
    fill: #572feb;
  }
  #features .icones ul li h4 {
    font-weight: 700;
    color: #572feb;
    font-size: clamp(15px, 0.9vw, 22px);
    margin: 0;
    line-height: 19px;
    text-transform: uppercase;
    width: 100%;
  }
}
@media (min-width: 1280px) {
  #features .icones ul li {
    margin-bottom: 0px;
    width: 16.6%;
  }
}
#familia,
#sobre,
#ingredientes,
#ofertas,
#reviews {
  float: left;
  width: 100%;
}
#familia .topo,
#sobre .topo,
#ingredientes .topo,
#ofertas .topo,
#reviews .topo {
  text-align: center;
  padding: 40px 30px;
}
#familia .topo h2,
#sobre .topo h2,
#ingredientes .topo h2,
#ofertas .topo h2,
#reviews .topo h2 {
  font-weight: 300;
  color: #511eff;
  margin: 0;
  display: inline-block;
  padding: 0 0 10px 0;
  margin: 0 0 10px 0;
  font-size: 45px;
  line-height: 50px;
}
#familia .topo p,
#sobre .topo p,
#ingredientes .topo p,
#ofertas .topo p,
#reviews .topo p {
  font-family: "Inter", sans-serif;
  color: #332285;
  margin: 0;
  font-size: 16px;
  line-height: 19px;
}
#familia .topo p br,
#sobre .topo p br,
#ingredientes .topo p br,
#ofertas .topo p br,
#reviews .topo p br {
  display: none;
}
@media (min-width: 768px) {
  #familia .topo,
  #sobre .topo,
  #ingredientes .topo,
  #ofertas .topo,
  #reviews .topo {
    padding: 40px 80px;
  }
}
@media (min-width: 1024px) {
  #familia .topo,
  #sobre .topo,
  #ingredientes .topo,
  #ofertas .topo,
  #reviews .topo {
    display: flex;
    flex-wrap: nowrap;
    padding: 40px 50px;
    justify-content: center;
    padding: 4.427vw 0;
  }
  #familia .topo h2,
  #sobre .topo h2,
  #ingredientes .topo h2,
  #ofertas .topo h2,
  #reviews .topo h2 {
    border: none;
    border-right: 1px solid #332285;
    white-space: nowrap;
    padding: 0 2.083vw 0 0;
    margin: 0 2.083vw 0 0;
    font-size: 3.125vw;
    line-height: 3.125vw;
  }
  #familia .topo p,
  #sobre .topo p,
  #ingredientes .topo p,
  #ofertas .topo p,
  #reviews .topo p {
    font-size: clamp(15px, 1.042vw, 28px);
    line-height: clamp(19px, 1.4vw, 28px);
    text-align: left;
    display: flex;
    align-content: center;
    flex-wrap: wrap;
  }
  #familia .topo p br,
  #sobre .topo p br,
  #ingredientes .topo p br,
  #ofertas .topo p br,
  #reviews .topo p br {
    display: inline-block;
  }
}

#familia {
  background: url(../images/bg-produtos.jpg) no-repeat center center;
  background-size: cover;
}
#familia .produtos ul {
  list-style-type: none;
  padding: 0;
  margin: 0;
  width: 100%;
}
#familia .produtos ul li {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin: 0 0 100px 0;
}
#familia .produtos ul li picture {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
#familia .produtos ul li img {
  width: 50%;
  margin: 0 0 15px 2%;
}
#familia .produtos ul li h3 {
  text-align: center;
  width: 100%;
  font-weight: 600;
  font-size: 20px;
  line-height: 27px;
  margin: 0;
  margin: 0 0 15px 0;
}
#familia .produtos ul li h3 span {
  display: block;
  font-weight: 400;
  font-size: 18px;
}
#familia .produtos ul li h3 span strong {
  font-weight: 500;
}
#familia .produtos ul li.lavanda img, #familia .produtos ul li.alecrim img {
  margin: 0 0 15px -10%;
}
#familia .produtos ul li.limoneno a {
  background: #edff10;
  color: #572feb;
}
#familia .produtos ul li.geranio a {
  background: #ff3c98;
  color: #FFF;
}
#familia .produtos ul li.lavanda a {
  background: #9f53ff;
  color: #FFF;
}
#familia .produtos ul li.alecrim a {
  background: #88c200;
  color: #FFF;
}
#familia .produtos ul li a {
  font-weight: 600;
  padding: 10px 60px;
  font-size: 25px;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  -ms-border-radius: 6px;
  border-radius: 6px;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  /*
  -webkit-backface-visibility: hidden;
  -webkit-transform: translateZ(0) scale(1.0, 1.0);
  */
}
#familia .produtos ul li a:hover {
  transform: scale(1.05);
}
@media (min-width: 768px) {
  #familia .produtos ul {
    margin: 20px 0 20px 0;
    padding: 0 10%;
    float: left;
  }
  #familia .produtos ul li {
    width: 50%;
    float: left;
  }
}
@media (min-width: 1024px) {
  #familia .produtos ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    padding: 0 17.188vw;
    margin: 0 0 5vw 0;
  }
  #familia .produtos ul li {
    width: 14.844vw;
    align-content: end;
    margin: 0 -1%;
  }
  #familia .produtos ul li img {
    width: 100%;
    margin: 0 0 1vw -23%;
  }
  #familia .produtos ul li.lavanda, #familia .produtos ul li.alecrim {
    width: 16.667vw;
    margin: 0%;
  }
  #familia .produtos ul li.lavanda img, #familia .produtos ul li.alecrim img {
    margin: 0 0 1vw -20%;
  }
  #familia .produtos ul li h3 {
    font-size: 1.25vw;
    line-height: 1.5vw;
    margin: 0 0 2vw 0;
  }
  #familia .produtos ul li h3 span {
    font-size: 1.042vw;
  }
  #familia .produtos ul li a {
    padding: 0.8vw 0;
    width: 11.458vw;
    text-align: center;
    font-size: 16px;
  }
}
#sobre {
  background: #FFF;
}
#sobre .topo h2 {
  margin: 0px;
  padding: 0px;
  border-right: none;
}
#sobre .txt {
  padding: 0 5% 30px 5%;
}
#sobre .txt p {
  font-family: "Barlow", sans-serif;
  break-inside: avoid-column;
}
@media (min-width: 1024px) {
  #sobre .topo {
    padding: 4.427vw 0 3.427vw 0;
  }
  #sobre .txt {
    padding: 0 13vw 4vw 13vw;
    column-count: 2;
    column-gap: 4vw;
  }
  #sobre .txt p:last-child {
    margin-bottom: 0px;
  }
}
@media (min-width: 1600px) {
  #sobre .txt p {
    font-size: 18px;
  }
}
#ingredientes {
  background: #FFF;
}
#ingredientes .icones .slick-arrow {
  display: none !important;
}
#ingredientes .icones .slick-dots {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
#ingredientes .icones .slick-dots li {
  margin: 0 8px;
  padding: 0;
  display: inline-block;
  width: auto;
}
#ingredientes .icones .slick-dots li button {
  -moz-border-radius: 20px;
  -webkit-border-radius: 20px;
  -ms-border-radius: 20px;
  border-radius: 20px;
  width: 12px;
  height: 12px;
  padding: 0;
  margin: 0px;
  text-indent: -5000px;
}
#ingredientes .icones .slick-dots li.slick-active button {
  background: #572feb;
}
#ingredientes .icones ul {
  list-style-type: none;
  margin: 10px 0 20px 0;
  float: left;
  width: 100%;
}
#ingredientes .icones ul li {
  float: left;
  text-align: center;
  width: 100%;
  margin: 0 0 20px 0;
  padding: 10px 15vw 0 15vw;
}
#ingredientes .icones ul li img {
  display: inline-block;
  margin: 0 0 0 0;
  width: 50vw;
  filter: drop-shadow(15px 15px 15px rgba(0, 0, 0, 0.4));
}
#ingredientes .icones ul li h3 {
  color: #464548;
  font-weight: 600;
  margin: 15px 0 0 0;
  font-size: 24px;
}
#ingredientes .icones ul li p {
  color: #464548;
  font-family: "Inter", sans-serif;
  font-size: 16px;
  line-height: 20px;
  margin-bottom: 0px;
}
@media (min-width: 768px) {
  #ingredientes .icones ul {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 40px;
  }
  #ingredientes .icones ul li {
    width: 50%;
    margin: 0 0 30px 0;
  }
  #ingredientes .icones ul li img {
    width: 120px;
  }
}
@media (min-width: 1024px) {
  #ingredientes .icones ul li {
    width: 33.3%;
  }
  #ingredientes .icones ul li img {
    width: 120px;
  }
}
@media (min-width: 1280px) {
  #ingredientes .icones ul {
    padding: 0 8.333vw;
  }
  #ingredientes .icones ul li {
    width: 16.6%;
    padding: 0 1.2vw;
  }
  #ingredientes .icones ul li img {
    width: 8.854vw;
    margin: 1.3vw;
  }
  #ingredientes .icones ul li h3 {
    font-size: 20px;
    line-height: 24px;
    margin: 0 0 10px 0;
  }
  #ingredientes .icones ul li p {
    font-size: 15px;
  }
}
@media (min-width: 1600px) {
  #ingredientes .icones ul li h3 {
    font-size: 1.146vw;
  }
}

#reviews {
  background: #f2f3f3;
}
#reviews ul {
  list-style-type: none;
  margin: 0px 0 30px 0px;
}
#reviews ul li {
  margin-bottom: 20px;
  padding: 0 5vw;
  text-align: center;
}
#reviews ul li p {
  color: #464548;
  margin: 0 0 12px 0;
  font-family: "Inter", sans-serif;
  font-style: italic;
  font-size: 16px;
  line-height: 22px;
}
#reviews ul li h4 {
  color: #464548;
  margin: 0;
  font-family: "Inter", sans-serif;
  font-weight: 600;
  font-size: 15px;
  line-height: 18px;
}
#reviews ul li span {
  font-size: 15px;
  color: #464548;
  font-family: "Inter", sans-serif;
}
#reviews ul .slick-arrow {
  display: none !important;
}
#reviews ul .slick-dots {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
#reviews ul .slick-dots li {
  margin: 0 8px;
  padding: 0;
  display: inline-block;
  width: auto;
}
#reviews ul .slick-dots li button {
  -moz-border-radius: 20px;
  -webkit-border-radius: 20px;
  -ms-border-radius: 20px;
  border-radius: 20px;
  width: 12px;
  height: 12px;
  padding: 0;
  margin: 0px;
  text-indent: -5000px;
  background: #FFF;
}
#reviews ul .slick-dots li.slick-active button {
  background: #572feb;
}
#reviews .Stars {
  --percent: calc(var(--rating) / 5 * 100%);
  display: inline-block;
  font-size: 18px;
  font-family: Times;
  line-height: 1;
  margin: 0 0 8px 0;
}
#reviews .Stars::before {
  content: "★★★★★";
  letter-spacing: 1.5px;
  background: linear-gradient(90deg, var(--star-background) var(--percent), var(--star-color) var(--percent));
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
@media (min-width: 1024px) {
  #reviews ul {
    float: left;
    width: 100%;
  }
  #reviews ul li {
    float: left;
    width: 33.3%;
    text-align: left;
  }
}
@media (min-width: 1280px) {
  #reviews {
    padding: 5vw 5vw;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
  }
  #reviews .topo {
    width: 35%;
    flex-wrap: wrap;
    float: left;
    padding: 0 6vw 0 0;
  }
  #reviews .topo h2 {
    white-space: normal;
    text-align: left;
    padding: 0;
    margin: 0 0 1vw 0;
    width: 100%;
    border: none;
    float: left;
  }
  #reviews .topo p {
    width: 100%;
  }
  #reviews .topo p br {
    display: none;
  }
  #reviews .carousel {
    float: left;
    width: 65%;
    margin: 0;
  }
  #reviews .carousel li {
    padding: 0 1vw;
    margin: 0;
  }
}
@media (min-width: 1920px) {
  #reviews .carousel li p {
    font-size: 18px;
    line-height: 25px;
    margin-bottom: 25px;
  }
}
@media (min-width: 2500px) {
  #reviews {
    padding: 5vw 7vw;
  }
}

#selos {
  float: left;
  background: #FFF;
  width: 100%;
  padding: 40px 0;
}
#selos .logo {
  width: 100%;
  text-align: center;
  margin: 0 0 30px 0;
}
#selos .logo img {
  display: inline-block;
  width: 180px;
}
#selos .selos {
  width: 100%;
  padding: 0 5%;
}
#selos .selos ul {
  float: left;
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin: 0;
  padding: 0;
  list-style-type: none;
}
#selos .selos ul li {
  background: #CCC;
  width: 150px;
  height: 60px;
  display: block;
  margin: 15px 15px;
}
@media (min-width: 1024px) {
  #selos {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    padding: 4vw 0;
  }
  #selos .logo {
    width: 11.719vw;
    margin: 0 0 0 0;
  }
  #selos .selos {
    width: 60.938vw;
    padding: 0 0 0 5%;
  }
  #selos .selos ul {
    justify-content: flex-start;
    margin-top: 1vw;
  }
  #selos .selos ul li {
    width: 10vw;
    margin: 0 1vw 1vw 0;
  }
}

/* ESCONDER BREADCRUMB */
.storefront-breadcrumb {
  display: none;
}

/* ESCONDER CAMPO DE BUSCA */
header .site-search {
  display: none !important;
}

/* ESCONDER CATEGORIA PAGINA PRODUTO */
.product_meta {
  display: none;
}

/* ESCONDER ITENS DO HEADER */
header.hmenu .actions > .col-full {
  display: none;
}
header.hmenu #site-navigation {
  display: none;
}
header.hmenu .storefront-primary-navigation {
  clear: none;
  float: left;
}
header.hmenu .storefront-primary-navigation .col-full {
  padding: 0;
}

body:not(.home) header.hmenu {
  box-shadow: 0px 1px 12px 5px rgba(0, 0, 0, 0.1);
}
body:not(.home) {
  font-family: "Barlow", sans-serif;
}
body:not(.home) p {
  font-family: "Inter", sans-serif;
}
body:not(.home) #content {
  padding: 190px 5% 0 5%;
}
@media (min-width: 1600px) {
  body:not(.home) #content {
    padding: 210px 20% 0 20%;
  }
  body:not(.home) header.hmenu {
    right: 20%;
  }
}
@media (min-width: 1920px) {
  body:not(.home) #content {
    padding: 250px 20% 0 20%;
  }
}
@media (min-width: 2500px) {
  body:not(.home) #content {
    padding: 290px 20% 0 20%;
  }
}
body:not(.home) .headerInter {
  display: block;
  position: absolute;
  left: 0;
  width: 100%;
  top: 100px;
}
body:not(.home) .headerInter .logo {
  display: none;
}
body:not(.home) .headerInter p {
  display: block;
  width: 100%;
  text-align: center;
  font-style: italic;
  font-size: 15px;
  line-height: 19px;
  font-weight: 500;
  color: #3f3f3f;
}
body:not(.home) .headerInter p strong {
  color: #ff3c98;
  display: block;
}
@media (min-width: 1024px) {
  body:not(.home) .headerInter {
    top: 3.9vw;
    left: 5%;
    width: 90%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
  }
  body:not(.home) .headerInter .logo {
    display: block;
    width: 15vw;
    float: left;
  }
  body:not(.home) .headerInter span {
    float: left;
    width: 15vw;
    height: 10px;
  }
  body:not(.home) .headerInter p {
    float: left;
    width: auto;
    margin: 1vw 0 0 0;
  }
  body:not(.home) .headerInter p strong {
    display: inline-block;
  }
}
@media (min-width: 1280px) {
  body:not(.home) .headerInter .logo {
    width: 180px;
  }
}
@media (min-width: 1600px) {
  body:not(.home) .headerInter {
    width: 60%;
    left: 20%;
  }
  body:not(.home) .headerInter span {
    width: 190px;
  }
}
@media (min-width: 768px) {
  .aaa {
    padding: 0 20%;
  }
}
@media (min-width: 1024px) {
  .aaa {
    padding: 0 30%;
  }
}
/* PAGINA PRODUTO */
.single-product h1 {
  color: #572feb;
}
.single-product .single_add_to_cart_button {
  background: #572feb;
}

/* COR MSG DE SUCESSO */
.woocommerce .woocommerce-message {
  background-color: #88c200;
}

/* CARRINHO SIDEBAR */
.site-header-cart:hover .widget_shopping_cart,
.site-header-cart.focus .widget_shopping_cart {
  right: -30px;
  left: unset !important;
  width: 340px;
  top: 2.2vw;
}

/* FINALIZAR COMPRA */
#order_comments_field {
  display: none;
}

/* MINHA CONTA */
.woocommerce-MyAccount-navigation-link.woocommerce-MyAccount-navigation-link--downloads,
.woocommerce-MyAccount-navigation-link.woocommerce-MyAccount-navigation-link--payment-methods {
  display: none;
}

/* Related Product */
@media (min-width: 1024px) {
  body.single-product #ofertas .meus-ultimos-prod {
    padding: 0;
  }
  body.single-product #ofertas .meus-ultimos-prod .produto-item-customizado .produto-badge-texto {
    font-size: 1vw;
    margin: 0 0 0.3vw;
  }
  body.single-product #ofertas .meus-ultimos-prod .produto-item-customizado h3 {
    font-size: 1.2vw;
    line-height: 1.5vw;
    margin: 0 0 0.8vw 0;
  }
  body.single-product #ofertas .meus-ultimos-prod .produto-item-customizado .produto-descricao-curta p {
    font-size: 16px;
    line-height: 1.1vw;
    display: none;
  }
}

.woocommerce-form__input-checkbox {
  float: left;
  margin: 7px 8px 0 0;
}

.woocommerce-form-login__submit {
  margin: 20px 0 0 0;
}

/* My account - Endereco */
.woocommerce-MyAccount-content h2 {
  font-size: 1.3em;
}

/* Mouse over Botoes */
.cart button.single_add_to_cart_button,
#payment .place-order button.button,
.wc-block-cart__submit-container a.wc-block-cart__submit-button,
.widget .woocommerce-mini-cart__buttons a.button.checkout {
  background-color: #88c200;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  /*
  -webkit-backface-visibility: hidden;
  -webkit-transform: translateZ(0) scale(1.0, 1.0);
  */
}
.cart button.single_add_to_cart_button:hover,
#payment .place-order button.button:hover,
.wc-block-cart__submit-container a.wc-block-cart__submit-button:hover,
.widget .woocommerce-mini-cart__buttons a.button.checkout:hover {
  background-color: #572feb;
}

/* Para remover o zoom em galerias */
.woocommerce-product-gallery__image.flex-active-slide {
  pointer-events: none !important;
}

/* Ou para desativar o efeito magnify */
.zoomImg, .nickx-popup {
  display: none !important;
}

/* ESCONDER OFERTA PAGINA PRODUTO */
.onsale {
  display: none !important;
}

@media (max-width: 600px) {
  .wp-block-media-text.is-stacked-on-mobile > .wp-block-media-text__content {
    padding-top: 8%;
  }
}
/* FAQ */
.wp-block-accordion-panel {
  margin-block-start: 0px;
}
.wp-block-accordion-panel p {
  margin-block-end: 20px !important;
}

/* BTN NEXT PREV */
.storefront-product-pagination {
  display: none !important;
}

/* cor setas carousel */
.nswiper-button-next,
.nswiper-button-prev {
  color: #572feb !important;
}