@font-face {
  font-family: "Gotham-Bold";
  src: url(https://minisitios.ripley.cl/minisitios/estatico/fonts/font-gotham/Gotham-Bold.woff);
  font-display: fallback;
}

@font-face {
  font-family: "Gotham-light";
  src: url(https://minisitios.ripley.cl/minisitios/estatico/fonts/font-gotham/Gotham-Light.woff);
  font-display: fallback;
}

@font-face {
  font-family: "ActaDisplay-MediumItalic";
  src: url(https://minisitios.ripley.cl/minisitios/recursos/ActaDisplay-MediumItalic.woff);
  font-display: fallback;
}

/* ESTILOS GENERALES/MOBILE */
#CONTAINER-LANDING-DECO {
  max-width: 1200px;
  box-sizing: border-box;
  font-size: 16px;
  text-align: center;
  scroll-behavior: smooth;
  padding: 0;
  margin: 0 auto;
  /* RUSTICO */
  /* RUSTICO */
  /* TRIBAL */
  /* TRIBAL */
}

#CONTAINER-LANDING-DECO h2 {
  color: #000;
}

#CONTAINER-LANDING-DECO p {
  color: #000;
}

#CONTAINER-LANDING-DECO img {
  max-width: 100%;
}

#CONTAINER-LANDING-DECO picture {
  display: flex;
  justify-content: center;
}

#CONTAINER-LANDING-DECO a {
  text-decoration: none;
  cursor: pointer;
}

#CONTAINER-LANDING-DECO .text.principal {
  margin-bottom: 50px;
}

#CONTAINER-LANDING-DECO .text.principal .acta-font {
  font-family: "ActaDisplay-MediumItalic";
  font-weight: 500;
}

#CONTAINER-LANDING-DECO .text {
  margin-top: 20px;
}

#CONTAINER-LANDING-DECO .text span {
  font-family: "Gotham-Bold", serif;
  font-weight: 700;
}

#CONTAINER-LANDING-DECO .text h2 {
  font-family: "Gotham-light", serif;
  font-size: 1.2em;
}

#CONTAINER-LANDING-DECO .text .separador1 {
  display: block;
}

#CONTAINER-LANDING-DECO .text br {
  display: none;
}

#CONTAINER-LANDING-DECO .container-tendencias {
  display: flex;
  justify-content: space-around;
  gap: 20px;
  margin-bottom: 50px;
}

#CONTAINER-LANDING-DECO .container-tendencias img {
  width: 100%;
}

#CONTAINER-LANDING-DECO .tendencia-tribal2 {
  display: grid;
  grid-template-areas: "tribal5 tribal5 tribal6 tribal6" "tribal4 tribal4 tribal4 tribal4 ";
  gap: 10px;
  margin-top: 10px;
}

#CONTAINER-LANDING-DECO .tendencia-tribal2>div:hover {
  transform: translateY(-10px);
  transition: 200ms ease-in-out;
}

#CONTAINER-LANDING-DECO .tendencia-tribal2 .tribal4 {
  grid-area: tribal4;
}

#CONTAINER-LANDING-DECO .tendencia-tribal2 .tribal5 {
  grid-area: tribal5;
}

#CONTAINER-LANDING-DECO .tendencia-tribal2 .tribal6 {
  grid-area: tribal6;
}

#CONTAINER-LANDING-DECO #carrusel-1 .splide__pagination {
  bottom: -1.5em;
}

#CONTAINER-LANDING-DECO #carrusel-1 .splide__pagination__page {
  background: #E5E5E5;
}

#CONTAINER-LANDING-DECO #carrusel-1 .splide__pagination__page.is-active {
  background: #000;
  transform: scale(1.5);
}

#CONTAINER-LANDING-DECO #carrusel-1 img {
  width: 100%;
}

#CONTAINER-LANDING-DECO #carrusel-1 .splide__arrow {
  display: none;
}

#CONTAINER-LANDING-DECO .tendencia-rustica {
  display: grid;
  grid-template-areas: "rustica1 rustica1 rustica1 rustica1" "rustica2 rustica2 rustica3 rustica3" "rustica2 rustica2 rustica5 rustica5" "rustica4 rustica4 rustica6 rustica6";
  gap: 10px;
  margin-bottom: 50px;
}

