:root {
  --pad: 24px;
  --gut: 16px;
  --white: #F5F7F8;
  --black: #060709;
  --cubic: cubic-bezier(0.250, 0.460, 0.450, 0.940);
}

/* 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: 'Neue-M';
    src: url('../font/NeueHaasDisplay-Mediu.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

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

body, html{
    color: var(--white);
    height: 100%;
    background: var(--black);
    font-family: 'Neue-M', Arial;
    line-height: 1;
}

html{
    -ms-overflow-style: none;
    scrollbar-width: none;
}

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


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

.fixed {
    position: fixed;
}

.absolute {
    position: absolute;
}

.relative {
    position: relative;
}

.bottom {
    bottom: 0;
}

.left {
    left: 0;
}

.right{
    right: 0;
}

.top{
    top: 0;
}

.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(2 * var(--pad));
}

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

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

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

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

.mag-auto{
    margin: 0 auto;
}

.block{
    display: block;
}

.w-100 {
    width: 100%;
}

.h-30 {
    height: 30%;
}

.h-40 { 
    height: 40%;
}

.h-50 {
    height: 50%;
}

.h-80 {
    height: 80%;
}

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

.h-100{
    height: 100%;
}

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

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

.max-100-vh {
    max-height: 100dvh;
}

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;
}

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

.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 {
    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;
}

.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;
    -webkit-transition: opacity 0.1s linear;
    transition: opacity 0.1s linear;
}

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

.op{
    opacity: 1;
-webkit-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
}

.nw{
    white-space: nowrap;
}

.b {
    border: solid black 2px;
}

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

.fit {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
}

.white-bk {
    background: white;
}

.white{
    color: white;
}

.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);
}

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

.gap-1 {
    gap: 1rem;
}

.gap-0 {
    gap: var(--pdd0);
}

.grey-btn, .blue-btn {
    padding: 3px 6px;
}

.mobile {
    display: none;
}

.circle {
    background: var(--blue);
    border-radius: 50%;
    aspect-ratio: 1 / 1;
    width: 16.6666666%;
}

.balance {
    text-wrap: balance;
}

@-webkit-keyframes fadeIn {
    0% {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

@keyframes fadeIn {
    0% {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

.fadein {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn;
    -webkit-animation-duration: 0.8s;
    animation-duration: 0.8s;
    -webkit-animation-duration: 0.8s;
    animation-duration: 0.8s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

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

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

body.light .logo-menu svg {
    fill: var(--black);
}

body.light .burger::before, body.light .burger::after {
    background-color: var(--black);
}

body.light .burger {
    background: linear-gradient(var(--black), var(--black)) top / 100% 2px no-repeat, linear-gradient(var(--black), var(--black)) center / 100% 2px no-repeat, linear-gradient(var(--black), var(--black)) bottom / 100% 2px no-repeat;
}

body.light .menu-overlay {
    background: rgba(255, 255, 255, 0.85);
}

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

.logo-menu svg {
    fill: white;
}

.logo-menu svg {
    width: 62px;
    height: auto;
}

.menu-overlay .menu {
    flex-direction: column;
}

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

.menu-overlay {
    background: rgba(0, 0, 0, 0.85);
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transition: opacity 0.5s var(--cubic), visibility 0.5s var(--cubic);
}

.menu-overlay.open {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
}

.menu-overlay .menu > li {
    perspective: 800px;
    overflow: hidden;
}

.burger {
    width: 40px;
    height: 22px;
    display: inline-block;
    position: relative;
    background:
        linear-gradient(var(--white), var(--white)) top / 100% 2px no-repeat,
        linear-gradient(var(--white), var(--white)) center / 100% 2px no-repeat,
        linear-gradient(var(--white), var(--white)) bottom / 100% 2px no-repeat;
    transition: background 0.2s ease;
}

.burger::before,
.burger::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    height: 2px;
    background-color: var(--white);
    opacity: 0;
    transform: translateY(-50%) rotate(0deg);
    transition:
        transform 0.5s var(--cubic),
        opacity 0s 0.5s;
}

header.open .burger {
    background: none;
}

header.open .burger::before {
    opacity: 1;
    transform: translateY(-50%) rotate(45deg);
    transition:
        transform 0.5s var(--cubic),
        opacity 0.8s;
}

header.open .burger::after {
    opacity: 1;
    transform: translateY(-50%) rotate(-45deg);
    transition:
        transform 0.5s var(--cubic),
        opacity 0.8s;
}

#burger-btn {
    cursor: pointer;
    user-select: none;
}

.lang-nav li {
    border-radius: 2rem;
    display: flex;
    justify-content: center;
    align-items: center;
}

.lang-nav {
    width: fit-content;
    gap: var(--pad);
    line-height: 1;
    padding-top: calc(var(--pad) / 3);
}

.current-lang {
    padding: 0.4rem 1rem 0.2rem;
    border: solid var(--white) 1px;
}

body.light .current-lang {
    border-color: var(--black);
}

/* ---------------------------
            INICIO
------------------------------ */

