
.profile-img {
    width: 40%;
    max-width: 600px;
}

.quienes{
 text-align: justify; 
 margin-bottom: 60px;
}

.quienes-details {
    font-size: 12px;
    font-weight: 500;
    line-height: 1.3;
    max-width: 360px;
    margin: 20px auto;
}
.quienes-info {
    margin-bottom: 10px; /* Reduzco el margen inferior */
    margin-top: -60px; /* Agrego un margen superior negativo para superponerlo sobre el div .profile-img-section */
}

.profile-img-section {
    position: relative;
    text-align: center;

}


@media only screen and (max-width: 600px) {
    .quienes-details {
        font-size: 10px;
        max-width: 280px;
        margin: 10px auto;
    }
}

.slider + .quienes {
    padding-top: 100px; /* Agrega un espacio de 50px entre el slider y la sección "quienes" */
}


  
@media (min-width:950px)
{
    .profile-info{
        margin-bottom: 0px;
    }

    .profile-img {
        width:100%;
        max-width: 410px;
    }
    
    .quienes{
        text-align: left;
        display: flex;
        justify-content: space-between;
        max-width: 900px;
        margin: 0 auto;
        align-items: center;

    }
    
    .quienes-details{
        font-size: 20px;
        margin: 50px 0;
        text-align: justify;
    }
}

/* Estilos para dispositivos móviles */
@media only screen and (max-width: 768px) {
    .quienes, .servicios {
        margin-bottom: 30px; /* Puedes ajustar este valor según tus necesidades */
    }
}
