:root {
  --cubic: cubic-bezier(0.250, 0.460, 0.450, 0.940);
  --pad: 1rem;
  --sup: 15vh;
  --grey: #D5D1C8;
  --orange: #FF5A2A;
  --black: #1C1C1C;
  --white: #FAF9F6;
  --welem: 50vw;
}

/* GLOBAL
------------------------------ */
/*! normalize.css v3.0.2 | MIT License | git.io/normalize */html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:700}dfn{font-style:italic}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{-webkit-box-sizing:content-box;box-sizing:content-box;height:0}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type=checkbox],input[type=radio]{-webkit-box-sizing:border-box;box-sizing:border-box;padding:0}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}input[type=search]{-webkit-appearance:textfield;-webkit-box-sizing:content-box;box-sizing:content-box}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0}textarea{overflow:auto}optgroup{font-weight:700}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}

a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}:focus{outline:0}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:'';content:none}table{border-collapse:collapse;border-spacing:0}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration,input[type=search]::-webkit-search-results-button,input[type=search]::-webkit-search-results-decoration{-webkit-appearance:none;-moz-appearance:none}input[type=search]{-webkit-appearance:none;-moz-appearance:none;-webkit-box-sizing:content-box;box-sizing:content-box}textarea{overflow:auto;vertical-align:top;resize:vertical}audio,canvas,video{display:inline-block;max-width:100%}audio:not([controls]){display:none;height:0}[hidden]{display:none}html{font-size:100%;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}a:focus{outline:thin dotted}a:active,a:hover{outline:0}img{border:0;-ms-interpolation-mode:bicubic}figure{margin:0}form{margin:0}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0;white-space:normal}button,input,select,textarea{font-size:100%;margin:0;vertical-align:baseline}button,input{line-height:normal}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}input[type=checkbox],input[type=radio]{-webkit-box-sizing:border-box;box-sizing:border-box;padding:0}input[type=search]{-webkit-appearance:textfield;-webkit-box-sizing:content-box;box-sizing:content-box}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}textarea{overflow:auto;vertical-align:top}table{border-collapse:collapse;border-spacing:0}button,html,input,select,textarea{color:#090909}::-moz-selection{color:#fff;background:rgba(250,250,250,.4);text-shadow:none}::selection{color:#fff;background:rgba(250,250,250,.4);text-shadow:none}img{vertical-align:middle}fieldset{border:0;margin:0;padding:0}textarea{resize:vertical}.chromeframe{margin:.2em 0;background:#ccc;color:#000;padding:.2em 0}

* {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    margin: 0;
    padding: 0;
    -webkit-tap-highlight-color: transparent!important;
}

a, div, img{
    outline: 0!important;
}

@font-face {
    font-family: 'Alpina';
    src: url('../font/GTAlpina-Light.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'NeueHaas';
    src: url('../font/NeueHaasDisplay-Roman.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

body, html{ 
    background: var(--black);
    -webkit-transition: background 0.5s var(--cubic);
    -o-transition: background 0.5s var(--cubic);
    transition: background 0.5s var(--cubic);
    color: var(--white);
    height: 100%;
    font-family: 'Alpina', Times New Roman;
}

body::-webkit-scrollbar {
    display: none;
    width: 0;
    height: 0;
}

body{
    overflow-x: hidden;
    overflow-y: scroll;
    -ms-overflow-style: none;
}

::-moz-selection { color: var(--black);  background: var(--orange); }
::selection      { color: var(--black);  background: var(--orange); }

.neue {
    font-family: 'NeueHaas', Arial;
}

.forminator-field-html {
    font-family: 'Alpina' !important;
}

.fixed {
    position: fixed;
}

strong {
    font-weight: 600;
}

.absolute {
    position: absolute;
}

.relative {
    position: relative;
}

.bottom {
    bottom: 0;
}

.left {
    left: 0;
}

.right{
    right: 0;
}

.top{
    top: 0;
}

.pad-025 {
    padding-bottom: 0.25rem !important;
}

.pad-b-0{
    padding-bottom: calc( var(--pad) / 2);
}

.pad-t-0{
    padding-top:  calc( var(--pad) / 2);
}

.pad-r-0{
    padding-right: calc( var(--pad) / 2);
}

.pad-l-0{
    padding-left: calc( var(--pad) / 2);
}

.pad-0{
    padding: calc( var(--pad) / 2);
}

.pad-b{
    padding-bottom: var(--pad);
}

.pad-t{
    padding-top: var(--pad);
}

.pad-r{
    padding-right: var(--pad);
}

.pad-l{
    padding-left: var(--pad);
}

.pad{
    padding: var(--pad);
}

.pad-b-1{
    padding-bottom: calc( var(--pad) * 2 );
}

.pad-t-1{
    padding-top: calc( var(--pad) * 2 );
}

.pad-r-1{
    padding-right: calc( var(--pad) * 2 );
}

.pad-l-1{
    padding-left: calc( var(--pad) * 2 );
}

.pad-1{
    padding: calc( var(--pad) * 2 );
}

.pad-t-2 {
    padding-top: calc( var(--pad) * 3 );
}

.mag-t-2 {
    margin-top: calc( var(--pad) * 3 );
}

.pad-b-2 {
    padding-bottom: calc( var(--pad) * 3 );
}

.mag-auto{
    margin: 0 auto;
}

.block{
    display: block;
}

.w-100 {
    width: 100%;
}

.w-70 {
    width: 70%
}

.w-30 {
    width: 30%;
}

.h-30 {
    height: 30%;
}

.h-40 { 
    height: 40%;
}

.h-50 {
    height: 50%;
}

.h-80 {
    height: 80%;
}

.h-70 {
    height: 75%;
}

.h-66 {
    height: 66%;
}

.h-80-vh {
    height: 80vh;
}

.h-100{
    height: 100%;
}

.h-100-vh{
    height: 100vh;
}

.min-100-vh{
    min-height: 100vh;
}

a:link {
    text-decoration: none;
    color: inherit;
}

a:visited {
    color: inherit;
}

.flex, .menu {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.wrap{
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
}

.end-justify{
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
}

.evenly{
    -webkit-box-pack: space-evenly;
        -ms-flex-pack: space-evenly;
            justify-content: space-evenly;
}

.align-center{
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}

.column{
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
}

.column-r{
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
}

.between{
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
}

.between-m{
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
}

.around{
    -ms-flex-pack: distribute;
        justify-content: space-around;
}

.jus-center{
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}

.z--1 {
    z-index: -1;
}

.z-9{
    z-index: 9;
}

.z-99{
    z-index:  99;
}

.z-999{
    z-index: 999;
}

.z-9999{
    z-index: 9999;
}

.z-1{
    z-index: 1;
}

.z-2{
    z-index: 2;
}

.w-20 {
    width: 20%;
}

.w-25{
    width: 25%;
}

.w-33{
    width: 33.33%;
}

.w-40 {
    width: 40%;
}

.w-50, .w-50-m, .w-50-f{
    width: 50%;
}

.w-60 {
    width: 60%;
}

.w-66 {
    width: 66%;
}

.w-75 {
    width: 75%;
}

.w-80 {
    width: 80%;
}

.hide-scroll{
    -ms-overflow-style: none;
    scrollbar-width: none;
}

.hide-scroll::-webkit-scrollbar {
    display: none;
    width: 0;
    height: 0;
}

.mobile, .mobile-flex{
    display: none;
}

.wrap{
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
}

.center{
    text-align: center;
}

.justify{
    text-align: justify;
}

.t-right{
    text-align: right;
}

.ab-center{
    top: 50%;
    left: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
        -ms-transform: translateX(-50%) translateY(-50%);
            transform: translateX(-50%) translateY(-50%);
}

.ab-x{
    left: 50%;
    -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%);
}

.none{
    pointer-events: none;
}

.auto{
    pointer-events: auto;
    cursor: pointer;
}

.pointer {
    cursor: pointer;
}

.none-s{
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
}

.inline-block{
    display: inline-block;
}

.inline {
    display: inline;
}

.block{
    display: block;
}

.hide{
    display: none !important;
}

.hide-op {
    opacity: 0;
    pointer-events: none;
    -webkit-transition: opacity 0.5s linear, filter 0.5s linear;
    -o-transition: opacity 0.5s linear, filter 0.5s linear;
    -webkit-transition: opacity 0.5s linear, -webkit-filter 0.5s linear;
    transition: opacity 0.5s linear, -webkit-filter 0.5s linear;
    transition: opacity 0.5s linear, filter 0.5s linear;
    transition: opacity 0.5s linear, filter 0.5s linear, -webkit-filter 0.5s linear;
}

.video-custom-player.hide {
    opacity: 0;
    display: block !important;
    pointer-events: none;
}

.video-custom-player {
    opacity: 1;
    pointer-events: auto;
}

.video-custom-player.hide, .video-custom-player.hide .close-player-btn {
    pointer-events: none;
}

.hide-op-op{
    opacity: 0;
    -webkit-transition: opacity 0.1s linear;
    -o-transition: opacity 0.1s linear;
    transition: opacity 0.1s linear;
}

.op{
    opacity: 1;
-webkit-transition: opacity 0.7s ease-in;
    -o-transition: opacity 0.7s ease-in;
    transition: opacity 0.7s ease-in;
}

.show{
    display: block;
}

.hidden{
    overflow: hidden;
}

.cover{
    -o-object-fit: cover;
       object-fit: cover;
}

.contain {
    -o-object-fit: contain;
       object-fit: contain;
}

.underline{
    text-decoration: underline;
}

.sticky, .sticky-bar{
    position: sticky;
}

.flex-end{
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
}

.a-self{
    -ms-flex-item-align: start;
        align-self: flex-start
}

.overlay-top-top.show-new {
    opacity: 0;
    pointer-events: none;
}

.nw{
    white-space: nowrap;
}

.b-b{
    border-bottom: solid black 1px;
}

.b-t{
    border-top: solid black 1px;
}

ul, li {
  list-style-type: none;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}

.white-bk {
    background-color: var(--white);
}

.white{
    color: var(--white);
}

.black {
    color: var(--black);
}

.grey {
    color: var(--grey);
}

.upper{
    text-transform: uppercase;
}

.round{
    border-radius: 2rem;
}

.round-half {
    border-radius: 0.8rem;
}

.line {
    width: 16px;
    height: 2px;
    background: var(--black);
    margin-bottom: var(--pad);
}

.pad-menu {
    padding-top: calc( var(--pad) * 3 );
}

.pad-bottom {
    padding-bottom: calc( var(--pad) * 3 );
}

/* ANIMATIONS
------------------------------ */

.animated-element {
  opacity: 0;
  -webkit-transition: opacity 0.6s var(--cubic); 
  -o-transition: opacity 0.6s var(--cubic); 
  transition: opacity 0.6s var(--cubic);
  -webkit-transition-delay: var(--delay, 0.2s);
       -o-transition-delay: var(--delay, 0.2s);
          transition-delay: var(--delay, 0.2s);
}

.animated-element.visible {
  opacity: 1;
}

img {
    opacity: 0;
    width: 100%;
    height: auto;
    -webkit-transition: opacity 0.3s var(--cubic);
    -o-transition: opacity 0.3s var(--cubic);
    transition: opacity 0.3s var(--cubic);
}

.lazyloaded {
    opacity: 1;
    -webkit-transition-duration: 0.2s !important;
         -o-transition-duration: 0.2s !important;
            transition-duration: 0.2s !important;
}

/* OVERLAY
------------------------------ */

.black-overlay {
    opacity: 0;
    pointer-events: none;
}

.black-overlay svg {
    width: 4rem;
    height: 4rem;
    fill: var(--white);
    -webkit-transform: scaleX(-1);
        -ms-transform: scaleX(-1);
            transform: scaleX(-1);
}

@media (max-width: 1024px) and (orientation: landscape) {

    .black-overlay {
        opacity: 1;
        pointer-events: auto;
    }

    .menu-btn {
        opacity: 0;
    }

}

/* MENU
------------------------------ */

.btn-burguer{
    width: 5rem;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
    
}

.btn-burguer::before, .btn-burguer::after {
    content: '';
    position: absolute;
    width: 5rem;
    height: 1px;
    background: var(--white);
    -webkit-transition: all 0.3s ease-in-out;
        -o-transition: all 0.3s ease-in-out;
            transition: all 0.3s ease-in-out;
}

.btn-burguer::after{
    -webkit-transform: translateY(0.25rem);
        -ms-transform: translateY(0.25rem);
            transform: translateY(0.25rem);
}

.btn-burguer::before{
    -webkit-transform: translateY(-0.25rem);
        -ms-transform: translateY(-0.25rem);
            transform: translateY(-0.25rem);
}

.menu-btn.open .btn-burguer::before{
    -webkit-transform: translateY(0) rotate(10deg);
        -ms-transform: translateY(0) rotate(10deg);
            transform: translateY(0) rotate(10deg);
}

.menu-btn.open .btn-burguer::after{
    -webkit-transform: translateY(0) rotate(-10deg);
        -ms-transform: translateY(0) rotate(-10deg);
            transform: translateY(0) rotate(-10deg);
}

.menu-btn{
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none; 
    height: 1rem;
    margin-top: -0.25rem;
}

.line-1, .line-1 .font-SXS, .line-1 .font-L, .line-1 .font-S{
    line-height: 1;
}

header.open .menu-title {
    opacity: 0;
}

.mobile-menu {
    opacity: 0;
    -webkit-transition: opacity 0.3s var(--cubic);
    -o-transition: opacity 0.3s var(--cubic);
    transition: opacity 0.3s var(--cubic);
}

header.open .mobile-menu {
    opacity: 1;
}

header.open, header.open .menu-title {
    color: var(--black) !important;
}

header.open .btn-burguer::before, header.open .btn-burguer::after {
    background: var(--black) !important;
}

header.open .actions {
    display: none;
}

header .menu-legal-container .menu, header .menu-legal-en-container .menu, header .menu-legal-es-container .menu{
    gap: 0 1rem;
}

.page-list {    
    padding-top: 15vh;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: minmax(0, 1fr) var(--pad) minmax(0, 1fr) var(--pad) minmax(0, 1fr) var(--pad) minmax(0, 1fr) var(--pad) minmax(0, 1fr) var(--pad) minmax(0, 1fr);
    grid-template-columns: repeat(6, minmax(0, 1fr));
    grid-gap: 0 var(--pad);
}

.logo-menu svg, .logo-header svg {
    height: 28px;
}

.t-right .menu {
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
}

.blur {
    -webkit-filter: blur(10px);
            filter: blur(10px);
    -webkit-transition: -webkit-filter 0.3s var(--cubic);
    transition: -webkit-filter 0.3s var(--cubic);
    -o-transition: filter 0.3s var(--cubic);
    transition: filter 0.3s var(--cubic);
    transition: filter 0.3s var(--cubic), -webkit-filter 0.3s var(--cubic);
}

.sub-sections {
    -webkit-transition: opacity 0.3s var(--cubic);
    -o-transition: opacity 0.3s var(--cubic);
    transition: opacity 0.3s var(--cubic);
}

.footer-menu .menu-rrss-container .menu{
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
}

.credit-block {
    min-height: 1rem;
}

.credits-wrapper {
    pointer-events: none;
    opacity: 0;
    -webkit-transition: opacity 0.3s var(--cubic);
    -o-transition: opacity 0.3s var(--cubic);
    transition: opacity 0.3s var(--cubic);
}

.credits-wrapper.active {
    pointer-events: auto;
    opacity: 1;
}

.credits-wrapper .blur-bk {
    -webkit-transition: -webkit-backdrop-filter 0.3s var(--cubic);
    transition: -webkit-backdrop-filter 0.3s var(--cubic);
    -o-transition: backdrop-filter 0.3s var(--cubic);
    transition: backdrop-filter 0.3s var(--cubic);
    transition: backdrop-filter 0.3s var(--cubic), -webkit-backdrop-filter 0.3s var(--cubic);
}

.credits-wrapper.active .blur-bk {
    /*backdrop-filter: blur(10px);*/
}

.credits-btn, .audio-btn, .full-screen-btn, .menu-btn {
    cursor: pointer;
}

.credits-wrapper {         
  overflow: hidden;      
}

.credits-inner {
    padding-right: calc( var(--pad) * 4);
    padding-left: calc( var(--pad) * 4);
}

.actions svg, .video-custom-player svg {
    height: 1.5rem;
}

.white-mode svg {
    fill: var(--white);
}

.actions.white-mandatory svg {
    fill: var(--white) !important;
}

.white-mandatory .audio-btn.sound-off::after {
    background: var(--white) !important;
}

.audio-btn.sound-off::after, .audio-btn-player.sound-off::after {
    content:" ";
    position: absolute;
    height: 1.5px;
    background-color: var(--white);
    width: 2rem;
    top: 50%;
    -webkit-transform: translateX(-1.5rem) translateY(-0.15rem) rotate(-40deg);
        -ms-transform: translateX(-1.5rem) translateY(-0.15rem) rotate(-40deg);
            transform: translateX(-1.5rem) translateY(-0.15rem) rotate(-40deg);
}

header .blur-bk {
    -webkit-mask: -webkit-gradient(linear, left top, left bottom, color-stop(50%, rgba(0, 0, 0, 1)), to(rgba(0, 0, 0, 0)));
    -webkit-mask: linear-gradient(to bottom, rgba(0, 0, 0, 1) 50%, rgba(0, 0, 0, 0) 100%);
    -webkit-backdrop-filter: blur(8px);
    backdrop-filter: blur(8px);
    z-index: -1;
}

.sub-sections {
    opacity: 0;
    height: 0;
}

.spinner {
  width: 24px;
  height: 24px;
  border: 4px solid transparent;
  border-top: 4px solid var(--orange);  
  border-right: 4px solid var(--orange);  
  border-radius: 50%;
  -webkit-animation: spin 1.5s linear infinite;
          animation: spin 1.5s linear infinite;
}

@-webkit-keyframes spin {
  to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}

@keyframes spin {
  to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}

.heartbeat {
    -webkit-animation: pulsate-fwd 1s steps(1, end) 5 both;
            animation: pulsate-fwd 1s steps(1, end) 5 both;
}

@-webkit-keyframes pulsate-fwd {
  0% { opacity: 1; }
  50% { opacity: 0; }
  100% { opacity: 1; }
}

@keyframes pulsate-fwd {
  0% { opacity: 1; }
  50% { opacity: 0; }
  100% { opacity: 1; }
}


/* INTRO
------------------------------ */

body.home.show-overlay {
    overflow: hidden;
}

.overlay {
    -webkit-backdrop-filter: blur(0);
            backdrop-filter: blur(0);
    opacity: 0;
    pointer-events: none;
    -webkit-transition: opacity 0.5s var(--cubic), -webkit-backdrop-filter 0.5s var(--cubic);
    transition: opacity 0.5s var(--cubic), -webkit-backdrop-filter 0.5s var(--cubic);
    -o-transition: backdrop-filter 0.5s var(--cubic), opacity 0.5s var(--cubic);
    transition: backdrop-filter 0.5s var(--cubic), opacity 0.5s var(--cubic);
    transition: backdrop-filter 0.5s var(--cubic), opacity 0.5s var(--cubic), -webkit-backdrop-filter 0.5s var(--cubic);
}

.intro-title, .sub-intro {
    opacity: 0;
    pointer-events: none;
    -webkit-transition: opacity 0.5s var(--cubic);
    -o-transition: opacity 0.5s var(--cubic);
    transition: opacity 0.5s var(--cubic);
}

.show-overlay .overlay {
    -webkit-backdrop-filter: blur(30px);
            backdrop-filter: blur(30px);
    opacity: 1;
    pointer-events: auto;
}

.show-overlay .intro-title {
    opacity: 1;
    pointer-events: auto;
}

.show-overlay .sub-intro {
    opacity: 1;
}

.intro-item {
    -webkit-transform: translate(0,0);
        -ms-transform: translate(0,0);
            transform: translate(0,0);
    -webkit-transition: -webkit-transform 0.05s ease-out;
    transition: -webkit-transform 0.05s ease-out;
    -o-transition: transform 0.05s ease-out;
    transition: transform 0.05s ease-out;
    transition: transform 0.05s ease-out, -webkit-transform 0.05s ease-out;
}

.parallax-wrapper {
    width: 17vw;
    height: 17vw;
}

.intro-item:nth-child(1) { left: 65%; top: 10%; z-index: 1; }
.intro-item:nth-child(2) { left: 30%; top: 5%; }
.intro-item:nth-child(3) { left: 1%; top: 15%; }
.intro-item:nth-child(4) { left: 10%; top: 50%; z-index: 4; }
.intro-item:nth-child(5) { left: 60%; top: 55%; }
.intro-item:nth-child(6) { left: 80%; top: 10%; }
.intro-item:nth-child(7) { left: 20%; top: 60%; }

.intro-item img {
    -o-object-fit: contain;
       object-fit: contain;
    height: 100%;
}

#menu-legal-1, #menu-legal-en-1, #menu-legal-es-1, .menu-legal-overlay .menu {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    text-align: right;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
}

.images-effect {
    overflow: hidden;
}

.intro-title svg, .logo-header svg {
    fill: var(--white);
}

.title-menu svg {
    fill: var(--black);
}


/* MÓDULO VIDEO
------------------------------ */

.video-item {
    width: var(--welem);
}

.video-preview, .video-preview video, .video-bk video {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
}

.video-bk {
    color: var(--white);
}

.video-preview {
    cursor: pointer;
}

.video-custom-player svg {
    fill: var(--white);
}

.video-custom-player video {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
       object-fit: contain;
}

.play-btn {
    width: 76px;
    margin-right: var(--pad);
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
}

.current-minute {
    width: 120px;
}

.progress-bar {
    width: 100%;
    height: 2px;
    background-color: rgba(255, 255, 255, 0.2);
}

.progress {
    width: 0%;
    height: 2px;
    position: absolute;
    top: 0;
    left: 0;
    background-color: var(--white);
}

.progress:after {
    content: " ";
    background-color: var(--white);
    width: 1rem;
    height: 1rem;
    border-radius: 50%;
    position: absolute;
    right: 0;
    -webkit-transform: translateY(calc(-50% + 2px)) translateX(100%);
        -ms-transform: translateY(calc(-50% + 2px)) translateX(100%);
            transform: translateY(calc(-50% + 2px)) translateX(100%);
}

.video-custom-player.hide .auto {
    pointer-events: none !important;
}

.rotate-out-2-ccw {
    -webkit-animation: rotate-out-2-ccw 5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
            animation: rotate-out-2-ccw 5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
            -webkit-animation-delay: 0.5s;
                    animation-delay: 0.5s;
            opacity: 1;
}

@-webkit-keyframes rotate-out-2-ccw {
  0% {
    -webkit-transform: translateX(-50%) rotate(0);
            transform: translateX(-50%) rotate(0);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateX(-50%) rotate(-45deg);
            transform: translateX(-50%) rotate(-45deg);
    opacity: 0;
  }
}
@keyframes rotate-out-2-ccw {
  0% {
    -webkit-transform: translateX(-50%) rotate(0);
            transform: translateX(-50%) rotate(0);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateX(-50%) rotate(-45deg);
            transform: translateX(-50%) rotate(-45deg);
    opacity: 0;
  }
}

.video-wrapper.video-open::after {
  content: '';
  display: block;
  height: 1px;
}

.video-main span.pad-l-0 {
    margin-top: 1px;
}

video::cue {
    font-size: 1rem;
    color: var(--white);
    background: rgba(0, 0, 0, 0.5);
    font-family: Alpina;
}

.custom-captions {
    bottom: 5rem; 
    text-align: center;
    z-index: 10;
    pointer-events: none;
    width: 90%;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
}

.custom-captions span {
    background: rgba(0,0,0,0.5);
    color: var(--white);
    display: inline-block;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
}


/* MÓDULO GALERÍA FIJA
------------------------------ */

.preview-fixa img {
    -webkit-filter: blur(10px);
            filter: blur(10px);
    -o-object-fit: contain;
       object-fit: contain;
    height: 100%;
    will-change: transform;
    -webkit-transform: translateZ(0);
            transform: translateZ(0);
}

.preview-fixa {
    height: 80vh;
    width: var(--welem);
}

.galeria-fixa-wrapper .text-format, .miniatures-wrapper .text-format {
    width: 20%;
}

/* MÓDULO GALERÍA VERTICAL
------------------------------ */

.element-gallery {
    height: 50vh;
}

.element-gallery img {
    height: 100%;
    -o-object-fit: contain;
       object-fit: contain;
}

.gal-scroll-vert {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
}

.gal-scroll-vert .element-item:nth-child(even) .flex{
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
}

.gal-scroll-vert .element-item:nth-of-type(2) .flex {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
}

.gal-scroll-vert .element-item:nth-child(even) {
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
}

.gal-scroll-vert .element-item:nth-child(odd){
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
}

.gal-scroll-vert .element-item img {
    -o-object-position: top right;
       object-position: top right;
}

.gal-scroll-vert .element-item:nth-child(even) img {
    -o-object-position: top left;
       object-position: top left;
}

.gal-scroll-vert .element-item:nth-of-type(2) img {
    -o-object-position: bottom right;
       object-position: bottom right;
}

.gal-scroll-vert .element-item:nth-of-type(2) .element-text {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
    -webkit-box-pack: start !important;
        -ms-flex-pack: start !important;
            justify-content: flex-start !important;
}

.gal-scroll-vert .element-item:nth-child(even) .element-text {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
}

.gal-scroll-vert .element-item {
    width: 80%;
    margin: 0 auto;
    padding-bottom: var(--sup);
}

.gal-scroll-vert .element-item:last-child {
    padding-bottom: 0;
}

.gal-scroll-vert .element-item:nth-of-type(2) {
    width: 100%;
}

.gal-scroll-vert .element-item:nth-of-type(2) .w-50 {
    width: 70%;
}

.gal-scroll-vert .element-item:nth-child(even) .element-text {
    padding-right: var(--pad);
}

.gal-scroll-vert .element-item:nth-of-type(2) .element-text, .gal-scroll-vert .element-item:nth-child(odd) .element-text
{
    padding-left: var(--pad);
}

.title-vert {
    width: 30vw;
    padding-top: var(--sup);
}

.reves {
    -webkit-transform: translateY(-100%);
        -ms-transform: translateY(-100%);
            transform: translateY(-100%);
    -webkit-transition: opacity 0.5s linear;
    -o-transition: opacity 0.5s linear;
    transition: opacity 0.5s linear;
}

.reves-image {
    pointer-events: none;
}

.gal-scroll-vert .element-item:nth-child(even) .reves {
    left: 0;
}

.gal-scroll-vert .element-item:nth-of-type(2) .reves {
    right: 0;
    left: initial;
    padding-bottom: 0;
    bottom: -2.5rem;
}

.gal-scroll-vert .element-item:nth-child(even) .reves-image {
    left: 0;
}

.gal-scroll-vert .element-item:nth-of-type(2) .reves-image {
    right: 0;
    left: initial;
}

/* MÓDULO GALERÍA HORIZONTAL
------------------------------ */

.hoz-wrapper {
    width: var(--welem);
}

.scroll-hoz .hoz-wrapper:last-child {
    width: 25vw;
}

.scroll-hoz .hoz-wrapper:last-child .hoz-item .hoz-images img:nth-of-type(2) {
    left: 100%;
}

.scroll-hoz, .temps-hoz {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
}

.pad-t-vh-0 {
    padding-top: calc( var(--sup) / 2 );
}

.pad-b-vh-0 {
    padding-bottom: calc( var(--sup) / 2 );
}

.pad-t-vh {
    padding-top: var(--sup);
}

.pad-b-vh {
    padding-bottom: var(--sup);
}

.pad-r-vh {
    padding-right: var(--sup);
}

.pad-l-vh {
    padding-left: var(--sup);
}

.scroll-hoz .hoz-text p {
    -webkit-transition: background 0.5s var(--cubic);
    -o-transition: background 0.5s var(--cubic);
    transition: background 0.5s var(--cubic);
}

body.taronja-bk .scroll-hoz .hoz-text p {
    background: var(--orange);
    padding-left: 2px;
}

body.crema-bk .scroll-hoz .hoz-text p {
    background: var(--grey);
    padding: 0.5rem;
}

body.negre-bk .scroll-hoz .hoz-text p {
    background: var(--black);
    padding-left: 2px;
}

.scroll-hoz .hoz-wrapper:nth-child(even) .hoz-text{
    position: absolute;
    bottom: 0;
    right: 0;
}

.hoz-item .hoz-images img {
    position: absolute;
    width: 17vw;
    height: 17vw;
    -o-object-fit: contain;
       object-fit: contain;
}

.hoz-item .hoz-images img:nth-of-type(1) {
    top: 0;
    left: 0;
}

.hoz-item .hoz-images img:nth-of-type(2) {
    top: 50%;
    left: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
        -ms-transform: translateX(-50%) translateY(-50%);
            transform: translateX(-50%) translateY(-50%);
}

.hoz-item .hoz-images img:nth-of-type(3) {
    bottom: 0;
    left: 0;
}

.gal-hoz-scroll, .temps-wrapper {
    overflow: hidden;
}

.title-hoz {
    width: 33%;
}

/* SWIPER OVERLAY
------------------------------ */

.swiper-overlay {
    -webkit-backdrop-filter: blur(10px);
            backdrop-filter: blur(10px);
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
}

.taronja-bk .swiper-overlay {
    background-color: rgba(255, 90, 42, 0.5);
}

.negre-bk .swiper-overlay {
    background-color: rgba(28, 28, 28, 0.5);
}

.crema-bk .swiper-overlay {
    background-color: rgba(213, 209, 200, 0.5);
}

.taronja-bk #cerrar-swiper, .crema-bk #cerrar-swiper, .taronja-bk .slide-caption, .crema-bk .slide-caption {
    color: var(--black);
}

.swiper {
    pointer-events: none;
}

.swiper-button-next, .swiper-button-prev {
    pointer-events: auto;
}

.swiper img {
    opacity: 1;
    width: var(--welem);
    height: 80vh;
    -o-object-fit: contain;
       object-fit: contain;
}

.slide-caption {
    width: var(--welem);
}

.swiper-slide, .slide-content {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
}

.slide-content {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
}

.swiper-button-next:after, .swiper-button-prev:after {
    display: none;
}

.swiper-button-next , .swiper-button-prev {
    width: 30% !important;
}

.swiper-button-next svg, .swiper-button-prev svg {
    fill: var(--black);
}

.negre-bk .swiper-button-next svg, .negre-bk .swiper-button-prev svg{
    fill: var(--white);
}

.swiper-slide .slide-caption {
    padding-top: var(--pad);
    text-align: center;
}

.swiper-slide {
    opacity: 0 !important;
}

.swiper-slide-visible, .swiper-slide-active {
    opacity: 1 !important;
}

.preview-img {
    cursor: pointer;
}

.miniaturas-bar {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 0.5rem 1fr;
    grid-template-columns: repeat(2, 1fr);
    gap: 0.5rem;
}

.miniaturas-bar img {
    aspect-ratio: 2 / 3;
    -o-object-fit: cover;
       object-fit: cover;
    width: 60px; 
    height: auto; 
    cursor: pointer;
}

.miniaturas-video img {
    aspect-ratio: 16 / 9;
    -o-object-fit: cover;
       object-fit: cover;
    width: 220px; 
    height: auto; 
    cursor: pointer;
}

.gap-s {
    gap: var(--pad);
}

body video, body img {
    border-radius: 2px;
}

.autoplay-mode .swiper-button-prev,
.autoplay-mode .swiper-button-next,
.autoplay-mode .swiper-pagination {
  display: none !important;
  pointer-events: none;
}


/* MÓDULO GALERÍA DE TIEMPO
------------------------------ */

.temps-hoz .hoz-wrapper {
    width: 33vw;
}

.temps-hoz-item .hoz-images img {
    aspect-ratio: 5 / 4;
    -o-object-fit: cover;
       object-fit: cover;
}

.temps-videos .temps-hoz-item .hoz-images img {
    aspect-ratio: 16 / 9;
    -o-object-fit: cover;
       object-fit: cover;
}

.temps-hoz-item {
    border-right: solid var(--black) 1px;
}

.negre-bk .temps-hoz-item {
    border-right: solid var(--white) 1px;
}

.hoz-wrapper:last-child {
    margin-right: var(--sup);
}

.last-xifra-text p:last-child {
    opacity: 0.8;
    line-height: 1 !important;
}

.last-xifra-text {
    opacity: 0;
    -webkit-transition: opacity 0.8s var(--cubic);
    -o-transition: opacity 0.8s var(--cubic);
    transition: opacity 0.8s var(--cubic);
}

/* CAPITULOS
------------------------------ */

.main-image {
    width: 35vw;
}

.main-title {
    padding-top: 5vh;
}

.main-wrapper section {
    overflow-x: hidden;
}

/* NAVEGACION CAPITULO
------------------------------ */

.subsection-menu {
    width: 100%;
    padding-left: 3.5rem;
}

.subsection-scroll {
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    overflow-x: auto;
}

.subsection-menu .submenu-item {
    padding-right: 1rem;
    white-space: nowrap;
}

.subsection-menu .submenu-item:last-child {
    padding-right: 0;
}

.navigation-buttons img {
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
}

.navigation-buttons .flex {
    gap: 1.5rem;
}

.navigation-buttons a, .navigation-buttons .orange-bk {
    -webkit-filter: blur(10px);
            filter: blur(10px);
    -webkit-transition: -webkit-filter 0.5s var(--cubic);
    transition: -webkit-filter 0.5s var(--cubic);
    -o-transition: filter 0.5s var(--cubic);
    transition: filter 0.5s var(--cubic);
    transition: filter 0.5s var(--cubic), -webkit-filter 0.5s var(--cubic);
    will-change: transform;
    -webkit-transform: translateZ(0);
            transform: translateZ(0);
}

.navigation-buttons a {
    overflow: hidden;
}

.navigation-buttons img {
    -webkit-transform: scale(1.4);
        -ms-transform: scale(1.4);
            transform: scale(1.4);
    -o-object-fit: cover;
       object-fit: cover;
}

.subsection-menu .blur-bk {
    -webkit-mask: -webkit-gradient(linear, left bottom, left top, color-stop(50%, rgba(0, 0, 0, 1)), to(rgba(0, 0, 0, 0)));
    -webkit-mask: linear-gradient(to top, rgba(0, 0, 0, 1) 50%, rgba(0, 0, 0, 0) 100%);
    -webkit-backdrop-filter: blur(8px);
    backdrop-filter: blur(8px);
    z-index: -1;
}

/* GSAP
------------------------------ */

#smooth-wrapper {
    height: 100%;
}

/* MODO COLOR
------------------------------ */

.white-mandatory.menu-title {
  color: var(--white);
}

.white-mandatory .btn-burguer::before,
.white-mandatory .btn-burguer::after {
  background: var(--white) !important;
}

.black-bk, .negre-bk .main-wrapper {
    background-color: var(--black);
}

.orange-bk, .taronja-bk .main-wrapper {
    background-color: var(--orange);
}

.grey-bk, .crema-bk .main-wrapper {
    background: var(--grey);
}

.white-mandatory .menu-title {
    color: var(--white) !important;
}

.main-wrapper {
    background: var(--black);
    -webkit-transition: background 0.5s var(--cubic);
    -o-transition: background 0.5s var(--cubic);
    transition: background 0.5s var(--cubic);
}

.menu-title {
    color: var(--white);
}

.taronja-bk .menu-title, .crema-bk .menu-title {
    color: var(--black);
}

.taronja-bk .btn-burguer::before, .taronja-bk .btn-burguer::after, .crema-bk .btn-burguer::before, .crema-bk .btn-burguer::after {
    background: var(--black);
}

.subsection-menu .submenu-item {
    color: rgba(250, 249, 246, 0.5);
}

.subsection-menu .submenu-item.current a {
    color: rgba(250, 249, 246, 1);
    border-bottom: solid var(--white) 1px;
}

.subsection-menu .blur-bk {
    /*background-color: rgba(28, 28, 28, 0.2);*/
    -webkit-transition: background-color 0.5s var(--cubic);
    -o-transition: background-color 0.5s var(--cubic);
    transition: background-color 0.5s var(--cubic);
}

.crema-bk .subsection-menu .blur-bk {
    /*background-color: rgba(250, 249, 246, 0.2);*/
}

.taronja-bk .subsection-menu .blur-bk {
    /*background-color: rgba(255, 90, 42, 0.2);*/
}

.taronja-bk .subsection-menu .submenu-item.current a, .crema-bk .subsection-menu .submenu-item.current a {
    color: rgba(28, 28, 28, 1);
    border-bottom: solid var(--black) 1px;
}

.taronja-bk .subsection-menu .submenu-item, .crema-bk .subsection-menu .submenu-item {
    color: rgba(28, 28, 28, 0.5);
}

.taronja-bk .white-mode svg, .crema-bk .white-mode svg {
    fill: var(--black);
}

.taronja-bk .audio-btn.sound-off::after, .crema-bk .audio-btn.sound-off::after {
    background: var(--black);
}

.taronja-bk .main-wrapper, .crema-bk .main-wrapper {
    color: var(--black);
}

.taronja-bk .mouse-icon svg, .crema-bk .mouse-icon svg{
    fill: var(--black);
}

/* MOUSE ICON
------------------------------ */

.mouse-icon svg {
    height: 48px;
    fill: var(--white);
}

.shake-vertical {
    -webkit-animation: shake-vertical 3s cubic-bezier(0.455, 0.030, 0.515, 0.955) both;
            animation: shake-vertical 3s cubic-bezier(0.455, 0.030, 0.515, 0.955) both;
}

@-webkit-keyframes shake-vertical {
  0%,
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  10%,
  30%,
  50%,
  70% {
    -webkit-transform: translateY(-8px);
            transform: translateY(-8px);
  }
  20%,
  40%,
  60% {
    -webkit-transform: translateY(8px);
            transform: translateY(8px);
  }
  80% {
    -webkit-transform: translateY(6.4px);
            transform: translateY(6.4px);
  }
  90% {
    -webkit-transform: translateY(-6.4px);
            transform: translateY(-6.4px);
  }
}
@keyframes shake-vertical {
  0%,
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  10%,
  30%,
  50%,
  70% {
    -webkit-transform: translateY(-8px);
            transform: translateY(-8px);
  }
  20%,
  40%,
  60% {
    -webkit-transform: translateY(8px);
            transform: translateY(8px);
  }
  80% {
    -webkit-transform: translateY(6.4px);
            transform: translateY(6.4px);
  }
  90% {
    -webkit-transform: translateY(-6.4px);
            transform: translateY(-6.4px);
  }
}

/* WPML
------------------------------ */

.otgs-development-site-front-end {
    display: none;
}

.wpml-ls-legacy-list-horizontal {
    padding: 0 !important;
    border: none !important;
}

.wpml-ls-legacy-list-horizontal ul{
    width: 100%;
}

header .wpml-ls-current-language span {
    border-bottom: solid var(--black) 1px;
}

.wpml-ls-legacy-list-horizontal a {
    padding: 0 !important;
    padding-right: 1rem !important;
}

.wpml-ls-legacy-list-horizontal ul li:last-child a {
    padding-right: 0rem !important;
}

.select-lang .lang-btn {
    border: solid var(--white) 1px;
    border-radius: 2rem;
    padding: 0.5rem 1.3rem;
    cursor: pointer;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
}

.select-lang .lang-btn.active {
    background-color: var(--white);
    color: var(--black);
}

.select-lang .lang-select {
    margin-right: 0.8rem;
}

.select-lang .lang-select:last-child {
    margin-right: 0;
}

.start-btn {
    border: none;
    padding: 0.5rem 1.3rem;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
    cursor: pointer;
    -webkit-transition: -webkit-transform 0.3s linear;
    transition: -webkit-transform 0.3s linear;
    -o-transition: transform 0.3s linear;
    transition: transform 0.3s linear;
    transition: transform 0.3s linear, -webkit-transform 0.3s linear;
}

.start-btn::after, .start-btn::before {
    content: " ";
    position: absolute;
    top: 0;
    height: 100%;
    width: 1rem;
    background-repeat: no-repeat;
    background-position: center;
}

.start-btn::after {
    left: 0;
    background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg id='Layer_1' data-name='Layer 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 56.74 162.68'%3E%3Cdefs%3E%3Cstyle%3E .cls-1 %7B fill: %23faf9f6; stroke-width: 0px; %7D %3C/style%3E%3C/defs%3E%3Cpath class='cls-1' d='M55.26,162.68C21.69,149.37,0,117.44,0,81.34S21.69,13.32,55.26,0l1.47,3.72C24.7,16.43,4,46.9,4,81.34s20.7,64.92,52.74,77.62l-1.47,3.72h-.01Z'/%3E%3C/svg%3E");
}

.start-btn::before {
    right: 0;
    background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg id='Layer_1' data-name='Layer 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 56.74 162.68'%3E%3Cdefs%3E%3Cstyle%3E .cls-1 %7B fill: %23faf9f6; stroke-width: 0px; %7D %3C/style%3E%3C/defs%3E%3Cpath class='cls-1' d='M1.48,0c33.57,13.31,55.26,45.24,55.26,81.34S35.05,149.36,1.48,162.68L.01,158.96c32.03-12.71,52.73-43.18,52.73-77.62S32.04,16.42,0,3.72L1.47,0h.01Z'/%3E%3C/svg%3E");
}

/* PORTAL
------------------------------ */

.entry-btn {
    cursor: pointer;
}

.cross-btn {
    pointer-events: none;
}

.cross-btn span{
    width: 2rem;
    height: 1px;
    background: var(--black);
    position: relative;
    -webkit-transition: -webkit-transform 0.5s var(--cubic);
    transition: -webkit-transform 0.5s var(--cubic);
    -o-transition: transform 0.5s var(--cubic);
    transition: transform 0.5s var(--cubic);
    transition: transform 0.5s var(--cubic), -webkit-transform 0.5s var(--cubic);
}

.cross-btn span::after {
    content: " ";
    height: 1px;
    width: 2rem;
    position: absolute;
    top: 0;
    left: 0;
    background: var(--black);
    -webkit-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
            transform: rotate(90deg);
}

.header-portal {
    padding-top: calc(var(--sup) * 0.5);
}

.entries-outer {
    padding: calc(var(--sup) * 0.5) 0 calc(var(--sup) * 0.5) calc(var(--sup) * 0.5);
}

.grid-sizer,
.post-item {
  width: 33.333%;
  float: left;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.post-item {
    padding: 0 calc(var(--sup) * 0.5) calc(var(--sup) * 0.5) 0;
}

.filter-btn, .cat {
    opacity: 0.5;
    text-decoration: underline;
}

.filter-btn {
    cursor: pointer;
}

.filter-btn.active { 
    opacity: 1;
    text-decoration: none; 
}

.forminator-edit-module {
    display: none;
}

.forminator-custom-form label {
    display: none !important;
}

input[type=email], input[type=text], textarea {
    background: transparent;
    border: none !important;
    border-bottom: solid var(--black) 1px !important;
    border-radius: 0 !important;
}

.forminator-ui.forminator-design--default .forminator-select2 + .forminator-select .selection .select2-selection--single[role="combobox"] {
    background-color: transparent !important;
    border: none !important;
    border-bottom: solid var(--black) 1px !important;
    text-transform: uppercase;
}

.entry-form {
    max-height: 0;
    pointer-events: none;
    opacity: 0;
    -webkit-transition: all 0.5s var(--cubic);
    -o-transition: all 0.5s var(--cubic);
    transition: all 0.5s var(--cubic);
}

.entry-item.active .entry-form {
    max-height: 300vh;
    pointer-events: auto;
    opacity: 1;
}

.entry-item.active .cross-btn span {
    -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
            transform: rotate(45deg);
}

.entry-item {
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
}

img.preview-img-form {
    max-width: 40vh;
    max-height: 40vh;
    -o-object-fit: contain;
       object-fit: contain;
}

.forminator-ui.forminator-custom-form[data-design=default] select.forminator-select2+.forminator-select .selection span[role=combobox].select2-selection--multiple .select2-selection__arrow [class*=forminator-icon-]:before, .forminator-ui.forminator-custom-form[data-design=default] select.forminator-select2+.forminator-select .selection span[role=combobox].select2-selection--single .select2-selection__arrow [class*=forminator-icon-]:before {
    color: var(--black) !important;
}

.forminator-select-dropdown-container--open .forminator-dropdown--default {
    background-color: var(--grey) !important;
    border: solid var(--black) 1px !important;
    padding: 0 !important;
    font-family: 'NeueHaas';
    text-transform: uppercase;
}

.forminator-select-dropdown-container--open .forminator-dropdown--default .select2-results .select2-results__options .select2-results__option.select2-results__option--selected, .forminator-select-dropdown-container--open .forminator-dropdown--default .select2-results .select2-results__options .select2-results__option.select2-results__option--selected span:not(.forminator-checkbox-box) {
    width: 100%;
    background-color: var(--black) !important;
    color: var(--white) !important;
}

.forminator-select.forminator-select-dropdown-container--open .forminator-select-dropdown .select2-results .select2-results__options, .forminator-select-dropdown-container--open .forminator-dropdown--default .select2-results .select2-results__options .select2-results__option:not(.select2-results__option--selected).select2-results__option--highlighted, .forminator-select-dropdown-container--open .forminator-dropdown--default .select2-results .select2-results__options .select2-results__option:not(.select2-results__option--selected).select2-results__option--highlighted span:not(.forminator-checkbox-box) {
    width: 100%;
}

.forminator-button-submit {
    border: none !important;
    background: transparent !important;
    padding: 0.5rem 1.3rem !important;
    -webkit-user-select: none !important;
       -moz-user-select: none !important;
        -ms-user-select: none !important;
            user-select: none !important;
    cursor: pointer;
    -webkit-transition: -webkit-transform 0.3s linear !important;
    transition: -webkit-transform 0.3s linear !important;
    -o-transition: transform 0.3s linear !important;
    transition: transform 0.3s linear !important;
    transition: transform 0.3s linear, -webkit-transform 0.3s linear !important;
}

.forminator-button-submit::after, .forminator-button-submit::before {
    content: " ";
    position: absolute;
    top: 0;
    height: 100%;
    width: 1rem;
    background-repeat: no-repeat;
    background-position: center;
}

.forminator-button-submit::after {
    left: 0;
    background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg id='Layer_1' data-name='Layer 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 56.74 162.68'%3E%3Cdefs%3E%3Cstyle%3E .cls-1 %7B fill: %231C1C1C; stroke-width: 0px; %7D %3C/style%3E%3C/defs%3E%3Cpath class='cls-1' d='M55.26,162.68C21.69,149.37,0,117.44,0,81.34S21.69,13.32,55.26,0l1.47,3.72C24.7,16.43,4,46.9,4,81.34s20.7,64.92,52.74,77.62l-1.47,3.72h-.01Z'/%3E%3C/svg%3E");
}

.forminator-button-submit::before {
    right: 0;
    background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg id='Layer_1' data-name='Layer 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 56.74 162.68'%3E%3Cdefs%3E%3Cstyle%3E .cls-1 %7B fill: %231C1C1C; stroke-width: 0px; %7D %3C/style%3E%3C/defs%3E%3Cpath class='cls-1' d='M1.48,0c33.57,13.31,55.26,45.24,55.26,81.34S35.05,149.36,1.48,162.68L.01,158.96c32.03-12.71,52.73-43.18,52.73-77.62S32.04,16.42,0,3.72L1.47,0h.01Z'/%3E%3C/svg%3E");
}

.forminator-row-last .forminator-field {
    text-align: center;
}

.forminator-ui.forminator-custom-form[data-design=default] .forminator-button:active, .forminator-ui.forminator-custom-form[data-design=default] .forminator-button:focus, .forminator-ui.forminator-custom-form[data-design=default] .forminator-button:hover {
    -webkit-box-shadow: none !important;
            box-shadow: none !important;
}

.forminator-ui.forminator-custom-form[data-design=default] .forminator-button {
    width: auto !important;
}

/* TEXT-FONT
------------------------------ */

.text-format p {
    padding-bottom: 1rem;
}

.text-format p:last-child {
    padding-bottom: 0;
}

.home .text-format p:last-child {
    font-size: 1rem;
}

.text-format a {
    font-family: 'NeueHaas', Arial;
}

.w-text {
    width: 66%;
}

.balance {
    text-wrap-style: balance;
}

.font-XS {
    font-size: 0.7rem;
    line-height: 1.25;
}

.font-S, .font-SXS, .slide-caption, .last-xifra-text p:last-child {
    font-size: 1rem;
    line-height: 1.25;
}

.font-M, .font-MS {
    font-size: 1.4rem;
    line-height: 1.15;
}

.font-L {
    font-size: 3.6rem;
    line-height: 1.1;
}

.font-XL, .font-XL_xifras {
    font-size: clamp(2.5rem, 6.00vw, 7rem);
    line-height: 1;
}

.font-XXL {
    font-size: 30vw;
}

.font-portal {
    font-size: 8vw;
}

/* MEDIA
------------------------------ */

/*BIG SCREEN*/
@media screen and (min-width: 1920px) {

    .w-text {
        width: 50%;
    }

    .font-XS {
        font-size: 0.85rem;
        line-height: 1.25;
    }

    .font-S, .font-SXS, .slide-caption {
        font-size: 1.1rem;
        line-height: 1.25;
    }

}

/*FIRST RESPONSIVE*/

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

    .parallax-wrapper {
        width: 20vw;
        height: 20vw;
    }

    .miniaturas-bar {
        -ms-grid-columns: (1fr)[3];
        grid-template-columns: repeat(3, 1fr);
    }

    .title-hoz {
        width: 50%;
    }

}

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

:root {
  --welem: 65vw;
}

    .w-text {
        width: 80%;
    }

    .page-item .between {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
    }

    .page-item .between h3 {
        text-align: left;
        padding-top: 0.25rem;
    }

    .credits-inner {
        padding-right: calc( var(--pad) * 3);
        padding-left: calc( var(--pad) * 3);
    }

    .hoz-item .hoz-images img {
        width: 20vw;
        height: 20vw;
    }

    .hoz-item .hoz-images img:nth-of-type(2) {
        top: 75%;
        left: 40%;
    }

    .scroll-hoz .hoz-wrapper:last-child .hoz-item .hoz-images img:nth-of-type(2) {
        top: 50%;
        left: 80%; 
    }

    .grid-sizer,
    .post-item {
      width: 50%;
    }


}