.video-bg {
    position: fixed;
    inset: 0;
    width: 100vw;
    height: 100dvh;
    overflow: hidden;
    border-radius: 0;
    transition: border-radius 0.5s var(--cubic);
}

.video-bg iframe {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100vw;
    height: 56.25vw;
    min-width: 177.7778dvh;
    min-height: 100dvh;
    transform: translate(-50%, -50%);
    border: 0;
}

body.home.border-active, body.single-post.border-active {
    background: var(--white);
}

body.border-active .video-bg {
    border-radius: 4rem;
    transition: border-radius 0.5s var(--cubic);
}

header, footer, .menu-overlay {
    opacity: 1;
    transition: opacity 0.5s var(--cubic);
}

body.border-active header, body.border-active footer, body.border-active .menu-overlay {
    opacity: 0 !important;
    transition: opacity 0.5s var(--cubic);
    pointer-events: none;
}

iframe {
    pointer-events: none !important;
}

/* ---------------------------
            PROYECTOS
------------------------------ */

main {
    transition: background-color 0.35s var(--cubic);
}

.projects-wrapper {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: var(--gut);
    margin-left: 50%;
    width: 50%;
}

.project-video {
    position: relative;
    aspect-ratio: 16 / 9;
    overflow: hidden;
    display: block;
}

.project-video iframe {
    position: absolute;
    inset: -1px;
    width: calc(100% + 2px);
    height: calc(100% + 2px);
    border: 0;
    border-radius: 0;
    transition: border-radius 0.35s var(--cubic);
}

.cat-wrapper {
    position: fixed;
}

.project-info-productora {
    max-width: 300px;
}

.inactive {
    opacity: 0.4;
    pointer-events: none;
}

.project-category.active span {
    opacity: 0.6;
}

.project-category.active {
    position: relative;
    width: fit-content;
}

.project-category.active::before, .project-category.active::after {
    content: "";
    position: absolute;
    top: 50%;
    right: -3.5rem;
    width: 3rem;
    height: 2px;
    background-color: var(--black);
    opacity: 1;
}

.project-category.active::before {
    transform: translateY(-50%) rotate(45deg);
}

.project-category.active::after {
    transform: translateY(-50%) rotate(-45deg);
}

/* ---------------------------
         PROYECTO
------------------------------ */

.overlay-single {
    background-color: rgba(0, 0, 0, 0.5);
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
}

.info-single, .overlay-single, .arrow-single {
    opacity: 1;
}

body.border-active .info-single, body.border-active .overlay-single, body.border-active .arrow-single {
    opacity: 0;
    transition: opacity 0.5s var(--cubic);
    pointer-events: none;
}

body.border-active header {
    pointer-events: none;
}

.arrow-single svg {
    fill: var(--white);
    height: 50px;
    width: auto;
}

.title-single {
    max-width: 80vw;
}

.arrow-single {
    width: 50px;
    height: 2px;
    background: #fff;
    bottom: var(--pad);
    cursor: pointer;
    right: var(--pad);
    transform: translateY(calc(-1 * var(--pad)));
}

.arrow-single::before {
    content: "";
    position: absolute;
    width: 28px;
    height: 28px;
    left: 3px;
    top: 50%;
    border-left: 2px solid #fff;
    border-bottom: 2px solid #fff;
    box-sizing: border-box;
    transform: translateY(-50%) rotate(45deg);
}

.arrow-single::after {
    content: none;
}

.trailer-btn {
    border: solid var(--white) 1px;
    padding: 0.2rem 1rem;
    border-radius: 2rem;
    width: fit-content;
}

/* ---------------------------
            ENCUADRE
------------------------------ */

.encuadre-wrapper div {
    flex: 0 0 calc(100% / 6);
}

.encuadre-bk {
    pointer-events: none;
}

.encuadre-bk img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    opacity: 0;
    transition: opacity 0.3s linear;
}

.footer-encuadre {
    transition: opacity 0.3s linear;
}

strong em {
    text-decoration: underline;
    cursor: pointer;
}

.encuadre-anim-w {
    left: 66.66%;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
}

.encuadre-anim {
    width: 128px;
    height: 128px;
}

.corner {
    width: 64px;
    height: 64px;
    background: var(--white);
}

.corner::after {
    content: "";
    position: absolute;
      width: 129px;
    height: 129px;
    border-radius: 50%;
    background: var(--black);
}

.top-left::after {
    right: -64.5px;
    bottom: -64.5px;
}

.top-right::after {
    left: -64.5px;
    bottom: -64.5px;
}

.bottom-left::after {
    right: -64.5px;
    top: -64.5px;
}

.bottom-right::after {
    left: -64.5px;
    top: -64.5px;
}
/* ---------------------------
            CONTACTO
------------------------------ */

.logo-full svg {
    width: auto;
    height: 15vh;
    fill: white;
}

/* ---------------------------
            FOOTER
------------------------------ */

footer .menu {
    flex-direction: column;
    gap: 4px;
}

.menu-footer div {
    flex: 0 0 calc(100% / 12);
}

