: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: 100vh;

    background-size: cover;

    background-color: var(--azul);

    background-repeat: no-repeat;

}



.sec1_inte .fondoFade {

    height: 100vh;

    background-size: cover;

    background-position: bottom;

}



.sec1_inte .fondoFade .container {

    height: 100%;

}



.sec1_inte .top-header {

    justify-content: space-between;

    align-items: flex-end;

    height: 100%;

    padding-bottom: 150px;

}



.sec1_inte .top-header .col1 {

    width: 1200px;

}



.top-header .tit {

    font-size: 67px;

    font-style: normal;

    font-weight: 700;

    line-height: 100%;

    margin-bottom: 30px;

}



.top-header .parr,

.top-header .parr p {

    font-size: 26px;

    font-style: normal;

    font-weight: 400;

    line-height: 140%;

    margin: 0px;

}



.explorar-btn {

    text-decoration: none;

    margin-bottom: 5px;

    color: var(--beige);

}



.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%;

    color: var(--beige);

}



@media (max-width:1699px) {

    .sec1_inte .top-header .col1 {

        width: 80%;

    }

    /* .sec1_inte {

        background-position: -500px top;

    } */



}



@media (max-width:991px) {

    .sec1_inte .top-header .col1 {

        width: 100%;

    }



    .sec1_inte .top-header {

        flex-direction: column;

        align-items: flex-start;

        justify-content: flex-end;

    }



    .sec1_inte {

        background-position: center top;

    }



    .explorar-btn {

        margin-top: 30px;

    }



    .sec1_inte .top-header {

        padding-bottom: 80px;

    }



    .top-header .tit {

        font-size: 62px;

    }



    .top-header .parr,

    .top-header .parr p {

        font-size: 24px;

    }

}



@media (max-width:767px) {

    .sec1_inte {

        height: auto;

    }

    .sec1_inte .fondoFade {

        height: auto;

    }

    .sec1_inte .top-header {

        padding-top: 365px;

    }

}



@media (max-width:500px) {

    .top-header .tit {

        font-size: 59px;

    }



    .top-header .parr,

    .top-header .parr p {

        font-size: 16px;

    }







    .explorar-btn .txt-btn {

        font-size: 17px;

    }



    .sec1_inte .top-header {

        padding-bottom: 115px;

    }

}



@media (max-width:300px) {

    .top-header .tit {

        font-size: 45px;

    }



    .sec1_inte .top-header {

        padding-bottom: 80px;

    }

    .sec1_inte {

        background-size: 1200px;

        background-repeat: no-repeat;

    }

}



/* bloque 2

--------------------------------------------- */

.sec2_inte {

    border-radius: 0px 0px 64px 64px;

    overflow: hidden;

    z-index: 1;

    position: relative;

    background-color: var(--azul);

    min-height: 200px;

}



.obj-info {

    justify-content: space-between;

    margin-bottom: 110px;

    background-repeat: no-repeat;

    background-position: 650px 350px;

}



.obj-info .col1,

.obj-info .col2 {

    width: 28.5%;

}



/* .obj-info .col1 .parallax-cont,

.obj-info .col2 .parallax-cont {

    position: relative;   

    width: 100%;

    height: 525px;

    overflow: hidden;

    border-radius: 16px;

    margin-bottom: 47px;

} */



.obj-info .simpleParallax{

    position: relative;

    /* width: 300px; */

    width: 100%;

    height: 525px;

    overflow: hidden;

    border-radius: 16px;

    margin-bottom: 47px;

   /* border: 1px solid red; */

}









/* .obj-info .col1 .parallax,

.obj-info .col2 .parallax {

    height: 100%;

    width: 100%;

    object-fit: cover;

    object-position: 50% 50%;

    position: absolute;

} */



.obj-info .col2 {

    margin-top: 95px;

}



.obj-info .col3 {

    width: 30%;

    margin-left: 7%;

}



.obj-tit {

    margin-bottom: 30px;

}



.img-tit {

    width: 42px;

    height: 42px;

    margin-right: 25px;

    margin-left: -4px;

}



.obj-item .tit {

    font-size: 26px;

    font-style: normal;

    font-weight: 500;

    line-height: 120%;

    padding-top: 12px;



}



.obj-item ul {

    margin: 0px;

    padding-left: 23px;

    list-style-image: url('https://intemares.entorno-desarrollo.es/wp-content/uploads/2023/08/list-icon.svg');

    margin-bottom: 55px;

}