/*TOUCH START*/
@media screen and (max-width: 1024px) {

:root {
  --welem: 70vw;
}

    .mobile{
        display: block; 
    }

    .desktop {
        display: none;
    }

    .mobile-flex {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }

    .column-r-1024{
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
            -ms-flex-direction: column-reverse;
                flex-direction: column-reverse;
    }

    .w-text {
        width: 100%;
    }

    .credits-wrapper .w-text {
        width: 85%;
    }

    .blur-radial {
        -webkit-backdrop-filter: blur(10px);
                backdrop-filter: blur(10px);
        -webkit-mask-image: radial-gradient(circle, rgba(0, 0, 0, 1) 20%, rgba(0, 0, 0, 0) 100%);
        top: 0;
        left: 0;
        z-index: -1;
        background-color: rgba(28, 28, 28, 0.5);
    }

    .mouse-icon svg {
        height: 36px;
        fill: var(--white);
    }

    /* PORTAL */

    .grid-sizer,
    .post-item {
      width: 100%;
    }

    .header-portal {
        display: block;
    }

    .header-portal .entry-item:last-child .b-t {
        border-top: none;
    }

    .header-portal .w-50 {
        width: 100%;
    }

    .header-portal .pad-r-0 {
        padding-right: 0;
    }

    .header-portal .pad-l-0 {
        padding-left: 0;
    }

    .cross-btn span, .cross-btn span::after {
        width: 1.5rem;
    }

    .title-hoz {
        width: 80%;
    }

    /* INTRO */

    .header-intro {
        height: 87%;
    }

    header.open .menu {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
    }

    .parallax-wrapper {
        width: 25vw;
        height: 25vw;
    }

    .intro-item:nth-child(6) {
        left: 75%;
        top: 25%;
    }

    .intro-item:nth-child(1) {
        top: 5%;
    }

    .intro-item:nth-child(5) {
        top: 60%;
    }

    .home .text-format p:last-child a {
        border-bottom: solid var(--white) 1px;
    }

    /* CAPITULOS */

    .main-image {
        width: 60vw;
    }

    .element-gallery img {
        max-height: 40vw;
    }

    /* MENU */

    .blur {
        -webkit-filter: blur(0px);
                filter: blur(0px);
    }

    .page-list {
        -ms-grid-columns: minmax(0, 1fr) var(--pad) minmax(0, 1fr);
        grid-template-columns: repeat(2, minmax(0, 1fr));
        padding-top: calc( 4 * var(--pad) );
        gap: var(--pad) var(--pad);
    }

    .title-menu {
        display: none;
    }

    .page-item .between {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
            -ms-flex-direction: row;
                flex-direction: row;
    }

    .page-item .between h3 {
        text-align: right;
        padding-top: 0;
    }

    .credits-inner {
        padding-right: calc( var(--pad) * 2);
        padding-left: calc( var(--pad) * 2);
    }

    /* VIDEO CUSTOM */

    .info-video {
        bottom: 4rem;
    }

    .info-video .w-80 {
        width: 100%;
    }

    .close-player-btn {
        top: initial;
        bottom: 0;
        left: 50%;
        -webkit-transform: translateX(-50%);
            -ms-transform: translateX(-50%);
                transform: translateX(-50%);
        right: inherit;
        padding-top: 0;
        padding-right: 0;
        padding-bottom: var(--pad);
    }

    /* VIDEO PLAYER */

    .rotate-icon svg {
        -webkit-filter: var(--white);
                filter: var(--white);
        height: 3rem !important;
    }

    .rotate-icon {
        top: 12vh;
    }

    /* CAPITULO */

    .navigation-buttons .flex {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        height: 80%;
    }

    .navigation-buttons .w-33 {
        width: 100%;
    }

    .navigation-buttons .h-70 {
        height: 33%;
        /*margin-bottom: 2rem;*/
    }

    .navigation-buttons .flex {
        gap: 0;
    }

    /* GALERIA FIXA WRAPPER */

    .galeria-fixa-wrapper, .miniatures-wrapper {
        height: auto;
        padding-top: var(--sup);
        padding-bottom: var(--sup);
    }

    .galeria-fixa-wrapper{
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
            -ms-flex-direction: column-reverse;
                flex-direction: column-reverse;
    }

    .miniatures-wrapper {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
    }

    .galeria-fixa-wrapper .text-format, .miniatures-wrapper .text-format, .galeria-fixa-wrapper .preview-fixa, .miniatures-wrapper .preview-fixa {
        position: relative;
        height: auto;
        top: initial;
        left: initial;
        -webkit-transform: none;
            -ms-transform: none;
                transform: none;
        width: 100%;
    }

    .miniaturas-bar {
        position: relative;
        -ms-grid-columns: (1fr)[6];
        grid-template-columns: repeat(6, 1fr);
        padding-right: 0;
    }

    .miniaturas-bar img, .miniaturas-video img {
        width: 100%;
    }

    .miniaturas-video {
        position: relative;
        padding-right: 0;
        display: -ms-grid;
        display: grid;
        -ms-grid-columns: (1fr)[2];
        grid-template-columns: repeat(2, 1fr);
    }

    .miniatures-wrapper .preview-fixa {
        margin-top: calc(var(--pad) * 2);
    }

    .miniatures-wrapper .preview-fixa img {
        aspect-ratio: 16 / 9;
        -o-object-fit: cover;
           object-fit: cover;
        opacity: 1;
    }

    /* GALERIA HORIZONTAL */

    .hoz-item .hoz-images img {
        width: 25vw;
        height: 25vw;
    }

    .hoz-item .hoz-images img:nth-of-type(2) {
        top: 75%;
        left: 50%;
    }

    .gal-scroll-hoz .hoz-wrapper .hoz-text {
        width: 80%;
    }

    .hoz-wrapper .hoz-text {
        white-space: normal;
    }

    .scroll-hoz .hoz-wrapper {
        width: 120vw;
    }

    .title-hoz {
        /*z-index: 1 !important;*/
    }

    /* SWIPER */

    .swiper-button-next, .swiper-button-prev {
        width: 10% !important;
        width: 20% !important;
        height: 100% !important;
        top: 0 !important;
        -webkit-user-select: none;
           -moz-user-select: none;
            -ms-user-select: none;
                user-select: none;
    }

    .swiper-button-next svg, .swiper-button-prev svg {
        display: none;
    }

    /* XIFRA */

    .xifra-wrapper .flex {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        text-align: center;
        height: 70%;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
    }

    .xifra-wrapper .xifra-gran {
        position: relative;
        top: initial;
        left: initial;
        -webkit-transform: none;
            -ms-transform: none;
                transform: none;
        text-align: center;
    }

    .xifra-wrapper .font-L, .xifra-wrapper .font-S {
        width: 100% !important;
    }

    .xifra-wrapper .text-format {
        text-align: center;
    }

    .font-XXL {
        font-size: 60vw;
    }

    /* MODULO VERTICAL */

    .title-vert {
        width: 100%;
        position: relative;
        padding-bottom: calc( var(--sup) / 2 );
    }

    .element-gallery {
        height: auto;
    }

    .element-gallery .pad-b {
        padding-bottom: calc(var(--pad) / 2 );
    }

    .gal-scroll-vert .element-item:nth-of-type(2), .element-item .w-70.flex {
        width: 90%;
    }

    .element-item .w-70.flex .w-70 {
        width: 60%;
    }

    .element-item .w-70.flex .w-30 {
        width: 40%;
    }

    /* MÓDULO LINEA TEMPS */

    .temps-hoz .hoz-wrapper {
        width: 70vw;
    } 

    .temps-hoz .hoz-wrapper:nth-child(2) .temps-hoz-item {
        padding-left: 0;
    }

    .temps-hoz {
            -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    }

    header.open .menu-title {
        opacity: 1;
    }

    /* CAPTIONS */

    .custom-captions {
        bottom: 7rem; 
    }

    .pad-menu-m {
        padding-top: calc( var(--pad) * 3 );
    }


}

