body {
}

#contenedor-portada {
    width: 100%;
}

#barra-azul {
    background-color: #89CFE0;
    height: 10px;
}

#portada-diseno {
    display:flex;
    flex-direction:column-reverse;
    background-color: #f2f2f2;
    height: auto;
}

#portada-descripcion {
    background-color: #89CFE0;
    min-height: 70px;
    padding: 28px;
    color: white;
    font-weight: 500;
    text-align: center;
    font-size: 16px;
    font-style: italic;
    line-height: normal;
}

#contenedor-olas-logo {
}

#ola-azul-suave {
    display: flex;
    flex-direction: column-reverse;
    background-color: #ffac3a;
    clip-path: polygon(100% 100%, 0% 100%, 0.00% 24.62%, 1.00% 24.77%, 2.00% 24.98%, 3.00% 25.25%, 4.00% 25.58%, 5.00% 25.97%, 6.00% 26.41%, 7.00% 26.91%, 8.00% 27.47%, 9.00% 28.08%, 10.00% 28.74%, 11.00% 29.46%, 12.00% 30.23%, 13.00% 31.05%, 14.00% 31.91%, 15.00% 32.82%, 16.00% 33.78%, 17.00% 34.77%, 18.00% 35.81%, 19.00% 36.89%, 20.00% 38.00%, 21.00% 39.15%, 22.00% 40.33%, 23.00% 41.54%, 24.00% 42.77%, 25.00% 44.03%, 26.00% 45.32%, 27.00% 46.62%, 28.00% 47.94%, 29.00% 49.28%, 30.00% 50.63%, 31.00% 51.99%, 32.00% 53.36%, 33.00% 54.73%, 34.00% 56.10%, 35.00% 57.47%, 36.00% 58.84%, 37.00% 60.21%, 38.00% 61.56%, 39.00% 62.90%, 40.00% 64.23%, 41.00% 65.55%, 42.00% 66.84%, 43.00% 68.11%, 44.00% 69.36%, 45.00% 70.58%, 46.00% 71.78%, 47.00% 72.94%, 48.00% 74.07%, 49.00% 75.16%, 50.00% 76.22%, 51.00% 77.23%, 52.00% 78.21%, 53.00% 79.14%, 54.00% 80.03%, 55.00% 80.86%, 56.00% 81.65%, 57.00% 82.39%, 58.00% 83.08%, 59.00% 83.72%, 60.00% 84.30%, 61.00% 84.83%, 62.00% 85.30%, 63.00% 85.71%, 64.00% 86.07%, 65.00% 86.36%, 66.00% 86.60%, 67.00% 86.78%, 68.00% 86.89%, 69.00% 86.95%, 70.00% 86.95%, 71.00% 86.88%, 72.00% 86.76%, 73.00% 86.58%, 74.00% 86.33%, 75.00% 86.03%, 76.00% 85.67%, 77.00% 85.25%, 78.00% 84.77%, 79.00% 84.24%, 80.00% 83.65%, 81.00% 83.01%, 82.00% 82.32%, 83.00% 81.57%, 84.00% 80.77%, 85.00% 79.93%, 86.00% 79.04%, 87.00% 78.10%, 88.00% 77.12%, 89.00% 76.10%, 90.00% 75.04%, 91.00% 73.94%, 92.00% 72.81%, 93.00% 71.64%, 94.00% 70.45%, 95.00% 69.22%, 96.00% 67.97%, 97.00% 66.70%, 98.00% 65.40%, 99.00% 64.09%, 100.00% 62.76%);
    height: 270px;
    z-index: 1;
}

