:root {

    --negro: #000000;

    --blanco: #FFFFFF;

    --trans: transparent;

    --azul: #003B64;

    --amarillo: #E3AB00;

    --beige: #F4F1EA;

    --beige2: #FCFBFA;

    --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-position: bottom center;

    background-repeat: no-repeat;

    /* padding: 260px 0px 550px 0px; */

    background-color: var(--negro);

}



.sec1_inte .fondo-radial {

    width: 100%;

    height: 100%;

    background-size: 600px;

    background-position: left 100px;

    background-repeat: no-repeat;

    padding: 260px 0px 550px 0px;

}





.sec1_inte .fila {

    justify-content: flex-end;



}



.sec1_inte .col1 {

    width: 50%;

}



.sec1_inte .tit {

    color: var(--beige);

    font-family: var(--fuentePrin);

    font-size: 68px;

    font-weight: 700;

    line-height: 100%;

    margin-bottom: 25px;

}



.sec1_inte .col1 p,

.sec1_inte .col1 a,

.sec1_inte .col1 a:hover,

.sec1_inte .col1 a:visited {

    color: var(--beige);

    font-family: var(--fuentePrin);

    font-size: 26px;

    font-weight: 400;

    line-height: 140%;

    margin-bottom: 100px;

}







.explorar-btn {

    text-decoration: none;

    margin-bottom: 5px;

}



.explorar-btn,

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

}



@media (max-width:1399px) {

    .sec1_inte {

        background-size: 1500px;

        background-position: bottom left;

    }



    .sec1_inte .fondo-radial {

        background-position: -100px 100px;

    }

}



@media (max-width:991px) {

    .sec1_inte .col1 {

        width: 70%;

    }



    .sec1_inte {

        background-size: 2000px;

    }



    .sec1_inte .fondo-radial {

        padding: 210px 0px 585px 0px;

    }



    .sec1_inte .tit {

        font-size: 55px;

    }



    .sec1_inte .col1 p,

    .sec1_inte .col1 a,

    .sec1_inte .col1 a:hover,

    .sec1_inte .col1 a:visited {

        font-size: 20px;

    }

}



@media (max-width:500px) {

    .sec1_inte .fondo-radial {

        background-position: center 10px;

    }



    .sec1_inte .col1 {

        width: 100%;

    }



    .sec1_inte .tit {

        font-size: 50px;

        margin-bottom: 50px;

    }



    .sec1_inte .col1 p,

    .sec1_inte .col1 a,

    .sec1_inte .col1 a:hover,

    .sec1_inte .col1 a:visited {

        margin-top: 0px;

        margin-bottom: 55px;

        font-size: 16px;

    }



    .explorar-btn .img-btn {

        width: 17px;

        height: 17px;

    }



    .explorar-btn .txt-btn {

        font-size: 18px;

    }

}



/* bloque 2

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

.sec2_inte {

    background-color: var(--azul);

    padding: 190px 0px 245px 0px;

    border-radius: 0 0 64px 64px;

    position: relative;

    z-index: 4;

    background-size: 50%;

    background-position: center left;

    background-repeat: no-repeat;

    background-image: url('/wp-content/uploads/2023/09/fondo-sec2-2.jpg');

}



.sec2_inte .fila {

    justify-content: flex-end;

}



.sec2_inte .col1 {

    width: 615px;

}



.sec2_inte .col1 .tit {

    color: var(--beige);

    font-family: var(--fuentePrin);

    font-size: 42px;

    font-style: normal;

    font-weight: 500;

    line-height: 120%;

    width: 450px;

    margin-bottom: 50px;

}



.sec2_inte .col1 p,

.sec2_inte .col1 a,

.sec2_inte .col1 a:hover,

.sec2_inte .col1 a:visited {

    color: var(--beige);

    font-family: var(--fuentePrin);

    /*font-size: 26px;*/
    font-size: 18px;

    font-style: normal;

    font-weight: 400;

    line-height: 140%;

    margin-bottom: 40px;

}



.sec2_inte2 .col1 a {

    text-decoration: underline;

}







