.bannerWeb {
    background-color: #BEECF7;
    position: relative;
    height: 268px;
    width: 100%;
}

.wave-container {
    position: relative;
    width: 100%;
    height: 250px;
    margin-bottom: 190px;
}

.content {
    margin-top: -100px;
    width: 100%;
    height: 100%;
    background: #2462C7;
    clip-path: url(#wave-clip);
    align-content: center;
}

.imgBanner {
    visibility: visible;
    width: 460px;
    height: 550px;
    position: absolute;
    top: 21px;
    right: 110px;
    clip-path: polygon(100% 0%, 0% 0%, 0.00% 72.35%, 1.67% 72.37%, 3.33% 72.41%, 5.00% 72.45%, 6.67% 72.50%, 8.33% 72.57%, 10.00% 72.64%, 11.67% 72.72%, 13.33% 72.80%, 15.00% 72.89%, 16.67% 72.99%, 18.33% 73.09%, 20.00% 73.19%, 21.67% 73.30%, 23.33% 73.40%, 25.00% 73.51%, 26.67% 73.61%, 28.33% 73.71%, 30.00% 73.80%, 31.67% 73.89%, 33.33% 73.98%, 35.00% 74.05%, 36.67% 74.12%, 38.33% 74.18%, 40.00% 74.23%, 41.67% 74.27%, 43.33% 74.30%, 45.00% 74.32%, 46.67% 74.33%, 48.33% 74.33%, 50.00% 74.32%, 51.67% 74.29%, 53.33% 74.26%, 55.00% 74.22%, 56.67% 74.16%, 58.33% 74.10%, 60.00% 74.03%, 61.67% 73.95%, 63.33% 73.86%, 65.00% 73.77%, 66.67% 73.68%, 68.33% 73.58%, 70.00% 73.47%, 71.67% 73.37%, 73.33% 73.26%, 75.00% 73.16%, 76.67% 73.06%, 78.33% 72.96%, 80.00% 72.86%, 81.67% 72.77%, 83.33% 72.69%, 85.00% 72.61%, 86.67% 72.55%, 88.33% 72.49%, 90.00% 72.43%, 91.67% 72.39%, 93.33% 72.36%, 95.00% 72.34%, 96.67% 72.33%, 98.33% 72.34%, 100.00% 72.35%);
}

.subtitulosAzul {
    display: block;
}

.subtitulosAzulMobile {
    display: none;
}

.imgBannerMobile {
    display: none;
}

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

.imgIcon {
    width: 45px;
    height: 45px;
    margin-bottom: 10px;
}

.contenidoTextoBanner {
    /*border: solid 2px;*/
    display: flex;
    flex-direction: row;
    padding-top: 15px;
}

.tituloPrincipal {
    /*border: solid 2px red;*/
}

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

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

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

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

.iconCalendarContent,
.iconDescuentoContent,
.iconEnvioContent,
.iconSolidarioContent {
    margin-right: 90px;
}

.iconCalendarContent p,
.iconDescuentoContent p,
.iconEnvioContent p,
.iconSolidarioContent p {
    margin-bottom: 0;
    font-size: 18px;
}

.iconEnvioContent .imgIcon {
    width: 55px;
}


/* ESTILOS MOVIL */
@media (max-width: 800px) {
    .wave-container {
        margin-bottom: 240px;
    }

    .bannerWeb {
        height: 430px;
    }

    .content {
        margin-top: -180px;
    }

    .subtitulosAzul {
        display: none;
    }

    .subtitulosAzulMobile {
        display: block;
        font-size: 13px;
    }

     .contenidoTextoBanner {
        justify-content: center;
    }

       .tituloPrincipal {
        text-align: center;
    }

    .titulo {
        font-size: 28px;
    }

    .subtitulosAzul {
        font-size: 13px;
    }

    .subtitulosAzul a {
        display: none;
    }

    .iconosContent {
        display: flex;
        flex-direction: column;
        gap: 5px;
        margin-left: 20px;
    }


    .iconCalendarContent,
    .iconDescuentoContent,
    .iconEnvioContent,
    .iconSolidarioContent {
        display: flex;
        flex-direction: row;
        align-content: center;
        align-items: center;
        gap: 5px;
        margin-right: 0;
    }

    .imgIcon {
        width: 24px;
        height: 24px;
        margin-right: 10px;
        margin-bottom: 0;
    }


    .iconosContent {
        margin-bottom: 20px;
    }

    .iconEnvioContent .imgIcon {
        width: 29px;
        height: 24px;
    }

    .iconCalendarContent,
    .iconDescuentoContent,
    .iconEnvioContent,
    .iconSolidarioContent p {
        font-size: 16px;
        margin: 0;
    }

    .imgBanner {
        display: none;
    }

    .imgBannerMobile {
        display: block;
        width: 220px;
        height: auto;
        position: absolute;
        top: 90px;
        right: 45px;
    }

    .circulo {
        width: 115px;
        height: 115px;
        position: absolute;
        top: 95px;
        right: calc(23vw + 140px);
        align-content: center;
    }

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

   /* body.is-front {
        padding-top: 66px !important;
    }*/
}




/* FIN ESTILOS MOVIL */