/*HOVER*/
@media screen and (min-width: 1024px) {
    
    a:hover, .link:hover span, .page-item .sub-sections a:hover span {
        border-bottom: solid var(--black) 1px;
    }

    .preview-fixa:hover .font .neue, .video-main:hover .neue .pad-l-0 {
        text-decoration: underline;
    } 

    .negre-bk a:hover, .close-player-btn:hover span {
        border-bottom: solid var(--white) 1px;
    }

    header.open a:hover, header.open .link:hover span {
        border-color: var(--black);
    }

    .links a:hover {
        border-bottom: solid var(--white) 1px;
    }

    .negre-bk .link:hover span {
        border-color: var(--white);
    }

    .links-black a:hover, .negre-bk .submenu-item a:hover {
        border-bottom: solid var(--white) 1px;
    }

    .crema-bk .submenu-item a:hover, .taronja-bk .submenu-item a:hover {
        color: rgba(28, 28, 28, 1);
    }

    .negre-bk .submenu-item a:hover {
        color: rgba(250, 249, 246, 1);
    }

    .page-item a:hover {
        border-bottom: none;
    }

    .page-item:hover img {
        -webkit-filter: blur(0px);
                filter: blur(0px);
    }

    .page-item:hover .sub-sections{
        opacity: 1;
        height: auto;
    }

    .navigation-buttons a:hover, .navigation-buttons .orange-bk:hover {
        -webkit-filter: blur(0px);
                filter: blur(0px);
        border-bottom: none;
    }

    .wpml-ls-legacy-list-horizontal a:hover  {
        border-bottom: none;
    }

    header .wpml-ls-legacy-list-horizontal a:hover span {
        border-bottom: solid var(--black) 1px;
    }

    .lang-select .wpml-ls-legacy-list-horizontal a:hover span {
        border-bottom: solid var(--white) 2px;
    }

    .select-lang .lang-btn:hover {
        background-color: var(--white);
        color: var(--black);
    }

    .start-btn:hover, .forminator-button-submit:hover {
        -webkit-transform: scale(0.9);
            -ms-transform: scale(0.9);
                transform: scale(0.9);
    }

    .filter-btn:hover {
        opacity: 1;
        text-decoration: none;
    }

}

