@font-face {
    font-family: 'cambriaregular';
    src: url('../font/cambria-webfont.woff2') format('woff2'),
        url('../font/cambria-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'cambriaitalic';
    src: url('../font/cambriai-webfont.woff2') format('woff2'),
        url('../font/cambriai-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'promptbold';
    src: url('../font/prompt-bold-webfont.woff2') format('woff2'),
        url('../font/prompt-bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'cambriabold_italic';
    src: url('../font/cambriaz-webfont.woff2') format('woff2'),
        url('../font/cambriaz-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

/*! Generated by Font Squirrel (https://www.fontsquirrel.com) on May 28, 2023 */

@font-face {
    font-family: 'body_grotesqueregular';
    src: url('../font/bodygrotesque-regular-webfont.woff2') format('woff2'),
        url('../font/bodygrotesque-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'body_grotesqueitalic';
    src: url('../font/bodygrotesque-italic-webfont.woff2') format('woff2'),
        url('../font/bodygrotesque-italic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'body_grotesquebold';
    src: url('../font/bodygrotesque-bold-webfont.woff2') format('woff2'),
        url('../font/bodygrotesque-bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'body_grotesquebold_italic';
    src: url('../font/bodygrotesque-bolditalic-webfont.woff2') format('woff2'),
        url('../font/bodygrotesque-bolditalic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

/* width */
::-webkit-scrollbar {
    width: 10px;
}

/* Track */
::-webkit-scrollbar-track {
    background: #f1f1f1;
}

/* Handle */
::-webkit-scrollbar-thumb {
    background: #888;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
    background: #000;
}

.scrolll {
    position: absolute;
    bottom: 4.5vmax;
    left: 50%;
    transform: translateX(-50%);
    z-index: 1000;
    opacity: 0;
}


/* //////////////////////////////////////////// lazy /////////////////////////////////////////// */

img:not([src]):not([srcset]) {
    visibility: hidden;
}




/* ////////////////////////////////////////////Correct Viewport Height on Mobile//////////////////////////////////////////*/

html,
body {
    padding: 0;
    margin: 0;
    height: 100vh;
    /* Use vh as a fallback for browsers that do not support Custom Properties */
    height: calc(var(--vh, 1vh) * 100);
}

* {
    box-sizing: border-box;
}

html {
    color: #4E4849;
}

body {
    font: 16px/1.5 Helvetica, Helvetica Neue, Arial;
}

/* //////////////////////////////////////////// Opera #detach-button-host //////////////////////////////////////////// */

#detach-button-host {
    display: none !important;
}

/* ///////////////////////////////////////////////////// M E N U /////////////////////////////////////////////////////*/


.button_container {
    position: fixed;
    top: 3vmax;
    right: 3vmax;
    height: 27px;
    width: 35px;
    cursor: pointer;
    z-index: 100;
    transition: opacity 0.25s ease;
    border: 0;
    border: none;
    background-color: transparent;
    z-index: 100001;
}

.button_container:hover {
    opacity: 0.7;
}

button:focus {
    outline: 0;
}

.button_container.active .top {
    transform: translateY(11px) translateX(0) rotate(45deg);
    background: #FFF;
}

.button_container.active .middle {
    opacity: 0;
    background: #FFF;
}

.button_container.active .bottom {
    transform: translateY(-11px) translateX(0) rotate(-45deg);
    background: #FFF;
}

.button_container span {
    background: #0b486b;
    background: #000000;
    border: none;
    height: 5px;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    transition: all 0.35s ease;
    cursor: pointer;
}

.button_container span:nth-of-type(2) {
    top: 11px;
}

.button_container span:nth-of-type(3) {
    top: 22px;
}


.overlay {
    position: fixed;
    background: url(../img/bg-hamburger.svg);
    background-size: cover;
    top: 0;
    left: 0;
    width: 100%;
    height: 0%;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.35s, visibility 0.35s, height 0.35s;
    overflow: hidden;
    font-weight: 300;
}

.overlay.open {
    opacity: 1;
    visibility: visible;
    height: 100vh;
    /* Use vh as a fallback for browsers that do not support Custom Properties */
    height: calc(var(--vh, 1vh) * 100);
    z-index: 100000;
}






.overlay img {
    width: 182px;
    height: auto;
    position: absolute;
    bottom: 3vw;
    right: 3vw;
    opacity: 0;
    transition: all 0.05s;
}

.overlay.open img {
    width: 182px;
    height: auto;
    position: absolute;
    bottom: 4vw;
    right: 4vw;
    opacity: 1;
    transition: all 0.5s;
}

.overlay.open li {
    -webkit-animation: fadeInRight 0.5s ease forwards;
    animation: fadeInRight 0.5s ease forwards;
    -webkit-animation-delay: 0.35s;
    animation-delay: 0.35s;
}

.overlay.open li:nth-of-type(2) {
    -webkit-animation-delay: 0.4s;
    animation-delay: 0.4s;
}

.overlay.open li:nth-of-type(3) {
    -webkit-animation-delay: 0.45s;
    animation-delay: 0.45s;
}

.overlay.open li:nth-of-type(4) {
    -webkit-animation-delay: 0.5s;
    animation-delay: 0.5s;
}

.overlay nav {
    position: relative;
    height: 53%;
    top: 50%;
    transform: translateY(-50%);
    font-family: 'body_grotesquebold';
    font-size: 4.2vmax;
    font-weight: 400;
    text-align: center;
    line-height: 1;
}

@media (max-width: 820px) {
    .overlay nav {
        height: 36%;
        font-size: 4vmax;
    }
}

@media (max-width: 414px) {
    .overlay nav {
        height: 33%;
        font-size: 3.2vmax;
    }
}

.overlay ul {
    list-style: none;
    padding: 0;
    margin: 0 auto;
    display: inline-block;
    position: relative;
    height: 100%;
}

.overlay ul li {
    display: block;
    height: 16.667%;
    height: calc(100% / 6);
    position: relative;
    opacity: 0;
}

.overlay ul li a {
    display: block;
    position: relative;
    color: #D2CCC4;
    text-decoration: none;
    overflow: hidden;
}


@-webkit-keyframes fadeInRight {
    0% {
        opacity: 0;
        left: 20%;
    }

    100% {
        opacity: 1;
        left: 0;
    }
}

@keyframes fadeInRight {
    0% {
        opacity: 0;
        left: 20%;
    }

    100% {
        opacity: 1;
        left: 0;
    }
}



/* ///////////////////////////////////////////////// CUSTOM MOUSE //////////////////////////////////////////////////// */

@keyframes my-animation {
    from {
        top: 20px
    }

    to {
        top: -50px;
        left: -20px;
    }
}

.cursor {
    mix-blend-mode: multiply;
    background: url(../img/mosquito.jpg);
    background-position: center center;
    background-size: contain;
    background-repeat: no-repeat;
    width: 4vw;
    height: 4vw;
    transition: all 300ms ease-out;
    position: fixed;
    pointer-events: none;
    left: 0;
    top: 0;
    transform: translate(calc(-50% + 15px), -50%);
    z-index: 90000;

    /* animation properties */
    animation-name: my-animation;
    animation-duration: 5s;
    animation-direction: alternate;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
}

.cursor2 {
    width: 1px;
    height: 1px;
    border-radius: 100%;
    background-color: black;
    opacity: .3;
    position: fixed;
    transform: translate(-50%, -50%);
    pointer-events: none;
    transition: width .3s, height .3s, opacity .3s;
}

.hover {
    opacity: 0.5;
    opacity: 0;
}

.cursorinnerhover {
    width: 5vw;
    height: 5vw;
    opacity: .5;
}

.wrapper {
    width: 90%;
    margin: 0 5%;
}

.wip,
.wip * {
    border: #F5876F 1px dotted;
}

.main_container {
    width: 100%;
    overflow-x: hidden;
    max-width: 100%;
    opacity: 0;
}

.menu {
    position: fixed;
    z-index: 10;
    padding: 0 3.636363636vw 1.89338843vw;
    width: 100vh;
    /* Use vh as a fallback for browsers that do not support Custom Properties */
    width: calc(var(--vh, 1vh) * 100);
    display: flex;
    justify-content: center;
    transform-origin: top right;
    right: 10px;
    top: 0;
    transform: rotate(-90deg) translateY(-100%);
    mix-blend-mode: screen;
}

.menu_link {
    font-size: 1.55vh;
    padding: 0 0.65em;
    letter-spacing: 0em;
    font-family: 'body_grotesqueregular';
    line-height: 1;
    color: #E1DAD9;
}

.menu_link a {
    color: inherit;
    text-decoration: none;
}

.page {
    min-height: 100vh;
    /* Use vh as a fallback for browsers that do not support Custom Properties */
    min-height: calc(var(--vh, 1vh) * 100);
    padding: 3.6vw 4.4vw;
    position: relative;
    display: flex;
    justify-content: space-between;
    position: relative;
    box-sizing: border-box;
}

@media (max-width: 820px) {}

@media (max-width: 414px) {
    .page {       
        padding: 3vh 6vw;
        flex-direction: column;
    }
}

.page_content {
    position: relative;
    z-index: 1;
    height: fit-content;
}

body {
    background: #6AA6C8;
}

.bg_p1-4 {
    background: url(../img/bg_p1-4.svg);
    background-size: auto 100%;
    background-position: top center;
    margin: 0 0 -2px 0;
}

.bgp7b-8b {
    background: url(../img/bg_p7b-8b.svg);
    background-size: cover;
    background-position: top center;
    background-repeat: no-repeat;
    margin: -2px 0;
}

.mosquito {
    position: absolute;
}

.mosquito.uno {
    width: 4vw;
    top: 30%;
    left: 50%;
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
}

.mosquito.dos {
    width: 6vw;
    top: 55%;
    left: 71vw;
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
}

.mosquito.tres {
    width: 9vw;
    top: 56%;
    left: 52%;
}

@media (max-width: 820px) {
    .mosquito:nth-of-type(3) {
        width: 6%;
        top: 22%;
        left: 60%;
    }

    .mosquito:nth-of-type(4) {
        width: 7%;
        top: 50%;
        left: 20%;
    }

    .mosquito:nth-of-type(5) {
        width: 7%;
        top: 60%;
        left: 60%;
    }
}

@media (max-width: 414px) {
    .mosquito:nth-of-type(3) {
        width: 10vw;
        top: 22vh;
        left: 50vw;
    }

    .mosquito:nth-of-type(4) {
        width: 11vw;
        top: 63vh;
        left: 15vw;
        -webkit-transform: scaleX(-1);
        transform: scaleX(-1);
    }

    .mosquito:nth-of-type(5) {
        width: 11vw;
        top: 70vh;
        left: 59vw;
    }
}

.logo_mincul {
    width: 22vw;
    max-width: 60%;
    height: fit-content;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 1000;
}

@media (max-width: 820px) {
    .logo_mincul {
        width: 30%;
        max-width: 30%;

    }
}

@media (max-width: 414px) {
    .logo_mincul {
        width: 60%;
        max-width: 60%;
    }
}

.home_logo {
    transform-origin: center center;
    width: 19vw;
    align-self: flex-start;
}

@media (max-width: 820px) {
    .home_logo {
        width: 26vw;
        position: absolute;
        top: 3vmax;
        left: 3vmax;
    }
}

@media (max-width: 414px) {
    .home_logo {
        width: 33vw;
        position: absolute;
        top: 3vmax;
        left: 3vmax;
    }
}

.home_logo img {
    margin-top: -0.4vw;
    margin-left: -0.2vw;
}

.home_tree {
    position: absolute;
    top: 5vh;
    left: 40vw;
    background: url(../img/home_tree.png);
    background-size: contain;
    background-position: center center;
    background-repeat: no-repeat;
    width: 30vw;
    height: 90vh;
    /*margin: 1vw 5vw -1vw 5vw;*/
    align-self: center;
}

@media (max-width: 820px) {
    .home_tree {
        width: 45vw;
        height: 60%;
        margin: auto;
        top: 24%;
        left: 10%;
    }
}

@media (max-width: 414px) {
    .home_tree {
        width: 70vw;
        height: 70%;
        margin: auto;
        top: 24%;
        left: -20%;
    }
}

#section1 {
    height: 100vh;
}

#section1 .page {
    transform-origin: 50% 20%;
    align-items: center;
}

#section2 {
    height: 300vh;
}

#section2 .page {
    justify-content: center;
    align-items: center;
    transform-origin: top center;
}

#section2 .page_content {
    max-width: 60%;
}

@media (max-width: 820px) {}

@media (max-width: 414px) {
    #section2 .page_content {
        max-width: 85%;
    }
}

#section2 h3 {
    text-align: center;
    font-family: 'body_grotesquebold';
    font-size: 5vw;
    margin: 0;

}

#section2 p {

    font-size: 1.82vw;
    text-align: center;
    font-family: 'body_grotesquebold';
    line-height: 1.182;

    margin: 0;
    color: #4E4849;
}

@media (max-width: 820px) {
    #section2 p {
        max-width: 60vw;
        font-size: 3.6vw;
        line-height: 1.2;

        margin: 0;
        color: #4E4849;
    }
}

