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

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

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

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

/* GENERAL */
#landing-r__live {
  box-sizing: border-box;
}


/* BANNER-PRINCIPAL */
.banner-live {
  max-width: 1140px;
  margin: auto;
}
.rlive-bienvenido,
.premios {
  max-width: 900px;
  margin: auto;
}
.banner-live img {
  width: 100%;
  cursor: default;
}


/* TEXTO BIENVENIDO */
.rlive-bienvenido {
  padding: 25px 0px;
}
.rlive-bienvenido__parrafo {
  font-size: 0.9rem;
  text-align: justify;
  font-family: "Gotham-Book";
  color: #000;
  padding: 25px 10px 0 10px;
  margin: 0;
}
.rlive-bienvenido__parrafo span {
  font-family: "Gotham-Bold";
  color: #000;
}
.rlive-bienvenido__logo {
  max-width: 130px;
}
.rlive-bienvenido__cont-titulo {
  display: flex;
  flex-direction: row;
  justify-content: space-around;
  align-items: center;
  max-width: 300px;
  margin: auto;
  padding: 20px 0;
}
.rlive-bienvenido__titulo {
  font-family: "Gotham-Bold";
  font-size: 1.4rem;
  color: #000;
  margin: 0px;
  padding-top: 15px;
}


/* CONFIGURACION PREMIOS */
.premios__titulo {
  font-family: "Gotham-Bold";
  color: #000;
  font-size: 14px;
  text-align: center;
}
.seccion-premios {
  padding-bottom: 20px;
}
.premios {
  max-width: 300px;
  margin: auto;
  padding: 0px 5px;
  display: grid;
  gap: 10px;
}
.icon1 {
  grid-column: 1/3;
}
.icon2 {
  grid-column: 3/5;
}
.icon3 {
  grid-column: 1/3;
}
.icon4 {
  grid-column: 3/5;
}
.icon5 {
  grid-column: 2/4;
}
.premios-icons {
  min-width: 100px;
  min-height: 100px;
  border-radius: 10%;
  background-color: #8b28ed;
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  align-items: center;
  padding: 20px;
}
.premios-icons img {
  width: auto;
  height: 40px;
}
.premios-icons a {
  text-decoration: none;
}
.premios-texto {
  height: 50px;
  font-family: "Gotham-Bold", sans-serif;
  font-size: 0.8rem;
  color: #fff;
  text-align: center;
  padding-top: 7px;
  margin: 0;
}
.icono-desk {
  display: none;
}
.icono-mobile {
  display: block;
}


/* LIVES */
.container-lives {
  margin-top: 30px;
  background-color: #f5f5f5;
}
.container-titulo-subtitulo {
  padding: 10px;
}
.lives__titulo {
  font-family: "Gotham-Bold", sans-serif;
  font-size: 1.4rem;
  color: #000;
  margin: 0px;
  text-align: center;
  padding-top: 20px;
}
.lives__subtitulo {
  font-family: "Gotham-Book", sans-serif;
  color: #000;
  font-size: 0.9rem;
  text-align: center;
}
.live-reciente {
  max-width: 900px;
}
.live-reciente a {
  text-decoration: none;
}
.live-reciente__imagen img {
  width: 100%;
}
.live-reciente__contenido {
  text-decoration: none;
  background-color: #fff;
  margin-bottom: 30px;
}
.live-reciente__fecha {
  padding: 10px;
  font-size: 0.8rem;
  color: #000;
  font-family: "Gotham-Book", sans-serif;
}
.live-reciente__titulo {
  font-family: "Gotham-Black", sans-serif;
  padding: 0 10px;
  font-size: 1.2rem;
  color: #000;
}
.live-reciente__parrafo {
  font-family: "Gotham-Book", sans-serif;
  font-size: 0.9rem;
  padding: 0px 10px 20px 10px;
  color: #000;
}
.live-reciente__verMas {
  padding: 5px 40px;
  border-radius: 60px;
  border: 0px;
  background-color: #8b28ed;
  font-family: "Gotham-Book", sans-serif;
  font-size: 1rem;
  color: #fff;
  left: 50%;
  position: relative;
  top: 50%;
  transform: translate(-50%, -50%);
  margin-bottom: 15px;
  cursor: pointer;
}