#CONTAINER-LANDING-DECO .tendencia-rustica>div:hover {
  transform: translateY(-10px);
  transition: 200ms ease-in-out;
}

#CONTAINER-LANDING-DECO .tendencia-rustica .rustica-1 {
  grid-area: rustica1;
}

#CONTAINER-LANDING-DECO .tendencia-rustica .rustica-2 {
  grid-area: rustica2;
}

#CONTAINER-LANDING-DECO .tendencia-rustica .rustica-3 {
  grid-area: rustica3;
}

#CONTAINER-LANDING-DECO .tendencia-rustica .rustica-4 {
  grid-area: rustica4;
}

#CONTAINER-LANDING-DECO .tendencia-rustica .rustica-5 {
  grid-area: rustica5;
}

#CONTAINER-LANDING-DECO .tendencia-rustica .rustica-6 {
  grid-area: rustica6;
}

#CONTAINER-LANDING-DECO .tendencia-tribal {
  display: grid;
  gap: 10px;
  grid-template-areas: "tribal2 tribal2 tribal1 tribal1" "tribal2 tribal2 tribal1 tribal1" "tribal3 tribal3 tribal1 tribal1" "tribal3 tribal3 tribal1 tribal1";
}

#CONTAINER-LANDING-DECO .tendencia-tribal>div:hover {
  transform: translateY(-10px);
  transition: 200ms ease-in-out;
}

#CONTAINER-LANDING-DECO .tendencia-tribal .tribal1 {
  grid-area: tribal1;
}

#CONTAINER-LANDING-DECO .tendencia-tribal .tribal2 {
  grid-area: tribal2;
}

#CONTAINER-LANDING-DECO .tendencia-tribal .tribal3 {
  grid-area: tribal3;
}

#CONTAINER-LANDING-DECO .tendencia-botanica {
  display: grid;
  gap: 10px;
  grid-template-areas: "botanica1 botanica1 botanica1 botanica1" "botanica2 botanica2 botanica3 botanica3" "botanica4 botanica4 botanica4 botanica4";
}

#CONTAINER-LANDING-DECO .tendencia-botanica>div:hover {
  transform: translateY(-10px);
  transition: 200ms ease-in-out;
}

#CONTAINER-LANDING-DECO .tendencia-botanica .botanica1 {
  grid-area: botanica1;
}

#CONTAINER-LANDING-DECO .tendencia-botanica .botanica2 {
  grid-area: botanica2;
}

#CONTAINER-LANDING-DECO .tendencia-botanica .botanica3 {
  grid-area: botanica3;
}

#CONTAINER-LANDING-DECO .tendencia-botanica .botanica4 {
  grid-area: botanica4;
}

#CONTAINER-LANDING-DECO .tendencia-botanica2 {
  display: grid;
  grid-template-areas: "botanica5 botanica5 botanica6 botanica6" "botanica5 botanica5 botanica7 botanica7";
  gap: 10px;
  margin-top: 20px;
}

#CONTAINER-LANDING-DECO .tendencia-botanica2>div:hover {
  transform: translateY(-10px);
  transition: 200ms ease-in-out;
}

#CONTAINER-LANDING-DECO .tendencia-botanica2 .botanica5 {
  grid-area: botanica5;
}

#CONTAINER-LANDING-DECO .tendencia-botanica2 .botanica6 {
  grid-area: botanica6;
}

#CONTAINER-LANDING-DECO .tendencia-botanica2 .botanica7 {
  grid-area: botanica7;
}

#CONTAINER-LANDING-DECO .img-paleta-colores {
  margin-bottom: 50px;
}

#CONTAINER-LANDING-DECO .img-paleta-colores img {
  width: 70%;
}

#CONTAINER-LANDING-DECO .arrow-separation {
  margin: 30px auto;
}

#CONTAINER-LANDING-DECO .arrow-separation img {
  width: 5%;
}

#CONTAINER-LANDING-DECO .marcas-deco {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  margin: 50px auto;
}