/*MAIN RESPONSIVE*/
@media screen and (max-width: 820px) {

:root {
  --pad: 0.8rem;
  --welem: 75vw;
  --sup: 10vh;
}

/**** GENERAL ****/

    .w-50, .w-95, .w-80, .w-60, .w-40, .w-50 {
        width: 100%;
    }

    .column-m{
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
    }

    .column-m-r{
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
            -ms-flex-direction: column-reverse;
                flex-direction: column-reverse;
    }

    .row-m {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
            -ms-flex-direction: row;
                flex-direction: row;
    }

    .pad-b-1{
        padding-bottom: 2rem;
    }

    .pad-t-1{
        padding-top: 2rem;
    }

/* MENU */

    .credits-inner {
        padding-right: var(--pad);
        padding-left: var(--pad);
    }

    .actions svg, .video-custom-player svg {
        height: 1rem;
    }

    .subsection-menu {
        padding-left: 2.25rem;
    }

    .audio-btn.sound-off::after, .audio-btn-player.sound-off::after {
        height: 1px;
        width: 1.5rem;
        -webkit-transform: translateX(-1rem) translateY(-0.15rem) rotate(-40deg);
            -ms-transform: translateX(-1rem) translateY(-0.15rem) rotate(-40deg);
                transform: translateX(-1rem) translateY(-0.15rem) rotate(-40deg);
    }

    .subsection-menu {
        height: 36px;
    }

/* INTRO */

    .parallax-wrapper {
        width: 27vw;
        height: 27vw;
    }

    .intro-item:nth-child(1) { left: 55%; top: 30%; }
    .intro-item:nth-child(2) { left: 30%; top: 5%; }
    .intro-item:nth-child(3) { left: -1%; top: 15%; }
    .intro-item:nth-child(4) { left: 10%; top: 40%; }
    .intro-item:nth-child(5) { left: 55%; top: 50%; }
    .intro-item:nth-child(6) { left: 65%; top: 17%; }
    .intro-item:nth-child(7) { left: 5%; top: 55%; }

/* CAPITULOS */

    .main-image {
        width: 80vw;
    } 

    .element-gallery img {
        max-height: 50vw;
    }

/* SWIPER */

    #cerrar-swiper {
        left: initial;
        top: initial;
        right: 0;
        bottom: 0;
        padding-bottom: var(--pad);
        text-align: center;
    }

    .swiper img {
        width: calc(100vw - calc(var(--pad) * 2 ));
    }

