.hero{
    min-height: 0;
    background: none;
}
.aguas-residuales{
    padding: 5rem 0;
}
.servicios .aguas-residuales{
    padding: 3rem 0;
}
.txt-aguas h1{
    font-size: 2.3rem;
    text-align: left;
}
.intro-servicios{
    background-color: var(--azulC);
    color: white;
}
.hero-btn{
    width: clamp(300px, 40%, 410px);
}
footer .hero-btn{
    width: auto;
}
.mw-intro{
    max-width: 1500px;
    margin: 0 auto;
    padding: 3rem 2rem;
}
.tituloservicios{
    width: 90%;
    box-sizing: border-box;
    border-radius: 0 200px 200px 0;
    margin-top: 4rem;
}
.aguas-residuales:nth-child(odd) .txt-aguas{
    background-color: var(--azulC);
}

@media (max-device-width:900px){
    .aguas-residuales{
        flex-direction: column-reverse;
    }
    .aguas-residuales .img-aguas{
        margin-top: 0;
        margin-bottom: -20%;
    }
}