@font-face {
  font-family: 'Space Grotesk';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/spacegrotesk/v16/V8mQoQDjQSkFtoMM3T6r8E7mF71Q-gOoraIAEj62UUsj.ttf) format('truetype');
}
@font-face {
  font-family: 'Space Grotesk';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/spacegrotesk/v16/V8mQoQDjQSkFtoMM3T6r8E7mF71Q-gOoraIAEj7oUUsj.ttf) format('truetype');
}
@font-face {
  font-family: 'Space Grotesk';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/spacegrotesk/v16/V8mQoQDjQSkFtoMM3T6r8E7mF71Q-gOoraIAEj7aUUsj.ttf) format('truetype');
}
@font-face {
  font-family: 'Space Grotesk';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/spacegrotesk/v16/V8mQoQDjQSkFtoMM3T6r8E7mF71Q-gOoraIAEj42Vksj.ttf) format('truetype');
}
@font-face {
  font-family: 'Space Grotesk';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/spacegrotesk/v16/V8mQoQDjQSkFtoMM3T6r8E7mF71Q-gOoraIAEj4PVksj.ttf) format('truetype');
}
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/inter/v13/UcCO3FwrK3iLTeHuS_fvQtMwCp50KnMw2boKoduKmMEVuLyfMZg.ttf) format('truetype');
}
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/inter/v13/UcCO3FwrK3iLTeHuS_fvQtMwCp50KnMw2boKoduKmMEVuI6fMZg.ttf) format('truetype');
}
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/inter/v13/UcCO3FwrK3iLTeHuS_fvQtMwCp50KnMw2boKoduKmMEVuGKYMZg.ttf) format('truetype');
}
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/inter/v13/UcCO3FwrK3iLTeHuS_fvQtMwCp50KnMw2boKoduKmMEVuFuYMZg.ttf) format('truetype');
}
html {
  scroll-behavior: smooth;
}
body {
  overflow-x: hidden;
}
body,
p,
h1,
h2,
h3,
h4,
h5,
h6,
figure,
iframe {
  margin: 0;
}
a {
  display: block;
  text-decoration: none;
}
a:hover {
  text-decoration: none;
}
address {
  font-style: normal;
  margin-bottom: 0;
}
iframe {
  border: none;
}
mark {
  padding: 0;
  background-color: transparent;
}
menu {
  padding-inline-start: 0;
  margin-block-start: 0;
  margin-block-end: 0;
}
ul {
  list-style-type: none;
  padding-inline-start: 0;
}
section,
article,
aside,
details,
figcaption,
figure,
header,
footer,
menu,
nav {
  display: block;
}
@media (max-width: 1200px) {
  .container__desktop {
    padding-left: 30px;
    padding-right: 30px;
  }
}
@media (min-width: 1200px) {
  .container__desktop {
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
  }
}
@media (max-width: 1200px) {
  .container__large {
    padding-left: 30px;
    padding-right: 30px;
  }
}
@media (min-width: 968px) {
  .container__large {
    max-width: 968px;
    margin-left: auto;
    margin-right: auto;
  }
}
@keyframes effect--fade_in_right {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
}
.button__navbar .hamburguer__box {
  transition: all linear 0.2s;
}
.button__navbar .hamburguer__lines {
  transition: all linear 0.2s;
}
.button__navbar:hover .hamburguer__box {
  fill: #71726B;
  stroke: rgba(255, 255, 255, 0.7);
}
.button__navbar:hover .hamburguer__lines {
  fill: white;
}
.button__navbar:focus .hamburguer__box {
  fill: #71726B;
  stroke: rgba(255, 255, 255, 0.7);
}
.button__navbar:focus .hamburguer__lines {
  fill: white;
}
.button__transparent {
  display: inline-flex;
  padding: 21px 44px;
  border: 1px solid #FFF;
  color: #FFF;
  font: 600 16px 'Space Grotesk', sans-serif;
  letter-spacing: 3.2px;
  text-transform: uppercase;
  transition: all linear 0.2s;
}
.button__transparent:hover {
  color: #2C392C;
  background-color: white;
}
.button__transparent:focus {
  color: #2C392C;
  background-color: white;
}
.button__eerieblack {
  padding: 22px 44px;
  border: 1px solid #1F1A17;
  color: #1F1A17;
  font: 600 16px 'Space Grotesk', sans-serif;
  letter-spacing: 3.2px;
  transition: all linear 0.2s;
}
.button__eerieblack:hover,
.button__eerieblack:focus {
  background-color: #1F1A17;
  color: white;
}
.button__cafenoir {
  padding: 22px 36px;
  border: 1px solid white;
  background-color: white;
  color: #553316;
  font: 600 16px 'Space Grotesk', sans-serif;
  letter-spacing: 3.2px;
  box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.1), 0px 10px 22px 0px rgba(0, 0, 0, 0.1), 0px 39px 39px 0px rgba(0, 0, 0, 0.09), 0px 89px 53px 0px rgba(0, 0, 0, 0.05), 0px 158px 63px 0px rgba(0, 0, 0, 0.01), 0px 247px 69px 0px rgba(0, 0, 0, 0);
  transition: all linear 0.2s;
}
.button__cafenoir:hover {
  background-color: #553316;
  color: white;
}
.button__cafenoir:focus {
  background-color: #553316;
  color: white;
}
.button__play {
  background-color: white;
  border: 1px solid white;
  border-radius: 50%;
  width: 75px;
  height: 75px;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: all linear 0.2s;
}
.button__play .play__icon {
  transition: all linear 0.2s;
}
.button__play:hover {
  border: 1px solid rgba(255, 255, 255, 0.7);
  background-color: black;
}
.button__play:hover .play__icon {
  fill: white;
}
.button__form--eerieblack {
  width: 100%;
  border: 1px solid #1F1A17;
  font: 600 16px 'Space Grotesk', sans-serif;
  letter-spacing: 3.2px;
  padding: 22px 44px;
  text-align: center;
  background-color: transparent;
  transition: all linear 0.2s;
}
.button__form--eerieblack:hover,
.button__form--eerieblack:focus {
  background-color: #1F1A17;
  color: white;
}
@media (min-width: 768px) {
  .button__form--eerieblack {
    width: fit-content;
  }
}
.button__info--black {
  padding: 15px 36px;
  border: 1px solid #000;
  font: 500 18px 'Space Grotesk', sans-serif;
  color: #000;
  text-align: left;
  transition: all linear 0.2s;
}
.button__info--black:hover,
.button__info--black:focus {
  background-color: #000;
  color: white;
}
.button__whatsapp--mantis {
  width: fit-content;
  display: flex;
  padding: 22px 44px;
  justify-content: center;
  align-items: center;
  gap: 15px;
  background-color: #5BBC48;
  font: 500 16px 'Space Grotesk', sans-serif;
  color: white;
  text-align: left;
  letter-spacing: 3.2px;
  text-transform: uppercase;
  transition: all linear 0.2s;
}
.button__whatsapp--mantis:hover,
.button__whatsapp--mantis:focus {
  box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.04), 0px 2px 5px 0px rgba(0, 0, 0, 0.04), 0px 9px 9px 0px rgba(0, 0, 0, 0.03), 0px 20px 12px 0px rgba(0, 0, 0, 0.02), 0px 35px 14px 0px rgba(0, 0, 0, 0.01), 0px 54px 15px 0px rgba(0, 0, 0, 0);
  background-color: white;
  color: #5BBC48;
}
.button__whatsapp--mantis:hover img,
.button__whatsapp--mantis:focus img {
  filter: brightness(0) saturate(100%) invert(59%) sepia(76%) saturate(370%) hue-rotate(64deg) brightness(93%) contrast(91%);
}
.page__breadcrumb {
  background-image: url('/assets/img/breadcrumb/breadcrumb-mobile.png');
  background-position: center;
  background-size: cover;
  height: 380px;
}
.page__breadcrumb .wrapper {
  padding-top: 210px;
  padding-bottom: 50px;
  display: flex;
  flex-direction: column;
  gap: 41px;
}
.page__breadcrumb .wrapper .title {
  font: 500 46px 'Space Grotesk', sans-serif;
  color: white;
  text-align: center;
}
.page__breadcrumb .wrapper .navigation {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 10px;
}
.page__breadcrumb .wrapper .navigation a {
  font: 400 16px 'Space Grotesk', sans-serif;
  color: white;
  text-align: left;
}
.page__breadcrumb .wrapper .navigation a.active {
  font-weight: 600;
}
.page__breadcrumb .wrapper .navigation a.active:hover,
.page__breadcrumb .wrapper .navigation a.active:focus {
  text-decoration: none;
}
.page__breadcrumb .wrapper .navigation a:hover,
.page__breadcrumb .wrapper .navigation a:focus {
  text-decoration: underline;
  text-underline-offset: 2px;
}
@media (min-width: 768px) {
  .page__breadcrumb {
    background-image: url('/assets/img/breadcrumb/breadcrumb-desktop.png');
  }
  .page__breadcrumb .wrapper {
    padding-top: 271px;
    padding-bottom: 0;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-end;
  }
  .page__breadcrumb .wrapper .title {
    text-align: left;
  }
}
@media (min-width: 768px) and (max-width: 1200px) {
  .page__breadcrumb .wrapper {
    padding-left: 30px;
    padding-right: 30px;
  }
}
@media (min-width: 768px) and (min-width: 1200px) {
  .page__breadcrumb .wrapper {
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
  }
}
.products .item .ajuste {
  height: 440px !important;
}
@media (min-width: 768px) {
  .products .item .ajuste {
    height: 480px !important;
  }
}
.card__product {
  position: relative;
  width: 100%;
  height: 480px;
  background-color: white;
  border: 1px solid #F9F9F9;
  transition: all linear 0.2s;
  box-shadow: 0 0 0 transparent;
}
@media (min-width: 768px) {
  .card__product {
    width: 376px;
  }
}
.card__product .cover {
  height: 334px;
  width: 100%;
  object-fit: contain;
  object-position: center;
}
.card__product .info {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  padding-bottom: 30px;
  padding-left: 20px;
  background-image: url('/assets/img/products-cards/arrow-mobile.svg');
  background-repeat: no-repeat;
  background-position: right 22px bottom 46px;
}
.card__product .info .category {
  margin-bottom: 10px;
  font: 500 16px 'Space Grotesk', sans-serif;
  color: #71726B;
  text-align: left;
  letter-spacing: 3.2px;
  text-transform: uppercase;
}
.card__product .info .name {
  font: 500 18px 'Space Grotesk', sans-serif;
  color: #000;
  text-align: left;
  max-width: 90%;
}
.card__product:hover {
  border-color: transparent;
  /*.shadowCard();*/
  box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.04), 0px 2px 5px 0px rgba(0, 0, 0, 0.04), 0px 9px 9px 0px rgba(0, 0, 0, 0.03), 0px 20px 12px 0px rgba(0, 0, 0, 0.02), 0px 35px 14px 0px rgba(0, 0, 0, 0.01), 0px 54px 15px 0px rgba(0, 0, 0, 0);
}
@media (min-width: 768px) {
  .card__product {
    height: 520px;
  }
  .card__product .cover {
    width: 375px;
    height: 375px;
  }
  .card__product .info {
    padding-bottom: 33px;
    background-image: url('/assets/img/products-cards/arrow-desktop.svg');
    background-position: right 15px bottom 87px;
  }
  .card__product .info .name {
    max-width: 88%;
  }
}
.card__category {
  height: 178px;
  border: 1px solid #F9F9F9;
  background: #FFF;
  display: grid;
  grid-template-rows: 101px 77px;
}
.card__category .icon__wrapper {
  display: flex;
  justify-content: center;
  align-items: flex-end;
}
.card__category .icon__wrapper img {
  width: fit-content;
}
.card__category .text {
  margin-top: 10px;
  font: 500 16px 'Space Grotesk', sans-serif;
  color: #000;
  text-align: center;
  letter-spacing: 3.2px;
  text-transform: uppercase;
}
.card__category:hover {
  box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.04), 0px 2px 5px 0px rgba(0, 0, 0, 0.04), 0px 9px 9px 0px rgba(0, 0, 0, 0.03), 0px 20px 12px 0px rgba(0, 0, 0, 0.02), 0px 35px 14px 0px rgba(0, 0, 0, 0.01), 0px 54px 15px 0px rgba(0, 0, 0, 0);
  background-color: #F9F9F9;
}
.card__article {
  height: 505px;
  background-color: white;
  border: 1px solid #F9F9F9;
}
.card__article .cover img {
  width: 100%;
  height: 291px;
  object-fit: cover;
  object-position: center;
}
.card__article .body {
  padding: 30px;
}
.card__article .body .date {
  margin-bottom: 10px;
  font: 500 16px 'Space Grotesk', sans-serif;
  color: #71726B;
  text-align: left;
  letter-spacing: 3.2px;
  text-transform: uppercase;
}
.card__article .body .title {
  font: 500 16px 'Space Grotesk', sans-serif;
  color: #000;
  text-align: left;
  line-height: 150%;
}
.card__article:hover {
  box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.04), 0px 2px 5px 0px rgba(0, 0, 0, 0.04), 0px 9px 9px 0px rgba(0, 0, 0, 0.03), 0px 20px 12px 0px rgba(0, 0, 0, 0.02), 0px 35px 14px 0px rgba(0, 0, 0, 0.01), 0px 54px 15px 0px rgba(0, 0, 0, 0);
}
@media (min-width: 768px) {
  .card__article .body .title {
    font-size: 18px;
  }
}
.modal {
  background: rgba(44, 57, 44, 0.7);
  backdrop-filter: blur(4px);
}
.modal .modal-content {
  border: 0;
  border-radius: 0;
}
.modal .modal-content .modal-header {
  padding: 30px;
  border-bottom: 0;
  align-items: center;
}
.modal .modal-content .modal-header .close {
  padding: 0;
  margin: 0;
  opacity: 1;
}
.modal .modal-content .modal-header .close:hover {
  opacity: 0.7;
}
.modal .modal-content .modal-body {
  padding: 30px;
}
.modal__institutional .modal-header .info {
  font: 500 36px 'Space Grotesk', sans-serif;
  color: #553316;
  text-align: left;
}
.modal__institutional .modal-body .videoplayer {
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
  border-radius: 0;
}
.modal__testimonial .modal-header .info .name {
  display: block;
  color: #C18F65;
  font: 500 22px 'Space Grotesk', sans-serif;
}
.modal__testimonial .modal-header .info .job {
  display: block;
  color: black;
  font: 500 18px 'Space Grotesk', sans-serif;
}
.modal__testimonial .modal-body .videoplayer {
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
  border-radius: 0;
}
.page__header {
  position: absolute;
  left: 0;
  top: 30px;
  width: 100%;
  z-index: 1000;
}
.page__header .wrapper {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
@media (max-width: 1200px) {
  .page__header .wrapper {
    padding-left: 30px;
    padding-right: 30px;
  }
}
@media (min-width: 1200px) {
  .page__header .wrapper {
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
  }
}
.page__header .wrapper .logo {
  max-width: fit-content;
}
.page__header .wrapper .button__transparent {
  display: none;
}
@media (min-width: 768px) {
  .page__header .wrapper {
    gap: 20px;
  }
  .page__header .wrapper .button__transparent {
    display: block;
    margin-left: auto;
  }
}
.navbar__overlay {
  z-index: 3000;
  display: none;
  animation-duration: 1s;
  animation-fill-mode: both;
  animation-name: effect--fade_in_right;
  position: fixed;
  right: 0;
  top: 0;
  width: 100vw;
  height: 100vh;
  background: linear-gradient(90deg, rgba(0, 0, 0, 0.4) 1.91%, rgba(0, 0, 0, 0.4) 57.29%), rgba(0, 0, 0, 0.46);
  backdrop-filter: blur(22.5px);
}
.navbar__overlay .navbar__content {
  margin-left: auto;
  max-width: 360px;
  height: 100vh;
  background-color: #553316;
}
.navbar__overlay .navbar__content .navbar__header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-left: 30px;
  padding-right: 40px;
  padding-top: 44px;
}
.navbar__overlay .navbar__content .navbar__header .navbar__close {
  appearance: none;
  border: 0;
  padding: 0;
  background-color: transparent;
}
.navbar__overlay .navbar__content .navbar__links {
  padding-top: 144px;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.navbar__overlay .navbar__content .navbar__links a {
  width: fit-content;
  margin-bottom: 20px;
  font: 400 16px 'Space Grotesk', sans-serif;
  color: white;
  position: relative;
}
.navbar__overlay .navbar__content .navbar__links a::before {
  content: '';
  position: absolute;
  bottom: -2px;
  left: 0;
  width: 0px;
  height: 1px;
  transition: all linear 0.3s;
  background-color: white;
}
.navbar__overlay .navbar__content .navbar__links a:hover::before {
  width: 100%;
}
.navbar__overlay .navbar__content .navbar__social {
  padding-top: 144px;
  display: flex;
  gap: 17px;
  justify-content: center;
}
.navbar__overlay .navbar__content .navbar__social a {
  transition: all linear 0.2s;
  border-bottom: 3px solid transparent;
  padding-bottom: 5px;
}
.navbar__overlay .navbar__content .navbar__social a:hover {
  transform: translateY(-5px);
  border-bottom: 3px solid white;
}
.navbar__overlay.open {
  display: block;
}
@media (min-width: 768px) {
  .navbar__overlay .navbar__content {
    max-width: 730px;
  }
  .navbar__overlay .navbar__content .navbar__header {
    padding-top: 66px;
    padding-left: 107px;
    padding-right: 121px;
  }
  .navbar__overlay .navbar__content .navbar__links {
    padding-top: 121px;
    align-items: flex-end;
    padding-right: 187px;
  }
  .navbar__overlay .navbar__content .navbar__social {
    padding-top: 121px;
    justify-content: flex-end;
    padding-right: 187px;
  }
}
.page__footer {
  background-color: #FFF;
}
.page__footer .wrapper {
  padding-top: 20px;
  padding-bottom: 54px;
}
@media (max-width: 1200px) {
  .page__footer .wrapper {
    padding-left: 30px;
    padding-right: 30px;
  }
}
@media (min-width: 1200px) {
  .page__footer .wrapper {
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
  }
}
.page__footer .wrapper .footer__up {
  width: fit-content;
  margin-left: auto;
  margin-bottom: 17px;
  transition: all linear 0.2s;
}
.page__footer .wrapper .footer__up:hover {
  opacity: 0.8;
}
.page__footer .wrapper .brand {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 20px;
}
.page__footer .wrapper .brand .logo {
  width: fit-content;
}
.page__footer .wrapper .brand .tagline {
  color: #1F1A17;
  font: 500 16px 'Space Grotesk', sans-serif;
  text-align: center;
}
.page__footer .wrapper .brand .social {
  margin-top: 10px;
  display: flex;
  gap: 20px;
  justify-content: center;
}
.page__footer .wrapper .brand .social a {
  transition: all linear 0.2s;
  border-bottom: 3px solid transparent;
  padding-bottom: 5px;
}
.page__footer .wrapper .brand .social a:hover {
  transform: translateY(-5px);
  border-bottom: 3px solid #553316;
}
.page__footer .wrapper .links {
  margin-top: 40px;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.page__footer .wrapper .links .subtitle {
  margin-bottom: 10px;
  font: 500 18px 'Space Grotesk', sans-serif;
  color: #71726B;
  text-align: center;
  letter-spacing: 3.2px;
  text-transform: uppercase;
}
.page__footer .wrapper .links a {
  width: fit-content;
  color: #1F1A17;
  font: 400 16px/32px 'Inter', sans-serif;
  position: relative;
}
.page__footer .wrapper .links a::before {
  content: '';
  position: absolute;
  bottom: -2px;
  left: 0;
  width: 0px;
  height: 1px;
  transition: all linear 0.3s;
  background-color: #1F1A17;
}
.page__footer .wrapper .links a:hover::before {
  width: 100%;
}
.page__footer .wrapper .links.links--navigation {
  margin-top: 60px;
}
.page__footer .wrapper .links.links--navigation .navigation__list {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.page__footer .wrapper .links.links--contact .address {
  color: #1F1A17;
  font: 400 16px/32px 'Inter', sans-serif;
  text-align: center;
}
.page__footer .wrapper .attribution {
  margin-top: 40px;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 40px;
}
.page__footer .wrapper .attribution .copyright {
  color: #1F1A17;
  font: 500 16px 'Space Grotesk', sans-serif;
  text-align: center;
}
@media (min-width: 768px) {
  .page__footer .wrapper {
    padding-top: 106px;
    padding-bottom: 54px;
    position: relative;
    display: grid;
    grid-template-areas: "brand brand brand" "navigation categories contact" "attribution attribution attribution";
    column-gap: 30px;
    grid-template-columns: repeat(3, 1fr);
  }
  .page__footer .wrapper .footer__up {
    position: absolute;
    top: 106px;
    right: 79px;
  }
  .page__footer .wrapper .brand {
    grid-area: brand;
  }
  .page__footer .wrapper .links {
    align-items: flex-start;
  }
  .page__footer .wrapper .links .subtitle {
    text-align: left;
  }
  .page__footer .wrapper .links.links--navigation {
    grid-area: navigation;
    margin-top: 40px;
  }
  .page__footer .wrapper .links.links--navigation .navigation__list {
    align-items: flex-start;
  }
  .page__footer .wrapper .links.links--categories {
    grid-area: categories;
  }
  .page__footer .wrapper .links.links--contact {
    grid-area: contact;
  }
  .page__footer .wrapper .links.links--contact .address {
    text-align: left;
  }
  .page__footer .wrapper .attribution {
    grid-area: attribution;
    margin-top: 60px;
    border-top: 2px solid #F9F9F9;
    padding-top: 30px;
  }
}
@media (min-width: 1200px) {
  .page__footer .wrapper {
    grid-template-areas: "brand navigation categories contact" "attribution attribution attribution attribution";
    column-gap: 30px;
    grid-template-columns: 3fr 3fr 5fr 4fr;
  }
  .page__footer .wrapper .brand {
    align-items: flex-start;
  }
  .page__footer .wrapper .brand .tagline {
    text-align: left;
  }
  .page__footer .wrapper .brand .social {
    justify-content: flex-start;
  }
  .page__footer .wrapper .links {
    margin-top: 0;
  }
  .page__footer .wrapper .links.links--navigation {
    margin-top: 0;
  }
  .page__footer .wrapper .attribution {
    flex-direction: row;
    justify-content: space-between;
  }
}
.float__whatsapp {
  position: fixed;
  bottom: 5px;
  right: 10px;
  width: 74px;
  height: 74px;
  background-color: #5BBC48;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-left: auto;
  z-index: 2999;
  transition: all linear 0.15s;
  border: 0;
}
.float__whatsapp:hover {
  background-color: white;
  box-shadow: 0 0 26px rgba(0, 0, 0, 0.2);
}
.float__whatsapp:hover img {
  filter: brightness(0) saturate(100%) invert(56%) sepia(83%) saturate(464%) hue-rotate(91deg) brightness(96%) contrast(91%);
}
.page__banner {
  position: relative;
  width: 100%;
  height: 670px;
}
.page__banner .banner__overlay {
  z-index: 3;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0.6) 100%);
  padding-left: 30px;
  padding-right: 30px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.page__banner .banner__overlay .icon {
  margin-bottom: 23px;
}
.page__banner .banner__overlay .title {
  color: white;
  margin-bottom: 15px;
  text-align: center;
  font: 500 46px 'Space Grotesk', sans-serif;
}
.page__banner .banner__overlay .description {
  color: white;
  text-align: center;
  font: 400 28px 'Space Grotesk', sans-serif;
}
.page__banner .banner__images {
  z-index: 2;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.page__banner .banner__images .owl-carousel.owl-theme.banner-backgrounds__carousel .item img {
  width: 100%;
  height: 670px;
  object-fit: cover;
  object-position: center;
}
@media (min-width: 768px) {
  .page__banner {
    height: 791px;
  }
  .page__banner .banner__overlay .title {
    font-size: 60px;
    margin-bottom: 0;
  }
  .page__banner .banner__images .owl-carousel.owl-theme.banner-backgrounds__carousel .item img {
    height: 791px;
  }
}
.page__about--home {
  padding-top: 71px;
  padding-bottom: 198px;
}
@media (max-width: 1200px) {
  .page__about--home .wrapper {
    padding-left: 30px;
    padding-right: 30px;
  }
}
@media (min-width: 968px) {
  .page__about--home .wrapper {
    max-width: 968px;
    margin-left: auto;
    margin-right: auto;
  }
}
.page__about--home .wrapper .institutional__banner {
  position: relative;
  height: 378px;
}
.page__about--home .wrapper .institutional__banner .banner-sobre {
  height: 248px;
  overflow: hidden;
}
.page__about--home .wrapper .institutional__banner .banner-sobre .cover {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.page__about--home .wrapper .institutional__banner .play {
  position: absolute;
  top: 49px;
  left: 50%;
  transform: translateX(-50%);
}
.page__about--home .wrapper .institutional__banner .play p {
  display: none;
}
.page__about--home .wrapper .institutional__banner .title {
  position: absolute;
  bottom: 0;
  left: 15px;
  right: 15px;
  font: 500 36px 'Space Grotesk', sans-serif;
  color: #000;
  text-align: center;
  background-color: white;
  padding-top: 27px;
  padding-left: 16px;
  padding-right: 16px;
}
.page__about--home .wrapper .description {
  margin-top: 20px;
  font: 400 16px/23px 'Inter', sans-serif;
  color: #000;
  text-align: center;
}
.page__about--home .wrapper .highlights {
  margin-top: 36px;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  column-gap: 20px;
  row-gap: 30px;
  font: 500 18px 'Space Grotesk', sans-serif;
  color: #000;
  text-align: left;
}
.page__about--home .wrapper .highlights .icon {
  display: block;
  margin-bottom: 10px;
}
@media (min-width: 768px) {
  .page__about--home {
    padding-top: 112px;
    padding-bottom: 176px;
  }
  .page__about--home .wrapper .institutional__banner {
    height: 441px;
  }
  .page__about--home .wrapper .institutional__banner .banner-sobre {
    height: 441px;
  }
  .page__about--home .wrapper .institutional__banner .play {
    bottom: 22px;
    right: 20px;
    left: initial;
    top: initial;
    transform: none;
  }
  .page__about--home .wrapper .institutional__banner .play p {
    display: block;
    font: 400 16px 'Space Grotesk', sans-serif;
    color: white;
    text-align: right;
    margin-bottom: 22px;
  }
  .page__about--home .wrapper .institutional__banner .play .button__play {
    margin-left: auto;
  }
  .page__about--home .wrapper .institutional__banner .title {
    font: 500 36px 'Space Grotesk', sans-serif;
    color: #000;
    text-align: left;
    left: 0;
    width: 479px;
    padding-top: 24px;
    padding-left: 26px;
  }
  .page__about--home .wrapper .description {
    margin-top: 26px;
    font: 400 16px/23px 'Inter', sans-serif;
    color: #000;
    text-align: justify;
    padding-left: 30px;
    padding-right: 30px;
  }
  .page__about--home .wrapper .highlights {
    padding-left: 30px;
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (min-width: 1200px) {
  .page__about--home .wrapper .highlights {
    grid-template-columns: repeat(6, 1fr);
  }
}
.page__nature--home {
  background-image: url('/assets/img/nature/nature-mobile.png');
  background-size: cover;
  background-attachment: fixed;
}
.page__nature--home .wrapper {
  padding-top: 110px;
  padding-bottom: 129px;
  display: flex;
  flex-direction: column;
  align-items: center;
}
@media (max-width: 1200px) {
  .page__nature--home .wrapper {
    padding-left: 30px;
    padding-right: 30px;
  }
}
.page__nature--home .wrapper .title {
  font: 500 36px 'Space Grotesk', sans-serif;
  color: white;
  text-align: center;
  position: relative;
  padding-bottom: 20px;
}
.page__nature--home .wrapper .title::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 266px;
  height: 1px;
  background-color: white;
}
.page__nature--home .wrapper .description {
  margin-top: 30px;
  margin-bottom: 37px;
  font: 400 16px/23px 'Inter', sans-serif;
  color: white;
  text-align: center;
}
@media (min-width: 768px) {
  .page__nature--home {
    background-image: url('/assets/img/nature/nature-desktop.png');
  }
  .page__nature--home .wrapper {
    padding-top: 165px;
    padding-bottom: 165px;
  }
  .page__nature--home .wrapper .description {
    max-width: 613px;
    margin-top: 20px;
    margin-bottom: 40px;
  }
}
.page__products--home .wrapper__highlights {
  padding-top: 76px;
  padding-bottom: 60px;
}
.page__products--home .wrapper__highlights .heading .title {
  font: 500 36px 'Space Grotesk', sans-serif;
  color: #000;
  text-align: center;
  position: relative;
  padding-bottom: 20px;
}
.page__products--home .wrapper__highlights .heading .title::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 266px;
  height: 1px;
  background-color: black;
}
@media (min-width: 768px) {
  .page__products--home .wrapper__highlights .heading .title::after {
    left: 0;
    transform: none;
  }
}
.page__products--home .wrapper__highlights .heading .button__eerieblack {
  display: none;
}
.page__products--home .wrapper__highlights .products {
  margin-top: 30px;
}
.page__products--home .wrapper__highlights .products .owl-carousel.owl-theme.products__carousel .owl-item {
  width: 100%;
}
.page__products--home .wrapper__highlights .products .owl-carousel.owl-theme.products__carousel .owl-dots {
  margin-top: 30px;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 5px;
}
.page__products--home .wrapper__highlights .products .owl-carousel.owl-theme.products__carousel .owl-dots .owl-dot {
  height: 10px !important;
  display: flex;
  align-items: center;
}
.page__products--home .wrapper__highlights .products .owl-carousel.owl-theme.products__carousel .owl-dots .owl-dot span {
  margin: 0;
  width: 10px;
  height: 10px;
  background-color: #D2D2D2;
  border-radius: 0;
  transition: all linear 0.2s;
}
.page__products--home .wrapper__highlights .products .owl-carousel.owl-theme.products__carousel .owl-dots .owl-dot.active span {
  background-color: #1F1A17;
}
.page__products--home .wrapper__highlights .products .owl-carousel.owl-theme.products__carousel .owl-dots.disabled {
  display: none;
}
@media (min-width: 1200px) {
  .page__products--home .wrapper__highlights .products .owl-carousel.owl-theme.products__carousel .owl-stage-outer {
    overflow: visible;
  }
}
.page__products--home .wrapper__highlights .footer {
  margin-top: 40px;
  display: flex;
  justify-content: center;
}
.page__products--home .wrapper__categories {
  padding-bottom: 60px;
}
.page__products--home .wrapper__categories .heading .title {
  margin-bottom: 30px;
  font: 500 18px 'Space Grotesk', sans-serif;
  color: #71726B;
  text-align: center;
  letter-spacing: 3.2px;
  text-transform: uppercase;
}
.page__products--home .wrapper__categories .categories .owl-carousel.owl-theme.categories__carousel .owl-dots {
  margin-top: 30px;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 5px;
}
.page__products--home .wrapper__categories .categories .owl-carousel.owl-theme.categories__carousel .owl-dots .owl-dot {
  height: 10px !important;
  display: flex;
  align-items: center;
}
.page__products--home .wrapper__categories .categories .owl-carousel.owl-theme.categories__carousel .owl-dots .owl-dot span {
  margin: 0;
  width: 10px;
  height: 10px;
  background-color: #D2D2D2;
  border-radius: 0;
  transition: all linear 0.2s;
}
.page__products--home .wrapper__categories .categories .owl-carousel.owl-theme.categories__carousel .owl-dots .owl-dot.active span {
  background-color: #1F1A17;
}
.page__products--home .wrapper__categories .categories .owl-carousel.owl-theme.categories__carousel .owl-dots.disabled {
  display: none;
}
@media (min-width: 1200px) {
  .page__products--home .wrapper__categories .categories .owl-carousel.owl-theme.categories__carousel .owl-stage-outer {
    overflow: visible;
  }
}
@media (min-width: 768px) {
  .page__products--home .wrapper__highlights {
    padding-top: 139px;
    padding-bottom: 85px;
  }
  .page__products--home .wrapper__highlights .heading {
    padding-left: 30px;
    padding-right: 30px;
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
  .page__products--home .wrapper__highlights .heading .title {
    font: 500 36px 'Space Grotesk', sans-serif;
    color: #000;
    text-align: left;
    max-width: 300px;
  }
  .page__products--home .wrapper__highlights .heading .button__eerieblack {
    display: block;
  }
  .page__products--home .wrapper__highlights .products {
    margin-top: 40px;
  }
  .page__products--home .wrapper__highlights .footer {
    display: none;
  }
}
@media (min-width: 1200px) {
  .page__products--home .wrapper__categories,
  .page__products--home .wrapper__highlights {
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
  }
  .page__products--home .wrapper__highlights .heading {
    padding-left: 0;
    padding-right: 0;
  }
  .page__products--home .wrapper__highlights .heading .title {
    max-width: max-content;
  }
}
.page__cta {
  background-image: url('/assets/img/cta/cta-mobile.svg');
  background-position: top right;
  background-size: cover;
}
.page__cta .wrapper__cta {
  padding-top: 60px;
  padding-bottom: 139px;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 87px;
}
.page__cta .wrapper__cta .title {
  font: 500 36px 'Space Grotesk', sans-serif;
  color: white;
  text-align: center;
}
@media (min-width: 768px) {
  .page__cta {
    background-image: url('/assets/img/cta/cta-desktop.svg');
  }
  .page__cta .wrapper__cta {
    padding-top: 49px;
    padding-bottom: 49px;
    flex-direction: row;
    justify-content: space-between;
  }
  .page__cta .wrapper__cta .title {
    max-width: 395px;
    font: 500 36px 'Space Grotesk', sans-serif;
    color: white;
    text-align: left;
  }
}
@media (min-width: 768px) and (max-width: 1200px) {
  .page__cta .wrapper__cta {
    padding-left: 30px;
    padding-right: 30px;
  }
}
@media (min-width: 768px) and (min-width: 1200px) {
  .page__cta .wrapper__cta {
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
  }
}
@media (min-width: 1200px) {
  .page__cta .wrapper__cta {
    position: relative;
  }
  .page__cta .wrapper__cta::after {
    position: absolute;
    content: '';
    width: 199px;
    height: 1px;
    background: #FFF;
    top: 50%;
    left: 50%;
    transform: translateX(-50%);
  }
}
.page__testimonials .grid {
  padding-top: 49px;
  padding-bottom: 100px;
}
.page__testimonials .grid .testimonials__heading {
  margin-bottom: 36px;
}
.page__testimonials .grid .testimonials__heading .title {
  position: relative;
  padding-bottom: 20px;
  font: 500 36px 'Space Grotesk', sans-serif;
  color: #000;
  text-align: center;
}
.page__testimonials .grid .testimonials__heading .title::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 266px;
  height: 1px;
  background-color: black;
}
@media (min-width: 768px) {
  .page__testimonials .grid .testimonials__heading .title::after {
    left: 0;
    transform: none;
  }
}
.page__testimonials .grid .testimonials__video .testimonial__frame {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  width: 295px;
  height: 406px;
  border-radius: 5px;
  transition: all linear 0.2s;
}
.page__testimonials .grid .testimonials__video .testimonial__frame .cover__shell {
  width: 295px;
  height: 406px;
  border-radius: 5px;
  overflow: hidden;
}
.page__testimonials .grid .testimonials__video .testimonial__frame .cover {
  width: 295px;
  height: 406px;
  border-radius: 5px;
  transition: all linear 0.2s;
  object-fit: cover;
}
.page__testimonials .grid .testimonials__video .testimonial__frame .overlay {
  position: absolute;
  z-index: 2;
  top: 0;
  left: 0;
  width: 295px;
  height: 406px;
  border-radius: 5px;
  background: linear-gradient(180deg, #00140A 0%, rgba(0, 20, 10, 0) 50%);
}
.page__testimonials .grid .testimonials__video .testimonial__frame .info {
  position: absolute;
  z-index: 3;
  width: 100%;
  top: 0;
  left: 0;
  text-align: center;
  padding-top: 20px;
}
.page__testimonials .grid .testimonials__video .testimonial__frame .info .name,
.page__testimonials .grid .testimonials__video .testimonial__frame .info .job {
  display: block;
}
.page__testimonials .grid .testimonials__video .testimonial__frame .info .name {
  color: white;
  font: 400 14px 'Inter', sans-serif;
}
.page__testimonials .grid .testimonials__video .testimonial__frame .info .job {
  color: #C18F65;
  font: 500 16px 'Space Grotesk', sans-serif;
}
.page__testimonials .grid .testimonials__video .testimonial__frame .button__play--positioning {
  position: absolute;
  z-index: 3;
  bottom: -39px;
  left: calc(50% - 39.5px);
  transition: all linear 0.2s;
  box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.1), 0px 10px 22px 0px rgba(0, 0, 0, 0.1), 0px 39px 39px 0px rgba(0, 0, 0, 0.09), 0px 89px 53px 0px rgba(0, 0, 0, 0.05), 0px 158px 63px 0px rgba(0, 0, 0, 0.01), 0px 247px 69px 0px rgba(0, 0, 0, 0);
}
.page__testimonials .grid .testimonials__video .testimonial__frame:hover {
  cursor: pointer;
}
.page__testimonials .grid .testimonials__video .testimonial__frame:hover .cover {
  transform: scale(1.05);
}
.page__testimonials .grid .testimonials__video .testimonial__frame:hover .button__play {
  transform: scale(1.05);
  border: 1px solid rgba(255, 255, 255, 0.7);
  background-color: black;
}
.page__testimonials .grid .testimonials__video .testimonial__frame:hover .button__play .play__icon {
  fill: white;
}
.page__testimonials .grid .testimonials__quotes {
  padding-top: 66px;
}
.page__testimonials .grid .testimonials__quotes .testimonial__card {
  padding-left: 30px;
  padding-right: 30px;
  margin-bottom: 40px;
}
.page__testimonials .grid .testimonials__quotes .testimonial__card .icon {
  display: block;
  margin-bottom: 16px;
}
.page__testimonials .grid .testimonials__quotes .testimonial__card .description {
  font: 400 16px/23px 'Inter', sans-serif;
  color: #000;
  text-align: left;
  margin-bottom: 17px;
}
.page__testimonials .grid .testimonials__quotes .testimonial__card .person {
  font: 500 16px 'Space Grotesk', sans-serif;
  color: #000;
}
.page__testimonials .grid .testimonials__quotes .testimonial__card:last-child {
  margin-bottom: 0;
}
@media (min-width: 768px) {
  .page__testimonials .grid {
    max-width: 768px;
    margin-left: auto;
    margin-right: auto;
    display: grid;
    grid-template-areas: "heading heading" "video quotes";
  }
  .page__testimonials .grid .testimonials__heading {
    grid-area: heading;
  }
  .page__testimonials .grid .testimonials__heading .title {
    font: 500 36px 'Space Grotesk', sans-serif;
    color: #000;
    text-align: left;
  }
  .page__testimonials .grid .testimonials__video {
    grid-area: video;
  }
  .page__testimonials .grid .testimonials__quotes {
    padding-top: 0;
    grid-area: quotes;
  }
}
@media (min-width: 768px) and (max-width: 1200px) {
  .page__testimonials .grid {
    padding-left: 30px;
    padding-right: 30px;
  }
}
@media (min-width: 1200px) {
  .page__testimonials .grid {
    max-width: 1030px;
    padding-top: 169px;
    grid-template-areas: "heading video quotes";
    grid-template-columns: 322px 335px 1fr;
  }
  .page__testimonials .grid .testimonials__heading {
    padding-top: 119px;
    margin-bottom: 0;
    max-width: 322px;
  }
  .page__testimonials .grid .testimonials__heading .title {
    font-size: 46px;
  }
}
.page__faq {
  background-image: url('/assets/img/faq/faq-mobile.png');
  background-size: cover;
  background-attachment: fixed;
}
.page__faq .wrapper {
  padding-top: 115px;
  padding-bottom: 116px;
}
@media (max-width: 1200px) {
  .page__faq .wrapper {
    padding-left: 30px;
    padding-right: 30px;
  }
}
@media (min-width: 968px) {
  .page__faq .wrapper {
    max-width: 968px;
    margin-left: auto;
    margin-right: auto;
  }
}
.page__faq .wrapper .heading .title {
  margin-bottom: 30px;
  font: 500 36px 'Space Grotesk', sans-serif;
  color: white;
  text-align: center;
  position: relative;
  padding-bottom: 20px;
}
.page__faq .wrapper .heading .title::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 266px;
  height: 1px;
  background-color: white;
}
.page__faq .question {
  padding-top: 30px;
  padding-bottom: 30px;
  border-bottom: 1px solid #FFF;
}
.page__faq .question:first-of-type {
  padding-top: 0;
}
.page__faq .question:last-child {
  padding-bottom: 0;
  border-bottom: 0;
}
.page__faq .question .question__title {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 23px;
  list-style-type: none;
  font: 500 18px 'Space Grotesk', sans-serif;
  color: white;
  text-align: left;
}
.page__faq .question .question__title .icon__faq {
  transform: scale(0.6);
}
.page__faq .question .question__content {
  font: 400 14px/20px 'Inter', sans-serif;
  color: white;
  text-align: left;
  max-width: 80%;
}
.page__faq .question[open] .question__title {
  margin-bottom: 10px;
}
@media (min-width: 768px) {
  .page__faq {
    background-image: url('/assets/img/faq/faq-desktop.png');
  }
  .page__faq .wrapper {
    padding-top: 145px;
    padding-bottom: 177px;
  }
  .page__faq .wrapper .heading .title {
    margin-bottom: 74px;
  }
  .page__faq .question .question__title {
    padding-left: 80px;
    padding-right: 80px;
  }
  .page__faq .question .question__title .icon__faq {
    transform: scale(1);
  }
  .page__faq .question .question__content {
    padding-left: 80px;
    padding-right: 80px;
  }
  .page__faq .question[open] .question__title {
    margin-bottom: 20px;
  }
}
.page__about--home.page__about .wrapper .description:not(:first-of-type) {
  margin-top: 17px;
}
.page__showroom {
  padding-bottom: 60px;
}
@media (max-width: 1200px) {
  .page__showroom {
    padding-left: 30px;
    padding-right: 30px;
  }
}
@media (min-width: 1200px) {
  .page__showroom {
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
  }
}
.page__showroom .heading .title {
  font: 500 36px 'Space Grotesk', sans-serif;
  color: #000;
  text-align: center;
  margin-bottom: 30px;
}
.page__showroom .owl-carousel.owl-theme.showroom__carousel .owl-dots {
  margin-top: 30px;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 5px;
}
.page__showroom .owl-carousel.owl-theme.showroom__carousel .owl-dots .owl-dot {
  height: 10px !important;
  display: flex;
  align-items: center;
}
.page__showroom .owl-carousel.owl-theme.showroom__carousel .owl-dots .owl-dot span {
  margin: 0;
  width: 10px;
  height: 10px;
  background-color: #D2D2D2;
  border-radius: 0;
  transition: all linear 0.2s;
}
.page__showroom .owl-carousel.owl-theme.showroom__carousel .owl-dots .owl-dot.active span {
  background-color: #1F1A17;
}
.page__showroom .owl-carousel.owl-theme.showroom__carousel .owl-dots.disabled {
  display: none;
}
@media (min-width: 1200px) {
  .page__showroom {
    padding-bottom: 114px;
  }
  .page__showroom .heading .title {
    position: relative;
    max-width: fit-content;
    padding: 10px 80px 26px 80px;
    background-color: white;
    z-index: 5;
    margin-left: auto;
    margin-right: auto;
  }
  .page__showroom .showroom__wrapper {
    position: relative;
    margin-top: -70px;
    z-index: 4;
  }
  .page__showroom .showroom__wrapper .owl-carousel.owl-theme.showroom__carousel .owl-nav {
    display: flex;
    justify-content: space-between;
    position: absolute;
    top: calc(50% - 12px);
    left: -60px;
    right: -60px;
  }
  .page__showroom .showroom__wrapper .owl-carousel.owl-theme.showroom__carousel .owl-nav .owl-next:hover,
  .page__showroom .showroom__wrapper .owl-carousel.owl-theme.showroom__carousel .owl-nav .owl-prev:hover {
    background-color: transparent;
    transform: scale(1.1);
  }
}
@media (min-width: 1200px) and (max-width: 1200px) {
  .page__showroom .showroom__wrapper {
    padding-left: 30px;
    padding-right: 30px;
  }
}
@media (min-width: 1200px) and (min-width: 968px) {
  .page__showroom .showroom__wrapper {
    max-width: 968px;
    margin-left: auto;
    margin-right: auto;
  }
}
.page__nature--home.page__nature--about {
  background-image: url('/assets/img/nature/nature-2.png');
}
.page__nature--home.page__nature--about .wrapper {
  overflow: hidden;
}
.page__nature--home.page__nature--about .wrapper .cover {
  position: relative;
  margin-bottom: 60px;
}
.page__nature--home.page__nature--about .wrapper .cover .cover--detail {
  position: absolute;
  right: -30px;
  bottom: -30px;
}
.page__nature--home.page__nature--about .wrapper .cover .cover__main {
  max-width: 100%;
}
.page__nature--home.page__nature--about .wrapper .contents .contents__seal {
  display: block;
  margin-left: auto;
  margin-right: auto;
}
@media (min-width: 968px) {
  .page__nature--home.page__nature--about .wrapper {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 100px;
  }
  .page__nature--home.page__nature--about .wrapper .cover {
    position: relative;
    margin-bottom: 0;
  }
  .page__nature--home.page__nature--about .wrapper .cover .cover--detail {
    right: -30px;
    bottom: -20px;
  }
  .page__nature--home.page__nature--about .wrapper .contents .title {
    text-align: left;
    position: relative;
    padding-bottom: 20px;
  }
  .page__nature--home.page__nature--about .wrapper .contents .title::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 266px;
    height: 1px;
    background-color: white;
  }
  .page__nature--home.page__nature--about .wrapper .contents .description {
    text-align: left;
  }
  .page__nature--home.page__nature--about .wrapper .contents .contents__seal {
    margin-left: 0;
    margin-right: 0;
  }
}
@media (min-width: 968px) and (max-width: 1200px) {
  .page__nature--home.page__nature--about .wrapper {
    padding-left: 30px;
    padding-right: 30px;
  }
}
@media (min-width: 968px) and (min-width: 968px) {
  .page__nature--home.page__nature--about .wrapper {
    max-width: 968px;
    margin-left: auto;
    margin-right: auto;
  }
}
@media (min-width: 968px) and (min-width: 768px) {
  .page__nature--home.page__nature--about .wrapper .contents .title::after {
    left: 0;
    transform: none;
  }
}
.page__values {
  padding-top: 60px;
  padding-bottom: 60px;
}
.page__values .wrapper {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
@media (max-width: 1200px) {
  .page__values .wrapper {
    padding-left: 30px;
    padding-right: 30px;
  }
}
@media (min-width: 1200px) {
  .page__values .wrapper {
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
  }
}
.page__values .wrapper .value__card {
  box-shadow: 0px 10px 23px 0px rgba(0, 0, 0, 0.04), 0px 41px 41px 0px rgba(0, 0, 0, 0.03), 0px 93px 56px 0px rgba(0, 0, 0, 0.02), 0px 165px 66px 0px rgba(0, 0, 0, 0.01), 0px 258px 72px 0px rgba(0, 0, 0, 0);
  padding: 40px;
}
.page__values .wrapper .value__card .title {
  margin-top: 20px;
  margin-bottom: 5px;
  font: 500 36px 'Space Grotesk', sans-serif;
  color: #000;
  text-align: left;
}
.page__values .wrapper .value__card .description {
  font: 400 16px/23px 'Inter', sans-serif;
  color: #000;
  text-align: left;
}
@media (min-width: 768px) {
  .page__values {
    padding-top: 97px;
    padding-bottom: 181px;
  }
  .page__values .wrapper {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
  }
  .page__values .wrapper .value__card {
    height: 375px;
    padding-top: 59px;
    padding-left: 79px;
    padding-right: 55px;
  }
}
.video-ibama {
  position: relative;
  transition: all linear 0.2s;
}
.video-ibama:hover .button__play {
  border: 1px solid rgba(255, 255, 255, 0.7);
  background-color: black;
}
.video-ibama:hover .button__play .play__icon {
  fill: white;
}
.cover--detail {
  position: absolute;
  z-index: 2;
}
#button__play {
  position: absolute;
  right: 40% !important;
  bottom: -6% !important;
  cursor: pointer;
}
.page__categories .wrapper__categories {
  padding-top: 60px;
  padding-bottom: 60px;
}
.page__categories .wrapper__categories .heading .title {
  margin-bottom: 30px;
  font: 500 18px 'Space Grotesk', sans-serif;
  color: #71726B;
  text-align: center;
  letter-spacing: 3.2px;
  text-transform: uppercase;
}
.page__categories .wrapper__categories .categories .owl-carousel.owl-theme.categories__carousel .owl-dots {
  margin-top: 30px;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 5px;
}
.page__categories .wrapper__categories .categories .owl-carousel.owl-theme.categories__carousel .owl-dots .owl-dot {
  height: 10px !important;
  display: flex;
  align-items: center;
}
.page__categories .wrapper__categories .categories .owl-carousel.owl-theme.categories__carousel .owl-dots .owl-dot span {
  margin: 0;
  width: 10px;
  height: 10px;
  background-color: #D2D2D2;
  border-radius: 0;
  transition: all linear 0.2s;
}
.page__categories .wrapper__categories .categories .owl-carousel.owl-theme.categories__carousel .owl-dots .owl-dot.active span {
  background-color: #1F1A17;
}
.page__categories .wrapper__categories .categories .owl-carousel.owl-theme.categories__carousel .owl-dots.disabled {
  display: none;
}
@media (min-width: 1200px) {
  .page__categories .wrapper__categories .categories .owl-carousel.owl-theme.categories__carousel .owl-stage-outer {
    overflow: visible;
  }
}
@media (min-width: 1200px) {
  .page__categories .wrapper__categories {
    padding-top: 73px;
    padding-bottom: 73px;
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
  }
}
.page__products--grid {
  padding-bottom: 60px;
}
@media (max-width: 1200px) {
  .page__products--grid .wrapper {
    padding-left: 30px;
    padding-right: 30px;
  }
}
@media (min-width: 1200px) {
  .page__products--grid .wrapper {
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
  }
}
.page__products--grid .wrapper .heading .title {
  font: 500 36px 'Space Grotesk', sans-serif;
  color: #000;
  text-align: left;
  margin-bottom: 41px;
}
@media (max-width: 768px) {
  .page__products--grid .wrapper .heading .title {
    font-size: 34px;
  }
}
.page__products--grid .wrapper .grid {
  display: grid;
  grid-template-columns: 1fr;
}
@media (min-width: 768px) {
  .page__products--grid {
    padding-bottom: 100px;
  }
  .page__products--grid .wrapper .grid {
    grid-template-columns: 1fr 1fr;
    grid-gap: 20px;
  }
}
@media (min-width: 1200px) {
  .page__products--grid .wrapper .grid {
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 20px;
  }
}
/*@import 'less/pages/produtos-detalhe/product-detail.less';*/
.page__product-detail .product__intro {
  padding-top: 80px;
}
@media (max-width: 1200px) {
  .page__product-detail .product__intro {
    padding-left: 30px;
    padding-right: 30px;
  }
}
@media (min-width: 968px) {
  .page__product-detail .product__intro {
    max-width: 968px;
    margin-left: auto;
    margin-right: auto;
  }
}
.page__product-detail .product__intro .wrapper {
  display: flex;
  flex-direction: column;
}
.page__product-detail .product__intro .wrapper .product__images {
  position: relative;
}
.page__product-detail .product__intro .wrapper .product__images .detail--absolute {
  position: absolute;
  left: 0;
  top: -76px;
  z-index: 5;
  pointer-events: none;
}
@media (max-width: 768px) {
  .page__product-detail .product__intro .wrapper .product__images .detail--absolute {
    left: 180px;
    top: -85px;
  }
}
.page__product-detail .product__intro .wrapper .product__images .owl-carousel.owl-theme.product__carousel {
  display: grid;
  grid-template-columns: 70px 1fr;
  grid-template-areas: "thumbs image";
  grid-template-rows: 430px;
  gap: 15px;
  margin-bottom: 50px;
}
@media (max-width: 768px) {
  .page__product-detail .product__intro .wrapper .product__images .owl-carousel.owl-theme.product__carousel {
    grid-template-rows: 320px;
    display: flex;
    flex-direction: column;
  }
}
.page__product-detail .product__intro .wrapper .product__images .owl-carousel.owl-theme.product__carousel .owl-stage-outer {
  grid-area: image;
}
.page__product-detail .product__intro .wrapper .product__images .owl-carousel.owl-theme.product__carousel .owl-stage-outer .item {
  min-height: 450px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.page__product-detail .product__intro .wrapper .product__images .owl-carousel.owl-theme.product__carousel .owl-stage-outer .item img {
  display: block;
  max-width: 400px;
  object-fit: contain;
}
@media (max-width: 768px) {
  .page__product-detail .product__intro .wrapper .product__images .owl-carousel.owl-theme.product__carousel .owl-stage-outer .item img {
    max-width: 300px;
  }
}
.page__product-detail .product__intro .wrapper .product__images .owl-carousel.owl-theme.product__carousel .owl-stage-outer .item a {
  position: relative;
  width: fit-content;
  height: fit-content;
}
.page__product-detail .product__intro .wrapper .product__images .owl-carousel.owl-theme.product__carousel .owl-stage-outer .item a::after {
  opacity: 0;
  content: url(/assets/img/produto-detalhe/card-plus.svg);
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background-color: rgba(85, 51, 22, 0.7);
  display: flex;
  justify-content: center;
  align-items: center;
  transition: all linear 0.2s;
}
.page__product-detail .product__intro .wrapper .product__images .owl-carousel.owl-theme.product__carousel .owl-stage-outer .item a:hover::after {
  opacity: 1;
}
@media (max-width: 390px) {
  .page__product-detail .product__intro .wrapper .product__images .owl-carousel.owl-theme.product__carousel .owl-stage-outer .item {
    max-width: 300px !important;
    min-height: 300px !important;
  }
}
.page__product-detail .product__intro .wrapper .product__images .owl-carousel.owl-theme.product__carousel .owl-thumbs {
  grid-area: thumbs;
  display: flex;
  flex-direction: column-reverse;
  align-items: flex-start;
  gap: 10px;
  overflow: auto;
}
@media (max-width: 768px) {
  .page__product-detail .product__intro .wrapper .product__images .owl-carousel.owl-theme.product__carousel .owl-thumbs {
    display: flex;
    flex-direction: row;
  }
}
.page__product-detail .product__intro .wrapper .product__images .owl-carousel.owl-theme.product__carousel .owl-thumbs .owl-thumb-item {
  border: 0;
  background-color: transparent;
  padding: 0;
}
.page__product-detail .product__intro .wrapper .product__images .owl-carousel.owl-theme.product__carousel .owl-thumbs .owl-thumb-item img {
  width: 47px;
  height: 47px;
  opacity: 0.26;
  object-fit: contain;
}
.page__product-detail .product__intro .wrapper .product__images .owl-carousel.owl-theme.product__carousel .owl-thumbs .owl-thumb-item img:hover {
  opacity: 0.6;
}
.page__product-detail .product__intro .wrapper .product__images .owl-carousel.owl-theme.product__carousel .owl-thumbs .owl-thumb-item.active img {
  opacity: 1;
}
.page__product-detail .product__intro .wrapper .product__images .owl-carousel.owl-theme.product__carousel .owl-thumbs::-webkit-scrollbar {
  width: 2px;
  background-color: rgba(0, 0, 0, 0.2);
}
.page__product-detail .product__intro .wrapper .product__images .owl-carousel.owl-theme.product__carousel .owl-thumbs::-webkit-scrollbar-thumb {
  background-color: #000000;
}
.page__product-detail .product__intro .wrapper .product__presentation .tag {
  margin-bottom: 10px;
  font: 500 16px 'Space Grotesk', sans-serif;
  color: #71726B;
  text-align: left;
  letter-spacing: 3.2px;
  text-transform: uppercase;
}
.page__product-detail .product__intro .wrapper .product__presentation .title {
  margin-bottom: 10px;
  font: 500 36px 'Space Grotesk', sans-serif;
  color: #000;
  text-align: left;
}
@media (max-width: 768px) {
  .page__product-detail .product__intro .wrapper .product__presentation .title {
    font: 500 31px 'Space Grotesk', sans-serif;
  }
}
.page__product-detail .product__intro .wrapper .product__presentation .price {
  font: 400 28px 'Space Grotesk', sans-serif;
  color: #000;
  text-align: left;
}
.page__product-detail .product__intro .wrapper .product__presentation .description {
  margin-bottom: 40px;
  font: 400 16px/23px 'Inter', sans-serif;
  color: #000;
  text-align: justify;
}
@media (max-width: 1200px) {
  .page__product-detail .product__informations {
    padding-left: 30px;
    padding-right: 30px;
  }
}
@media (min-width: 968px) {
  .page__product-detail .product__informations {
    max-width: 968px;
    margin-left: auto;
    margin-right: auto;
  }
}
.page__product-detail .product__informations .tab__selector {
  border-bottom: 2px solid #000;
  margin-top: 60px;
  margin-bottom: 38px;
  display: flex;
  flex-direction: column;
  gap: 15px;
}
.page__product-detail .product__informations .tab__selector button {
  background-color: white;
  padding: 0 0 10px 0;
  border: 0;
  font: 500 18px 'Space Grotesk', sans-serif;
  color: #918D8C;
  text-align: center;
  transition: all linear 0.2s;
}
.page__product-detail .product__informations .tab__selector button.active {
  color: #000;
}
.page__product-detail .product__informations .tab__selector button:hover,
.page__product-detail .product__informations .tab__selector button:focus {
  color: #553316;
}
.page__product-detail .product__informations .tab__panes .pane {
  display: none;
}
.page__product-detail .product__informations .tab__panes .pane.show {
  display: block;
  padding-left: 10.2%;
}
.page__product-detail .product__informations .tab__panes .pane.show p {
  font: 400 16px/200% 'Inter', sans-serif;
  color: #000;
  text-align: left;
}
.page__product-detail .product__informations .tab__panes .pane.show ul {
  list-style-type: disc;
  padding-left: 22px;
}
.page__product-detail .product__informations .tab__panes .pane.show ul li {
  font: 400 16px/200% 'Inter', sans-serif;
  color: #000;
  text-align: left;
}
@media (min-width: 968px) {
  .page__product-detail .product__intro {
    padding-top: 170px;
    max-width: 1200px;
  }
  .page__product-detail .product__intro .wrapper {
    flex-direction: row;
    justify-content: space-between;
    gap: 100px;
  }
  .page__product-detail .product__intro .wrapper .product__images {
    max-width: 485px;
    min-width: 500px;
  }
  .page__product-detail .product__informations .tab__selector {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
  }
}
.page__related--products {
  padding-top: 60px;
  padding-bottom: 60px;
}
@media (max-width: 1200px) {
  .page__related--products .wrapper {
    padding-left: 30px;
    padding-right: 30px;
  }
}
@media (min-width: 1200px) {
  .page__related--products .wrapper {
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
  }
}
.page__related--products .wrapper .heading .title {
  margin-bottom: 30px;
  font: 500 36px 'Space Grotesk', sans-serif;
  color: #000;
  text-align: left;
}
.page__related--products .wrapper .posts__collection {
  display: grid;
  grid-template-columns: 1fr;
  gap: 20px;
}
@media (min-width: 768px) {
  .page__related--products {
    padding-top: 100px;
    padding-bottom: 180px;
  }
  .page__related--products .wrapper .posts__collection {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (min-width: 968px) {
  .page__related--products .wrapper .posts__collection {
    grid-template-columns: repeat(3, 1fr);
  }
}
.page__blog--feed .wrapper {
  padding-top: 60px;
  padding-bottom: 60px;
  display: flex;
  flex-direction: column;
}
@media (max-width: 1200px) {
  .page__blog--feed .wrapper {
    padding-left: 30px;
    padding-right: 30px;
  }
}
@media (min-width: 1200px) {
  .page__blog--feed .wrapper {
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
  }
}
.page__blog--feed .wrapper .categories .title {
  font: 500 36px 'Space Grotesk', sans-serif;
  color: #000;
  text-align: left;
  position: relative;
  padding-bottom: 20px;
}
.page__blog--feed .wrapper .categories .title::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 266px;
  height: 1px;
  background-color: black;
}
@media (min-width: 768px) {
  .page__blog--feed .wrapper .categories .title::after {
    left: 0;
    transform: none;
  }
}
.page__blog--feed .wrapper .categories .categories__navigation {
  margin-top: 30px;
}
.page__blog--feed .wrapper .categories .categories__navigation a {
  width: fit-content;
  margin-bottom: 20px;
  font: 400 18px 'Space Grotesk', sans-serif;
  color: #000;
  text-align: left;
  position: relative;
  transition: all linear 0.2s;
}
.page__blog--feed .wrapper .categories .categories__navigation a::before {
  content: '';
  position: absolute;
  bottom: -2px;
  left: 0;
  width: 0px;
  height: 1px;
  transition: all linear 0.3s;
  background-color: #553316;
}
.page__blog--feed .wrapper .categories .categories__navigation a:hover::before {
  width: 100%;
}
.page__blog--feed .wrapper .categories .categories__navigation a:hover {
  color: #553316;
}
.page__blog--feed .wrapper .posts__collection {
  display: grid;
  grid-template-columns: 1fr;
  gap: 20px;
}
@media (min-width: 768px) {
  .page__blog--feed .wrapper {
    padding-top: 100px;
    padding-bottom: 150px;
    flex-direction: row;
    justify-content: space-between;
    gap: 60px;
  }
  .page__blog--feed .wrapper .categories {
    min-width: 266px;
  }
}
@media (min-width: 968px) {
  .page__blog--feed .wrapper .posts__collection {
    max-width: 771px;
    grid-template-columns: repeat(2, 1fr);
  }
}
.page__post {
  padding-top: 60px;
}
@media (max-width: 1200px) {
  .page__post .wrapper {
    padding-left: 30px;
    padding-right: 30px;
  }
}
@media (min-width: 968px) {
  .page__post .wrapper {
    max-width: 968px;
    margin-left: auto;
    margin-right: auto;
  }
}
.page__post .wrapper .cover {
  width: 100%;
  height: 291px;
  object-fit: cover;
  object-position: center;
}
.page__post .wrapper .information {
  margin-top: 30px;
  margin-bottom: 20px;
  display: flex;
  flex-direction: column;
  gap: 15px;
}
.page__post .wrapper .information .date {
  font: 500 16px 'Space Grotesk', sans-serif;
  color: #71726B;
  text-align: left;
  letter-spacing: 3.2px;
  text-transform: uppercase;
}
.page__post .wrapper .information .social__share {
  display: flex;
  align-items: center;
  gap: 15px;
}
.page__post .wrapper .information .social__share span {
  font: 500 16px 'Space Grotesk', sans-serif;
  color: #71726B;
  text-align: left;
  letter-spacing: 3.2px;
  text-transform: uppercase;
}
.page__post .wrapper .information .social__share a {
  transition: all linear 0.2s;
}
.page__post .wrapper .information .social__share a:hover {
  opacity: 0.8;
}
.page__post .wrapper .title {
  margin-bottom: 20px;
  font: 500 28px 'Space Grotesk', sans-serif;
  color: #000;
  text-align: left;
  width: 100%;
  max-width: 791px;
}
.page__post .wrapper .text {
  font: 400 16px/23px 'Inter', sans-serif;
  color: #000;
  text-align: justify;
}
@media (min-width: 768px) {
  .page__post {
    padding-top: 100px;
  }
  .page__post .wrapper .information {
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
  }
}
.page__related--posts {
  padding-top: 60px;
  padding-bottom: 60px;
}
@media (max-width: 1200px) {
  .page__related--posts .wrapper {
    padding-left: 30px;
    padding-right: 30px;
  }
}
@media (min-width: 1200px) {
  .page__related--posts .wrapper {
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
  }
}
.page__related--posts .wrapper .heading .title {
  margin-bottom: 30px;
  font: 500 36px 'Space Grotesk', sans-serif;
  color: #000;
  text-align: left;
}
.page__related--posts .wrapper .posts__collection {
  display: grid;
  grid-template-columns: 1fr;
  gap: 20px;
}
@media (min-width: 768px) {
  .page__related--posts {
    padding-top: 100px;
    padding-bottom: 180px;
  }
  .page__related--posts .wrapper .posts__collection {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (min-width: 968px) {
  .page__related--posts .wrapper .posts__collection {
    grid-template-columns: repeat(3, 1fr);
  }
}
.page__contact {
  padding-top: 60px;
  padding-bottom: 60px;
}
.page__contact .contact__heading {
  margin-bottom: 30px;
}
.page__contact .contact__heading .title {
  font: 500 28px 'Space Grotesk', sans-serif;
  color: #000;
  text-align: left;
}
.page__contact .form__contact--grid {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.page__contact .form__contact--grid input,
.page__contact .form__contact--grid textarea {
  font: 400 16px 'Space Grotesk', sans-serif;
  width: 100%;
  border: 1px solid #000;
  padding: 20px 30px;
}
.page__contact .form__contact--grid input::placeholder,
.page__contact .form__contact--grid textarea::placeholder {
  color: #000;
}
.page__contact .form__contact--grid .footer {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 16px;
}
@media (min-width: 768px) {
  .page__contact {
    padding-top: 120px;
    padding-bottom: 70px;
  }
  .page__contact .form__contact--grid {
    display: grid;
    grid-template-areas: "i__name i__tel i__message" "i__email i__email i__message" "footer footer footer";
    grid-template-columns: 35% 15% 50%;
    gap: 20px;
  }
  .page__contact .form__contact--grid .i__name {
    grid-area: i__name;
  }
  .page__contact .form__contact--grid .i__tel {
    grid-area: i__tel;
  }
  .page__contact .form__contact--grid .i__email {
    grid-area: i__email;
  }
  .page__contact .form__contact--grid .i__message {
    grid-area: i__message;
  }
  .page__contact .form__contact--grid .footer {
    grid-area: footer;
    flex-direction: row;
    justify-content: flex-end;
    gap: 23px;
  }
}
.page__map iframe {
  margin-bottom: -7px;
}
.page__info {
  padding-top: 48px;
  padding-bottom: 48px;
}
.page__info .info__content {
  max-width: 768px;
  margin-left: auto;
  margin-right: auto;
  padding: 0 30px;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.page__info .info__content img {
  margin-bottom: 30px;
}
.page__info .info__content h2 {
  font: 500 36px 'Space Grotesk', sans-serif;
  color: #000;
  text-align: center;
  margin-bottom: 10px;
}
.page__info .info__content p {
  font: 400 14px 'Space Grotesk', sans-serif;
  color: #000;
  text-align: center;
  margin-bottom: 30px;
}
@media (min-width: 768px) {
  .page__info {
    padding-top: 100px;
    padding-bottom: 115px;
  }
}
.categorias .categories-row {
  width: auto;
}
.categorias .category_column {
  display: flex;
  flex-direction: column;
  align-items: center;
}
@media (min-width: 1200px) {
  .categorias .categories-row {
    width: 116%;
  }
  .categorias .category_column {
    align-items: self-start;
  }
}