:root {
    --negro: #000000;
    --blanco: #FFFFFF;
    --trans: transparent;
    --azul: #003B64;
    --amarillo: #E3AB00;
    --beige: #F4F1EA;
    --fuentePrin: 'Helvetica Neue', sans-serif;
    --fuenteSec: 'BenHand';
}



body {
    color: var(--beige);
    font-family: var(--fuentePrin);
}



/* bloque 1
--------------------------------------------- */
.sec1_inte {
    width: 100%;
    height: 100%;
    background-size: contain;
    background-color: var(--negro);
    background-repeat: no-repeat;
    background-position: bottom center;
}

.sec1_inte .col1,
.sec1_inte .col2 {
    width: 50%;
}

.sec1_inte .fila {
    margin-bottom: 80px;
}

.sec1_inte .fondoGrad {
    padding: 270px 0px 755px;
    background-size: 616px;
    background-repeat: no-repeat;
}

.sec1_inte .tit {
    color: var(--beige);
    font-family: var(--fuentePrin);
    font-size: 68px;
    font-style: normal;
    font-weight: 700;
    line-height: 120%;
    padding: 0px;
    width: 350px;
}

.sec1_inte .tit p,
.sec1_inte .parr p {
    margin: 0px;
}

.sec1_inte .parr {
    margin: 0px;
    color: var(--beige);
    font-family: var(--fuentePrin);
    font-size: 26px;
    font-style: normal;
    font-weight: 500;
    line-height: 36px;
    line-height: 150%;
}


.explorar-btn {
    text-decoration: none;
    margin-bottom: 5px;
    color: var(--beige);
}

.explorar-btn:active, .explorar-btn:hover, .explorar-btn:visited {
    color: var(--beige);
}

.explorar-btn .img-btn {
    width: 20px;
    height: 20px;
    margin-right: 15px;
}

.explorar-btn .txt-btn {
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: 100%;
}

.titAnim em {
    font-style: normal !important;
    display: inline-block;
}

@media (max-width:1699px) {
    .sec1_inte {
        background-size: 1700px;
    }

    .sec1_inte .fondoGrad {
        padding: 270px 0px 655px;
    }
}

@media (max-width:1199px) {
    .sec1_inte .tit {
        font-size: 60px;
        width: 310px;
    }

    .sec1_inte .parr {
        font-size: 22px;
    }

    .sec1_inte .fila {
        margin-bottom: 50px;
    }

    .sec1_inte .fondoGrad {
        background-position: -80px 50px;
    }
}

@media (max-width:991px) {
    .sec1_inte .tit {
        font-size: 55px;
        width: 290px;
        margin-bottom: 50px;
    }

    .sec1_inte .parr {
        font-size: 20px;
    }

    .sec1_inte .fondoGrad {
        background-size: 450px;
    }
}

@media (max-width:767px) {
    .sec1_inte .fila {
        flex-direction: column;
    }

    .sec1_inte .col1,
    .sec1_inte .col2 {
        width: 100%;
    }

    .sec1_inte .fondoGrad {
        padding: 220px 0px 750px;
    }
}


@media (max-width:500px) {
    .sec1_inte .tit {
        font-size: 59px;
        width: 330px;
    }

    .sec1_inte .fila {
        margin-bottom: 60px;
    }

    .sec1_inte {
        background-size: 1900px;
        background-position: bottom right;
    }

    .sec1_inte .fondoGrad {
        padding: 220px 0px 640px;
        background-size: 400px;
        background-position: center 10%;
    }


    .sec1_inte .parr {
        font-size: 16px;
    }

    .explorar-btn .img-btn {
        width: 17px;
        height: 17px;
    }

    .explorar-btn .txt-btn {
        font-size: 18px;
    }
}


@media (max-width:350px) {
    .sec1_inte .tit {
        font-size: 47px;
        width: 100%;
    }

    .sec1_inte .fila {
        margin-bottom: 40px;
    }

    .sec1_inte .fondoGrad {
        padding: 150px 0px 500px;
    }

    .sec1_inte .parr {
        font-size: 14px;
    }
}




/* bloque 2
--------------------------------------------- */
.sec2_inte {
    position: relative;
    padding: 100px 0px;
}

.sec2_inte .col1 {
    width: 100%;
}

.sec2_inte .fila {
    flex-wrap: wrap;
    justify-content: space-between;
}

.sec2_inte .col2,
.sec2_inte .col3 {
    width: 47%;
}

