.swiper-wrapper {
  display: grid; /* Usar grid para organizar los slides */
  grid-template-columns: repeat(7, 1fr); /* Permitir hasta 4 columnas */
  /*gap: 30px;  Espaciado entre los elementos */
}

.swiper-slide {
  display: flex; /* Usamos flexbox para los contenidos del slide */
  flex-direction: column; /* Organizar el contenido en columna */
  height: 100%; /* Asegura que cada slide ocupe toda la altura */
}

.desafio-wrap {
  display: flex;
  flex-direction: column;
  height: 100%; /* Contenedor ocupa toda la altura del slide */
}

.desafio-content {
  flex-grow: 1; /* Permitir que el contenido crezca para llenar el espacio */
  display: flex;
  flex-direction: column;
  justify-content: flex-start !important; /* Mantener el botón al final */
}


/* Hacer que el slider muestre solo 3 elementos por vez */
@media (min-width: 992px) {
  .swiper-slide {
    flex: 0 0 calc(33.333% - 0px); /* Ajustar para mostrar 3 elementos */
  }
}





.texto-bco p{
color: #ffffff;
}

.ocultar{
display: none;
}

.desafio-wrap {
     background-color: #fff0 !important;
     border-radius: 10px;
     overflow: hidden;
}
.desafio-img {
    margin-bottom: -60px;
    text-align: -webkit-center;
}
 .desafio-wrap .desafio-img {
     overflow: hidden;
}
 .desafio-wrap .desafio-img a {
     display: block;
}
 .desafio-wrap .desafio-img a img {
    
     -webkit-transform: scale(1);
     -ms-transform: scale(1);
     transform: scale(1);
     -webkit-transition: var(--transition);
     -o-transition: var(--transition);
     transition: var(--transition);
}

.desafio-wrap .desafio-img {
     display: block;
}
 .desafio-wrap .desafio-img img {
     -webkit-transform: scale(1);
     -ms-transform: scale(1);
     transform: scale(1);
     -webkit-transition: var(--transition);
     -o-transition: var(--transition);
     transition: var(--transition);
}

.btn-desafio{
background-color: #E52822 !important;
  color: #fff !important;
}

.desafio-content{
    background: #000;
    border-radius: 10px;
    padding: 100px 20px 50px !important;
}
}
 .desafio-wrap .desafio-content {
     padding: 34px 35px 33px;
}
 .desafio-wrap .desafio-content a h3 {
     line-height: 1.3;
     margin: 0;
     -webkit-transition: var(--transition);
     -o-transition: var(--transition);
     transition: var(--transition);
}


.desafio-wrap .desafio-content {
    text-align: center;
    display: -webkit-flex;
    -webkit-justify-content: center;
    align-items: stretch;
    flex-direction: column;
}


 .desafio-wrap .desafio-content a h3:hover {
     color: #E52822;
}
 .desafio-wrap .desafio-content p {
     margin: 12px 0 15px;
}
 .desafio-wrap .desafio-btn a svg {
     width: 20px;
     color: var(--primary-color);
     -webkit-transition: var(--transition);
     -o-transition: var(--transition);
     transition: var(--transition);
}
 .desafio-wrap .desafio-btn a svg:hover {
     color: var(--link-color);
}
 .desafio-wrap .desafio-btn a svg path {
     fill: currentColor;
     stroke: currentColor;
}
 .desafio-wrap:hover .desafio-img a img {
     -webkit-transform: scale(1.1);
     -ms-transform: scale(1.1);
     transform: scale(1.1);
}

 .desafio-wrap:hover .desafio-img img {
     -webkit-transform: scale(1.1);
     -ms-transform: scale(1.1);
     transform: scale(1.1);
}
 .desafio-slider-active .swiper-pagination {
     position: static;
     margin-top: 37px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .desafio-wrap .desafio-content {
    padding: 34px 15px 33px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .desafio-wrap .desafio-content {
    padding: 34px 15px 33px;
  }
}
@media only screen and (max-width: 767px) {
   .desafio-wrap .desafio-content a h3 {
      font-size: 20px;
    }
  .desafio-wrap .desafio-content {
      padding: 34px 15px 33px;
    } 
}