.obj-item ul li,

.obj-item ul li p {

    font-size: 18px;

    font-style: normal;

    font-weight: 400;

    line-height: 140%;

    margin: 0px;

    margin-bottom: 30px;

}



@media (max-width:1699px) {

    .obj-info {

        background-position: center 350px;

    }

}



@media (max-width:1399px) {

    .obj-info .col3 {

        width: 35%;

        margin-left: 20px;

    }

    .obj-info .simpleParallax{

        height: 450px;

    }



    /* .obj-info .col1 .parallax-cont,

    .obj-info .col2 .parallax-cont {

        height: 450px;

    } */



    .obj-item .tit {

        font-size: 23px;

    }



    .obj-item ul li,

    .obj-item ul li p {

        font-size: 17px;

        margin-bottom: 15px;

    }

}



@media (max-width:1199px) {

    /* .obj-info .col1 .parallax-cont,

    .obj-info .col2 .parallax-cont {

        height: 400px;

    } */

    .obj-info .simpleParallax{

        height: 400px;

    }



    .obj-tit {

        margin-bottom: 15px;

    }



    .obj-item ul {

        margin-bottom: 30px;

    }

}



@media (max-width:991px) {

    .obj-info {

        flex-direction: column;

        width: 500px;

        margin: 0 auto;

        background-position: center center;

        background-size: contain;

        padding-bottom: 80px

    }



    .obj-info .col2 {

        margin-top: 0px;

    }



    .obj-info .col1 {

        order: 1;

    }



    .obj-info .col2 {

        order: 3;

    }



    .obj-info .col3 {

        order: 2;

    }



    .obj-info .col1,

    .obj-info .col2 {

        display: flex;

        flex-wrap: wrap;

        justify-content: space-between;

    }



    .obj-info .col1,

    .obj-info .col2,

    .obj-info .col3 {

        width: 100%;

    }



    .obj-info .col1>div:nth-of-type(1),

    .obj-info .col1>div:nth-of-type(2),

    .obj-info .col2>div:nth-of-type(1),

    .obj-info .col2>div:nth-of-type(2) {

        width: 47.5%;

        height: 270px;

        margin-bottom: 25px;

    }



    .obj-info .col1>div:nth-of-type(3),

    .obj-info .col2>div:nth-of-type(3) {

        width: 100%;

    }



    .obj-info .col3 {

        margin-left: 0px;

    }

 

}





@media (max-width:600px) {

    .obj-info {

        width: 100%;

    }

}



@media (max-width:500px) {



    .obj-info .col1>div:nth-of-type(1),

    .obj-info .col1>div:nth-of-type(2),

    .obj-info .col2>div:nth-of-type(1),

    .obj-info .col2>div:nth-of-type(2) {

        height: 204px;

        margin-bottom: 17px;

    }



    .obj-info .col1>div:nth-of-type(3),

    .obj-info .col2>div:nth-of-type(3) {

        height: 427px;

        margin-bottom: 55px;

    }



    .obj-info .col3 {

        margin-bottom: 25px;

    }



    .obj-info .col2 {

        margin-bottom: 55px;

    }



    .img-tit {

        width: 36px;

        height: 36px;

        margin-right: 22px;

    }



    .obj-tit {

        margin-bottom: 25px;

    }



    .obj-item .tit {

        font-size: 22px;

    }



    .obj-item ul {

        margin-bottom: 50px;

    }



    .obj-item ul li,

    .obj-item ul li p {

        font-size: 16px;

        margin-bottom: 25px;

    }

    .obj-info {

        padding-bottom: 0px;

         background-position: center 950px;

    }



}



@media (max-width:300px) {



    .obj-info .col1>div:nth-of-type(1),

    .obj-info .col1>div:nth-of-type(2),

    .obj-info .col2>div:nth-of-type(1),

    .obj-info .col2>div:nth-of-type(2) {

        height: 150px;

    }



    .obj-info .col1>div:nth-of-type(3),

    .obj-info .col2>div:nth-of-type(3) {

        height: 330px;

        margin-bottom: 35px;

    }



    .obj-item .tit {

        font-size: 18px;

    }



    .obj-item ul li,

    .obj-item ul li p {

        font-size: 15px;

        margin-bottom: 25px;

    }



    .obj-item ul {

        margin-bottom: 35px;

    }

}