.wave-container-principal {
    position: relative;
    width: 100%;
    height: 400px;
}


.contenidoTextoBanner {
    /*border: solid 2px;*/
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

.container::after {
    content: none !important;
}

.container::before {
    content: none !important;
}

.tituloPrincipal {
    /*border: solid 2px red;*/
    margin-top: 80px;
}

.tituloPrincipal .titulo {
    font-size: 30px;
}

.circulo {
    /*border: solid 2px;*/
    /*position: absolute;*/
    background: white;
    border-radius: 50%;
    width: 151px;
    height: 151px;
    right: calc(30vw + 100px);
    align-content: center;
    /*top: 10px;*/
}

.text-block {
    /*border: solid 1px;*/
    text-align: center;
    font-size: 20px;
    transform: rotate(-15deg);
}

.colorAzulTexto {
    color: #051C41;
    font-family: Roboto;
    font-weight: 900;
    font-size: 40px;
}

.subtitulosAzul {
    color: #051C41;
    font-size: 18px;
}


.contenido {
    margin-top: -70px;
    width: 100%;
    height: 100%;
    background: #BEECF7;
    clip-path: url(#wave-clip);
}

.contenedorImagen {
    /*border: solid 1px;*/
    margin-top: 50px;
}

.imgBanner1 {
    width: auto;
    height: 400px;
    /* position: absolute;
    top: 2px;
    right: 130px;*/
}

.card-container {
    display: flex;
    flex-direction: row;
    
    gap: 16px;
    margin-bottom: 80px;
}

.card-item {
    border: solid 3px #BEECF7;
    border-radius: 16px;
    width: 282.75px;
    height: auto;

    display: flex;
    flex-direction: column;
    padding: 15px;
    gap: 10px;
}

.icono {
    width: 30px;
    height: 30px;
}

.lineaSeparadora {
    background-color: #BEECF7;
    width: 70px;
    height: 5px;
}

.button-container {
    margin-bottom: 250px;
    width: 100%;
    text-align: center;
}

.button-style {
    background-color: #29AED8;
    border: none;
    border-radius: 35px;
    width: 200px;
    height: 45px;
    color: white;
    padding-top: 10px;
    padding-left: 30px;
    padding-right: 30px;
    padding-bottom: 10px;
}


/* Estilos param movil */

@media (max-width: 800px) {

    .contenido {
        margin-top: -45px;
    }

    .contenidoTextoBanner {
        display: flex;
        flex-direction: column;
        justify-content: center;
    }

    .tituloPrincipal {
        margin-top: 10px;
        text-align: center
    }

    .colorAzulTexto {      
        font-size: 25px;
    }

    .subtitulosAzul {      
        font-size: 13px;
    }

    .contenedorImagen {
        margin-top: 20px;
        margin-left: 160px;
    }

    .imgBanner1 {
        width: auto;
        height: 300px;
    }

    .circulo {
        background: white;
        border-radius: 50%;
        width: 115px;
        height: 115px;
        right: calc(30vw + 130px);
        align-content: center;
    }

    .text-block {
        text-align: center;
        font-size: 16px;
        transform: rotate(-15deg);
    }



    .card-container {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        gap: 16px;
        margin-bottom: 50px;
        justify-content: center;
    }

    .card-item {
        border: solid 2px #BEECF7;
        border-radius: 16px;
        width: 180px;
        height: auto;
        display: flex;
        flex-direction: column;
        padding: 15px;
        gap: 10px;
    }

    .button-container {
        margin-bottom: 50px;
        width: 100%;
        text-align: center;
    }

}



 /* Fin Estilos param movil */