#ola-azul-oscuro {
    display:flex;
    flex-direction:column-reverse;
    background-color: #49abcf;
    clip-path: polygon(100% 100%, 0% 100%, 0.00% 24.62%, 1.00% 24.77%, 2.00% 24.98%, 3.00% 25.25%, 4.00% 25.58%, 5.00% 25.97%, 6.00% 26.41%, 7.00% 26.91%, 8.00% 27.47%, 9.00% 28.08%, 10.00% 28.74%, 11.00% 29.46%, 12.00% 30.23%, 13.00% 31.05%, 14.00% 31.91%, 15.00% 32.82%, 16.00% 33.78%, 17.00% 34.77%, 18.00% 35.81%, 19.00% 36.89%, 20.00% 38.00%, 21.00% 39.15%, 22.00% 40.33%, 23.00% 41.54%, 24.00% 42.77%, 25.00% 44.03%, 26.00% 45.32%, 27.00% 46.62%, 28.00% 47.94%, 29.00% 49.28%, 30.00% 50.63%, 31.00% 51.99%, 32.00% 53.36%, 33.00% 54.73%, 34.00% 56.10%, 35.00% 57.47%, 36.00% 58.84%, 37.00% 60.21%, 38.00% 61.56%, 39.00% 62.90%, 40.00% 64.23%, 41.00% 65.55%, 42.00% 66.84%, 43.00% 68.11%, 44.00% 69.36%, 45.00% 70.58%, 46.00% 71.78%, 47.00% 72.94%, 48.00% 74.07%, 49.00% 75.16%, 50.00% 76.22%, 51.00% 77.23%, 52.00% 78.21%, 53.00% 79.14%, 54.00% 80.03%, 55.00% 80.86%, 56.00% 81.65%, 57.00% 82.39%, 58.00% 83.08%, 59.00% 83.72%, 60.00% 84.30%, 61.00% 84.83%, 62.00% 85.30%, 63.00% 85.71%, 64.00% 86.07%, 65.00% 86.36%, 66.00% 86.60%, 67.00% 86.78%, 68.00% 86.89%, 69.00% 86.95%, 70.00% 86.95%, 71.00% 86.88%, 72.00% 86.76%, 73.00% 86.58%, 74.00% 86.33%, 75.00% 86.03%, 76.00% 85.67%, 77.00% 85.25%, 78.00% 84.77%, 79.00% 84.24%, 80.00% 83.65%, 81.00% 83.01%, 82.00% 82.32%, 83.00% 81.57%, 84.00% 80.77%, 85.00% 79.93%, 86.00% 79.04%, 87.00% 78.10%, 88.00% 77.12%, 89.00% 76.10%, 90.00% 75.04%, 91.00% 73.94%, 92.00% 72.81%, 93.00% 71.64%, 94.00% 70.45%, 95.00% 69.22%, 96.00% 67.97%, 97.00% 66.70%, 98.00% 65.40%, 99.00% 64.09%, 100.00% 62.76%);
    height: 250px;
    z-index:2;
}


#logo-mobile {
    background-color: #49abcf;
    text-align: center;
    visibility: hidden;
    height: 0px;
    z-index: 2;
}



.portada-logo {
    width: 280px;
    margin-left: 40px;
    margin-bottom: 30px;
}

#contenedor-titulo-imagen {
    display:flex;
    height:120px
}

#portada-titulo{
    display: flex;
    width:70%;
    margin-bottom:-160px;
}

#portada-imagen {
    width: 30%;
    margin-bottom: -170px;
}



.portada-imagen-img {
    margin-top: 50px;
    width: 510px;
}

#portada-titulo-1 {
    display: flex;
    width: 33%;
    background-color: #eeeeee;
}

#portada-titulo-2 {
    width: 27%;
    background-color: #eeeeee;
    border-bottom-right-radius: 100%;
    border-top-right-radius: 100%;
}

#portada-titulo-3 {
    width: 39%;
}

#portada-titulo-descripcion {
    position: absolute;
    width: 45%;
    margin-top: 40px;
    margin-left: 50px;
    font-size: 70px;
    text-align: center;
    line-height: 1.1;
    font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
    color: #5d6365;
}


.descripcion-inferior {
    padding: 15px 20px;
    text-align: justify;
    line-height: normal;
    color: #484848;
    font-weight: 400;
    font-size: 16px;
    font-style:italic;
    padding-top:0;
    background-color:#d8d8d8;
    margin: 3%;
    border-radius:7px;
    padding:20px
}

.contenedor-portada-secundario {
    display: flex;
    flex-direction: column;
    background-color: #f2f2f2;
}

.portada-titulo-descripcion-secundario {
    margin: 20px auto;
    margin-left: 50px;
    font-size: 60px;
    line-height: 1.1;
    font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
    color: #5d6365;
    overflow-wrap: break-word;
}

@media screen and (max-width: 1700px) {

    #portada-imagen {
        margin-right: 60px;
    }

    .portada-imagen-img {
        margin-top: 45px;
        width: 470px;
    }
}


@media screen and (max-width: 1400px) {
    #portada-titulo-descripcion {
        width: 55%;
        margin-top: 40px;
        margin-left: 50px;
        font-size: 60px;
    }

    .portada-titulo-descripcion-secundario {
        font-size: 60px;
    }
    #portada-imagen {
        margin-right: 20px;
    }

    .portada-imagen-img {
        margin-top: 45px;
        width: 370px;
    }
}

@media screen and (max-width: 1200px) {
    #portada-titulo-descripcion {
        margin-top:60px;
        font-size: 60px;
    }

    .portada-titulo-descripcion-secundario {
        text-align: center;
        margin: 15px 10%;
    }

    #portada-imagen {
        margin-right: 0px;
    }

    .portada-logo {
        width: 250px;
        margin-left: 30px;
        margin-bottom: 20px;
    }

    .portada-imagen-img {
        margin-top: 65px;
        width: 270px;
    }
}

@media screen and (max-width: 1000px) {
    #portada-titulo-descripcion {
        font-size: 45px;
    }

    .portada-titulo-descripcion-secundario {
        font-size: 55px;
    }

    #portada-imagen {
        margin-right: 30px;
    }

    .portada-imagen-img {
        margin-top: 45px;
        width: 270px;
        /*border-radius: 100%;*/
    }
}