@media (max-width: 414px) {
    #section2 p {
        max-width: 66vw;
        font-size: 5vw;
        line-height: 1.2;

    }
}


.bg_vid {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    margin: 0;
    line-height: 0;
    border: 0;
    z-index: 0;
}

img.fit,
video.fit {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: 50% 50%;
}

#section3 {
    margin-top: -50vh;
    height: 300vh;
}

#section3 .page {
    transform-origin: top center;
    height: 100vh;
    height: calc(var(--vh, 1vh) * 100);
}

#section3 .bg_vid {
    height: 100vh;
    height: calc(var(--vh, 1vh) * 100);
}

#section4 {
    margin-top: -100vh;
    height: 500vh;
    z-index: 2;
}

#section4 .page {
    padding: 0 4.4vw;
    height: 300vh;
}

@media (max-width: 820px) {
    #section4 {
        height: 300vh;
        flex-direction: column;
        justify-content: center;
    }

    #section4 .page {
        height: 200vh;
    }

    #section4 .page_content {
        height: 100vh;
    }
}

@media (max-width: 414px) {
    #section4 {
        height: 400vh;
        flex-direction: column;
        justify-content: center;
    }

    #section4 .page {
        height: 200vh;
    }

    #section4 .page_content {
        height: 100vh;
    }
}


.bg4 {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 66%;
    z-index: 0;
}

.p4_content {
    box-sizing: border-box;
    width: 48.3vw;
    height: 100vh;
    height: calc(var(--vh, 1vh) * 100);
    display: flex;
    flex-direction: column;
    justify-content: space-evenly;
    z-index: 1;
}

@media (max-width: 820px) {
    .p4_content {
        height: 100vh;
        height: calc(var(--vh, 1vh) * 100);
        justify-content: center;
        z-index: 1;
    }
}

@media (max-width: 414px) {
    .p4_content {
        height: 100vh;
        height: calc(var(--vh, 1vh) * 100);
        justify-content: start;
        z-index: 1;
        padding-top: 8vh !important;
        width: 100%;
        max-width: 100%;
    }
}

#section4 p {
    max-width: 25.76347107vw;
    font-size: 1.500826446vw;
    font-family: 'body_grotesquebold';
    color: #212219;
    line-height: 1.181718061674009;

    align-self: flex-end;
}

#section4 p:nth-child(1) {
    align-self: flex-start;
    max-width: 31.21950413vw;
}

#section4 p:nth-child(2) {
    align-self: flex-end;
}

#section4 p:nth-child(3) {
    max-width: 23vw;
    align-self: center;
    margin-bottom: 1em;
}

@media (max-width: 820px) {
    #section4 p {
        max-width: 60vw;
        font-size: 2.8vw;
        line-height: 1.2;
    }

    #section4 p:nth-child(1) {
        align-self: flex-start;
        max-width: 70%;
    }

    #section4 p:nth-child(2) {
        align-self: flex-start;
        max-width: 70%;
    }

    #section4 p:nth-child(3) {
        max-width: 70%;
        align-self: flex-start;
    }
}