@media (max-width:1399px) {

    .sec2_inte .col1 {

        width: 50%;

    }



}



@media (max-width:991px) {



    .sec2_inte .col1,

    .sec2_inte .col1 .tit {

        width: 100%;

    }



    .sec2_inte {

        padding: 100px 0px 560px 0px;

        background-size: 800px;

        background-position: center calc(100% + 150px);



    }



    .sec2_inte .col1 p,

    .sec2_inte .col1 a,

    .sec2_inte .col1 a:hover,

    .sec2_inte .col1 a:visited {

        font-size: 20px;

    }



    .sec2_inte .col1 .tit {

        font-size: 39px;

    }

}



@media (max-width:500px) {

    .sec2_inte {

        padding: 0px 0px 560px 0px;

        background-size: 500px;

        background-position: center 160%;

        background-image: url('/wp-content/uploads/2023/09/fondo-sec2-mov-1.jpg');

    }



    .sec2_inte .col1 .tit {

        font-size: 36px;

        margin-bottom: 45px;

    }



    .sec2_inte .col1 p,

    .sec2_inte .col1 a,

    .sec2_inte .col1 a:hover,

    .sec2_inte .col1 a:visited {

        margin: 0px;

        margin-bottom: 35px;

        font-size: 16px;

    }

}



@media (max-width:400px) {

    .sec2_inte {

        padding: 0px 0px 560px 0px;

        background-size: 390px;

        background-position: right bottom;

        background-image: url('/wp-content/uploads/2023/09/fondo-sec2-mov-1.jpg');

    }

}





/* bloque 3

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

.sec3_inte {

    background-color: var(--beige);

    margin-top: -70px;

    padding: 230px 0px 930px 0px;

    border-radius: 0 0 64px 64px;

    position: relative;

    z-index: 3;

    background-size: contain;

    background-position: bottom left;

    background-repeat: no-repeat;

}



.sec-tab {

    min-height: 200px;

    width: 100%;

    background-color: var(--beige2);

    border-radius: 16px;

}



.sec3_inte header {

    width: 860px;

    margin: 0 auto;

    text-align: center;

    margin-bottom: 75px;

}



.sec3_inte header .tit {

    color: var(--azul);

    font-family: var(--fuentePrin);

    font-size: 42px;

    font-style: normal;

    font-weight: 700;

    line-height: 100%;

}



.sec3_inte header .info p,

.sec3_inte header .info a,

.sec3_inte header .info a:hover,

.sec3_inte header .info a:visited {

    color: var(--azul);

    text-align: center;

    font-family: var(--fuentePrin);

    font-size: 18px;

    font-style: normal;

    font-weight: 400;

    line-height: 140%;

}



.sec3_inte header .info a {

    text-decoration: underline;

}





/*TAB*/

.cont-tab {

    display: flex;

    flex-direction: column;

    align-items: center;

    color: var(--azul);

}



.tab {

    cursor: pointer;

    padding: 15px 25px;

    margin: 0px 10px;

    margin-bottom: 30px;

    display: inline-block;

    color: var(--azul);

    opacity: 0.4;

    font-family: var(--fuentePrin);

    font-size: 20px;

    font-style: normal;

    font-weight: 700;

    line-height: 100%;

}



.panels {

    min-height: 200px;

    width: 100%;

    background-color: var(--beige2);

    overflow: hidden;

    padding: 50px 45px 10px;

    border-radius: 16px;

}



.panel {

    display: none;

    animation: fadein .8s;

}



@keyframes fadein {

    from {

        opacity: 0;

    }



    to {

        opacity: 1;

    }

}





.cont-tab input[type=radio] {

    display: none;

}



#rad1:checked~.panels #panel1,

#rad2:checked~.panels #panel2 {

    display: block

}



#rad1:checked~.tabs #tab1,

#rad2:checked~.tabs #tab2 {

    border-bottom: 2px solid var(--azul);

    opacity: 1;

}





.cont-panel {

    grid-column: 2;

    column-width: 30em;

    gap: 5%;

}



.cont-panel p,

.cont-panel ul li,

