/* main swiper*/
/*.swiper-main {
    width: 100%;
    height: 500px;
  }

  .swiper-main .swiper-slide {
    text-align: center;
    font-size: 18px;
    background: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
  }

 .swiper-main  img {
   
    width: 100%;
    height: 300px;
    object-fit: cover;
  }

 .swiper-main .swiper-slide {
    width: 50px;
  }
 /* */

 .swiper .swiper-main {
  width: 100%;
  
  }
  
  .swiper-main .swiper-slide {
  width: 100%;
  }
  
  .swiper-main figure img { 
  height: 400px;
  width: 100%; 
  object-fit: cover;
  }
 
 
    
    @media (max-width: 500px) {
    .swiper-main img { 
    height: 200px;
    width: 100%;
    }   
    }
    .swiper-main .swiper-button-prev, 
    .swiper-main .swiper-button-next {
    --swiper-navigation-size: 10px;
    background-color: white;
    height: 50px;
    width: 50px;  
    margin-top: -25px;
    transition: opacity 0.3s;
    opacity: 0;
    }

    .swiper-main:hover .swiper-button-prev,
    .swiper-main:hover .swiper-button-next {
opacity: 0.8;
}
    
    .swiper-main .swiper-button-prev { 
        border-radius: 0 65px 65px 0;
        left: -10px;
    }
    .swiper-main .swiper-button-next { 
        border-radius: 65px 0px 0px 65px;
        right: -10px;
    }


/* swiper revs y ebooks */
.swiper .swiper-revs {
width: 100%;
max-width: 1600px;
}

.swiper-revs .swiper-slide {
width: 100px;
}

.swiper-revs img { 
height: auto;
width: 100%; 
object-fit: cover;
}

@media (min-width: 1024px) {
.swiper-revs img { 
height: 140px;
}   
}

@media (min-width: 500px) {
.swiper-revs img { 
height: 140px;
}   
}


.swiper-revs .swiper-button-prev, 
.swiper-revs .swiper-button-next {
--swiper-navigation-size: 10px;
background-color: white;
height: 50px;
width: 50px;  
margin-top: -80px;
opacity: 0;
transition: opacity 0.3s;
}

.swiper-revs .swiper-button-prev { 
    border-radius: 0 65px 65px 0;
    left: -10px;
}
.swiper-revs .swiper-button-next { 
    border-radius: 65px 0px 0px 65px;
    right: -10px;
}
.swiper-revs:hover .swiper-button-prev,
.swiper-revs:hover .swiper-button-next {
opacity: 0.8;
}

.swiper-revs .swiper-pagination {
--swiper-pagination-color: white;
--swiper-pagination-bullet-size: 8px;
--swiper-pagination-bullet-inactive-color: #000;
--swiper-pagination-bullet-inactive-opacity: 0.25;
--swiper-pagination-bullet-opacity: 1;
--swiper-pagination-bullet-horizontal-gap: 2px;
}
.swiper-revs .swiper-pagination-bullet {
box-shadow: inset 0 0 0 1px #fff;
}

.swiper-revs .swiper-pagination-bullet:active {
box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.25);
}

.swiper-revs .swiper-slide {
    opacity: 1;
    transition: opacity 0.3s;
}


.swiper-revs .swiper-slide:hover {
    opacity: 0.7;
}

/* swiper arts */
.swiper-arts {
    width: 100%;
    max-width: 1600px;
  }
  
  .swiper-arts .swiper-slide {
      width: 200px;
      height: 200px;
  }
  
  /*.swiper-arts img { 
      height: 255px;
      width: 100%; 
      object-fit: cover;
  }*/
  
  @media (min-width: 1024px) {
      .swiper-arts .swiper-slide { 
      height: 250px;
      width: 250px;
  }   
  }
  
  @media (min-width: 320px) {
      .swiper-arts .swiper-slide { 
      width: 260px;
        height: 230px;
  }   
  }
  
  
  .swiper-arts .swiper-button-prev, 
  .swiper-arts .swiper-button-next {
      --swiper-navigation-size: 10px;
      background-color: white;
      height: 50px;
      width: 50px;  
      margin-top: -35px;
      opacity: 0;
      transition: opacity 0.3s;
      }
  
      .swiper-arts .swiper-button-prev { 
          border-radius: 0 65px 65px 0;
          left: -10px;
      }
      .swiper-arts .swiper-button-next { 
          border-radius: 65px 0px 0px 65px;
          right: -10px;
      }
  .swiper-arts:hover .swiper-button-prev,
  .swiper-arts:hover .swiper-button-next {
      opacity: 0.8;
  }

  .swiper-container {
    width: 100%;
    height: 100%;
  }
  
  .swiper-slide {
    width: 100%;
  }