/* SCROLL VERTICAL */

    .gal-scroll-vert .element-item:nth-of-type(2), .element-item .w-70.flex, .gal-scroll-vert .element-item {
        width: 100%;
    }

    .element-item .w-70.flex .w-70 {
        width: 60%;
    }

    .element-item .w-70.flex .w-30 {
        width: 40%;
    }

/* SCROLL HORIZONTAL */

    .hoz-item .hoz-images img {
        width: 40vw;
        height: 40vw;
    } 

    .gal-scroll-hoz .hoz-wrapper {
        height: 90%;
    }

    .temps-wrapper .hoz-wrapper {
        height: 85%;
    }

    .scroll-hoz {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        width: -webkit-max-content;
        width: -moz-max-content;
        width: max-content;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
    }
    .scroll-hoz .hoz-wrapper:nth-child(even) .hoz-text {
        top: 30%;
    }

    .title-hoz {
        width: 100%;
    }

/* LINEA TIEMPO */

    .temps-hoz .hoz-wrapper {
        width: 80vw;
    } 


/* TEXT */

    .font-MS {
        font-size: 1rem;
        line-height: 1.25;
    }

    .home .text-format p:last-child {
        font-size: 0.85rem;
    }

    .font-SXS, .last-xifra-text p:last-child {
        font-size: 0.7rem;
    }

    .font-L {
        font-size: 2.5rem;
    }

    .font-XL_xifras {
        font-size: 16vw;
    }

}