@media (max-width: 414px) {
    #section4 p {
        max-width: 70%;
        font-size: 4.2vw;
        font-family: 'body_grotesquebold';
        color: #212219;
        line-height: 1.2;

        align-self: flex-end;
        margin: 20px auto;
    }

    #section4 p:nth-child(1) {
        align-self: center;
        max-width: 70%;
    }

    #section4 p:nth-child(2) {
        align-self: center;
        max-width: 70%;
    }

    #section4 p:nth-child(3) {
        align-self: center;
        max-width: 70%;
    }
}



#section4 .mosquito {
    width: 11.18vw;
    top: 8.83vh;
    left: 7.82vw;
}


#section4 .planta {
    width: 31vw;
    mix-blend-mode: multiply;
    align-self: center;
    margin-right: 5vw;
}

#section4 .planta img {
    width: 100%;
    height: auto;
    max-width: 100%;
}

@media (max-width: 820px) {
    #section4 .planta {
        width: 40vw;
    }
}

@media (max-width: 414px) {
    #section4 .planta {
        width: 100%;
        margin-right: 0;
    }
}

#section5 {
    margin-top: -110vh;
    background: #8B8772;
    position: relative;
    height: 400vh;
    z-index: -1;
    padding-top: 0;
}

#section5 .page {
    padding: 0 !important;
    height: 100vh;
    height: calc(var(--vh, 1vh) * 100);
}

.wide {
    position: absolute;
    top: 0;
    left: 0;
    right: auto;
    bottom: 0;
    background: url(../img/panoramic.jpg);
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    width: 331.5789474vh;
    margin: 0;
}

#section6 {
    margin-top: -300vh;
    height: 400vh;
    position: relative;
    background: #4E4849;
    z-index: -2;
}

#section6 .page {
    display: block;
    position: relative;
    transform-origin: center center;
    height: 100vh;
    height: calc(var(--vh, 1vh) * 100);
}

.bg6 {
    position: absolute;
    top: -10%;
    left: 0;
    width: 100%;
    height: 130%;
    height: calc(var(--vh, 1vh) * 130);
    z-index: 0;
}

#section6 p {
    max-width: 52.25vw;
    font-size: 1.82vw;
    text-align: center;
    font-family: 'body_grotesquebold';
    line-height: 1.182;
    color: #E1DAD9;

    align-self: flex-end;
}

@media (max-width: 820px) {
    #section6 p {
        max-width: 60vw;
        font-size: 3.6vw;
        line-height: 1.2;
    }
}

@media (max-width: 414px) {
    #section6 p {
        max-width: 66vw;
        font-size: 4.2vw;
        line-height: 1.2;
    }
}

#section6b {
    height: 400vh;
    position: relative;
    z-index: 2 !important;
    background: #505636;
    background: url(../img/bg_p6b.svg);
    background-size: cover;
    background-position: top center;
    background-repeat: no-repeat;
}

#section6b .page {
    justify-content: center;
    align-items: center;
}

#section6b .page_content {
    transform-origin: top center;
}

#section6b p {
    max-width: 31em;
    font-size: 1.82vmax;
    text-align: center;
    font-family: 'body_grotesquebold';
    line-height: 1.273;
    color: #E1DAD9;

}

@media (max-width: 820px) {
    #section6b p {
        max-width: 60vw;
        font-size: 3.6vw;
        line-height: 1.2;
    }
}

@media (max-width: 414px) {
    #section6b p {
        max-width: 66vw;
        font-size: 4.2vw;
        line-height: 1.2;
    }
}

.Prompt_Bold {
    font-family: 'promptbold';
}

#section7 {
    margin-top: -200vh;
    height: 300vh;
    position: relative;
    z-index: 0 !important;
}

#section7 .page {
    justify-content: center;
    align-items: center;
}

#section7 .bg_vid {
    transform-origin: top center;
}


#section7b {
    height: 400vh;
    position: relative;
    z-index: 2 !important;
    background: #505636;
    background: url(../img/bg_p6b.svg);
    background-size: cover;
    background-position: top center;
    background-repeat: no-repeat;
}

#section7b .page {
    justify-content: center;
    align-items: center;
}

#section7b .page_content {
    transform-origin: top center;
}

#section7b p {
    max-width: 31em;
    font-size: 1.82vw;
    text-align: center;
    font-family: 'body_grotesquebold';
    line-height: 1.273;
    color: #E1DAD9;

}

#section8 {
    margin-top: -200vh;
    height: 300vh;
    position: relative;
    background: #4E4849;
    z-index: 0;
}

#section8 .page {
    display: block;
    position: relative;
    transform-origin: center center;
    height: 100vh;
    height: calc(var(--vh, 1vh) * 100);
}

#section8b {
    height: 500vh;
    position: relative;
    background: #505636;
    z-index: 1;
}

#section8b .page {
    justify-content: center;
    align-items: center;
}

#section8b .page_content {
    transform-origin: top center;
}

#section8b p {
    max-width: 31em;
    font-size: 1.82vw;
    text-align: center;
    font-family: 'body_grotesquebold';
    line-height: 1.273;
    color: #E1DAD9;

}



#section8b p {
    max-width: 16.5em;
    font-size: 2.15vw;
    text-align: center;
    font-family: 'body_grotesquebold';
    line-height: 1.23;
    color: #E1DAD9;

}

@media (max-width: 820px) {
    #section7b p {
        max-width: 66vw;
        font-size: 3.6vw;
        line-height: 1.2;
    }

    #section8b p {
        max-width: 66vw;
        font-size: 3.6vw;
        line-height: 1.2
    }
}

@media (max-width: 414px) {

    #section7b,
    #section8b {
        display: flex;
        justify-content: center;
        align-items: center;
        font-size: 4.2vw;
        text-align: center;
    }

    #section7b p {
        max-width: 66vw;
        font-size: 4.2vw;
        line-height: 1.2;
    }

    #section8b p {
        max-width: 66vw;
        font-size: 4.2vw;
        line-height: 1.2
    }
}


.shadowed {

    text-shadow: 0 0 20px #000000;
}

#section9 {
    margin-top: -200vh;
    height: 300vh;

    position: relative;
    z-index: -1;
    background: #505636;
}

#section9 .pin-spacer {
    background: #505636;
}

#section9 .page {
    justify-content: center;
    align-items: center;
    transform-origin: top center;
    height: 100vh;
    height: calc(var(--vh, 1vh) * 100);
}

@media (max-width: 414px) {
    #section9 .bg_vid {
        height: 60%;
        top: 20%;
    }
}

#section9b {
    margin-top: -100vh;
    height: 500vh;
    position: relative;
    background: #505636;
    z-index: 1;
}

#section9b .page {
    justify-content: center;
    align-items: center;
}

#section9b .page_content {
    transform-origin: top center;
}

#section9b p {
    max-width: 31em;
    font-size: 1.818181818vw;
    text-align: center;
    font-family: 'body_grotesquebold';
    line-height: 1.272727272727273;
    color: #E1DAD9;

}

@media (max-width: 820px) {
    #section9b p {
        max-width: 60vw;
        font-size: 3.6vw;
        line-height: 1.2;
    }
}

@media (max-width: 414px) {
    #section9b p {
        max-width: 66vw;
        font-size: 4.2vw;
        line-height: 1.2;
    }
}

#section10 {
    margin-top: -200vh;
    height: 400vh;

    position: relative;
    z-index: -1;
    background: #505636;
}

#section10 .pin-spacer {
    background: #505636;
}

#section10 .page {
    justify-content: center;
    align-items: center;
    transform-origin: top center;
    height: 100vh;
    height: calc(var(--vh, 1vh) * 100);
}

@media (max-width: 820px) {
    #section10b p {
        max-width: 55vw;
        font-size: 3.6vw;
    }
}

@media (max-width: 414px) {
    #section10 .bg_vid {
        height: 60%;
        top: 20%;
    }

    #section10b p {
        max-width: 66vw;
        font-size: 4.2vw;
        line-height: 1.2;
    }
}

