.SpecialProjects {
    position: relative;
    overflow: hidden;
    padding: 0px 15%;
    
    .swiper-wrapper {
       display: flex;

       align-items: center;    
       position: relative;
       z-index: 20;
       pointer-events: none;
    }

    .swiper-slide {
        position: relative;
        box-sizing: border-box;
        width: auto;
        display: flex;
        flex-direction: column;
        height: auto;
        justify-content: flex-start;
    }
    
    .swiper-slide .contenido {
        color: white;
        background: #3E4543;
        border-radius: 25px;
        margin: 50px 0px 50px 20%;
        padding: 2% 2% 4% 15%;
        flex-grow: 1;
        display: flex;
        flex-direction: column;
        justify-content: flex-start; /* o center, según necesidad */
        z-index: 10;
        height: 100%;
        
        pointer-events: auto;
    }
    
    .contenido p:last-child {
        margin-top: auto; /* empuja el botón al final */
    }
    
    h5 {
        font-size: 3.5rem;
        line-height: 4rem;
    }
    
    .cuadro_imagen {
        position: absolute;
        top: 0px;
        width: 30%;
        background: white;
        border-radius: 25px;
        padding: 25px;
        z-index: 15;
    }
    
    .cuadro_imagen h4 {
        margin-bottom: 15px;
    }
    
    .cuadro_imagen p {
        padding: 0px;
        margin: 15px 15px 0px;
    }
    
    .cuadro_imagen img{
        width: 100%;
        border-radius: 25px;
    }
        
    .cuadro_imagen p {
        font-size: 1.3rem;
     }

    .swiper-buttons {
      position: absolute;
      z-index: 9; 
      top: 400px;
      left: 15%;
      pointer-events: auto; 
    }

    .swiper-buttons button {
      border: 0px;
      background: inherit;
      color: red;
      font-size: 50px;
      margin-right: 10px;
    }
}

@media (max-width: 1199.98px) {
   .SpecialProjects {
        h5 {
            font-size: 3.2rem;
            line-height: 4rem;
        }
        
        .swiper-slide .contenido {
            padding: 25px 25px 25px 15%;
        }
    } 
}

@media (max-width: 991.98px) {
    .SpecialProjects {
        padding: 0px 25px;
        
        .swiper-buttons {
            left: 25px;
        }
    }
}
@media (max-width: 767.98px) {
    .SpecialProjects {
        .cuadro_imagen {
            position: relative;
            border-radius: 25px 25px 0px 0px;
            width: 100%;
            padding: 25px;
            z-index: inherit;
            pointer-events: auto;
        }
        .swiper-slide .contenido {
            margin: 0px;
            border-radius: 0px 0px 25px 25px;
            padding: 25px;
            z-index: inherit;
        }
        .swiper-buttons {
            position: inherit;
            text-align: left !important;
            left: 0px;
            margin: 5px;
            bottom: inherit;
            top: inherit;
        }
        
        .cuadro_imagen h4 {
            font-size: 1.8rem;
        }
        
        .cuadro_imagen p {
            font-size: 1.2rem;
        }
        
        h5 {
            line-height: 2.2rem;
            font-size: 1.8rem;
        }
        
        .contenido p {
            font-size: 1.2rem;
        }
    }
}

@media (max-width: 575.98px) {
    .SpecialProjects {
        h5 {
            line-height: 2.2rem;
            font-size: 1.8rem;
        }
    }
}