/* =========================
   STA Schools Slider
========================= */

.sta-schools-slider-wrap{
  width:100%;
  position:relative;
}

.sta-schools-slider{
  width:100%;
  overflow:hidden;
}

.sta-schools-slider .swiper-wrapper{
  align-items:stretch;
}

.sta-schools-slider .swiper-slide{
  height:auto;
  display:flex;
}

.sta-schools-slider .sta-school-card{
  width:100%;
}

/* navegación */
.sta-schools-slider__nav{
  pointer-events:none;
}

.sta-schools-slider__arrow,
.sta-schools-slider button.sta-schools-slider__arrow,
.sta-schools-slider-wrap button.sta-schools-slider__arrow{
  position:absolute !important;
  top:50% !important;
  transform:translateY(-50%) !important;
  z-index:20 !important;

  width:58px !important;
  height:58px !important;
  min-width:58px !important;
  min-height:58px !important;
  padding:0 !important;
  margin:0 !important;

  display:flex !important;
  align-items:center !important;
  justify-content:center !important;

  border:none !important;
  outline:none !important;
  border-radius:50% !important;

  background:#fff !important;
  background-image:none !important;
  color:#c3a890 !important;

  cursor:pointer !important;
  pointer-events:auto !important;

  appearance:none !important;
  -webkit-appearance:none !important;
  -moz-appearance:none !important;

  box-shadow:0 10px 26px rgba(31,42,32,.12) !important;
  overflow:hidden !important;
  isolation:isolate;

  transition:
    transform .2s ease,
    box-shadow .2s ease,
    color .2s ease,
    background-color .2s ease !important;
}

.sta-schools-slider__arrow::before,
.sta-schools-slider__arrow::after{
  content:none !important;
  display:none !important;
}

.sta-schools-slider__arrow--prev{
  left:-28px !important;
}

.sta-schools-slider__arrow--next{
  right:-28px !important;
}

.sta-schools-slider__arrow span,
.sta-schools-slider button.sta-schools-slider__arrow span,
.sta-schools-slider-wrap button.sta-schools-slider__arrow span{
  display:block !important;
  font-size:34px !important;
  line-height:1 !important;
  font-weight:400 !important;
  color:inherit !important;
  transform:translateY(-2px) !important;
}

.sta-schools-slider__arrow:hover,
.sta-schools-slider__arrow:focus{
  background:#fff !important;
  color:#b89578 !important;
  box-shadow:0 14px 30px rgba(31,42,32,.16) !important;
}

.sta-schools-slider__arrow--prev:hover,
.sta-schools-slider__arrow--prev:focus{
  transform:translateY(-50%) translateX(-1px) !important;
}

.sta-schools-slider__arrow--next:hover,
.sta-schools-slider__arrow--next:focus{
  transform:translateY(-50%) translateX(1px) !important;
}

.sta-schools-slider__arrow:focus-visible{
  outline:none !important;
}

/* dots abajo, centrados */
.sta-schools-slider__pagination{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  min-height:16px;
  margin-top:24px;
}

.sta-schools-slider__pagination .swiper-pagination-bullet{
  width:9px;
  height:9px;
  margin:0 !important;
  background:#c9c1b7;
  opacity:1;
}

.sta-schools-slider__pagination .swiper-pagination-bullet-active{
  background:#3d7031;
}

/* tablet */
@media (max-width: 1024px){
  .sta-schools-slider__arrow,
  .sta-schools-slider button.sta-schools-slider__arrow,
  .sta-schools-slider-wrap button.sta-schools-slider__arrow{
    width:52px !important;
    height:52px !important;
    min-width:52px !important;
    min-height:52px !important;
  }

  .sta-schools-slider__arrow--prev{
    left:-20px !important;
  }

  .sta-schools-slider__arrow--next{
    right:-20px !important;
  }
}

/* móvil */
@media (max-width: 767px){
  .sta-schools-slider{
    overflow:visible;
  }

  .sta-schools-slider__arrow,
  .sta-schools-slider button.sta-schools-slider__arrow,
  .sta-schools-slider-wrap button.sta-schools-slider__arrow{
    width:46px !important;
    height:46px !important;
    min-width:46px !important;
    min-height:46px !important;
    top:auto !important;
    bottom:18px !important;
    transform:none !important;
  }

  .sta-schools-slider__arrow--prev{
    left:12px !important;
  }

  .sta-schools-slider__arrow--next{
    right:12px !important;
  }

  .sta-schools-slider__arrow span{
    font-size:28px !important;
    transform:translateY(-1px) !important;
  }

  .sta-schools-slider__pagination{
    margin-top:18px;
  }

  .sta-schools-slider__arrow--prev:hover,
  .sta-schools-slider__arrow--prev:focus,
  .sta-schools-slider__arrow--next:hover,
  .sta-schools-slider__arrow--next:focus{
    transform:none !important;
  }
}
/*fix*/
.sta-schools-slider-wrap{
  position:relative;
  width:100%;
  overflow:visible !important;
}

.sta-schools-slider{
  width:100%;
  overflow:hidden !important;
}
@media (max-width: 1024px){
  .sta-schools-slider__nav,
  .sta-schools-slider__arrow,
  .sta-schools-slider button.sta-schools-slider__arrow,
  .sta-schools-slider-wrap button.sta-schools-slider__arrow{
    display:none !important;
  }

  .sta-schools-slider__pagination{
    margin-top:18px;
  }
}