.swiper-hero {
      width: 100%;
      max-width: 1600px;


    }

    .swiper-hero .swiper-slide {
      width: 250px;
      padding: 5px;
    }

    .swiper-hero img {
      height: 100%;
      width: 100%;
      object-fit: cover;
         border-radius: 20px;
    }

    @media (max-width: 600px) {
      .swiper-hero img {
        height: 200px;
        object-fit: cover;
      }

    }


    .swiper-hero .swiper-button-prev,
    .swiper-hero .swiper-button-next {
      --swiper-navigation-size: 20px;
      backdrop-filter: blur(50px);
      background: rgba(255, 255, 255, 0.65);
      height: 40px;
      width: 40px;
      margin-top: -35px;
      color: #000;
      opacity: 0;
      transition: opacity 0.3s;
    }

    .swiper-hero .swiper-button-prev {
      border-radius: 100px;
      left: 6px;
    }

    .swiper-hero .swiper-button-next {
      border-radius: 100px;
      right: 6px;
    }

    .swiper-hero:hover .swiper-button-prev,
    .swiper-hero:hover .swiper-button-next {
      opacity: 1;
    }

    .swiper-hero .swiper-pagination {
      --swiper-pagination-color: red;
      --swiper-pagination-bullet-size: 6px;
      --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-hero .swiper-pagination-bullet {
      box-shadow: inset 0 0 0 1px #fff;
    }

    .swiper-hero .swiper-pagination-bullet-active {
      box-shadow: 0 0 0 1px rgb(255, 5, 5);
    }











    .swipergrid {
   
      width: 100%;
      height: 120px;
  
      object-fit: cover;
    }

    .swiper-slidegrid {
  
  

      object-fit: cover;
      text-align: center;
   
      display: flexbox;
      justify-content: center;
      align-items: center;
      font-size: 15px;
      
    }

    .swiper-slidegrid2 {
    
      width: 100px;
border-radius: 100%;
border: 0.375rem solid white ;
      object-fit: cover;
      text-align: center;
      border-radius: 10px;
      display: flexbox;
      justify-content: center;
      align-items: center;
    }


@media (max-width: 1000px) {
  .elemento-ocultable {
  display: none;
  }
}







    .mySwiper .swiper-button-prev,
    .mySwiper .swiper-button-next {
      --swiper-navigation-size: 20px;

     background:rgba(128, 0, 0, 0.931);
      height: 40px;
      width: 40px;
      margin-top: -35px;
      color: #ffffff;
      opacity: 0;
      transition: opacity 0.3s;
    }

    .mySwiper .swiper-button-prev {
      border-radius: 100px;
      left: 6px;
    }

    .mySwiper .swiper-button-next {
      border-radius: 100px;
      right: 6px;
    }

    .mySwiper:hover .swiper-button-prev,
    .mySwiper:hover .swiper-button-next {
      opacity: 1;
    }

    .mySwiper .swiper-pagination {
      --swiper-pagination-color: red;
      --swiper-pagination-bullet-size: 6px;
      --swiper-pagination-bullet-inactive-color: #000;
      --swiper-pagination-bullet-inactive-opacity: 0.25;
      --swiper-pagination-bullet-opacity: 1;
      --swiper-pagination-bullet-horizontal-gap: 2px;
    }

    .mySwiper .swiper-pagination-bullet {
      box-shadow: inset 0 0 0 1px #fff;
    }

    .mySwiper .swiper-pagination-bullet-active {
      box-shadow: 0 0 0 1px rgb(255, 5, 5);
    }













    .mySwiper2 .swiper-button-prev,
    .mySwiper2 .swiper-button-next {
      --swiper-navigation-size: 20px;

     background:rgba(128, 0, 0, 0.931);
      height: 40px;
      width: 40px;
      margin-top: -35px;
      color: #ffffff;
      opacity: 0;
      transition: opacity 0.3s;
    }

    .mySwiper2 .swiper-button-prev {
      border-radius: 100px;
      left: 6px;
    }

    .mySwiper2 .swiper-button-next {
      border-radius: 100px;
      right: 6px;
    }

    .mySwiper2:hover .swiper-button-prev,
    .mySwiper2:hover .swiper-button-next {
      opacity: 1;
    }

    .mySwiper2 .swiper-pagination {
      --swiper-pagination-color: red;
      --swiper-pagination-bullet-size: 6px;
      --swiper-pagination-bullet-inactive-color: #000;
      --swiper-pagination-bullet-inactive-opacity: 0.25;
      --swiper-pagination-bullet-opacity: 1;
      --swiper-pagination-bullet-horizontal-gap: 2px;
    }

    .mySwiper2 .swiper-pagination-bullet {
      box-shadow: inset 0 0 0 1px #fff;
    }

    .mySwiper2 .swiper-pagination-bullet-active {
      box-shadow: 0 0 0 1px rgb(255, 5, 5);
    }







/* .swiper-hero {
      width: 100%;
      max-width: 1600px;


    }

    .swiper-hero .swiper-slide {
      width: 250px;
      padding: 5px;
    }

    .swiper-hero img {
      height: 100%;
      width: 100%;
      object-fit: cover;
         border-radius: 20px;
    } */





.swipergrid3 {
   
      width: 100%;
     
  
      object-fit: cover;
    }

    .swiper-slidegrid3 {
      margin: 5px;
      padding: 5px;
      width: 100px;
      height: 180px;
 box-shadow: 1px 1px 5px 1px rgba(0,0,0,0.1);
      object-fit: cover;
      text-align: center;
    border-radius: 10px;
      justify-content: center;
      align-items: center;
      font-size: 15px;
      
    }

    .swiper-slidegrid3 img {
     width: 100px;
     height: 100px;
      object-fit: cover;
      border-radius: 10px;
      margin-bottom: 5px;
      
    }

 




    .mySwiper3 .swiper-button-prev,
    .mySwiper3 .swiper-button-next {
      --swiper-navigation-size: 20px;

     background:rgba(128, 0, 0, 0.931);
      height: 40px;
      width: 40px;
      margin-top: -35px;
      color: #ffffff;
      opacity: 0;
      transition: opacity 0.3s;
    }

    .mySwiper3 .swiper-button-prev {
      border-radius: 100px;
      left: 6px;
    }

    .mySwiper3 .swiper-button-next {
      border-radius: 100px;
      right: 6px;
    }

    .mySwiper33:hover .swiper-button-prev,
    .mySwiper33:hover .swiper-button-next {
      opacity: 1;
    }

    .mySwiper3 .swiper-pagination {
      --swiper-pagination-color: red;
      --swiper-pagination-bullet-size: 6px;
      --swiper-pagination-bullet-inactive-color: #000;
      --swiper-pagination-bullet-inactive-opacity: 0.25;
      --swiper-pagination-bullet-opacity: 1;
      --swiper-pagination-bullet-horizontal-gap: 2px;
    }

    .mySwiper3 .swiper-pagination-bullet {
      box-shadow: inset 0 0 0 1px #fff;
    }

    .mySwiper3 .swiper-pagination-bullet-active {
      box-shadow: 0 0 0 1px rgb(255, 5, 5);
    }