.sec2_inte .parallax-cont {
    position: relative;
    width: 100%;
    height: 513px;
    overflow: hidden;
    border-radius: 16px;
}

.sec2_inte .parallax-cont .parallax {
    height: 100%;
    width: 100%;
    object-fit: cover;
    object-position: 50% 50%;
    position: absolute;
}

.sec2_inte .col1 .txt {
    column-width: 30em;
    gap: 5%;
    margin-bottom: 85px;
}


.sec2_inte .col1 .txt p,
.sec2_inte .col1 .txt a {
    margin: 0px;
    color: var(--beige);
    font-family: var(--fuentePrin);
    font-size: 26px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%;
    margin-bottom: 40px;

}

.fondo-azul {
    background-color: var(--azul);
    background-size: 928px;
    background-position: center bottom;
    background-repeat: no-repeat;
    position: relative;
}


@media (max-width:1199px) {

    .sec2_inte .col1 .txt p,
    .sec2_inte .col1 .txt a {
        font-size: 22px;
    }
}


@media (max-width:991px) {

    .sec2_inte .col1 .txt p,
    .sec2_inte .col1 .txt a {
        font-size: 20px;
    }

    .sec2_inte .col1 .txt p,
    .sec2_inte .col1 .txt a {
        margin-bottom: 35px;
    }

    .sec2_inte .col1 .txt {
        margin-bottom: 25px;
    }

    .sec2_inte .parallax-cont {
        height: 380px;
    }

    .sec2_inte {
        padding: 100px 0px 140px;
    }
}

@media (max-width:767px) {
    .sec2_inte .parallax-cont {
        height: 300px;
    }
}

@media (max-width:500px) {

    .sec2_inte .col1 .txt p,
    .sec2_inte .col1 .txt a {
        font-size: 16px;
    }

    .sec2_inte .parallax-cont {
        height: 250px;
    }
}

@media (max-width:390px) {
    .sec2_inte .parallax-cont {
        height: 228px;
    }
}


@media (max-width:350px) {

    .sec2_inte .col1 .txt p,
    .sec2_inte .col1 .txt a {
        font-size: 14px;
    }

    .sec2_inte .fila {
        flex-direction: column;
    }

    .sec2_inte .col2,
    .sec2_inte .col3 {
        width: 100%;
    }

    .sec2_inte .col2 {
        margin-bottom: 35px;
    }
}



/* bloque 3
--------------------------------------------- */
.sec3_inte {
    padding-bottom: 165px;
}

.sec3_inte .fila {
    justify-content: center;
    gap: 1%;
}

.sec3_inte .col {
    width: 299px;
    text-align: center;
}

.sec3_inte .tit p {
    margin: 0px;
}

.sec3_inte .tit {
    color: var(--beige);
    font-family: var(--fuentePrin);
    text-align: center;
    font-size: 42px;
    font-style: normal;
    font-weight: 500;
    line-height: 120%;
    padding: 0px 7%;
    margin-bottom: 85px;
}


.sec3_inte .ico {
    width: 68px;
    height: 68px;
    text-align: center;
    margin-bottom: 35px;
}

.sec3_inte .txt {
    color: var(--beige);
    font-family: var(--fuentePrin);
    text-align: center;
    font-size: 26px;
    font-style: normal;
    font-weight: 500;
    line-height: 120%;

}

.fondo-azul2 {
    background-color: var(--azul);
}


@media (max-width:1399px) {
    .sec3_inte .tit {
        font-size: 38px;
    }

    .sec3_inte .txt {
        font-size: 22px;
    }

    .sec3_inte .col {
        width: 250px;
    }
}

@media (max-width:1199px) {
    .sec3_inte .tit {
        padding: 0px;
        font-size: 35px;
    }

    .sec3_inte .txt {
        font-size: 20px;
    }

    .sec3_inte .ico {
        width: 59px;
        height: 59px;
        margin-bottom: 25px;
    }
}

@media (max-width:991px) {
    .sec3_inte .tit {
        font-size: 28px;
    }

    .sec3_inte .fila {
        gap: 5%;
        flex-wrap: wrap;
    }

    .sec3_inte .col {
        width: 300px;
        padding: 0px 40px;
    }

    .sec3_inte .fila>div:nth-child(1) {
        margin-bottom: 60px;
    }

    .sec3_inte .ico {
        margin-bottom: 20px;
    }

    .fondo-azul {
        background-size: 500px;
        background-position: center calc(100% - 400px);
        background-image: url('/wp-content/uploads/2023/10/Gradiente.svg');
    }

    .sec3_inte {
        padding-bottom: 0px;
    }
}

