.swiper {
   width: 100%;
   height: auto;
   display: grid; /* Add CSS grid */
   grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); /* Adjust columns responsively */
   gap: 20px; /* Add gap between slides */
 }
 
 .swiper-slide {
   text-align: center;
   font-size: 18px;
   height: auto;
   background: var(--blanco);
   display: flex;
   flex-direction: column; /* Align content vertically */
   justify-content: center;
   align-items: center;
   grid-auto-rows: minmax(200px, auto); /* Set minimum height */
   margin-top:90px; /* Remove fixed margin */
 }
 
 .swiper-slide img {
   width: 100%;
   height: auto;
   object-fit: contain; /* Consider using contain here */
 }
 

 .swiper-button-next:after, .swiper-button-prev:after{font-size:0px;}

 .swiper-button-next:after, .swiper-rtl .swiper-button-prev:after{
     background-color:var(--blanco);
     opacity:0.9;
     border-radius: 5px;
     width:29px;height:29px;
     position: absolute;
     padding:5px;font-size:10px;
     content: '';
 }
 

 .swiper-button-next i{
     z-index:1;color:var(--principal);
     margin:15px;
 }

 .swiper-button-prev, .swiper-button-next{
   margin:8px;
 }


 .swiper-button-prev:after, .swiper-rtl .swiper-button-prev:after{
     background-color:var(--blanco);
     width:29px;height:29px; opacity:0.9;
     position: absolute;border-radius:5px;
     padding:5px;font-size:10px;
     content: '';
 }

 .swiper-button-prev i{
     z-index:1;color:var(--principal);
     margin:15px;
 }

 /* Pagination styles */
 .swiper-pagination-fraction {
   color: var(--blanco);
 }
 
 @media (max-width: 1100px) {
   .swiper {
     grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); /* Adjust columns responsively */
   }
 
   .swiper-slide {
     margin-top:100px; /* Adjust responsive margin */
   }

 }
 

 @media (max-width:900px) {
   .swiper-slide {
     margin-top:90px; /* Adjust responsive margin */
   }


   @media (max-width:850px) {
      .swiper-slide {
        margin-top:50px; /* Adjust responsive margin */
      }
   
   }
 }