/* GRILLA */
.card-item__imagen img {
  width: 140px;
}
.contenedor-cards {
  display: grid;
  gap: 10px;
  text-align: center;
}
.item1 {
  grid-column: 1/2;
  background-color: #fff;
}
.item2 {
  grid-column: 2/3;
  background-color: #fff;
}
.item3  {
  grid-column: 1/2;
  background-color: #fff;
}
.item4 {
  grid-column: 2/3;
  background-color: #fff;
}
.contenedor-cards2 {
  display: grid;
  gap: 10px;
  text-align: center;
}
.item5 {
  grid-column: 1/2;
  background-color: #fff;
}
.item6 {
  grid-column: 2/3;
  background-color: #fff;
}
.item7 {
  grid-column: 1/2;
  background-color: #fff;
}
.item8 {
  grid-column: 2/3;
  background-color: #fff;
}
.item9 {
  grid-column: 1/2;
  background-color: #fff;
}
.item10 {
  grid-column: 2/3;
  background-color: #fff;
}
.item11 {
  grid-column: 1/2;
  background-color: #fff;
}
.item12 {
  grid-column: 2/3;
  background-color: #fff;
}
.item13 {
  grid-column: 1/2;
  background-color: #fff;
}
.item14 {
  grid-column: 2/3;
  background-color: #fff;
}
.item15 {
  grid-column: 1/2;
  background-color: #fff;
}
.item16 {
  grid-column: 2/3;
  background-color: #fff;
}
.item17 {
  grid-column: 1/2;
  background-color: #fff;
}
.item18 {
  grid-column: 2/3;
  background-color: #fff;
}


/* CARDS LIVES */
/*.card-item {
  position:relative;
}
.card-item button {
  position:absolute;
  bottom: 35px;
  height: 50;
} */
.card-item a {
  text-decoration: none;
}
.card-item__titulo {
  font-family: "Gotham-Black", sans-serif;
  padding: 10px;
  font-size: 1rem;
  color: #000;
  margin: 0px;
  align-self: flex-start;
  height: 30px;
  text-align: left;
}
.card-item__parrafo {
  font-family: "Gotham-Book", sans-serif;
  font-size: 0.8rem;
  padding: 0px 10px;
  color: #000;
  height: 60px;
  text-align: left;
}
.card-item__verMas {
  padding: 5px 40px;
  border-radius: 60px;
  border: 0px;
  background-color: #8b28ed;
  font-family: "Gotham-Book", sans-serif;
  color: #fff;
  margin: 10px 0px;
  justify-self: flex-end;
  cursor: pointer;
}
.card-item__contenido {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}


/* VER MÁS */
.hide {
  max-height: 0px;
  overflow: hidden;
  transition: max-height 1.4s ease;
}
.show {
  max-height: 2800px;
  animation: fade 1s ease-in-out;
}
@keyframes fade {
  from {
    opacity: 0;
    transform: translateY(-10px);
  }

  to {
    opacity: 1;
    transform: translateY(0px);
  }
}
#svg-arrow.active {
  transform: rotate(180deg);
}
#svg-arrow {
  transition: transform 1s ease-in;
}
.ver-mas {
  text-align: center;
  font-family: "Gotham-Black", sans-serif;
  font-size: 1rem;
  color: #000;
  cursor: pointer !important;
}
.readMore_btn {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 30px 0px;
  cursor: pointer !important;
}
.contenedor-svg {
  width: 50px;
  height: 30px;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #7b7b7b;
  border-radius: 60px;
}


/* COMPRAR EN RLIVES */
.comprar-rlive {
  padding: 30px 10px;
 }
.comprar-rlive__titulo {
  font-family: "Gotham-Black", sans-serif;
  font-size: 1.4rem;
  color: #000;
  text-align: center;
}
.comprar-rlive__texto {
  font-family: "Gotham-Book", sans-serif;
  font-size: 0.9rem;
  color: #000;
  text-align: center;
  padding: 20px;
  line-height: 1.2;
  margin: 0;
}
#carousel-comprar img {
  width: 100%;
  cursor: default;
}
#carousel-comprar .splide__pagination {
  top: 80px;
}
#carousel-comprar .splide__pagination__page.is-active {
  background: #7a7a7a;
}


/* FOOTER */
.footer-rlive {
  background-color: #8b28ed;
  height: 400px;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: center;
  margin-top: 30px;
}
.footer-live__img img {
  width: 100%;
}
.footer-rlive__texto,
.footer-rlive__texto2 {
  font-size: 0.9rem;
  color: #fff;
  font-family: "Gotham-Book", sans-serif;
  text-align: center;
  padding: 5px 10px;
}
.footer-rlive__ripley {
  font-size: 1.4rem;
  color: #ffc700;
  font-family: "Gotham-Black", sans-serif;
  text-align: center;
}

