/* Estilos generales */
.text-color {
    color: black;
}

.text-center {
    text-align: center;
}

body {
    background-color: #f6cccc;
    margin: 0;
    padding: 0;
    font-family: "Libertinus Sans", sans-serif;
    height: 100%;
}

/* Header */


.bg {
    background-color: rgba(0, 0, 0, 0.034);
}

.transform:hover {
    transform: scale(1.2);
    transition: 0.2s;
    color: rgba(219, 57, 57, 0.523) !important;

}

.gap {
    gap: 2rem;
}

.div-nav {
    background-color: rgb(250, 149, 149);
}


/*main*/


.div-section-button {
    background-color: rgb(245, 226, 212);
    border: 0.1px solid rgba(0, 0, 0, 0.728) !important;
    cursor: pointer;
}

.div-section-button:hover {
    transition: 0.2s;
    transform: scale(1.2);
    color: rgba(0, 0, 0, 0.616);
    background-color: rgb(245, 226, 212);

}

/* Footer */

.footer {
    background-color: #f6cccc;
}





@media only screen and (max-width: 576px) {
    .lala {
        margin-top: 7rem;
    }
}




@media only screen and (min-width:577px) {
    .lala {
        margin-top: 7rem;
    }
}


@media only screen and (min-width:992px) {
    .w-20 {
        width: auto !important;
    }

    .lala {
        margin-top: 7rem;
    }
}


/*Servicios*/

.topi {
    margin-top: 6.5rem;
}

.ds {
    margin: 0 auto;
}

.img-flex {
    border-radius: 12px;
    box-shadow: 0 15px 25px rgba(0, 0, 0, 0.3);
    transition: transform 0.3s, box-shadow 0.3s;
}


.img-flex:hover {
    transform: translateY(-10px);
   
}

/*Nosotros*/

.nosotros {
    width: 80%;
    font-size: 20px;
    text-align: center;
    margin: 0 auto;
    margin-top: 20rem;
     box-shadow: 0 25px 40px rgba(0, 0, 0, 0.35);
}