.productOfertSwiperWrapper {
    position: relative;
    max-width: 1210px;
    margin: auto;
    margin-top:45px;
  }

  .productOfertSwiper {
    overflow: hidden; /* mantiene oculto lo que se sale */
    height:auto;
    padding:20px 0px;
    padding-bottom:30px;
  }


    /* Ocultamos los íconos por defecto de Swiper */
    .customPrevOfert::after,
    .customNextOfert::after {
      display: none;
    }


  /* Flechas personalizadas fuera del slider */
  .customPrevOfert, .customNextOfert {
    position: absolute;
    top:57%;
    transform: translateY(-50%);
    background-color: var(--white);
    border:2px solid var(--principal);
    color:var(--principal);
    width: 44px;
    height: 44px;
    font-size:20px;
    border-radius: 50%;
    z-index: 10;
    transition:all ease .3s;
  }
  .customPrevOfert:hover, .customNextOfert:hover{
      color: var(--white);
        background-color: var(--principal);
  }

  .customPrevOfert {
    left: -60px !important;
  }

  .customNextOfert {
    right: -60px !important;
  }

  @media(max-width:1360px){
      .productOfertSwiperWrapper {
      max-width: 1000px;
      }

  }


    @media(max-width:1150px){
        .productOfertSwiperWrapper {
        max-width: 900px;
        }

    }


      @media(max-width:1050px){
        .productOfertSwiperWrapper {
        max-width:800px;
        }

    }



  @media(max-width:900px){
    .customPrevOfert {
    left:0px !important;
  }

  .customNextOfert {
    right:0px !important;
  }

  }