.bg_p10b_16 {
    background: url(../img/bg_p10b-16.svg);
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    margin: -2px 0;
}

#media {
    margin: -2px 0;
}

.testimonio {
    min-width: 100%;
}

#section10b {
    margin-top: -100vh;
    height: 100vh;
    margin-bottom: -50vh;
    position: relative;
    z-index: 1;
}

#section10b .page {
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
}

@media (max-width: 820px) {

}

@media (max-width: 414px) {
    #section10b .page {
        font-size: 9vw;
        padding: 0;
    }
}

#section10b .page_content {
    transform-origin: top center;
}

#testimonios section {
    margin: 0;
    height: 100vh;
    position: relative;
    z-index: 1;

}

.tit_testimonios {
    text-align: center;
    font-family: 'body_grotesquebold';
    font-size: 5vw;

    color: #E1DAD9;
}

@media (max-width: 820px) {}

@media (max-width: 414px) {
    .tit_testimonios {
        max-width: 70%;
        margin: 0 auto 1em;
        font-size: 9vw;
        line-height: 1.2;
    }
}

#testimonios .video {
    width: 70.6%;
    margin: 0 auto;
}

@media (max-width: 820px) {
    #testimonios .video {
        width: 100%;
        margin: 0 auto;
        height: 42vh;
    }
}

@media (max-width: 414px) {
    #testimonios .video {
        width: 100%;
        margin: 0 auto;
        height: 30vh;
    }
}

#testimonios .page {
    display: flex;
    flex-direction: column;
    justify-content: center;
    position: relative;
}

#testimonios .row {
    width: 88%;
    margin: 0 auto;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-start;
    color: #E1DAD9;
    margin-bottom: 1.5em;
}

@media (max-width: 820px) {
    #testimonios .row {
        width: 90%;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        margin-bottom: 5vh;
        text-align: center;
    }
}

@media (max-width: 414px) {
    #testimonios .row {
        width: 90%;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        margin-bottom: 5vh;
        text-align: center;
    }
}

.testimonio_text {
    width: 19%;
    font-size: 2.04vw;
    line-height: 1.05;
    font-family: 'body_grotesquebold';

}

.testimonio_text_2 {
    width: 30%;
}

.testimonio_text_3 {
    width: 45%;
}

.testimonio_text p,
.testimonio_text_2 p,
.testimonio_text_3 p {
    margin: 0;
}

.testimonio_text_2 p {
    font-size: 1.16vw;
    font-family: 'body_grotesquebold';
    line-height: 1.3;
}

.testimonio_text_2 p:nth-child(2) {
    font-size: 1.16vw;
    font-family: 'body_grotesqueregular';
    line-height: 1.3;
}


.testimonio_text_3 p {
    font-family: 'cambriaregular';
    font-size: 1.08vw;
    line-height: 1.29;
}

@media (max-width: 820px) {
    .testimonio_text {
        width: 100%;
        font-size: 4.6vw;
        line-height: 1;
    }

    .testimonio_text_2 {
        width: 100%;
        margin-bottom: 1em;
    }

    .testimonio_text_3 {
        width: 100%;
    }

    .testimonio_text p,
    .testimonio_text_2 p,
    .testimonio_text_3 p {
        margin: 0 auto .5em;
    }

    .testimonio_text_2 p {
        font-size: 3.2vw;
        line-height: 1.2;
    }

    .testimonio_text_2 p:nth-child(2) {
        font-size: 3vw;
        font-family: 'body_grotesqueregular';
        line-height: 1;
    }

    .testimonio_text_3 p {
        font-size: 2.6vw;
        line-height: 1.2;
    }
}

@media (max-width: 414px) {
    .testimonio_text {
        width: 100%;
        font-size: 7vw;
        line-height: 1.2;
    }

    .testimonio_text_2 {
        width: 100%;
        margin-bottom: 1em;
    }

    .testimonio_text_3 {
        width: 100%;
    }

    .testimonio_text p,
    .testimonio_text_2 p,
    .testimonio_text_3 p {
        margin: 0 auto .5em;
    }

    .testimonio_text_2 p {
        font-size: 4.2vw;
        line-height: 1.2;
    }

    .testimonio_text_3 p {
        font-size: 4.2vw;
        line-height: 1.2;
    }
}

.subti {
    font-size: 1.261034048vw;
    font-family: 'body_grotesquebold';
    margin: 0 0 3em 0;
}

.row {
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
}

.halfW {
    width: 50%;
}

.halfW .vid {
    height: 100vh;
}

@media (max-width: 820px) {
    .halfW {
        width: 100%;
    }

    .halfW .vid {
        height: 50vh;
    }
}

@media (max-width: 414px) {
    .halfW {
        width: 100%;
    }

    .halfW .vid {
        height: 50vh;
    }
}

.padd0 {
    padding: 0;
    height: 100vh;
}

@media (max-width: 820px) {
    .padd0 {
        padding: 0;
        height: 100vh;
        flex-wrap: wrap;
    }
}

@media (max-width: 414px) {
    .padd0 {
        padding: 0;
        height: 100vh;
    }
}

#section19 {
    height: 130vh;
    background-color: #ccc8c4;
    position: relative;
    z-index: -1;
}

#section19 .page {
    background-color: #ccc8c4;
    height: 100%;
}

#La-quina-en-el-tiempo {
    position: absolute;
    top: 10vh;
}

@media (max-width: 820px) {
    #section19 {
        margin: 0;
    }

    #section19 .page {
        background-color: #ccc8c4;
        height: 100%;
        flex-direction: column;
        justify-content: space-evenly;
    }

    #La-quina-en-el-tiempo {
        position: absolute;
        top: 1vh;
    }
}

@media (max-width: 414px) {
    #section19 {
        justify-content: center;
    }
}

#section19 .titulo {
    width: 25%;
    font-size: 3.44vw;
    font-family: 'body_grotesquebold';
    line-height: 1.03;
    color: #0d472c;
    align-self: center;
}

@media (max-width: 820px) {
    #section19 .titulo {
        width: 100%;
        font-size: 6vw;
        margin-top: 10vh;
        text-align: center;
    }
}

@media (max-width: 414px) {
    #section19 .titulo {
        width: 100%;
        font-size: 9vw;
        line-height: 1.2;
        text-align: center;
    }
}

#section19 .planta {
    width: 30%;
    min-width: 28.62547289vw;
    mix-blend-mode: multiply;
    align-self: center;
}

@media (max-width: 820px) {
    #section19 .planta {
        width: 40%;
        min-width: 40vw;
        margin-top: 20%;
    }
}

@media (max-width: 414px) {
    #section19 .planta {
        width: 70%;
        min-width: 70vw;
    }
}

.planta img {
    max-width: 100%;
    height: auto;
}

.P19_texto {
    width: 30%;
    font-size: 1.2vw;
    line-height: 1.43;
    font-family: 'cambriaregular';
    color: #231F20;
    align-self: center;

}

@media (max-width: 820px) {
    .P19_texto {
        width: 70%;
        font-size: 2.4vw;
        line-height: 1.2;
        text-align: center;
    }
}

@media (max-width: 414px) {
    .P19_texto {
        width: 100%;
        font-size: 3.5vw;
        line-height: 1.2;
    }
}

.mosco-rojo {
    width: 80%;
    background: #ccc8c4;
}

.mosco-rojo img {
    mix-blend-mode: multiply;
}

@media (max-width: 820px) {
    .mosco-rojo {
        opacity: 0;
    }
}

@media (max-width: 414px) {
    .mosco-rojo {
        display: none;
    }
}

#timeline {
    position: relative;
    background: url(../img/timeline_bg.svg);
    background-repeat: repeat-x;
    background-size: auto 100%;
    background-position: center center;
    margin: -2px 0;
}

@media (max-width: 820px) {
    #timeline .page {
        height: fit-content;

    }

    #section23a.page {
        min-height: 100%;
    }

    #section23b.page {
        min-height: 100%;
    }
}

