@charset "UTF-8";
@font-face {
  font-family: "TeXGyreAdventor";
  src: url("../fonts/TeXGyreAdventor-Regular.eot");
  src: url("../fonts/TeXGyreAdventor-Regular.eot?#iefix") format("embedded-opentype"), url("../fonts/TeXGyreAdventor-Regular.woff2") format("woff2"), url("../fonts/TeXGyreAdventor-Regular.woff") format("woff"), url("../fonts/TeXGyreAdventor-Regular.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Agrandir";
  src: url("../fonts/Agrandir-Regular.eot");
  src: url("../fonts/Agrandir-Regular.eot?#iefix") format("embedded-opentype"), url("../fonts/Agrandir-Regular.woff2") format("woff2"), url("../fonts/Agrandir-Regular.woff") format("woff"), url("../fonts/Agrandir-Regular.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Agrandir";
  src: url("../fonts/Agrandir-TextBold.eot");
  src: url("../fonts/Agrandir-TextBold.eot?#iefix") format("embedded-opentype"), url("../fonts/Agrandir-TextBold.woff2") format("woff2"), url("../fonts/Agrandir-TextBold.woff") format("woff"), url("../fonts/Agrandir-TextBold.ttf") format("truetype");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "TeXGyreAdventor";
  src: url("../fonts/TeXGyreAdventor-Bold.eot");
  src: url("../fonts/TeXGyreAdventor-Bold.eot?#iefix") format("embedded-opentype"), url("../fonts/TeXGyreAdventor-Bold.woff2") format("woff2"), url("../fonts/TeXGyreAdventor-Bold.woff") format("woff"), url("../fonts/TeXGyreAdventor-Bold.ttf") format("truetype");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}
.home {
  overflow: hidden;
}
.home-banner {
  display: flex;
  width: 100%;
  background: #F4EBE4;
  align-items: center;
  height: calc(100vh - 100px);
  justify-content: space-between;
  position: relative;
}
.home-banner-text {
  position: relative;
  width: 40%;
  padding-left: 5%;
}
.home-banner-background {
  position: absolute;
  top: 20%;
  left: 25%;
}
.home-banner-decorate {
  width: 150px;
  position: absolute;
  top: 0;
  right: 0;
  z-index: 0;
}
.home-banner-media {
  background: white;
  width: 45%;
  height: 100%;
  display: flex;
  align-items: center;
  position: relative;
}
.home-banner-image {
  width: 100%;
  object-fit: contain;
  position: relative;
  z-index: 1;
}
.home-banner-image-wrapper {
  width: 100%;
  height: fit-content;
  position: relative;
  left: -25%;
}
.home-about {
  display: flex;
  background: #F0F0F0;
  align-items: center;
  padding: 4em 0;
  gap: 2em;
}
.home-about-media {
  width: 50%;
  max-height: 70vh;
  position: relative;
}
.home-about-media img {
  height: 100%;
  width: 100%;
}
.home-about-media::after {
  content: "";
  width: 150px;
  height: 150px;
  position: absolute;
  background-size: 100%;
  top: 50%;
  left: 0;
  right: 0;
  transform: translateY(-50%);
  margin: auto;
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg id='SVGRepo_bgCarrier' stroke-width='0'%3E%3C/g%3E%3Cg id='SVGRepo_tracerCarrier' stroke-linecap='round' stroke-linejoin='round'%3E%3C/g%3E%3Cg id='SVGRepo_iconCarrier'%3E%3Cpath opacity='0.5' fill-rule='evenodd' clip-rule='evenodd' d='M12 22C17.5228 22 22 17.5228 22 12C22 6.47715 17.5228 2 12 2C6.47715 2 2 6.47715 2 12C2 17.5228 6.47715 22 12 22Z' fill='%238C827A'%3E%3C/path%3E%3Cpath d='M15.4137 13.059L10.6935 15.8458C9.93371 16.2944 9 15.7105 9 14.7868V9.21316C9 8.28947 9.93371 7.70561 10.6935 8.15419L15.4137 10.941C16.1954 11.4026 16.1954 12.5974 15.4137 13.059Z' fill='%238C827A'%3E%3C/path%3E%3C/g%3E%3C/svg%3E");
}
.home-about-text {
  width: 60%;
  padding-left: 5%;
  display: flex;
  flex-direction: column;
  gap: 1em;
}
.home-about video {
  width: 100%;
}
.home-about-body {
  padding: 0;
}
.home-features {
  display: flex;
  flex-direction: column;
  position: relative;
  gap: 1em;
  background: #F4EBE4;
  padding: 2em 0;
}
.home-features-text {
  text-align: center;
  padding: 2em 8%;
}
.home-features-wrapper {
  display: flex;
  flex-wrap: wrap;
  position: relative;
}
.home-features-item {
  width: 33.3333333333%;
  height: 50vh;
  position: relative;
  overflow: hidden;
}
.home-features-item-name {
  position: relative;
  width: 100%;
  height: 100%;
}
.home-features-item-name span {
  position: absolute;
  top: 2em;
  right: 0;
  background: #F4EBE4;
  font-size: 14px;
  padding: 0.5em 1em;
}
.home-features-item-name span h4, .home-features-item-name span h5 {
  margin-bottom: 0;
}
.home-features-item-name img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.home-features-item-info {
  position: absolute;
  text-align: center;
  width: 100%;
  height: 0;
  bottom: 0;
  left: 0;
  transition: all ease-in 0.3s;
  padding: 1em;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  opacity: 0;
}
.home-features-item-info span {
  width: 60px;
  height: 60px;
  border-radius: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #F0F0F0;
}
.home-features-item-info p {
  color: #FFFFFF;
  text-align: -webkit-match-parent;
}
.home-features-item-info p strong {
  color: #FFFFFF;
}
.home-features-item:hover .home-features-item-info {
  height: 100%;
  opacity: 1;
}
.home-features-item-1 .home-features-item-info {
  background: #85746A;
}
.home-features-item-1 .home-features-item-name span {
  left: 0;
  right: auto;
}
.home-features-item-2 .home-features-item-info {
  background: #707070;
}
.home-features-item-3 .home-features-item-info {
  background: #AA9E95;
}
.home-features-item-4 .home-features-item-info {
  background: #F4EBE4;
}
.home-features-item-4 .home-features-item-info span {
  background: #85746A;
}
.home-features-item-4 .home-features-item-info p {
  color: #8C827A;
}
.home-features-item-4 .home-features-item-info p strong {
  color: #8C827A;
}
.home-features-item-5 .home-features-item-info {
  background: #4D5858;
}
.home-features-item-4 {
  width: 75%;
}
.home-features-item-5 {
  width: 25%;
}
.home-features-carousel {
  display: none;
}
.home-sampler {
  display: flex;
  flex-direction: column;
  text-align: center;
  justify-content: center;
  gap: 2em;
  padding: 4em 2em;
}
.home-sampler-navigation {
  display: flex;
  gap: 2px;
  justify-content: center;
}
.home-sampler-navigation #sampler-name {
  padding-right: 0.75em;
  min-width: 200px;
}
.home-sampler-navigation li {
  transition: all ease-in 0.2s;
}
.home-sampler-navigation li.is-active {
  transform: translateY(-5px);
}
.home-sampler-text {
  display: flex;
  flex-direction: column;
  gap: 1em;
}
.home-sampler-text .button {
  margin: 0 auto;
}
.home-sampler-download strong {
  color: #8C827A;
}
.home-sampler-download strong:hover {
  text-decoration: underline #8C827A;
}
.home-sampler-item {
  display: flex;
  align-items: center;
  justify-content: center;
}
.home-sampler-item img {
  width: 75%;
  transition: all ease-in 0.2s;
  filter: grayscale(100%);
}
.home-sampler-item.is-next img {
  width: 100%;
  filter: none;
}
.home-sampler .splide__arrow {
  background: none;
  background-size: 100%;
  background-position: center center;
  background-repeat: no-repeat;
}
.home-sampler .splide__arrow svg {
  display: none;
}
.home-sampler .splide__arrow--next {
  background-image: url("data:image/svg+xml,%3Csvg id='Grupo_1930' data-name='Grupo 1930' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='55' height='27' viewBox='0 0 55 27'%3E%3Cdefs%3E%3CclipPath id='clip-path'%3E%3Crect id='Rectángulo_1530' data-name='Rectángulo 1530' width='55' height='27' fill='none'/%3E%3C/clipPath%3E%3C/defs%3E%3Cg id='Grupo_1929' data-name='Grupo 1929' clip-path='url(%23clip-path)'%3E%3Cpath id='Trazado_2890' data-name='Trazado 2890' d='M54.37,11.8l0,0L43.142.626a2.148,2.148,0,0,0-3.031,3.046l7.537,7.5H2.148a2.148,2.148,0,0,0,0,4.3h45.5l-7.537,7.5a2.148,2.148,0,0,0,3.031,3.046L54.368,14.843l0,0a2.15,2.15,0,0,0,0-3.042' transform='translate(0 0)'/%3E%3C/g%3E%3C/svg%3E%0A");
}
.home-sampler .splide__arrow--prev {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='55' height='27' viewBox='0 0 55 27'%3E%3Cdefs%3E%3CclipPath id='clip-path'%3E%3Crect id='Rectángulo_1530' data-name='Rectángulo 1530' width='55' height='27' fill='none'/%3E%3C/clipPath%3E%3C/defs%3E%3Cg id='Grupo_1998' data-name='Grupo 1998' transform='translate(55 27) rotate(180)'%3E%3Cg id='Grupo_1929' data-name='Grupo 1929' clip-path='url(%23clip-path)'%3E%3Cpath id='Trazado_2890' data-name='Trazado 2890' d='M54.37,11.8l0,0L43.142.626a2.148,2.148,0,0,0-3.031,3.046l7.537,7.5H2.148a2.148,2.148,0,0,0,0,4.3h45.5l-7.537,7.5a2.148,2.148,0,0,0,3.031,3.046L54.368,14.843l0,0a2.15,2.15,0,0,0,0-3.042' transform='translate(0 0)'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E ");
}
.home-info {
  background: #F4EBE4;
  display: flex;
  padding: 5%;
  align-items: center;
}
.home-info-text {
  width: 50%;
  padding-right: 5%;
  display: flex;
  flex-direction: column;
  gap: 1em;
}
.home-info-image {
  width: 50%;
}
.home-info-image img {
  height: 80vh;
}
@media screen and (max-width: 993px) {
  .home-banner {
    flex-direction: column;
  }
  .home-banner-text {
    padding: 1em;
    padding: 0;
    width: 100%;
    text-align: center;
    display: flex;
    flex-direction: column;
    height: 50vh;
    align-items: center;
    justify-content: center;
  }
  .home-banner-media {
    width: 100%;
    height: auto;
  }
  .home-banner-image {
    transform: translateY(-30%);
  }
  .home-banner-image-wrapper {
    left: 0;
  }
  .home-banner-decorate {
    top: -40%;
    left: calc(50% - 75px);
  }
  .home-about {
    flex-direction: column;
  }
  .home-about-text {
    width: 100%;
    padding-left: 0;
    padding: 1em;
    padding-top: 4em;
    text-align: center;
  }
  .home-about-text img {
    margin: auto;
  }
  .home-about-media {
    width: 100%;
  }
  .home-features-wrapper {
    display: none;
  }
  .home-features-item-name {
    height: 40%;
  }
  .home-features-item-info {
    height: 60%;
    opacity: 1;
    position: relative;
  }
  .home-features-carousel {
    display: block;
  }
  .home-info {
    flex-direction: column;
    padding: 2em 1em;
    gap: 1em;
  }
  .home-info-text {
    width: 100%;
    text-align: center;
  }
  .home-info-text .button {
    margin: auto;
  }
  .home-info-image {
    width: 100%;
  }
  .home-info-image img {
    height: 60vh;
  }
}