@media (max-width:767px) {
    .sec3_inte .tit {
        font-size: 25px;
    }

    .sec3_inte .col {
        width: 220px;
        padding: 0px;
    }
}

@media (max-width:500px) {
    .sec3_inte .tit {
        font-size: 23px;
    }

    .sec3_inte .col {
        width: 170px;
    }

    .sec3_inte .txt {
        font-size: 16px;
    }

    .sec3_inte .tit {
        margin-bottom: 75px;
    }

    .sec3_inte .fila>div:nth-child(1) {
        margin-bottom: 45px;
    }

    .sec3_inte {
        padding-bottom: 0px;
    }

    .sec3_inte .fila {
        gap: 0;
    }

    .fondo-azul {
        background-size: 360px;
        background-position: center calc(100% - 290px);
    }
}

@media (max-width:370px) {
    .sec3_inte .col {
        margin-bottom: 45px;
    }

    .sec3_inte .fila {
        flex-direction: column;
        align-items: center;
    }

    .fondo-azul {
        background-position: center calc(100% - 670px);
    }
}


/* bloque 4
--------------------------------------------- */
.sec4_inte {
    position: relative;
    z-index: 3;
    /* margin-top: -150px; */
}

.sec4_inte .secTop {
    background-size: cover;
    padding-bottom: 130px;
    background-repeat: no-repeat;
}

.sec4_inte .secTop:before {
    content: "";
    position: absolute;
    width: 928px;
    height: 928px;
    background-image: url('/wp-content/uploads/2023/10/Gradiente.svg');
    background-size: cover;
    left: -400px;
    bottom: 300px;
}



.sec4_inte .secTop .col1 {
    width: 40%;
}

.sec4_inte .secTop .col1::before {
    content: "";
    position: absolute;
    width: 928px;
    height: 928px;
    background-image: url('/wp-content/uploads/2023/10/Gradiente.svg');
    background-size: cover;
    left: 25%;
    top: -750px;
}

.sec4_inte .secTop .tit p {
    margin: 0px;
}

.sec4_inte .secTop .tit {
    color: var(--beige);
    font-family: var(--fuentePrin);
    font-size: 26px;
    font-style: normal;
    font-weight: 700;
    line-height: 140%;
    margin-bottom: 60px;
    padding-right: 40%;
}

.sec4_inte .secTop .txt p {
    margin: 0px;
    color: var(--beige);
    font-family: var(--fuentePrin);
    font-size: 26px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%;
    margin-bottom: 45px;
}

.sec4_inte .secBot .fila {
    justify-content: center;
    gap: 6%;
}

.sec4_inte .secBot .col {
    width: 420px;
    text-align: center;
}

.sec4_inte .secBot .tit p {
    margin: 0px;
}

.sec4_inte .secBot .tit {
    margin: 0px;
    color: var(--beige);
    font-family: var(--fuentePrin);
    text-align: center;
    font-size: 42px;
    font-style: normal;
    font-weight: 500;
    line-height: 120%;
    padding: 0px 240px;
    margin-bottom: 85px;
}

.sec4_inte .secBot .col .titBox {
    margin: 0px;
    color: var(--beige);
    font-family: var(--fuentePrin);
    text-align: center;
    font-size: 26px;
    font-style: normal;
    font-weight: 500;
    line-height: 120%;
    margin-bottom: 35px;
}

.sec4_inte .secBot .col .parr p {
    margin: 0px;
}

.sec4_inte .secBot .col .parr {
    margin: 0px;
    color: var(--beige);
    font-family: var(--fuentePrin);
    text-align: center;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 140%;
    margin-bottom: 50px;
}

.sec4_inte .secBot .col .btn-link {
    color: var(--azul);
    font-family: var(--fuentePrin);
    background-color: var(--beige);
    text-align: center;
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    display: inline-block;
    padding: 8px 15px;
    border-radius: 150px;
    text-decoration: none;
}

.sec4_inte .fila {
    margin-bottom: 80px;
}

.sec4_inte .secBot .txt {
    color: var(--beige);
    font-family: var(--fuentePrin);
    text-align: center;
    font-size: 26px;
    font-style: normal;
    font-weight: 700;
    line-height: 119%;
}

@media (max-width:1800px) {
    .sec4_inte .secTop .col1 {
        width: 50%;
    }

    .sec4_inte .secTop {
        background-size: 1800px;
        background-position: calc(100% + 300px) top;
    }
}