#timeline .halfW {
    padding-top: 5.5vw;
    display: flex;
    flex-direction: column;
    position: relative;
    align-items: flex-end;
}

#timeline .halfW:nth-child(2) {
    align-items: flex-start;
    justify-content: center;
}

.halfW.tl1::before {
    content: '';
    width: 2.6vw;
    height: 2.6vw;
    transform: translateX(-50%);
    border-radius: 100%;
    border: #231f20 2px solid;
    position: absolute;
    top: 0;
    left: 100%;
    box-sizing: border-box;
}

.halfW.tl1::after {
    content: '';
    position: absolute;
    top: 2.6vw;
    bottom: -5.5vw;
    left: 100%;
    width: 2px;
    background: #231f20;
    transform: translateX(-1px);
}

.halfW.tl2::after {
    content: '';
    position: absolute;
    top: -5.5vw;
    bottom: -5.5vw;
    left: 100%;
    width: 2px;
    background: #231f20;
    transform: translateX(-1px);
}

.halfW.tl3::after {
    content: '';
    position: absolute;
    top: -5.5vw;
    bottom: 2.6vw;
    left: 100%;
    width: 2px;
    background: #231f20;
    transform: translateX(-1px);
}

.halfW.tl3::before {
    content: '';
    width: 2.6vw;
    height: 2.6vw;
    transform: translateX(-50%);
    border-radius: 100%;
    border: #231f20 2px solid;
    position: absolute;
    bottom: 0;
    left: 100%;
    box-sizing: border-box;
}

@media (max-width: 820px) {}

@media (max-width: 414px) {
    .halfW.tl1::before {
        display: none;
    }

    .halfW.tl1::after {
        display: none;
    }

    .halfW.tl2::after {
        display: none;
    }

    .halfW.tl3::after {
        display: none;
    }

    .halfW.tl3::before {
        display: none;
    }
}

.tl_left {
    width: 34.13vw;
    height: 58.41vh;
    padding: 2.14vw;
    box-sizing: border-box;
    margin-right: 5.5vw;
    position: relative;
    border: #231f20 2px solid;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

@media (max-width: 820px) {
    .tl_left {
        width: 42vw;
        height: 50vh;
        padding: 2vw;
        margin-right: 3vw;
    }
}

@media (max-width: 414px) {
    .tl_left {
        width: 80vw;
        height: 40vh;
        padding: 4vw;
        margin: 2vh auto;
        border: #231f20 1px solid;
    }
}

.tl_right {
    width: 34.13vw;
    height: 58.41vh;
    padding: 2.14vw;
    box-sizing: border-box;
    margin-left: 5.5vw;
    position: relative;
    border: #231f20 2px solid;

    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

@media (max-width: 820px) {
    .tl_right {
        width: 42vw;
        height: 50vh;
        padding: 2vw;
        margin: 0 auto 0 3vw;
    }
}


@media (max-width: 414px) {
    .tl_right {
        width: 80vw;
        height: 40vh;
        padding: 4vw;
        margin: 2vh auto;
        border: #231f20 1px solid;
    }
}

.tl_left::after {
    content: '';
    position: absolute;
    left: calc(100% + 2px);
    top: 40%;
    width: 5.5vw;
    height: 2px;
    background: #231f20;
    z-index: 0;
}

.tl_right::after {
    content: '';
    position: absolute;
    right: calc(100% + 1px);
    top: 55%;
    width: 5.5vw;
    height: 2px;
    background: #231f20;
    z-index: 0;
}

@media (max-width: 820px) {
    .tl_left::after {
        width: 3vw;
    }

    .tl_right::after {
        width: 3vw;
    }
}

@media (max-width: 414px) {
    .tl_left::after {
        content: '';
        display: none;
    }

    .tl_right::after {
        content: '';
        display: none;
    }
}

#timeline h3 {
    margin: 0;
    font-size: 1.98vw;
    color: #0D472C;
    font-family: 'body_grotesquebold';
    line-height: 1.1;
    letter-spacing: -0.0124em;
}

@media (max-width: 820px) {
    #timeline h3 {
        margin: 0;
        font-size: 3vw;
        color: #0D472C;
        font-family: 'body_grotesquebold';
        line-height: 1.1;
        letter-spacing: -0.0124em;
    }
}

@media (max-width: 414px) {
    #timeline h3 {
        font-size: 4vw;
        letter-spacing: -0.0124em;
    }
}

.leermas {
    font-size: 1.35vw;
    color: #0D472C;
    font-family: 'body_grotesquebold';
    line-height: 1.1;

    position: absolute;
    text-decoration: none;
    bottom: 1.3em;
}

@media (max-width: 820px) {
    .leermas {
        font-size: 2.4vw;
        bottom: 1em;
    }
}

@media (max-width: 414px) {
    .leermas {
        font-size: 4vw;
        bottom: 1em;
    }
}


.tl_foto {
    position: absolute;
    border-radius: 1.2vw;
    overflow: hidden;
    height: min-content;
    z-index: 2;
    cursor: pointer;
}

.big_fto {
    position: absolute;
    display: none;
    cursor: pointer;
}

.big_fto.active {
    position: fixed;
    left: 0;
    z-index: 100002;
    width: 100%;
    height: 100vh;
    background: rgba(0, 0, 0, 0.95);
    display: flex;
    top: 0;
    justify-content: center;
    align-items: center;
}

.tl_foto.active {
    position: absolute;
    top: 50% !important;
    left: 50% !important;
    width: 125% !important;
    height: 125% !important;
    transform: translate(-50%, -50%) !important;
    z-index: 100 !important;
    background: #ede0cc;
    padding: 2px !important;
    border-radius: 1.3vw;
    box-sizing: border-box;
    transition: all 0.3s;
    max-height: 90vh;
}

.big_fto.active img {
    max-height: 100%;
    max-width: 100%;
    height: auto;
    width: auto;
}

.fto1 {
    top: 21.5%;
    left: -8.5%;
    width: 81.66%;
}

.fto2 {
    top: 44%;
    right: -4%;
    width: 39.17%;
}

@media (max-width: 820px) {}

@media (max-width: 414px) {
    .fto1 {
        top: 20%;
        left: -6.5%;
        width: 81.66%;
    }

    .fto2 {
        top: 44%;
        right: 4%;
        width: 39.17%;
    }
}


.fto3 {
    top: 20%;
    left: 7.5%;
    width: 98%;
}

.fto4 {
    top: 56%;
    right: 1%;
    width: 48%;
}

@media (max-width: 820px) {}

@media (max-width: 414px) {
    .fto3 {
        top: 20%;
        left: 1%;
        width: 98%;
    }

    .fto4 {
        top: 50%;
        right: 11%;
        width: 48%;
    }

}

.fto5 {
    top: 31%;
    left: 6%;
    width: 59.33%;
}

.fto6 {
    top: 61%;
    left: 57%;
    width: 49%;
}

.fto7 {
    top: -5%;
    left: 57%;
    width: 45.1%;
}

@media (max-width: 820px) {}

@media (max-width: 414px) {

    .fto5 {
        top: 26%;
        left: -6%;
        width: 66%;
    }

    .fto6 {
        top: 62%;
        left: 44%;
        width: 58%;
    }

    .fto7 {
        top: -6%;
        left: 48%;
        width: 49%;
    }

}

.fto8 {
    top: 18.5%;
    left: 4%;
    width: 72.79%;
}

.fto9 {
    top: 52%;
    left: 57%;
    width: 50.24%;
}

@media (max-width: 820px) {}

@media (max-width: 414px) {

    .fto8 {
        top: 20%;
        left: -5%;
        width: 75%;
    }

    .fto9 {
        top: 55%;
        left: 44%;
        width: 55%;
    }

}

.fto10 {
    top: 17%;
    left: -10.5%;
    width: 59.63%;
}

.fto11 {
    top: 65%;
    left: 60.5%;
    width: 43.05%;
}

.fto12 {
    top: 27.5%;
    left: 44%;
    width: 37.97%;
}


@media (max-width: 820px) {}