@media screen and (max-width: 850px) {
    #portada-titulo {
        display: flex;
        width: 100%;
        margin-bottom: -160px;
    }

    #portada-imagen {
        width: 0%;
        visibility: hidden;
    }
    .portada-imagen-img {
        width: 0%;
        visibility: hidden;
    }

    #portada-titulo-descripcion {
        width: 100%;
        margin-top: 40px;
        font-size: 65px;
        margin-left: 0px;
    }

    
   
}

@media screen and (max-width: 700px) {
    .portada-logo {
        width: 180px;
        margin-left: 10px;
        margin-bottom: 10px;
    }

    #portada-titulo-1 {
    display:flex;
    flex-direction:column;
    justify-content:center;
    }

    #portada-titulo-descripcion {
        margin-top: 0px;
        padding:7px;
    }
}

@media screen and (max-width: 700px) {
    .portada-logo {
        visibility: hidden;
    }

    #portada-titulo-descripcion {
        margin-top:-70px;
        font-size: 55px;
    }

    .portada-titulo-descripcion-secundario {
        font-size: 40px;
    }

    .portada-titulo-descripcion {
        font-size: 30px;
    }


    #logo-mobile {
        
        visibility: visible;
        height: 109%;
    }

    .portada-logo-2 {
        width: 280px;
        margin-bottom: 30px;
    }

    #ola-azul-suave {
       height: 180px;
    }

    #ola-azul-oscuro {
        display: flex;
        flex-direction: column-reverse;
        background-color: #49abcf;
        clip-path: polygon(100% 100%, 0% 100%, 0.00% 24.62%, 1.00% 24.77%, 2.00% 24.98%, 3.00% 25.25%, 4.00% 25.58%, 5.00% 25.97%, 6.00% 26.41%, 7.00% 26.91%, 8.00% 27.47%, 9.00% 28.08%, 10.00% 28.74%, 11.00% 29.46%, 12.00% 30.23%, 13.00% 31.05%, 14.00% 31.91%, 15.00% 32.82%, 16.00% 33.78%, 17.00% 34.77%, 18.00% 35.81%, 19.00% 36.89%, 20.00% 38.00%, 21.00% 39.15%, 22.00% 40.33%, 23.00% 41.54%, 24.00% 42.77%, 25.00% 44.03%, 26.00% 45.32%, 27.00% 46.62%, 28.00% 47.94%, 29.00% 49.28%, 30.00% 50.63%, 31.00% 51.99%, 32.00% 53.36%, 33.00% 54.73%, 34.00% 56.10%, 35.00% 57.47%, 36.00% 58.84%, 37.00% 60.21%, 38.00% 61.56%, 39.00% 62.90%, 40.00% 64.23%, 41.00% 65.55%, 42.00% 66.84%, 43.00% 68.11%, 44.00% 69.36%, 45.00% 70.58%, 46.00% 71.78%, 47.00% 72.94%, 48.00% 74.07%, 49.00% 75.16%, 50.00% 76.22%, 51.00% 77.23%, 52.00% 78.21%, 53.00% 79.14%, 54.00% 80.03%, 55.00% 80.86%, 56.00% 81.65%, 57.00% 82.39%, 58.00% 83.08%, 59.00% 83.72%, 60.00% 84.30%, 61.00% 84.83%, 62.00% 85.30%, 63.00% 85.71%, 64.00% 86.07%, 65.00% 86.36%, 66.00% 86.60%, 67.00% 86.78%, 68.00% 86.89%, 69.00% 86.95%, 70.00% 86.95%, 71.00% 86.88%, 72.00% 86.76%, 73.00% 86.58%, 74.00% 86.33%, 75.00% 86.03%, 76.00% 85.67%, 77.00% 85.25%, 78.00% 84.77%, 79.00% 84.24%, 80.00% 83.65%, 81.00% 83.01%, 82.00% 82.32%, 83.00% 81.57%, 84.00% 80.77%, 85.00% 79.93%, 86.00% 79.04%, 87.00% 78.10%, 88.00% 77.12%, 89.00% 76.10%, 90.00% 75.04%, 91.00% 73.94%, 92.00% 72.81%, 93.00% 71.64%, 94.00% 70.45%, 95.00% 69.22%, 96.00% 67.97%, 97.00% 66.70%, 98.00% 65.40%, 99.00% 64.09%, 100.00% 62.76%);
        height: 160px;
    }

    .texto-direccion {
        font-size: 18px !important;
        margin: 22px;
    }

}

@media screen and (max-width: 600px) {
    #portada-titulo-descripcion {
        margin-top: -70px;
        font-size: 40px;
    }

}

@media screen and (max-width: 300px) {
    .portada-logo-2 {
        width: 230px;
    }

    #portada-titulo-descripcion {
       
        font-size: 20px;
    }

    .portada-titulo-descripcion-secundario {
        font-size: 35px;
    }

}