#landing-r__live #carousel-comprar .splide__pagination__page.is-active {
  background: #c4c4c4;
}
#landing-r__live #carousel-comprar .splide__pagination {
  bottom: -1.5em;
}
#landing-r__live #carousel-comprar .splide__pagination__page {
  width: 20px;
  height: 4px;
  background: #ece5ec;
  border-radius: 2%;
  margin: 5px;
}




@media (min-width: 768px) {
  /* TEXTO BIENVENIDO */
  .rlive-bienvenido {
    padding: 20px 0px;
  }
  .rlive-bienvenido__logo {
    max-width: 180px;
  }
  .rlive-bienvenido__cont-titulo {
    max-width: 450px;
  }
  .rlive-bienvenido__titulo {
    font-size: 2rem;
    padding-top: 15px;
  }
  .rlive-bienvenido__parrafo {
    font-size: 1.2rem;
    padding: 20px 0px 0px 0px;
  }


  /* PREMIOS */
  /* CONFIGURACION PREMIOS */
  .premios__titulo {
    font-size: 20px;
  }
  .seccion-premios {
    padding-bottom: 70px;
  }
  .premios {
    max-width: 785px;
    margin: auto;
    background-color: #8b28ed;
    padding: 0 ;
    border-radius: 10%;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .premios-icons {
    max-width: 150px;
    max-height: 150px;
    border-radius: 10%;
    background-color: #8b28ed;
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    align-items: center;
    padding: 20px;
  }
  .premios-icons img {
    width: 40%;
    height: 40%;
  }
  .premios-icons a {
    text-decoration: none;
  }
  .premios-texto {
    font-size: 0.9rem;
    height: 60px;
    padding-top: 7px;
  }
  .premios-icons:hover {
    background-color: #ffc700;
    transform: scale(1.2, 1.2);
    transition: transform 0.3s ease, background-color 0.5s ease;
  }
  .icono-desk {
    display: block;
  }
  .icono-mobile {
    display: none;
  }


  /* LIVES */
  .lives__titulo {
    font-size: 1.8rem;
    padding: 50px 0 0 0;
  }
  .lives__subtitulo {
    font-size: 1.2rem;
    width: 700px;
    color: #000;
  }
  .container-titulo-subtitulo {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }
  .live-reciente {
    max-width: 900px;
    margin: auto;
    background-color: #fff;
  }
  .live-reciente a {
    text-decoration: none;
    display:inline-flex;
  }
  .live-reciente__imagen img {
    width: 100%;
  }
  .live-reciente__contenido {
    text-decoration: none;
    margin-bottom: 30px;
    padding: 10px 0 0 0;
  }
  .live-reciente__fecha {
    font-size: 0.8rem;
    color: #000;
    font-family: "Gotham-Book", sans-serif;
  }
  .live-reciente__titulo {
    font-family: "Gotham-Black", sans-serif;
    padding: 0 10px;
    font-size: 1.4rem;
    color: #000;
  }
  .live-reciente__parrafo {
    font-family: "Gotham-Book", sans-serif;
    font-size: 1rem;
    padding: 0px 10px 20px 10px;
    color: #000;
  }
  .live-reciente__verMas {
    padding: 5px 40px;
    border-radius: 60px;
    border: 0px;
    background-color: #8b28ed;
    font-family: "Gotham-Book", sans-serif;
    font-size: 1rem;
    color: #fff;
    left: 50%;
    position: relative;
    top: 15%;
    transform: translate(-50%, -50%);
  }
  .card-live,
  .card-live2 {
    max-width: 900px;
    margin: 30px auto;
  }


  /* GRILLA CARDS DESKTOP */
  .contenedor-cards {
    display: grid;
    gap: 10px;
    text-align: center;
  }
  .item1 {
    grid-column: 1/2;
    background-color: #fff;
  }
  .item2 {
    grid-column: 2/3;
    background-color: #fff;
  }
  .item3  {
    grid-column: 3/4;
    background-color: #fff;
  }
  .item4 {
    grid-column: 4/5;
    background-color: #fff;
  }
  .contenedor-cards2 {
    display: grid;
    gap: 10px;
    text-align: center;
  }
  .item5 {
    grid-column: 1/2;
    background-color: #fff;
  }
  .item6 {
    grid-column: 2/3;
    background-color: #fff;
  }
  .item7 {
    grid-column: 3/4;
    background-color: #fff;
  }
  .item8 {
    grid-column: 4/5;
    background-color: #fff;
  }
  .item9 {
    grid-column: 1/2;
    background-color: #fff;
  }
  .item10 {
    grid-column: 2/3;
    background-color: #fff;
  }
  .item11 {
    grid-column: 3/4;
    background-color: #fff;
  }
  .item12 {
    grid-column: 4/5;
    background-color: #fff;
  }
  .item13 {
    grid-column: 1/2;
    background-color: #fff;
  }
  .item14 {
    grid-column: 2/3;
    background-color: #fff;
  }
  .item15 {
    grid-column: 3/4;
    background-color: #fff;
  }
  .item16 {
    grid-column: 4/5;
    background-color: #fff;
  }
  .item17 {
    grid-column: 2/3;
    background-color: #fff;
  }
  .item18 {
    grid-column: 3/4;
    background-color: #fff;
  }
  .card-item a {
    text-decoration: none;
  }
  .card-item__imagen img {
    width: 215px;
  }
  .card-item__titulo {
    font-family: "Gotham-Black", sans-serif;
    padding: 10px 20px;
    font-size: 1.2rem;
    color: #000;
    margin: 0px;
    align-self: flex-start;
  }
  .card-item__parrafo {
    font-family: "Gotham-Book", sans-serif;
    font-size: 0.9rem;
    padding: 0px 20px;
    color: #000;
  }
  .card-item__verMas {
    padding: 5px 40px;
    border-radius: 60px;
    border: 0px;
    background-color: #8b28ed;
    font-family: "Gotham-Book", sans-serif;
    color: #fff;
    margin: 10px 0px;
  }
  .card-item__contenido {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }


  /* VER MAS */
  .hide {
    max-height: 0px;
    overflow: hidden;
    transition: max-height 1.4s ease;
  }
  .show {
    max-height: 1600px;
    animation: fade 1s ease-in-out;
  }
  #svg-arrow.active {
    transform: rotate(180deg);
  }
  #svg-arrow {
    transition: transform 1s ease-in;
  }
  @keyframes fade {
    from {
      opacity: 0;
      transform: translateY(-10px);
    }

    to {
      opacity: 1;
      transform: translateY(0px);
    }
  }
  .ver-mas {
    text-align: center;
    font-family: "Gotham-Black", sans-serif;
    font-size: 1rem;
    color: #000;
  }
  .readMore_btn {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 0px;
  }
  .contenedor-svg {
    width: 50px;
    height: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #7b7b7b;
    border-radius: 60px;
  }


  /* COMPRAR RLIVES */
  .comprar-rlive {
    max-width: 1140px;
    margin: 60px auto;
    display: flex;
    justify-content: space-evenly;
    align-items: center;
  }
  .comprar-rlive__titulo {
    font-family: "Gotham-Black", sans-serif;
    font-size: 1.8rem;
    color: #000;
    padding-bottom: 10px;
    text-align: left;
  }
  .comprar-rlive__texto {
    font-family: "Gotham-Book", sans-serif;
    font-size: 1.2rem;
    color: #000;
    text-align: left;
    width: 300px;
    padding: 0 !important;
  }
  .comprar-rlive__carousel {
    width: 50%;
  }
  #carousel-comprar img {
    width: 100%;
  }
  #carousel-comprar .splide__pagination {
    top: 170px;
  }


  /* FOOTER */
  .footer-rlive {
    background-color: #8b28ed;
    height: 300px;
    padding: 0px 250px;
    display: flex;
    flex-direction: row;
    justify-content: space-evenly;
    align-items: center;
  }
  .contenedor-footer {
    max-width: 500px;
  }
  .footer-rlive__texto,
  .footer-rlive__ripley,
  .footer-rlive__texto2 {
    margin: 0px;
  }
  .footer-rlive__texto,
  .footer-rlive__texto2 {
    font-size: 1rem;
    color: #fff;
    font-family: "Gotham-Book", sans-serif;
    text-align: left;
    padding: 5px;
    line-height: 1.6rem;
  }
  .footer-rlive__ripley {
    font-size: 2rem;
    color: #ffc700;
    font-family: "Gotham-Black", sans-serif;
    text-align: left;
  }
}