.pad-extra {
    padding-bottom: 223px;
}

.footer-bk {
    content: "";
    width: 100%;
    height: 160%;
    -webkit-mask: linear-gradient(to top, rgba(0, 0, 0, 1) 50%, rgba(0, 0, 0, 0) 100%);
    background: black;
    position: absolute;
    bottom: 0;
    left: 0;
}

/* ---------------------------
            LEGAL
------------------------------ */

.legal-w {
    width: 66%;
    column-count: 2;
    gap: calc(2 * var(--pad));
}

.legal-w h5, .legal-w p, .legal-w table, .legal-w ul {
    margin-bottom: var(--pad);
}

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

.legal-w ul {
  margin: 1em 0;
  padding-left: 2em;
}

.legal-w ul li {
  list-style-type: disc;
  margin-bottom: 0.5em;
}

.legal-w ul li::marker {
  color: #fff;
}

.legal-w a {
    text-decoration: underline;
}

table {
  width: 100%;
  border-collapse: collapse;
  border: 1px solid #fff;
}

th,
td {
  padding: 10px;
  border: 1px solid #fff;
}


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

.font-S {
    font-size: 13px;
    letter-spacing: -0.00005;
    line-height: 1.25;
}

.font-M {
    font-size: clamp(44.1px, calc(34.177982px + 2.834862vw), 75px);
    letter-spacing: -0.03;
    line-height: 1.05;
}

.font-MS{
    font-size: clamp(29px, calc(14.229358px + 4.220183vw), 75px);
    letter-spacing: -0.03;
    line-height: 1.05;
}

.line-1 {
    line-height: 1;
}

.content-w p {
    padding-bottom: var(--pad);
}

.content-w p:last-child {
    padding-bottom: 0;
}

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

    .encuadre-wrapper div {
        flex: 0 0 calc(100% / 4);
    }

    .pad-menu {
        padding-top: calc(var(--pad) * 2 + 62px);
    }

}


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

    .desktop {
        display: none;
    }

    .page-template-proyectos footer, .page-template-contacto footer, .page-template-encuadre footer {
        position: relative;
    }

    .menu-footer div {
        flex: 1;
    }

    footer .menu {
        gap: 2px;
    }

    .encuadre-wrapper div {
        flex: 0 0 calc(100% / 3);
    }

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

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

    .cat-wrapper {
        position: relative;
    }

    .projects-wrapper {
        margin-left: 0;
        padding-top: calc(2 * var(--pad)) !important;
        width: 100%;
    }

    .legal-w {
        width: 80%;
        column-count: 1;
    }


}

@media screen and (max-height: 850px) {

    .project-info-plataforma, .project-info-formato, .project-info-ano {
        display: none;
    }

}


/* HOVER */
@media screen and (min-width: 1024px) {

    .project-category, .menu a, .lang-item {
        opacity: 1;
        transition: opacity 0.3s linear;
    }

    .project-category:hover, .menu a:hover, .lang-item:hover {
        opacity: 0.6;
        cursor: pointer;
        transition: opacity 0.3s linear;
    }

    .project-video:hover iframe {
        border-radius: 2rem;
    }

    .project-video:hover {
        background: var(--white);
    }

}

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

:root {
    --pad: 16px;
}
    .project-info {
        display: none;
    }

    .encuadre-anim-w {
        position: relative;
        top: inherit;
        left: inherit;
        transform: none;
        margin-top: calc(var(--pad) * 2);
        margin-bottom: calc(var(--pad) * 2);
    }

    .encuadre-wrapper div {
        flex: 1 1 0;
    }

    .page-template-encuadre .encuadre-wrapper {
        flex-direction: column;
    }

    .logo-menu svg {
        width: 54px;
    }

    .arrow-single {
        top: calc(var(--pad) * 3 + 54px);
        padding-top: 0;
    }

    .arrow-single svg {
        height: 25px;
    }

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

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

    .footer-bk {
        display: none;
    }

    .projects-wrapper {
        grid-template-columns: repeat(1, minmax(0, 1fr));
    }

    .project-category.active::before, .project-category.active::after {
        right: -2.2rem;
        width: 1.7rem;
    }

    .arrow-single {
        top: calc(var(--pad) * 4 + 54px);
    }

      .arrow-single {
        width: 27px;
        height: 2px;
        background: #fff;
      }

      .arrow-single::before {
        content: "";
        position: absolute;
        width: 14px;
        height: 14px;
        left: 1px;
        top: 50%;
        border-left: 2px solid #fff;
        border-bottom: 2px solid #fff;
        box-sizing: border-box;
        transform: translateY(-50%) rotate(45deg);
      }

      .arrow-single::after {
        content: none;
      }

    .lang-nav li {
        border-radius: 1.5rem;
    }

    .current-lang {
        padding: 0.2rem 0.8rem;
    }


    .legal-w {
        width: 100%;
    }   

    .font-S {
        font-size: 12px;
    }

    .footer-encuadre {
        position: relative;
    }


}

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

    .single .encuadre-wrapper {
        flex-direction: column;
    }



}