.mejorarProceso{
    width: 100%;
    
}

.mejorarProceso-contianer{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 1.5rem;
    padding: 25px;
    border-radius: 30px;
    background: linear-gradient(
        180deg, 
        rgba(154, 86, 242, 0.62) ,        /* Verde claro completamente opaco */
        rgba(143, 110, 239, 0.5461) , /* Turquesa con un 63.77% de opacidad */
        rgba(136, 126, 237, 0.495) ,   /* Cian con un 42.5% de opacidad */
        rgba(126, 149, 234, 0.4268) ,  /* Turquesa con un 25.44% de opacidad */
        rgba(108, 188, 229, 0.3075) ,      /* Verde claro con un 49% de opacidad */
        rgba(81, 249, 221, 0.12) ,      /* Lila claro con un 81% de opacidad */
        rgba(162, 251, 236, 0.06) ,
        rgba(162, 251, 236, 0.435),
        rgba(162, 251, 236, 0.3)
                 /* Amarillo completamente transparente */
      );

}
.mejorarProceso-texto{
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    color: #000;
}

.mejorarProceso-texto h2{
    text-align: center;
    align-self: center;
    font-weight: 800;
    
}

.mejorarProceso-texto p{
    font-weight: 500;
    font-size: 1.15rem;
}


.mejorarProceso-tips{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 2rem;
}

.mejorarProceso-tips ul{
    width: 100%;
    display: flex;
    flex-direction: column;
    
}

.mejorarProceso-tips ul li{
    width: 100%;
}

.mejorarProceso-tips ul p{
    color: #000;
    font-size: 1rem;
    font-weight: 500;
    line-height: 1.8rem;
}

.mejorarProceso-tips img{
    width: 100%;
    max-width: 420px;
    border-radius: 30px;
}

@media screen and (min-width: 768px){
    .mejorarProceso-tips{
        flex-direction: row;
    }
}