.cja-slider{
  padding:40px 80px;
  position:relative;
}

.cja-slider__wrapper{
  position:relative;
  overflow:hidden; /* volver a ocultar slides extra */
  width:100%;
}

.cja-slider__title{
  font-size:34px;
  font-weight:700;
  text-align:center;
  color:#1c1c1c;
  margin:0 auto 45px auto;
  max-width:1200px;
  line-height:1.2;
  white-space:nowrap;
}

/* Slides */

.cja-slider .swiper-wrapper{
  display:flex;
}

.cja-slider .swiper-slide{
  text-align:center;
  display:flex;
  flex-direction:column;
  align-items:center;
  height:auto;
}

/* Tarjeta */

.cja-slider__card{
  background:#6f6f6f;
  height:220px;
  width:100%;
  display:flex;
  align-items:center;
  justify-content:center;
  text-decoration:none;
  overflow:hidden;
  border-radius:4px;
}

.cja-slider__card img{
  width:100%;
  height:100%;
  object-fit:cover;
}

/* Texto */

.cja-slider__text{
  margin-top:15px;
  font-size:17px;
  color:#4a4a4a;
  text-align:center;
  max-width:220px;
  line-height:1.4;
}

/* Flechas */

.cja-slider__next,
.cja-slider__prev{
  position:absolute;
  top:33%;
  transform:translateY(-50%);
  width:66px;
  height:62px;
  cursor:pointer;
  z-index:20;

  background-repeat:no-repeat;
  background-position:center;
  background-size:44px;

  background-color:#ffffff;
  border-radius:50%;
  box-shadow:0 2px 8px rgba(0,0,0,0.2);
}

/* derecha */

.cja-slider__next{
  right:-25px;   /* fuera pero visible */
  background-image:url('/modules/custom/interna_core/assets/img/arrow-right.svg');
}

/* izquierda */

.cja-slider__prev{
  left:-25px;    /* fuera pero visible */
  background-image:url('/modules/custom/interna_core/assets/img/arrow-left.svg');
}

/* Hover flechas */

.cja-slider__next:hover,
.cja-slider__prev:hover{
  background-color:#f5f5f5;
  transform:translateY(-50%) scale(1.05);
}

/* ========================= */
/* RESPONSIVE */
/* ========================= */

@media (max-width:1024px){

  .cja-slider__next{
    right:-40px;
  }

  .cja-slider__prev{
    left:-40px;
  }

}

@media (max-width:768px){

  .cja-slider__next,
  .cja-slider__prev{
    width:45px;
    height:45px;
    background-size:20px;
  }

  .cja-slider__next{
    right:-15px;
  }

  .cja-slider__prev{
    left:-15px;
  }

}