@media (max-width: 414px) {
    .fto10 {
        top: 20%;
        left: -8.5%;
        width: 66%;
    }

    .fto11 {
        top: 50%;
        left: 40%;
        width: 52%;
    }

    .fto12 {
        top: -10%;
        left: 55%;
        width: 43%;
    }

}

.fto13 {
    top: 53.87%;
    left: 54.5%;
    width: 41.75%;
}

.fto14 {
    top: 21%;
    left: 6.8%;
    width: 51.65%;
}

@media (max-width: 820px) {}

@media (max-width: 414px) {
    .fto13 {
        top: 54%;
        left: 52%;
        width: 50%;
    }

    .fto14 {
        top: 21%;
        left: 5%;
        width: 55%;
    }

}

.fto15 {
    top: -9%;
    left: 52%;
    width: 34.32%;
}


.leer {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 95%;
    height: min-content;
    transform: translate(-50%, -50%) scale(.2);
    opacity: 0;
    z-index: 0;
    background: #ede0cc;
    padding: 2.65vw;
    border-radius: 1.3vw;
    box-sizing: border-box;
    font-size: 14px;
    font-family: 'cambriaregular';
    font-weight: 500;
    transition: all 0.3s;
}

.leer.active {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 110%;
    min-height: 110%;
    transform: translate(-50%, -50%) scale(1);
    opacity: 1;
    z-index: 100;
    background: #ede0cc;
    padding: 2.65vw;
    border-radius: 1.4vw;
    box-sizing: border-box;
    font-size: 1.3vw;
    font-family: 'cambriaregular';
    font-weight: 500;
    transition: all 0.3s;
    max-height: 90vh;
    display: flex;
    align-items: center;
}

@media (max-width: 820px) {
    .leer.active {
        font-size: 2vw;
    }
}

@media (max-width: 414px) {
    .leer {
        padding: 0;
    }

    .leer.active {
        width: 101%;
        padding: 12vw 4vw 4vw;
        font-size: 3vw;
    }
}

.lectura {
    max-height: 70vh;
    overflow: auto;
}


.leer p:first-child {
    margin-top: 0;
}

.leer p:last-child {
    margin-bottom: 0;
}

.cerrar {
    position: absolute;
    top: 20px;
    right: 20px;
    border-radius: 100%;
    width: 25px;
    height: 25px;
    cursor: pointer;
}

@media (max-width: 820px) {}

@media (max-width: 414px) {
    .cerrar {
        position: absolute;
        top: 10px;
        right: 10px;
        border-radius: 100%;
        width: 25px;
        height: 25px;
        cursor: pointer;
    }
}

.cerrar::before {
    content: '';
    display: block;
    position: absolute;
    top: calc(50% - 1px);
    left: 10%;
    width: 80%;
    height: 2px;
    background: #0D472C;
    transform: rotate(-45deg);
}

.cerrar::after {
    content: '';
    display: block;
    position: absolute;
    top: calc(50% - 1px);
    left: 10%;
    width: 80%;
    height: 2px;
    background: #0D472C;
    transform: rotate(45deg);
}

.italic {
    font-family: 'cambriaitalic';
}

img {
    max-width: 100%;
}


#section23 {
    height: 200vh;
}

#section23 .page {
    font-family: 'body_grotesquebold';
    align-items: center;

}

#section23 .page_content {
    max-width: 80%;
    margin: 0 auto;
    flex-direction: row;
    display: flex;
    width: 100%;
    justify-content: space-evenly;
    align-items: center;
}

@media (max-width: 820px) {

    #section23 .page_content {
        max-width: 100%;
        margin: 0 auto;
        flex-direction: column;
        display: flex;
        width: 100%;
        justify-content: space-evenly;
        align-items: center;
    }
}

@media (max-width: 414px) {
    #section23 {
        align-items: center;
        font-family: 'body_grotesquebold';
        justify-content: center;
    }

    #section23 .page {
        font-family: 'body_grotesquebold';
        align-items: center;
        justify-content: center;

    }
}

@media (max-width: 820px) {
    #section23 .page_content.row {
        justify-content: space-evenly;
        flex-direction: column;
    }
}

@media (max-width: 414px) {
    #section23 .page_content.row {
        justify-content: space-evenly;
        flex-direction: column;
    }
}

.section23_foto {
    width: 27.77vw;
    margin: auto;
}

@media (max-width: 820px) {
    .section23_foto {
        width: 50vw;
        margin: auto;
    }
}

@media (max-width: 414px) {
    .section23_foto {
        width: 50vw;
    }
}

.section23_text {
    width: 36.015vw;
    font-size: 1.65vw;
    line-height: 1.4;
    color: #ccc8c4;
    text-align: right;
}

@media (max-width: 820px) {
    .section23_text {
        width: 80%;
        font-size: 2.8vw;
        line-height: 1.3;
        color: #ccc8c4;
        text-align: center;
        margin: 1em auto;
    }
}

@media (max-width: 414px) {
    .section23_text {
        width: 80%;
        font-size: 4.2vw;
        line-height: 1.3;
        color: #ccc8c4;
        text-align: center;
        margin: 1em auto;
    }
}

#section23a {
    height: 300vh;
    position: relative;
}

#section23a .page {
    align-items: center;
    font-size: 1.53vw;
    color: #c9cbc9;
    text-align: center;
    justify-content: center;
}

#section23a .page_content {
    width: 80%;
}

#section23a h3 {
    font-size: 2.87vw;
    color: #E1DAD9;
    margin: 0.3em auto;
}

#section23a p {
    font-size: 1.18vw;
    font-family: 'cambriaregular';
    max-width: 46em;
    margin: 0 auto;
}

.chart23a {
    margin-top: 3vh;
}

.desktop_only {
    display: block;
}

.tablet_only {
    display: none;
}

.mobile_only {
    display: none;
}

@media (max-width: 820px) {
    .desktop_only {
        display: none;
    }

    .tablet_only {
        display: block;
    }

    .mobile_only {
        display: none;
    }

    #section23a .page_content {
        width: 90%;
    }

    #section23a h3 {
        font-size: 3.6vw;
    }

    #section23a p {
        font-size: 2.4vw;
    }
}

@media (max-width: 414px) {
    .desktop_only {
        display: none;
    }

    .tablet_only {
        display: none;
    }

    .mobile_only {
        display: block;
    }


    .chart23a {
        display: none;
    }

    .chart23a.mobile_only {
        display: block;
    }

    #section23a .page_content {
        width: 90%;
    }

    #section23a h3 {
        font-size: 6.2vw;
    }

    #section23a p {
        font-size: 4vw;
        margin: 30px auto;
    }
}

#section23b {
    height: 300vh;
    position: relative;
    z-index: 1;
}

#section23b .page {
    align-items: center;
    justify-content: center;
    height: 100vh;
    height: calc(var(--vh, 1vh) * 100);
}

#section23b .page_content {
    width: 100%;
    height: fit-content;
    display: flex;
    max-height: 100vh;
    flex-direction: row;
    align-items: center;
    justify-content: center;
}

#section23b h3 {
    font-size: 2.87vw;
    color: #E1DAD9;
    margin: 0;
}

#section23b .page_content img {
    max-width: 100%;
    max-height: 100%;
}

.chart23b {
    width: 58%;
    height: 92.8vh;
}

#Capa_1 {
    max-width: 100%;
    max-height: 100%;
}

@media (max-width: 820px) {
    #section23b .page {
        align-items: center;
        justify-content: center;
        height: 100vh;
        height: calc(var(--vh, 1vh) * 100);
    }

    #section23b .page_content {
        width: 100%;
        height: fit-content;
    }

    #section23b .page_content img {
        max-width: 100%;
        max-height: 100%;
    }

    .chart23b {
        width: 58%;
        height: fit-content;
    }
}

@media (max-width: 414px) {
    #section23b .page {
        padding: 0;
    }

    #section23b h3 {
        font-size: 6.2vw;
        margin: 1em 0;
    }

    #section23b .page_content {
        width: 100%;
        flex-direction: column;
        height: fit-content;
    }

    #section23b .page_content img {
        max-width: 100%;
        max-height: 100%;
    }

    .chart23b {
        width: 80%;
        height: fit-content;
    }
}