@media (max-width:1699px) {
    .sec4_inte .secBot .tit {
        padding: 0px 40px;
    }
}

@media (max-width:1399px) {
    .sec4_inte .secTop .col1::before {
        width: 700px;
        height: 700px;
    }

    .sec4_inte .secTop .col1 {
        width: 55%;
    }

    .sec4_inte .secTop {
        background-size: 1500px;
        background-position: calc(100% + 320px) top;
    }

    .sec4_inte .secBot .tit {
        font-size: 38px;
        padding: 0px;
    }

}


@media (max-width:1199px) {

    .sec4_inte .secTop .tit,
    .sec4_inte .secTop .txt p {
        font-size: 22px;
    }

    .sec4_inte .secBot .tit {
        font-size: 35px;

    }

    .sec4_inte .secBot .col .titBox {
        font-size: 22px;
    }
}




@media (max-width:991px) {
    .sec4_inte .secTop .col1::before {
        display: none;
    }

    .sec4_inte .secTop .tit,
    .sec4_inte .secTop .txt p {
        font-size: 20px;
    }

    .sec4_inte .secTop .col1 {
        width: 100%;
    }

    .sec4_inte .secTop {
        background-size: 1300px;
        padding-top: 690px;
        background-position: center top;
    }

    .sec4_inte .secTop {
        background-position: right top;
    }

    .sec4_inte .secBot .tit {
        font-size: 28px;
    }

    .sec4_inte .secBot .col .titBox {
        font-size: 20px;
    }

    .sec4_inte .secBot .col .parr {
        font-size: 16px;
    }
}


@media (max-width:767px) {
    .sec4_inte .secTop {
        background-position: calc(100% + 200px) top;
    }

    .sec4_inte .secBot .tit {
        font-size: 25px;
        margin-bottom: 75px;
    }

    .sec4_inte .secBot .fila {
        gap: 0px;
        flex-direction: column;
        align-items: center;
    }

    .sec4_inte .secBot .col {
        margin-bottom: 75px;
    }

    .sec4_inte .secBot .col .titBox {
        margin-bottom: 25px;
    }

    .sec4_inte .secBot .col .parr {
        margin-bottom: 45px;
    }

    .sec4_inte .fila {
        margin-bottom: 60px;
    }

    .sec4_inte .secBot .txt {
        font-size: 24px;
    }

    .sec4_inte .secTop:before {
        width: 500px;
        height: 500px;
        left: -200px;
        bottom: 1000px;
    }

    .sec4_inte .secBot .col {
        width: 300px;
    }

}


@media (max-width:500px) {

    .sec4_inte .secTop .tit,
    .sec4_inte .secTop .txt p {
        font-size: 16px;
    }

    .sec4_inte .secTop {
        background-size: contain;
        background-position: top;
        background-image: url('/wp-content/uploads/2023/10/Cachalote-movil-1.jpg') !important;
    }

    .sec4_inte .secTop .tit {
        padding-right: 0px;
        margin-bottom: 50px;
    }

    .sec4_inte .secTop .txt p {
        margin-bottom: 30px;
    }

    .sec4_inte .secTop:before {
        width: 358px;
        height: 358px;
        left: -200px;
        bottom: 1000px;
    }

    .sec4_inte .secBot .tit {
        font-size: 22px;
    }

    .sec4_inte .secBot .col .titBox {
        font-size: 22px;
    }

    .sec4_inte .secBot .col .btn-link {
        font-size: 18px;
        padding: 6.5px 12.5px;
    }

    .sec4_inte .secBot .txt {
        font-size: 22px;
    }
}

@media (max-width:390px) {
    .sec4_inte .secBot .col {
        width: 100%;
    }

    .sec4_inte .fila {
        margin-bottom: 0px;
    }

}

@media (max-width:350px) {
    .sec4_inte .secTop {
        padding-top: 500px;
        background-size: 300px;
    }
}



/* bloque Fondo Final
--------------------------------------------- */
.fondoFin {
    height: 800px;
    border-radius: 0px 0px 64px 64px;
    background-size: cover;
    position: relative;
    z-index: 2;
    margin-top: -80px;
}

@media (max-width:1199px) {
    .fondoFin {
        background-position: bottom center;
    }
}

@media (max-width:767px) {
    .fondoFin {
        margin-top: -150px;
    }
}

@media (max-width:390px) {
    .fondoFin {
        height: 700px;
    }
}

@media (max-width:350px) {
    .fondoFin {
        height: 560px;
    }
}