#CONTAINER-LANDING-DECO .marcas-deco img {
  width: 100%;
}

#CONTAINER-LANDING-DECO .footer-deco {
  max-width: 1000px;
  margin: auto;
}

#CONTAINER-LANDING-DECO .footer-deco h1 {
  font-size: 1.5em;
  color: #000;
}

#CONTAINER-LANDING-DECO .footer-deco h2 {
  font-size: 1.5em;
}

/* ESTILOS GENERALES/MOBILE */
/* ESTILOS DESKTOP */
@media (min-width: 768px) {
  #CONTAINER-LANDING-DECO .text h2 {
    font-size: 2em;
    color: #000;
  }

  #CONTAINER-LANDING-DECO .text .separador1 {
    display: none;
  }

  #CONTAINER-LANDING-DECO .text br {
    display: block;
  }

  #CONTAINER-LANDING-DECO .text.principal {
    margin-bottom: 100px;
  }

  #CONTAINER-LANDING-DECO .container-tendencias img {
    width: 80%;
  }

  #CONTAINER-LANDING-DECO .text.principal {
    margin: 50px auto;
  }

  #CONTAINER-LANDING-DECO .tendencia-tribal {
    grid-template-areas: "tribal2 tribal2 tribal1 tribal1 tribal1 tribal1 tribal1 tribal1" "tribal3 tribal3 tribal1 tribal1 tribal1 tribal1 tribal1 tribal1";
    gap: 20px;
  }

  #CONTAINER-LANDING-DECO .tendencia-tribal2 {
    grid-template-areas: "tribal4 tribal5 tribal6";
    gap: 20px;
    margin-top: 30px;
  }

  #CONTAINER-LANDING-DECO .tendencia-rustica {
    display: grid;
    grid-template-areas: "rustica1 rustica1 rustica1 rustica1 rustica1 rustica1 rustica1 rustica1" "rustica2 rustica2 rustica2 rustica2 rustica3 rustica3 rustica4 rustica4" "rustica2 rustica2 rustica2 rustica2 rustica5 rustica5 rustica6 rustica6";
    gap: 20px;
    margin-bottom: 100px;
  }

  #CONTAINER-LANDING-DECO .tendencia-botanica {
    grid-template-areas: "botanica1 botanica1 botanica1 botanica1  botanica2 botanica2 botanica3 botanica3" "botanica1 botanica1 botanica1 botanica1  botanica4 botanica4 botanica4 botanica4";
    gap: 20px;
  }

  #CONTAINER-LANDING-DECO .tendencia-botanica2 {
    grid-template-areas: "botanica5 botanica5 botanica6 botanica7";
    gap: 20px;
  }

  #CONTAINER-LANDING-DECO .img-paleta-colores {
    margin-bottom: 100px;
  }

  #CONTAINER-LANDING-DECO .img-paleta-colores img {
    width: 70%;
  }

  #CONTAINER-LANDING-DECO #carrusel-1 img {
    width: 80%;
  }

  #CONTAINER-LANDING-DECO #carrusel-1 .splide__arrow--prev {
    left: -1em;
  }

  #CONTAINER-LANDING-DECO #carrusel-1 .splide__arrow--next {
    right: -1em;
  }

  #CONTAINER-LANDING-DECO #carrusel-1 .splide__arrow {
    display: flex;
    background: transparent;
  }

  #CONTAINER-LANDING-DECO #carrusel-1 .splide__arrow svg {
    fill: #000;
    height: 3.2em;
    width: 3.2em;
  }

  #CONTAINER-LANDING-DECO .marcas-deco {
    grid-template-columns: repeat(4, 1fr);
  }

  #CONTAINER-LANDING-DECO .marcas-deco img {
    width: 70%;
  }

  #CONTAINER-LANDING-DECO .arrow-separation {
    margin: 50px auto;
  }

  #CONTAINER-LANDING-DECO .arrow-separation img {
    width: 2%;
  }

  #CONTAINER-LANDING-DECO .footer-deco h1 {
    font-size: 2em;
  }
}

/* ESTILOS DESKTOP */
/*# sourceMappingURL=main.css.map */