#section24 {
    margin-top: -200vh;
    height: 300vh;
    position: relative;
    background: #4E4849;
    z-index: -2;
}

#section24 .page {
    display: block;
    position: relative;
    transform-origin: center center;
    height: 100vh;
    height: calc(var(--vh, 1vh) * 100);
}

.bg24 {
    position: absolute;
    top: -10%;
    left: 0;
    width: 100%;
    height: 130%;
    height: calc(var(--vh, 1vh) * 130);
    z-index: 0;
}

#setions-24-25 {
    position: relative;
    background: url(../img/p24-25.svg);
    background-color: #e5e4e9;
    background-size: cover;
    background-position: top center;
    background-repeat: no-repeat;
    margin: -2px 0;
}


#section24b {
    height: 400vh;
    position: relative;
    z-index: 2 !important;
    background: #505636;
    background: url(../img/bg_p6b.svg);
    background-size: cover;
    background-position: top center;
    background-repeat: no-repeat;
}

#section24b .page {
    justify-content: center;
    align-items: center;
}

#section24b .page_content {
    transform-origin: top center;
}

#section24b h3 {
    text-align: center;
    font-family: 'body_grotesquebold';
    font-size: 5vw;
    margin: 0;

    color: #E1DAD9;
}

#section24b p {
    max-width: 31em;
    font-size: 1.818181818vw;
    text-align: center;
    font-family: 'body_grotesquebold';
    line-height: 1.273;
    color: #E1DAD9;

}

@media (max-width: 820px) {

    #section24b p {
        max-width: 31em;
        font-size: 3.6vw;
        text-align: center;
        font-family: 'body_grotesquebold';
        line-height: 1.273;
        color: #E1DAD9;

    }

    #section24b .page_content {
        max-width: 66vw;
        font-size: 3.4vw;
        line-height: 1.3;
    }
}

@media (max-width: 414px) {
    #section24b p {
        max-width: 31em;
        font-size: 5vw;
        text-align: center;
        font-family: 'body_grotesquebold';
        line-height: 1.273;
        color: #E1DAD9;

    }

    #section24b .page_content {
        max-width: 66vw;
        font-size: 4.2vw;
        line-height: 1.3;
    }
}

#section25 {
    margin-top: -100vh;
    height: 400vh;
    position: relative;
    z-index: 2;
}

#section25 .page {
    display: flex;
    flex-direction: column;
    justify-content: space-evenly;
    align-items: center;
    position: relative;
}

body.modal-open {
    height: 100vh;
    overflow-y: hidden;
}


@media (max-width: 820px) {}

@media (max-width: 414px) {
    #section25 {
        justify-content: flex-start;
    }
}


#section25 .row {
    justify-content: flex-start;
    column-gap: 5%;
}

@media (max-width: 820px) {}

@media (max-width: 414px) {
    #section25 .row {
        justify-content: flex-start;
        column-gap: 2%;
        flex-wrap: wrap;
    }
}


.row_3col {
    width: 28.5%;
    max-width: 28.5%;
    cursor: pointer;
}

@media (max-width: 820px) {}

@media (max-width: 414px) {
    .row_3col {
        width: 65%;
        max-width: 65%;
        margin: 3vw auto;
        height: 30vw;
        overflow: hidden;
    }
}

#section25 p {
    max-width: 27.5em;
    font-size: 1.48vw;
    text-align: center;
    font-family: 'body_grotesquebold';
    line-height: 1.3;

    color: #E1DAD9;
    margin: 0 auto;
    align-self: flex-end;
}

@media (max-width: 820px) {
    #section25 p {
        max-width: 76vw;
        font-size: 2.8vw;
        line-height: 1.3;

        padding-bottom: 2vh;
    }
}

@media (max-width: 414px) {
    #section25 p {
        max-width: 76vw;
        font-size: 3.6vw;
        line-height: 1.3;

        padding-bottom: 2vh;
    }
}

#section26 {
    margin-top: -100vh;
    height: 300vh;
    position: relative;
    z-index: 1 !important;
    background: #7d7a65;
}

#section26 .page {
    justify-content: center;
    align-items: center;
}

#section26 .bg_vid {
    transform-origin: center center;
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
}


@media (max-width: 820px) {

    #section26 {
        justify-content: flex-end;
    }
}

@media (max-width: 414px) {
    #section26 {
        justify-content: center;
    }
}

#section26 p {
    max-width: 11em;
    color: #c9cbc9;
    font-family: 'cambriaitalic';
    font-size: 1.5vw;
    line-height: 1.1;

    align-self: flex-start;
    z-index: 2;
}

@media (max-width: 820px) {
    #section26 p {
        max-width: 41vw;
        font-size: 4vw;
        line-height: 1.3;

        align-self: center;
        text-align: right;
        margin-right: 4vw;
    }

    #section26 video.fit {
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: 0% 50%;
    }
}

@media (max-width: 414px) {
    #section26 p {
        max-width: 50vw;
        font-size: 4.2vw;
        line-height: 1.3;

        align-self: flex-end;
        text-align: right;
        margin-right: 4vw;
    }

    #section26 video.fit {
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: 0% 50%;
    }

}

#section26b {
    margin-top: -100vh;
    height: 400vh;
    position: relative;
    z-index: 2 !important;
    background: #505636;
}


#section26b .page {
    align-items: center;
    justify-content: center;
}

#section26b .page_content {
    max-width: 50%;
    color: #E1DAD9;
    text-align: center;
    font-family: 'cambriabold_italic';
    letter-spacing: 0;
}

#section26b p {
    /*max-width: 28em;*/
    font-size: 1.652892562vw;
    text-align: center;
    font-family: 'body_grotesquebold';
    line-height: 1.2;

}

@media (max-width: 820px) {
    #section26b .page_content {
        max-width: 66vw;
        font-size: 3vw;
        line-height: 1.3;
        letter-spacing: normal;
    }

    #section26b p {
        /*max-width: 28em;*/
        font-size: 3vw;
        text-align: center;
        font-family: 'body_grotesquebold';
        line-height: 1.2;

    }
}

@media (max-width: 414px) {
    #section26b .page_content {
        max-width: 66vw;
        font-size: 4.2vw;
        line-height: 1.3;
        letter-spacing: normal;
    }

    #section26b p {
        /*max-width: 28em;*/
        font-size: 3.6vw;
        text-align: center;
        font-family: 'body_grotesquebold';
        line-height: 1.2;

    }
}

#section27 {
    margin-top: -200vh;
    height: 400vh;
    position: relative;
    background: #4E4849;
    z-index: -2;
}

#section27 .page {
    display: block;
    position: relative;
    transform-origin: center center;
    height: 100vh;
    height: calc(var(--vh, 1vh) * 100);
}

#section27 .bg_vid {
    position: absolute;
    left: 0;
    width: 100%;
    height: 100%;
    height: calc(var(--vh, 1vh) * 100);
    z-index: 2;
}

@media (max-width: 820px) {
    #section27 video.fit {
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: 70% 50%;
    }
}

@media (max-width: 414px) {
    #section27 video.fit {
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: 70% 50%;
    }

}


#section28 {
    margin-top: -100vh;
    height: 300vh;
    position: relative;
    z-index: 1 !important;
}

#section28 .page {
    justify-content: center;
    align-items: center;
}

#section28 .bg_vid {
    transform-origin: center center;
}

#section28b {
    margin-top: -100vh;
    height: 400vh;
    position: relative;
    z-index: 2 !important;
    background: #505636;
}


#section28b .page {
    align-items: center;
    justify-content: center;
}

#section28b .page_content {
    max-width: 50%;
    font-size: 1.652892562vw;
    line-height: 1.2;
    color: #E1DAD9;
    text-align: center;
    font-family: 'cambriabold_italic';
    letter-spacing: 0;
}

#section28b p {
    font-size: 1.652892562vw;
    text-align: center;
    font-family: 'body_grotesquebold';
    line-height: 1.2;

}

