.productOfertSwiperWrapper {
    position: relative;
    max-width: 1210px;
    margin: auto;
  }
  
  .productOfertSwiper {
    overflow: hidden; /* mantiene oculto lo que se sale */
    height:auto;
    margin-top:-50px !important;
    padding-bottom:20px;
  }
  
  /* Flechas personalizadas fuera del slider */
  .customPrevOfert, .customNextOfert {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background-color: var(--white) !important;
    border:2px solid var(--principal)!important;
    color:var(--principal)!important;
    width: 44px;
    height: 44px;
    border-radius: 50%;
    z-index: 10;
  }
  .customPrevOfert:hover, .customNextOfert:hover{ 
      color: var(--white);
  }
  
  .customPrevOfert {
    left: -60px !important;
  }
  
  .customNextOfert {
    right: -60px !important;
  }
  
  @media(max-width:1360px){
      .productOfertSwiperWrapper {
      max-width: 1100px;
      }
  }
  
  @media(max-width:900px){
    .customPrevOfert {
    left:0px !important;
  }
  
  .customNextOfert {
    right:0px !important;
  }
  
  }