/*FINAL RESPONSIVE*/
@media screen and (max-width: 600px) {

:root {
  --pad: 0.5rem;
  --welem: 85vw;
}

    /* MENU */

    .footer-menu .between {
        -webkit-box-align: end;
            -ms-flex-align: end;
                align-items: flex-end;
    }

    .footer-menu .between .absolute {
        left: 0;
        -webkit-transform: none;
            -ms-transform: none;
                transform: none;
        top: 0;
    }

    .footer-menu .pad-menu {
        padding-top: calc( var(--pad) * 1.5 );
    }

    .logo-menu svg, .logo-header svg {
        height: 24px;
    }

    /* INTRO */

    .parallax-wrapper {
        width: 35vw;
        height: 35vw;
    }

    .select-lang .lang-btn {
        padding: 0.5rem 0.8rem;
    }

    /* GALERIA VERTICAL */

    .title-vert {
        padding-bottom: var(--sup);
    }

    .element-item .w-70.flex .w-30 {
        width: 100%;
    }

    .gal-scroll-vert .element-item:nth-of-type(2) .flex, .element-item .w-70.flex {
        -webkit-box-orient: vertical !important;
        -webkit-box-direction: normal !important;
            -ms-flex-direction: column !important;
                flex-direction: column !important;
    }

    .gal-scroll-vert .element-text {
        padding-left: 0 !important;
        padding-right: 0;
        padding-top: calc(var(--pad) * 2 );
    }

    .gal-scroll-vert .element-item:nth-of-type(2) .reves {
        top: calc( -1 * var(--pad));
            bottom: initial;
    }

    .element-gallery img {
        max-height: 60vw;
    }

    .gal-scroll-vert .element-item:nth-of-type(odd) .flex {
        -webkit-box-align: end;
            -ms-flex-align: end;
                align-items: flex-end;
    }

    /* SWIPER */

    .swiper img {
        height: 60vh;
    }

    /* LINEA TIEMPO */

    .temps-hoz .hoz-wrapper {
        width: 90vw;
    } 

    /* TEXT */

    .font-L {
        font-size: 2.3rem;
    }

}