.cards-campus {
    background:  #1c1c1c !important;
    opacity: 1;
    padding: var(--padding-screen);
    box-sizing: border-box;
  padding-top:.5rem !important;
}

.slick-active button:before{
  background: var(--bg-amarillo-b)  !important;
      border-radius: 25px;
}

.cards-campus .card__link {
    background:  var(--bg-amarillo-b)  !important;
}

.cards-campus .cardco {
  margin:16px;
background-position:center;
  background-size: cover; 
  /*border: 1px solid #DBDBDB;
   border-radius: 24px;*/
  border-radius: 24px;
  overflow: hidden;
  height: 40vh !important;
  padding:40px;
  display:flex;
  flex-flow:column;
  justify-content:end;
  align-items:center;
  position:relative;
  
}


.cards-campus .card__title {
  font-size: 32px;
  font-weight: 600;
  color: #fff;
  text-align:center;
  margin:0 !important;
padding:0 24px;
 mix-blend-mode: difference;
  position:absolute;
  z-index:1000;
  top:40px;
}



.cards-campus .cards-v4__title {
  text-align: center;
    font-size: var(--fn-h2);
    padding-bottom: 2rem;
    color: var(--bg-amarillo-b);
    text-transform: uppercase;
    opacity: 1;
    font-weight:700;
}

.cards-campus .slider__container_campus {
  display: flex !important;
  justify-content: center;
  align-items: stretch;
  flex-wrap: wrap;
  margin:0; 
}



.cards-campus .slick-track {
  display: flex;
  align-items: stretch;
  height: 100%;
  min-width:63vw;
  justify-content:center;
}

  .cards-campus .card__link svg{
  fill: #fff;
 height:24px;
    width:auto;
    margin-left:8px;
}

.hs-modal--open2 .backdrop-map {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1500;
  background-color: rgba(0,0,0,0.5);
  display: flex;
  justify-content: center;
  align-items: center;
}
.hs-modal--open2 {
  overflow: hidden;
}
.maps__container {
  position: relative;
}
.maps__container i {
  position: absolute;
  top: -30px;
  right: 0;
}

.cards-campus ul.slick-dots li:before{
display:none !important;
}

.cards-campus .slick-dots{
display:flex !important;
list-style:none !important;
padding:0 !important;
 width: 100vw !important;
 overflow: hidden !important;
 justify-content:center !important;
  position: initial !important;
}

.cards-campus .slick-dots li{
margin:.3vw !important;
  width:24px !important;
  height:24px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  padding:0 !important;
}

.cards-campus .slick-dots li button{
  border-radius:20px !important;
  background:#aaa !important;
    color:transparent !important;
  border:none !important;
  padding:0 !important;
  margin:0 !important;
  cursor:pointer !important;
   width:16px !important;
  height:16px !important;
}



.slick-prev:before, .slick-next:before{
  color:#64bee6 !important;
  opacity:.8 !important;
  font-size:40px !important;
  
}

.slick-prev {
    left: -40px !important;
  width: 40px !important;
    height: 40px !important;
}

.slick-next {
    right: -40px !important;
  width: 40px !important;
    height: 40px !important;
}

@media only screen and (max-width: 1600px) {
.cards-campus .slider__container_campus {
  margin:0; 
}
  

}

@media only screen and (max-width: 1000px) {
  .cards-campus .slider__item {
    width: 50%; /* Hacer que las tarjetas ocupen todo el ancho en dispositivos móviles */
    padding: 0 15px 30px; /* Ajustar el padding */
  }
  
}



@media only screen and (max-width: 700px) {
  
 
  
    .cards-campus .cardco {
  padding:16px;
} 
  
  
  .cards-campus .cards-v4__content {
  padding:40px 0 8px;
   width:100%;
}
  
  
  .cards-campus .slider__item {
    width: 100%; /* Hacer que las tarjetas ocupen todo el ancho en dispositivos móviles */
    padding: 0 15px 30px; /* Ajustar el padding */
  }
  

  
  .cards-campus .cards-v4__description {
    font-size: 14px; /* Tamaño de fuente más pequeño en dispositivos móviles */
    margin-bottom: 20px; /* Reducción del espacio entre elementos */
    max-width: 100%; /* Hacer que la descripción ocupe todo el ancho disponible */
  }
  .cards-campus .card__logo img {
    width: 100%; /* Hacer que la imagen ocupe el 100% del ancho */
    height: auto; /* Asegurarse de que la altura se ajuste proporcionalmente */
    max-height: 200px; /* Anular la altura máxima si se estableció anteriormente */
    object-fit: cover; /* Ajustar la imagen para cubrir el contenedor */
  }
  
  .cards-campus .slider__item.slick-slide {
  min-width: 50px;
}
  
  .cards-campus .slick-track {
  min-width:50px;
}
  
.cards-campus .slick-dots{
display:ruby !important;
text-align:center !important;
}
  

  
}

/*@media only screen and (min-width: 768px) {
  .cards-v4 .slider__item {
    margin: 0 15px 30px; /* Margen entre las tarjetas */
/  }
}