.cont-panel ul li a {

    color: var(--azul);

    font-family: var(--fuentePrin);

    font-size: 18px;

    font-style: normal;

    font-weight: 400;

    line-height: 140%;

}



.cont-panel p,

.cont-panel ul li {

    margin: 0px;

    margin-bottom: 35px;

    display: inline-block;

}



.cont-panel ul {

    margin: 0px;

    padding-left: 30px;

}



.cont-panel ul li {

    font-weight: 700;

}



.cont-panel ul li a {

    text-decoration: underline;

    font-weight: 700;

}





.cont-panel ul li::before {

    content: "";

    position: absolute;

    margin-top: 2px;

    margin-left: -30px;

    height: 18px;

    width: 18px;

    background-image: url('/wp-content/uploads/2023/09/check-contexto.svg');

    background-size: contain;

}



@media (max-width:991px) {

    .sec3_inte header {

        width: 100%;



    }

}



@media (max-width: 500px) {

    .tabs {

        display: contents;

        text-align: center;

    }



    .tab {

        margin: 0px;

        padding: 15px 17px;

    }



    .tab:last-child {

        margin-bottom: 30px;

    }

}



@media (max-width: 400px) {

    .tab {

        font-size: 18px;

    }



    .cont-panel p,

    .cont-panel ul li,

    .cont-panel ul li a {

        font-size: 16px;

    }



    .panels {

        padding: 30px 27px 0px;

    }



    .cont-panel p {

        margin-bottom: 30px;

    }



    .cont-panel ul li {

        margin-bottom: 25px;

    }



    .cont-panel ul li:last-child {

        padding-bottom: 5px;

    }

}



/*Fin tab*/



@media (max-width:1699px) {

    .sec3_inte {

        padding: 230px 0px 750px 0px;

        background-size: 1700px;

        background-position: bottom center;

    }

}



@media (max-width:991px) {

    .sec3_inte {

        padding: 230px 0px 450px 0px;

        background-size: 1000px;

    }



    .sec3_inte header .tit {

        font-size: 39px;

    }

}



@media (max-width:500px) {

    .sec3_inte header {

        margin-bottom: 60px;

    }



    .sec3_inte header .tit {

        font-size: 36px;

        margin-bottom: 65px;

    }



    .sec3_inte header .info p,

    .sec3_inte header .info a,

    .sec3_inte header .info a:hover,

    .sec3_inte header .info a:visited {

        font-size: 16px;

    }



    .sec3_inte {

        padding: 215px 0px 420px 0px;

        background-size: 900px;

        background-position: bottom left;

        background-repeat: no-repeat;

    }

}





@media (max-width:360px) {

    .sec3_inte header .tit {

        font-size: 25px;

        margin-bottom: 55px;

    }

}