@media (max-width: 820px) {
    #section28b .page_content {
        max-width: 88vw;
        font-size: 3vw;
        line-height: 1.3;
        letter-spacing: normal;
    }

    #section28b p {
        font-size: 3vw;
    }
}

@media (max-width: 414px) {
    #section28b .page_content {
        max-width: 66vw;
        font-size: 4.2vw;
        line-height: 1.3;
        letter-spacing: normal;
    }

    #section28b p {
        font-size: 3.6vw;
    }
}

#section29 {
    display: flex;
    justify-content: space-evenly;
    position: relative;
    column-gap: 1.5vw;
}

@media (max-width: 820px) {
    #section29 {
        flex-direction: column-reverse;
    }
}

@media (max-width: 414px) {
    #section29 {
        flex-direction: column-reverse;
    }
}

#section29 p {
    font-size: 1.5vw;
    font-family: 'body_grotesquebold';
    line-height: 1.2;

    color: #231F20;
}

@media (max-width: 820px) {
    #section29 p {
        max-width: 100%;
        font-size: 2.8vw;
        line-height: 1.2;
        text-align: center;
    }
}

@media (max-width: 414px) {
    #section29 p {
        max-width: 100%;
        font-size: 4.3vw;
        line-height: 1.2;
        text-align: center;
    }
}

#section29 .hoja {
    background: url(../img/P29_HOJA_67-5.png);
    background-size: contain;
    background-position: center center;
    background-repeat: no-repeat;
    width: 39.17vw;
    align-self: center;
    height: 130vh;
}

@media (max-width: 820px) {
    #section29 .hoja {
        background: url(../img/P29_HOJA_67-5_t.png);
        background-size: contain;
        background-position: center center;
        background-repeat: no-repeat;
        width: 75vw;
        align-self: center;
        height: 56vh;
    }
}

@media (max-width: 414px) {
    #section29 .hoja {
        background: url(../img/P29_HOJA_67-5_m.png);
        background-size: contain;
        background-position: center center;
        background-repeat: no-repeat;
        width: 75vw;
        align-self: center;
        height: 56vh;
    }
}

.p29_content {
    width: 40vw;
    align-self: center;
}

@media (max-width: 820px) {
    .p29_content {
        width: 75vw;
        align-self: center;
    }
}

@media (max-width: 414px) {
    .p29_content {
        width: 80vw;
        align-self: center;
    }
}

#section30_32 {
    position: relative;
    background: url(../img/bg_p28b-32.svg);
    background-repeat: no-repeat;
    background-size: auto 100%;
    background-position: center center;
}


#section30.page {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    position: relative;
}

@media (max-width: 820px) {
    #section30.page {
        min-height: 40vh;
        height: 40vh;
    }
}

@media (max-width: 414px) {
    #section30.page {
        min-height: 40vh;
        height: 40vh;
    }
}

#section31.page {
    display: flex;
    flex-direction: column;
    justify-content: center;
    color: #231F20;
    position: relative;
    font-size: 0.99vw;
    font-family: 'cambriaregular';
    min-height: 100vh;
}

@media (max-width: 820px) {
    #section31.page {
        justify-content: flex-start;
        font-size: 2.2vw;
        min-height: auto;
        height: auto;
        text-align: center;
    }
}

@media (max-width: 414px) {
    #section31.page {
        justify-content: flex-start;
        font-size: 3.6vw;
        min-height: auto;
        height: auto;
        text-align: center;
    }
}

#section31 em {
    font-family: 'cambriaitalic';
}

#section31 .row {
    align-items: flex-start;
    justify-content: space-evenly;
}

.col_50w {
    width: 45%;
}

@media (max-width: 820px) {
    #section31 .row {
        flex-direction: column;
        align-items: flex-start;
        justify-content: space-evenly;
    }

    .col_50w {
        width: 85%;
        margin: auto;
    }
}

@media (max-width: 414px) {
    #section31 .row {
        flex-direction: column;
        align-items: flex-start;
        justify-content: space-evenly;
    }

    .col_50w {
        width: 75%;
        margin: auto;
    }
}




#section31 h2 {
    font-size: 3.43vw;
    line-height: 1.4;
    color: #231F20;
    font-family: 'body_grotesquebold';
    margin-top: 0%;
}


#section32.page {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    position: relative;
    color: #231F20;
}

#section32 .row {
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: space-evenly;
    align-items: start;
}

.footer_logo {
    text-align: center;
}

.footer_logo img {
    width: 16.7vw;
    height: auto;
}

@media (max-width: 820px) {
    #section32.page {
        height: auto;
        row-gap: 3vh;
    }

    #section32 .row {
        flex-direction: row;
        flex-wrap: wrap;
    }

    .footer_logo img {
        width: 33vw;
        height: auto;
    }
}

@media (max-width: 414px) {
    #section32.page {
        height: auto;
        row-gap: 3vh;
    }

    #section32 .row {
        flex-direction: row;
        flex-wrap: wrap;
    }

    .footer_logo img {
        width: 33vw;
        height: auto;
    }
}

.footer_col {
    width: 30%;
    font-family: 'cambriaregular';
    font-size: 1.01vw;
    line-height: 1.38vw;
    letter-spacing: normal;
}

.footer_col:nth-child(1) {
    width: 40%;
}

.footer_col:nth-child(3) {
    width: 20%;
}

.footer_col p {
    margin: 0;
}

.footer_col h3 {
    font-family: 'body_grotesquebold';
    font-size: 2.14vw;
    letter-spacing: -0.013em;
}

@media (max-width: 820px) {
    .footer_col {
        width: 75%;
        font-size: 2.2vw;
        line-height: 1.3;
        text-align: center;
    }

    .footer_col:nth-child(1) {
        width: 85%;
    }

    .footer_col:nth-child(3) {
        width: 85%;
    }

    .footer_col ul {
        list-style: none;
        padding-left: 0;
        margin: 0;
    }

    .footer_col p {
        margin: 0;
    }

    .footer_col h3 {
        font-size: 4.6vw;

    }
}

@media (max-width: 414px) {
    .footer_col {
        font-size: 3.6vw;
    }

    .footer_col:nth-child(1) {
        width: 85%;
    }

    .footer_col:nth-child(3) {
        width: 85%;
    }

    .footer_col ul {
        list-style: none;
        padding-left: 0;
        margin: 0;
    }

    .footer_col p {
        margin: 0;
    }

    .footer_col h3 {
        font-size: 4.6vw;

    }
}

ul {
    padding-left: 1em;
}

.mincul {
    width: 16.51954603vw;
}

.copyright {
    width: min-content;
    font-size: 2.02vw;
    line-height: 0.77;
    flex-grow: 3;
    text-align: right;
    padding-right: 2vw;
}

.redes {
    display: flex;
    flex-direction: row;
    width: 32px;
    justify-content: space-between;
}

.redes div {
    width: 32px;
    height: 32px;
}

.mamut {
    width: 7.68vw;
    margin: 0 2vw
}

.guarango {
    width: 7.6vw;
    margin: 0
}

.bottom {
    align-items: flex-end !important;
}

@media (max-width: 820px) {
    .redes {
        display: flex;
        flex-direction: row;
        width: 4vw;
        justify-content: space-between;
    }

    .redes div {
        width: 4vw;
        height: 4vw;
    }

}

@media (max-width: 414px) {

    .mincul {
        width: 60%;
    }

    .redes {
        display: flex;
        flex-direction: row;
        width: 4vw;
        justify-content: space-between;
    }

    .redes div {
        width: 4vw;
        height: 4vw;
    }

    .copyright {
        width: 30%;
        font-size: 6vw;
        line-height: 1;
        padding-right: 0;
        flex-grow: 0;
        text-align: left;
    }

    .mamut {
        width: 20%;
        margin: 0
    }

    .guarango {
        width: 20%;
        margin: 0
    }

    #section32 .row.bottom {
        align-items: flex-end !important;
        padding: 5vw;
        box-sizing: border-box;
        justify-content: space-between;
        row-gap: 2vh;
    }

    .redes div {
        width: 28px;
    }
}