/* bloque 4

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

.sec4_inte {

    background-color: var(--azul);

    margin-top: -70px;

    padding-top: 240px;

    border-radius: 0 0 64px 64px;

    position: relative;

    z-index: 2;

    overflow: hidden;

}



.sec4_inte {

    width: 100%;

    height: 100%;

    background-size: 600px;

    background-position: calc(100% + 300px) -200px;

    background-repeat: no-repeat;

}



.fondo-radial2 {

    background-size: 600px;

    background-position: -300px center;

    background-repeat: no-repeat;

    padding-bottom: 130px;

}



.sec4_inte .tit {

    color: var(--beige);

    font-family: var(--fuentePrin);

    font-size: 42px;

    font-style: normal;

    font-weight: 700;

    line-height: 120%;

    width: 350px;

    margin-bottom: 90px;

}



.acciones-gal {

    align-items: flex-start;

    flex-wrap: wrap;

    gap: 2%;

}



.box-img {

    width: 365px;

    height: 487px;

    border-radius: 16px;

    overflow: hidden;

    position: relative;

    margin-bottom: 30px;

}



.box-img a {

    text-decoration: none;

}



.box-img:hover .img-hover {

    opacity: 1;

    transition: all 0.4s linear;

    cursor: pointer;

}



.box-img .img-gal {

    width: 100%;

    height: 100%;

    background-size: cover;

    background-position: center;

}



.fondo-osc {

    width: 100%;

    height: 100%;

    padding: 25px;

    background-image: url('/wp-content/uploads/2023/08/fondo-gal-1.png');

    background-size: 110%;

    background-position-y: calc(100% + 2px);

    background-repeat: no-repeat;

    align-items: flex-end;

}



.box-img .gal-btn {

    width: 100%;

    min-height: 85px;

    justify-content: space-between;

    align-items: flex-end;

}



.box-img .gal-btn .txt {

    color: var(--blanco);

    font-size: 26px;

    font-style: normal;

    font-weight: 500;

    line-height: 139.83%;

    width: 88%;

}



.box-img .gal-btn img {

    width: 24px;

    height: 24px;

}



.img-hover {

    width: 100%;

    height: 100%;

    position: absolute;

    backdrop-filter: blur(25px);

    opacity: 0;

    top: 0;

    left: 0;

    justify-content: center;

    align-items: center;

    border-radius: 16px;

    overflow: hidden;

}



.img-hover .link-expl {

    border: 1px solid var(--blanco);

    border-radius: 100%;

    width: 270px;

    height: 270px;

    justify-content: center;

    align-items: center;

}



.img-hover .txt-expl {

    color: var(--blanco);

    text-align: center;

    font-size: 20px;

    font-style: normal;

    font-weight: 500;

    line-height: 100%;

    margin-right: 15px;

}



.img-hover img {

    width: 18px;

    height: 16px;

}



@media (max-width:1699px) {

    .box-img {

        width: 310px;

        height: 413px;

    }



    .img-hover .link-expl {

        width: 250px;

        height: 250px;

    }



    .img-hover .txt-expl {

        font-size: 18px;

    }

}



@media (max-width:1399px) {

    .box-img {

        width: 260px;

        height: 346px;

    }



    .img-hover .link-expl {

        width: 200px;

        height: 200px;

    }

}



@media (max-width:1199px) {

    .box-img {

        width: 300px;

        height: 399px;

    }



    .box-img .gal-btn .txt {

        font-size: 22px;

        width: 86%;

    }

}



@media (max-width:991px) {

    .box-img {

        width: 230px;

        height: 306px;

    }



    .box-img .gal-btn .txt {

        font-size: 16px;

    }



    .img-hover .link-expl {

        width: 170px;

        height: 170px;

    }

}



@media (max-width:767px) {

    .box-img {

        width: 250px;

        height: 334px;

    }



    .acciones-gal {

        gap: 4%;

    }

}



@media (max-width:550px) {

    .sec4_inte .col1 {

        width: 360px;

        margin: 0 auto;

    }



    .acciones-gal {

        justify-content: center;

    }



    .box-img {

        width: 358px;

        height: 477px;

        margin-bottom: 20px;

    }



    .box-img .gal-btn .txt {

        font-size: 22px;

    }



    .img-hover .link-expl {

        width: 270px;

        height: 270px;

    }



}





@media (max-width:400px) {

    .sec4_inte .col1 {

        width: 100%;

    }



    .box-img {

        width: 100%;

    }



    .img-hover .link-expl {

        width: 200px;

        height: 200px;

    }

}



@media (max-width:350px) {

    .box-img {

        height: 350px;

    }



    .box-img .gal-btn .txt {

        font-size: 18px;

    }

}



/* fin grid  */

@media (max-width:991px) {

    .sec4_inte .tit {

        font-size: 39px;

        width: 320px;

    }

}



@media (max-width:500px) {

    .sec4_inte {

        padding-top: 215px;

    }



    .fondo-radial2 {

        padding-bottom: 90px;

    }



    .sec4_inte .tit {

        font-size: 36px;

        margin: 0px;

        margin-bottom: 85px;

    }



    .fondo-radial2 {

        background-position: -300px calc(100% + 300px);

    }

}



@media (max-width:390px) {

    .sec4_inte .tit {

        width: 290px;

    }

}





@media (max-width:320px) {

    .sec4_inte .tit {

        font-size: 30px;

        width: 240px; 

    }

}



@media (max-width:280px) {

    .sec4_inte .tit {

        width: 100%; 

    }

}