/*!
Theme Name: APN
Theme URI: https://apn.works
Author: APN
Author URI: https://apn.works
Version: 1.0.0
*/
html{-webkit-text-size-adjust: 100%; height: 100%; margin-top: 0!important; background: #fff; scroll-behavior: smooth;overscroll-behavior: none;}
body{font-family: 'ABCROM-Bold'; letter-spacing:-0.03em; height: 100%; font-size: 25px; margin: 0; line-height: 1; transition: opacity .3s ease, color .3s ease; font-weight: 400; overflow-x: hidden;}
body.fade-out{opacity: 0;}
body.white{color: #fff;}
* {-webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}
h1, h2, h3, h4, h5, h6{font-family: inherit; margin:0; font-weight: 400; font-size: inherit;}
h1 {letter-spacing: -0.05em;line-height: 0.8;}
h6 {font-size: 14px;}
p{margin: 0;}
a {background-color: transparent; color: inherit; text-decoration: none;}
input{border: 0; padding: 0; font-family: 'ABCROM-Bold'; font-size: 25px;}
ul,ol, li{list-style: none;}
.white-color input:-internal-autofill-selected {color: white!important;}
.white-color input:-webkit-autofill {-webkit-text-fill-color: white!important;}
.white-color input:-webkit-autofill, .white-color input:-webkit-autofill:hover, .white-color input:-webkit-autofill:focus, .white-color input:-webkit-autofill:active{color: white;}
:focus {outline: -webkit-focus-ring-color auto 0px;}
[type="checkbox"], [type="radio"] {box-sizing: border-box; padding: 0;}
[type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button {height: auto;}
[type="search"] {-webkit-appearance: textfield; outline-offset: -2px;}
[type="search"]::-webkit-search-decoration{-webkit-appearance: none;}
::-webkit-scrollbar{display: none; -webkit-appearance: none; width: 0!important;}
*:focus {outline: none;}
*::-moz-selection {background: transparent; color: lightgrey;}
*::selection {background: transparent; color: lightgrey;}
.uppercase{text-transform: uppercase;}
.serif{font-family: Times, serif;}
.bold{font-weight: bold;}
.italic{font-style: italic;}

a:hover {
    color: grey!important;
}

/*POP-UP DESKTOP MENU*/
.fullsize-menu-desktop {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    background-color: #000;
    color: #fff;
    width: 100vw;
    height: 100%;
    z-index: 999999999999;
    padding: 15px;
    overflow: scroll;
    box-sizing: border-box;
}
.fullsize-menu-desktop.active {
    display: block;
}
.menu-bar-mobile {
    display: none;
}

.home-logo {
    cursor: pointer;
}
.row {
    display: flex;
    flex-direction: column;
    gap: 15px;
}
.menu-top-bar {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    margin-bottom: 50px;
    font-size: 13.5px;
}

.menu-top-bar .lfdt-menu-quote, .menu-top-bar  .close {
    width: 113px;
}
.menu-top-bar .close {
    text-transform: uppercase;
    cursor: pointer;
    text-align: right;
}
.home-link-full {
    font-size: 13.5px;
    padding-bottom: 15px;
}
.full-menu-nav {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    row-gap: 25px;
    column-gap: 25px;
}
.menu-column-full {
    padding: 0;
    margin: 0;
}
.fullsize-menu-desktop .languages-container {
    flex-direction: row!important;
    gap: 20px;
}
.menu-column-full li:first-child {
    font-size: 13.5px;
    text-transform: none!important;  
    padding-bottom: 15px;
}
.heading-full-menu, .full-menu-nav {
    margin-bottom: 25px;
}
#footer-menu {
    border-top: 1px solid #fff;
}
#footer-menu .footer-links, #footer-menu  .logo-footer , #footer-menu .year {
    padding-right: 0;
    padding-left: 0;
    margin-right: 0;
    margin-left: 0;
}
#footer-menu .footer-links {
    margin-top: 0;
}
#newsletter-inputs-container input:is(:-webkit-autofill, :autofill) {
    color: #fff !important;  
    background: #000;
}
#newsletter-inputs-container input:-webkit-autofill,
#newsletter-inputs-container input:-webkit-autofill:hover, 
#newsletter-inputs-container input:-webkit-autofill:focus{
  -webkit-text-fill-color: white;
  -webkit-box-shadow: 0 0 0px 1000px #000 inset;
  transition: background-color 5000s ease-in-out 0s;
}
.newsletter-email-field::placeholder {
    color: #fff !important;   
}
.newsletter-email-field {
    background: #000;
    color: #fff !important;
    border-bottom: 1px solid #fff;
    text-underline-offset: 6px;
    width: 100%;
}
#newsletter-submit {
    color: #fff;
    background: #000;
    font-size: 16px;
    margin-bottom: 15px;
    cursor: pointer;
}
#newsletter-inputs-container {
    display: flex;
    flex-direction: column;
    align-items: self-start;
    row-gap: 5px;
}
/*FOOTER*/
#footer {
    background-color: #000;
    color: #fff;
    width: 100vw;
}
.footer-links {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    padding: 15px;
    width: calc(100vw - 30px);
    column-gap: 15px;
    row-gap: 15px;
}
.footer-link-title {
    font-size: 16px;
    padding-bottom: 15px;
}
.year {
    font-size: 12px;
    padding-left: 15px;
}
.logo-footer {
    width: calc(100vw - 30px);
    padding: 15px;
}
.donate-menu {
    padding: 5px 12px 5px 12px;
    background-color: #fff;
    color: #000;
    width: fit-content;
    margin-top: 10px;
}
.donate-menu:hover {
    background-color: #fff14e;
}
.current-lang {
    opacity: .4;
}
.languages-container li:last-child {
    order:1;
}
.languages-container li:first-child {
    order: 2;
}
.fullsize-menu-desktop .home-link-full {
    text-transform: uppercase;
    text-align: center;
    font-size: 25px;
    width: 100%;
    text-align: center;
    display: block;
}
.top-menu-info {
    width: 100%;
    position: relative;
    padding-bottom: 30px;
}

.fullsize-menu-desktop.active .home-logo.active svg{
    fill: #FFF;
}



.languages-container {
    padding-right: 0!important;
    padding-top: 0!important;
    padding-bottom: 0!important;
    padding-left: 0;
    text-transform: uppercase;
    font-size: 13.5px;
    display: flex;
    flex-direction: column;
    gap: 5px;
}
#primary {
    padding-top: 52px;
}

#nav:hover {
    transform: translateY(0);
}

.home-logo {
    position: relative;
    width: 70px;
}
.home-logo svg {
    fill: #FFF;
}
#nav{
    position: fixed;
    z-index: 10;
    top: 0;
    left: 0;
    width: 100%;
    box-sizing: border-box;
    transform: translateY(0);
    text-transform: uppercase;
    transition: all .3s ease;
    font-size: 14px;
    mix-blend-mode: difference;
    color: #fff;
}


body.no-menu-back .background-color {
    background: transparent;
}

body.no-menu-back #nav-trigger .dot{
    background: #000;
}

body.no-menu-back #nav-trigger{
    mix-blend-mode: normal;
    transition: none;
}

#nav-trigger .dot{
    transition: none;
}

#nav.hide{
    transform: translateY(-100%);
}
#nav-trigger{
    position: fixed;
    top: 0;
    left: 0;
    padding: 15px 15px 0;
    width: 100%;
    box-sizing: border-box;
    z-index: 100000000000000000;
    background-color: transparent;
    mix-blend-mode: difference;
}
.menu-item a[href="#"]{
    opacity: 0;
    pointer-events: none;
}
#nav-grid{
    display: grid;
    grid-template-columns: 1fr 1fr 2fr 1fr 1fr max-content;
    width: 100vw;
    box-sizing: border-box;
    padding: 15px;
    z-index: 9999999999999999999999;
}
.home-logo {
    position: absolute;
    top: 15px;
    left: 50%;
    transform: translateX(-50%);
}

#nav-grid ul{
    margin: 0;
    padding: 0;
    list-style: none;
}
#nav-grid ul#menu-lfdt{
    padding: 0 ;
}

.menu-column li:not(:first-child){
    display: none;
}
/*#background-dots{
    position: fixed;
    z-index: -1;
    height: calc(100vh - 30px);
    width: 100%;
    box-sizing: border-box;
    padding: 15px;
    display: flex;
    justify-content: space-between;
    flex-direction: column;
}
.dot-line{
    display: grid;
    grid-template-columns: 277fr 234fr 673fr 692fr;
    pointer-events: none;
}
.dot{
    width: 2.259vw;
    height: 2.513vw;
    display: inline-block;
    margin: 0 0 0 auto;
    background: #fff;
    z-index: 9999999999999999;
}

#background-dots .dot {
    background: #000!important;
}

#background-dots-grey-true .dot-grey {
    background: grey!important; 
    opacity: 0.5!important;
    width: 2.259vw;
    height: 2.513vw;
    display: inline-block;
    margin: 0 0 0 auto;
    z-index: 9999999999999999;
}
#background-dots-grey-true {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 9999;
    height: 100%;
    width: 100%;
    box-sizing: border-box;
    padding: 15px;
    display: flex;
    justify-content: space-between;
    flex-direction: column;
}*/

h1 {
    font-size: 9vw ;
}
h2 {
    font-size: 6vw ;
}
h3 {
    font-size: 40px ;  
}
h4 {
    font-size: 32px ;  
}

/* MODULE - TEXT */

.module-text {
    padding: 15px;
}
.module-text.text-mobile-active\; {
    padding: 30px 15px 15px ;
}

/* MODULE - IMAGE + TEXT */
.text-container-donate {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.donate-button:hover {
    background-color: #fff14e!important;
}
.donate-button {
    padding: 5px 12px 5px 12px;
}

.donate-button-container {
    padding: 20px 0 10px 0;
}

.module-image-text {
    width: 100vw;
    display: grid;
    grid-template-columns: 1fr 1fr;
}

.project-media {
    width: 100%;
    height: 100%;
    object-fit: cover;
    top: 0;
    left: 0;
}

.image-text-text-title , .image-text-text-body-text  {
    padding: 20px 15px;
}

.image-text-text-body-text {
    display: flex;
    flex-direction: column;
    justify-content: space-between; 
}

.image-text-text {
    position: relative;
    display: grid;
    grid-template-rows: auto 1fr;
}

.module-image-text.textalign-end .image-text-text {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
} 

.module-image-text.align-right .image-text-file{
    grid-column: 2;
}

.module-image-text.align-right .image-text-text {
    grid-column: 1;
    grid-row: 1;
}

.module-image-text.title-big .image-text-text-title {
    font-size: 9vw;
    line-height: 0.8;
}

.module-image-text.title-medium .image-text-text-title {
    font-size: 6.5vw;
    line-height: 0.8;
}

.module-image-text.title-small .image-text-text-title {
    font-size: 25px;
}

.module-image-text.typo-bold .image-text-text-title {
    font-family: 'ABCROM-Bold';
}

.module-image-text.typo-condensed .image-text-text-title {
    font-family: 'ABCROM-Condensed-Heavy';
}

.module-text.typo-bold {
    font-family: 'ABCROM-Bold';
}

.module-text.typo-condensed {
    font-family: 'ABCROM-Condensed-Heavy';
}

.module-title-grid-big-title {
font-family: 'ABCROM-Condensed-Heavy';
}


/* POP UP */

.pop-up {
    width: 100vw;
    height: 100vh;
    background-color: #000;
    color: #fff;
    z-index: 100000000;
    position: fixed;
    top: 0;
    left: 0;
    display: none;
    padding: 15px;
    box-sizing: border-box;
    overflow-y: scroll;
}

#pop-up-content {
    overflow: scroll;
    padding: 15px;
    position: relative;
}

.pop-up .artist-close {
    z-index: 999999999999999999999999999999;
    cursor: pointer;
    font-size: 14px;
    text-transform: uppercase;
}
.pop-up .artist-pronoun {
    font-size: 14px;
}
.pop-up .project-selector-pop-up-each ul {
    padding: 0!important;
    margin: 0!important;
}
.project-title-pop-up {
    padding-bottom: 15px;
    font-size: 14px;
}

.pop-up .artist-image img {
    max-width: 30vw;
}
.pop-up .bottom-info-artist {
    display: grid;
    grid-template-columns: 1fr 1fr;
    padding-top: 15px;
}
.artist-bio {
    padding-top: 100px;
}
.project-selector-pop-up {
    display: flex;
    justify-content: end;
    flex-direction: column;
    gap: 30px;
}

.top-info {
    display: grid;
    grid-template-columns: repeat(3,1fr);
    box-sizing: border-box;
    gap: 15px;
    padding-bottom: 100px;
}

.artist-occupation {
    text-align: center;
}
.pop-up  .artist-close {
    text-align: right;
}
.pop-up .center-info {
    display: grid;
    grid-template-columns: 1fr 2fr;
}


/* MODULE - LOGOS */

.module-logos .project-media {
    object-fit: contain!important;
}
.module-logos-background {
    width: 100vw;
    height: 100dvh;
    object-fit: contain;
    z-index: 1;
}

.module-logos {
    width: 100vw;
    background-color: #fff;
    height: 100vh;
  }

  .module-logos .img-container {
    height: 50vw;
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    top: 50%;
    left: 50%;
     transform: translate(-50%, -50%);
  }

  .module-logos .img-container.active {
    opacity: 1;
  }

/* MODULE - IMAGE GRID */

.module-image-grid-container{
    width: 100vw;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    color: #fff;
    padding: 0;
    margin: 0;
}

.image-grid-content{
    position: relative;
    cursor: pointer;
}

.module-image-grid-file{
    line-height: 0;
    width: 100%;
    height: 100%;
}

.module-image-grid-file .img-container {
    height: 100%;
}



.module-image-grid-title {
    position: absolute;
    height: calc(100% - 30px)!important;
    width: calc(100% - 30px)!important;
    padding: 15px;
    display: flex!important;
    flex-direction: column!important;
    justify-content: space-between!important;
    opacity: 0;
}

.learn-more {
    flex: 1;
}

.learn-more {
    text-decoration: underline;
}

.image-grid-content:hover .module-image-grid-title{
    opacity: 1;
}
    

.image-grid-content:hover .module-image-grid-file{
    opacity: 0;
}

.image-grid-content:nth-child(8n + 2),
.image-grid-content:nth-child(8n + 4),
.image-grid-content:nth-child(8n + 5),
.image-grid-content:nth-child(8n + 7)  {
    background-color: #dfdfdf;
    color:#000;
    height: 25vw;
}
.image-grid-content:nth-child(8n + 1),
.image-grid-content:nth-child(8n + 3),
.image-grid-content:nth-child(8n + 6),
.image-grid-content:nth-child(8n + 8) {
    background-color: #000;
    color: #fff;
    height: 25vw;
}


/* MARQUEE */

.marquee3k{
    overflow: hidden;
    width: 100%;
}
.marquee3k__copy{
      padding-right: 300px;
      box-sizing: border-box;
}
.module-marquee{
    padding:5px 0;
}


/* TRANSPARENT */



.module-transparent {
    padding: 15px 15px 15px 15px;
    position: relative;
}

.module-transparent.alignment-right .project-media{
    width: 50%;
    display: block;
    margin: 0 0 0 auto;
}

.module-transparent.alignment-left .project-media{
    width: 50%;
    display: block;

}

.module-transparent.alignment-center .interior-transparent-file {
    width: 60%;
    display: block;
    margin: 15vw auto;
}

.module-transparent.alignment-centernomargin img {
    width: 60%;
    display: block;
    margin: 0 auto 0 auto;
    padding: 50px 0 0 0;
}
/* LINKS */

.module-links-grid-title{
    border-bottom: 0.5px solid #000;
    padding-bottom: 5px;
}

.module-links-grid {
    padding: 15px 15px 0px 15px;
    background-color: #DFDFDF;
    color: #000;
}

.module-links-grid  a{
    margin-right: 50px;
}
.module-links-grid-container {
    padding: 20px 0 20px 0;
}
.module-links-grid-container a{
    text-decoration: underline;
} 

.module-links-grid-title .line {
    background-color: #000;
}

/* IMAGES */

.module-images {
    display: flex;
}

.img-container{
    flex: 1;
    width: 100%;
}

/* TEXT GRID */

.module-text-grid {
    padding: 15px 15px 15px 15px;
} 
.module-text-grid.four .text-grid-blocks-container-repeater {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    row-gap: 35px;
    column-gap: 35px;
}
.module-text-grid.one .text-grid-blocks-container-repeater{
    display: grid;
    grid-template-columns: 1fr;
    row-gap: 35px;
    column-gap: 35px;
}

.text-grid-blocks-subtitle , .text-grid-blocks-repeater-title {
    font-size: 14px;
}

.text-grid-blocks-container-repeater {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    row-gap: 35px;
    column-gap: 35px;
    padding-bottom: 15px;
    padding-top: 15px;
}
.text-grid-blocks-repeater-title {
    padding-bottom: 5px;
}
.text-grid-subheading {
    display: flex;
    justify-content: space-between;
    width: 100%;
    font-size: 14px;
}

.text-grid-blocks-container {
    padding-top: 5px;
    margin-top: 5px;
}

.text-grid-blocks-subtitle {
    padding-bottom: 15px;
}

.text-grid-subtext {
    font-size: 14px;
}

/* BANNER */
.banner-info, .banner-info-hover {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    padding: 15px;
    box-sizing: border-box;
    align-items: center;
    height: 100%;
}
.banner-info-hover {
    position: absolute;
    top: 0;
    left: 0;
    width: 100vw;
    opacity: 0;
    height: auto;
    align-items: center;
}
.banner-info-text:nth-child(2) , .banner-info-text-hover:nth-child(2) {
    text-align: center;
}
.banner-info-text:nth-child(3) , .banner-info-text-hover:nth-child(3) {
    text-align: right;
}
.banner-container:hover  .banner-info-hover {
    opacity: 1;
}
.banner-container {
    display: grid;
    grid-template-rows: auto; /* Ajusta la altura de las filas al contenido */
    width: 100vw;
    position: relative;
    box-sizing: border-box;
}
/* VERTICAL MARQUEE */
.button-vertical-marquee {
    width: 100%;
    height: 100%;
}
.module-vertical-marquee {
    position: relative;
    height: max-content;
}
.module-vertical-marquee:hover .text-hover-container{
    display: grid!important;
}
.text-hover-container {
    position: absolute;
    top: 0;
    display: none!important;
    height: 100%;
}
.text-container, .text-hover-container {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}
.module-vertical-marquee .text-hover, .module-vertical-marquee .text {
    height: max-content;
}
.link-container {
    position: absolute;
    top: 0; 
    height: 100%;
}
.text-container .text:last-child, .text-hover-container .text-hover:last-child{
    text-align: right;
}
.text-container .text:nth-child(2), .text-hover-container .text-hover:nth-child(2){
    text-align: center;
}
.hover-banner-container {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    width: 100vw;
    padding: 15px;
    box-sizing: border-box;
    align-items: center; 
}
/* TITLE + SWIPER + IMAGE GRID */

.title-swipper-image-grid-right-side {
  background-color: #DFDFDF;
  color: #000;
  font-size: 9.5vw;
  letter-spacing: -0.02em;
  letter-spacing: -0.02em;
  font-family: 'ABCROM-Condensed-Heavy';
  padding: 14px 15px;
  height: calc(100% - 28px);
}
.title-swiper-image-grid-title {
    line-height: 0.9!important;
}
.module-title-swiper-image-grid .swiper{
    background-color: #fff;
    color: #000;
}

.image-grid {
    display: grid;
    grid-template-columns:  repeat(10, 1fr);
    row-gap: 30px;
    column-gap: 15px;
    padding-top: 30px;
}

.title-swipper-image-grid-right-side {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}


.project-image-slider-swiper {
    width: 100%;
    height: 100%;
    object-fit: cover;
    margin: 0;
    display: block; /* Ensure the image behaves as a block element */
}

.title-swiper-image-grid-subtitle {
    font-size: 14px;
    font-family: 'ABCROM-Bold';
    letter-spacing: 0;
    display: none;;
}

.module-title-swiper-image-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    min-height: 50vw;
}

/* SUBPROJECTS LINKS*/
.module-subprojects-links-see-full-project {
    width: 100%;
    justify-content: center;
    display: flex;
    padding-top: 15px;
    text-align: center;
    font-size: 16px;
}
.module-subprojects-links.yes {
    border-bottom: 1px solid #000;
}
.module-subprojects-links-image {
    width: 25vw;
    margin: 0 auto;
    object-fit: cover;
}
.module-subprojects-links-image .img-container {
    object-fit: cover;
}
.module-subprojects-links-projects a {
    text-align: center;
    width: 100px;
}
.module-subprojects-links-projects {
    font-size: 14px;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    gap: 15px;
}
.module-subprojects-bottom-info {
    position: relative;
    padding: 0 15px;
}
.module-subprojects-links {
    padding: 15px 0;
}
.module-subprojects-links-subheading-container {
    display: flex;
    justify-content: space-between;
    width: 100vw;
    flex-direction: row;
    font-size: 14px;
    box-sizing: border-box;
    padding: 0 15px 15px 15px;
}
.module-subprojects-links-projects {
    padding: 0px 15px 25px 15px;  
}
.module-subprojects-links-text {
    padding: 0px 15px 25px 15px;
}
.module-subprojects-links-title {
    font-size: 9vw;
    line-height: 0.8;
    width: 75vw;
    margin: 0 auto;
    text-align: center;
    padding: 0px 15px 25px 15px;
    font-family: 'ABCROM-Condensed-Heavy';
    box-sizing: border-box;
}

/* SLIDER - TITLE */
.module-slider-title.no {
    border-bottom: none!important;
}

.swipertitleslider {
    width: 100vw!important;
}
.module-slider-title-subheading-container {
    width: 100vw;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    font-size: 14px;
    padding: 0px 15px 0px 15px;
    box-sizing: border-box;
}
.module-slider-title-subheading:last-child {
    text-align: right;
}
.module-slider-title-subheading:nth-child(2){
    text-align: center;
}
.module-slider-title-title {
    font-size: 9vw;
    line-height: 0.8;
    width: 75vw;
    text-align: center;
    margin: 0 auto;
    padding: 15px 15px 25px 15px;
    font-family: 'ABCROM-Condensed-Heavy';
    box-sizing: border-box;
}
.module-slider-title .swiper-slide {
    justify-content: center;
}
.module-slider-title {
    padding:20px 0;
}
.module-slider-title .swiper-button-prev, .module-slider-title .swiper-button-next {
    height: 100% !important;
}
.module-slider-title-see-full-project {
    width: 100vw;
    text-align: center;
    font-size: 16px;
}
.module-slider-title .arrow-next, .module-slider-title .arrow-prev  {
   height: 100%;
   display: flex;
   flex-direction: column;
   justify-content: space-around;
}
.module-slider-title .arrow-prev {
    left: 30px;
}
.module-slider-title-see-full-project {
    width: 100%;
    justify-content: center;
    display: flex;
    padding-top: 45px;
}
.swipertitleslider .swiper-slide {
    mix-blend-mode: difference;
}

/* SLIDER */

.see-full-project { 
    font-size: 16px;
    text-align: center;
    margin-top: 10px;
}

.module-slider {
    background-color: #000;
    color: #ffff;
    padding: 15px;
    max-height: 50vw;
    overflow: scroll;
}

.module-slider .swiper-button-prev, .module-slider .swiper-button-next {
    height: 100%!important;
}

.module-slider ul {
    margin: 0;
    padding: 0;
}

.module-slider-titles {
    text-transform: uppercase;
}

.module-slider-titles:hover {
    color: grey;
}

.module-text a {
    text-decoration: underline;
}

.module-slider-title-projects {
    font-size: 14px;
    padding-bottom: 15px;
}

.module-slider {
    position: relative;
}

.slider-content {
    display: flex;
    top: 0;
    left:0;
}

.module-slider .arrow-prev , .module-slider .arrow-next {
    bottom: 50%;
    transform: translateY(-50%);
}

.module-slider .swiper-slide {
    mix-blend-mode: difference;
}

.swiper-slide-active img {
    mix-blend-mode: difference;
}

/* TRANSPARENT + LOGO */

.module-transparent-space {
    width: 100%;
    height: 80vh;
    position: relative;
}

.svg-big-logo {
    position: relative;
    width: calc(100% - 30px);
    padding: 0 15px;
    z-index: 10000000;
    margin-top: 50vh;
    line-height: 0;
}

#fake-logo-background{
    position: fixed;
    top: calc(var(--viewport-height) / 2);
    transform: translateY(-50%);
    padding: 0 15px;
    box-sizing: border-box;
    left: 0;
    width: 100%;
    z-index: -3;
    fill: #DFDFDF;
    opacity: 0;
    pointer-events: none;
}
#fake-logo-background.show{
    opacity: 1;
}

/* TRANSPARENT */

.module-transparent-zero {
    width: 100%;
    height: 80vh;
    position: relative;
    background: #fff;
    z-index: -2;
}

/* THREE ROWS MODULE */

.module-three-rows-grid {
    padding: 15px;
}

.module-three-rows-grid-content {
    display: grid;
    grid-template-columns: 1fr 1fr 2fr;
    column-gap: 45px;
}


/* PARTNERS */

.module-partners-title{
    border-bottom: 1px solid #000;
    padding-bottom: 5px;
}

.module-partners .line {
    background-color: #000;
}
.module-partners-subtext {
    font-size: 14px;
    padding-top: 5px;
}
.module-partners {
    background-color: #ffff;
    color: #000;
    padding: 15px 15px 15px 15px;
}

.module-partners-grid {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    column-gap: 100px;
    padding: 15px 0 0 0;
}

.module-partners-text-grid {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
}
.module-partners-content-images .project-media{
 height: 40px;
 width: auto;
}

.module-partners-text-grid {
    font-size: 14px;
    column-gap: 40px;
}

/* LIST PLAYLISTS */

.module-list-playlist {
    display: grid;
    grid-template-columns: 1fr 1fr;
    min-height: 40vw;
}

.list-playlist-right-side{
    background-color: #000;
    color: #fff;
    padding: 15px;
    position: relative;
    display: flex;
    justify-content: space-between;
    flex-direction: column;
}

.list-playlist-left-side{
    background-color: #dfdfdf;
    color: #000;
    padding: 15px;
    display: flex;
    justify-content: space-between;
    flex-direction: column;
}

.list-playlist-file {
    height: 26.295vw;
    width: calc( 50vw - 30px);
    background-color: unset;
    border-radius: 18px;
    display: block;
}

.list-playlist-content a {
    border-bottom: 0.5px solid #fff;
    display: block;
    padding: 15px 0px 15px 0px;
}
.list-playlist-content a:first-child {
    border-top: 0.5px solid #fff;
}

.list-playlist-content {
    display: block;
    padding: 0 0px 15px 0px;
}

/* PLAYLIST */
.module-playlist {
    display: grid;
    grid-template-columns: 1fr 1fr;
    min-height: 50vw;
}

.playlist-right-side{
    background-color: #000;
    color: #fff;
    padding: 7px 15px 15px 0px;
    position: relative;
}

.playlist-left-side{
    background-color: #dfdfdf;
    color: #000;
    padding: 15px 15px 15px 15px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.playlist-left-side:nth-child(2n){
    flex: 1;
}

.playlist-file-footer-container{
    display: grid;
    grid-gap: 50px;
}

.playlist-right-content {
    padding-left: 15px;
    padding-right: 15px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
}

.playlist-playlist-title{
    flex: 1;
}

.playlist-content {
    display: flex;
    column-gap: 45px;
}

.playlist-content:nth-child() {
    flex: 1;
    width: 100%;
}

.playlist-content-title{
    padding-bottom: 15px;
}

.playlist-file {
    height: 26.295vw;
    width: calc( 50vw - 30px);
    background-color: unset;
    border-radius: 18px;
    display: block;
}

.playlist-link-spotify {
display: grid;
grid-gap: 50px;
}

.playlist-file iframe {
    height: 100%;
}

.list-playlist-file iframe {
    height: 100%;
}

.playlist-file img , .playlist-file video {
    border-radius: 18px;
}

.module-playlist.title-medium .playlist-playlist-title {
    font-size: 6.5vw;
}

.module-playlist.title-big .playlist-playlist-title {
    font-size: 9vw;
    font-family: 'ABCROM-Condensed-Heavy';
}

/* IMAGE + TITLE + GRID */

.module-image-title-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    min-height: 50vw;
    background-color: #DFDFDF;
}

.module-image-title-grid.align-right .module-title-grid-image{
    grid-column: 2;
}

.module-image-title-grid.align-right .module-image-title-grid-container-text {
    grid-column: 1;
    grid-row: 1;
}

.module-title-grid-big-title {
    background-color: #fff;
    color: #000;
    padding: 30px 15px;
}

.module-image-title-grid.title-big .module-title-grid-big-title {
    font-size: 9.5vw;
    letter-spacing: -0.02em;
    line-height: 0.8;
}

.module-image-title-grid.title-medium .module-title-grid-big-title {
    font-size: 6.5vw;
    line-height: 0.8;
}

.module-image-title-grid.title-small .module-title-grid-big-title {
    font-size: 25px;
}

.module-title-grid-repeater {
    background-color: #DFDFDF;
    color: #000;
    padding: 15px 15px;
}

.module-image-title-grid .line {
    background-color: #000;
}

.module-title-grid-repeater-text {
    font-size: 14px;
}
.module-title-grid-text-interior-container-grid{
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    row-gap: 40px;
    column-gap: 25px;
    padding-top: 20px;
}

.module-title-grid-title {
    border-bottom: 0.5px solid #000;
    padding-bottom: 5px;
}

.module-title-grid-text-interior-container:last-child {
    grid-column: 1;
    grid-row: 2;
}
.module-title-grid-repeater-title {
    padding-bottom: 15px;
}

/* PROJECTS */


.project-title {
    font-size: 9.5vw;
    letter-spacing: -0.02em;
    width: 80vw ;
    margin: 5vw auto;
    line-height: 0.8;
    font-family: 'ABCROM-Condensed-Heavy';
}

.project-description {
    padding: 0 15px;
}


.project-image {
padding: 5vw 25vh;
}

.project-image-caption {
    font-size: 14px;
}

.project-bottom-text {
    font-size: 14px;
    padding: 15px 15px;
    background-color: #fff;
}

.credits-block-container {
    display: flex;
    flex-direction: column;
    gap: 35px;
}
.two-rows-container {
    display: grid;
    grid-template-columns: 1fr 1fr;
    background-color: #000;
}
.credits {
    margin: 15px;
}
.credits-block {
    padding-top: 5px;
}
.credits-subheading {
    font-size: 14px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    padding-bottom: 5px;
}

.credits-title {
    border-bottom: 1px solid #000;
    padding-bottom: 5px;
}



/*.single-grid-module:nth-child(4n + 2),
.single-grid-module:nth-child(4n + 3){
    background-color: #dfdfdf;
    color:#000;
}
.single-grid-module:nth-child(4n + 1),
.single-grid-module:nth-child(4n + 4){
    background-color: #000;
    color: #fff;
}*/

.text-content {
    padding: 15px 15px;
}
.text-content.full {
    grid-column: span 2; /* Hace que el elemento ocupe dos columnas */
    width: 100vw;
    height: auto;
    min-height: fit-content;
    box-sizing: border-box;
}

.main-info {
    background-color: #fff;
}

.project-playlist-footer {
    width: 20vw;
}

.playlist-video-content {
 padding: 15px 15px;
 display: flex;
 flex-direction: column;
 justify-content: space-between;
}

.project-playlist-file {
    height: 152px;
    width: calc( 50vw - 30px);
    background-color: unset;
    border-radius: 18px;
}

.swiper-module-project {
    background-color: #000;
    color: #fff;
    padding: 75px 15px 50px 15px;
}

.project-title-swiper {
    font-size: 9.5vw;
    letter-spacing: -0.02em;
    padding-bottom: 30px;
}


/* PROJECTS  - SWIPER */

.swiper {
    flex: 1;
    height: 100%;
    width: 50vw;
    overflow: hidden;
    z-index: 1;
    box-sizing: border-box;
}

.project-image-slider{
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.gallery-images-content {
    padding: 15px 15px;
}
.project-gallery-title {
    display: none;
}

.img-container-pro img {
    height: 40vw;
    object-fit: contain;
}

.single-grid-module {
    min-height: 50vw;
    width: calc(50vw - 30px);
}
.single-grid-module.gallery-images-content {
    position: relative;
}
.single-grid-module.gallery-images-content .swipergallery {
    position: absolute;
    top: 0;
    left: 0;
}

.img-container-pro {
    display: flex;
    align-items: center;
    padding: 15px 15px;
}

.swiper-slide {
    display: flex;
    align-items: center;
}

.swiper-slide img {
    max-height: 35vw;
    width: 100%;
    object-fit: contain;
}

.arrow-next {
    bottom: 0px;
    position: absolute;
    font-size: 18px;
}
.module-title-swiper-image-grid  .swiperfilters .swiper-pagination {
    bottom: 0!important;
}
.single-grid-module.gallery-images-content .arrow-next {
    bottom: 15px;
    position: absolute;
    font-size: 18px;
    right: 30px;
}
.single-grid-module.gallery-images-content .arrow-prev {
    bottom: 15px;
    position: absolute;
    font-size: 18px;
    left: 30px;
}

.arrow-prev {
    bottom: 0px;
    position: absolute;
    font-size: 18px;
}


.swiper-button-prev, .swiper-button-next {
    height: 100%!important;
}

.module-title-swiper-image-grid .swiper-pagination {
    text-align: right;
    padding-left: 0;
}
.module-title-swiper-image-grid .swiper-button-next , .module-title-swiper-image-grid .swiper-button-prev {
    height: 100%!important;
}

.module-title-swiper-image-grid .arrow-next , .module-title-swiper-image-grid .arrow-prev ,.module-title-swiper-image-grid .swiper-pagination{
    padding-bottom: 15px;
}
.module-title-swiper-image-grid .arrow-prev {
    padding-left: 10px;
}
.module-title-swiper-image-grid .arrow-next {
    right: 15px!important;
}

.swiper-pagination {
    font-size: 14px;
    text-align: right;
    padding-bottom: 0;
    letter-spacing: -0.1em;
    bottom: 15px;
    position: absolute;
}

/* PROJECTS  - PREVIOUS/NEXT BUTTONS */

.prev-next-buttons {
    width: 100%;
    display: grid;
    grid-template-columns: 1fr 1fr;
    min-height: 43vw;
}


.previous-button .prev-button-container,
.next-button .next-button-container {
    display: flex;
    align-items: center;
    flex-direction: column;
    height: 43vw;
    justify-content: space-between;
    padding: 15px;
}

.previous-button {
    background-color: #DFDFDF;
}

.next-button {
    background-color: #000;
    color: #fff;
}

.post-image-button img {
    max-height: 30vw;
    width: 100%;
}

.previous-text , .next-text {
    font-size: 9.5vw;
    letter-spacing: -0.02em;
    font-family: 'ABCROM-Condensed-Heavy';
}

.next-button:hover .post-image-button{
    filter: invert(1);
}

.previous-button:hover .post-image-button{
    filter: invert(1);
}


.close-button {
    width: 100%;
    background-color: #fff;
    color: #000;
    font-size: 9.5vw;
    letter-spacing: -0.02em;
    text-align: center;
    cursor: pointer;
    font-family: 'ABCROM-Condensed-Heavy';
}
.post-title {
    font-size: 14px;
}

/* MODULE - PROJECTS */



.lfdt-title {
    font-size: 14px;
    padding-bottom: 15px;
    padding-top: 15px;
}
.category-title {
    font-size: 14px;
    padding-bottom: 15px;
}

.projects-content-name-lfdt {
    text-transform: uppercase;
}
.posts-container {
    display: grid;
    grid-template-columns: repeat(2,1fr);
    gap: 25px;
}

.module-projects-left-side {
    background-color: #DFDFDF;
    color: #000;
    padding: 15px;
    min-height: 50vw;
    width: calc(50vw - 30px);
}

.module-projects {
    display: grid;
    grid-template-columns: 1fr 1fr;
}

.module-projects .arrow-prev , .module-projects .arrow-next , .module-projects .swiper-pagination{
    padding-bottom: 15px!important;
}

.projects-title {
    font-size: 9.5vw;
    letter-spacing: -0.02em;
    font-family: 'ABCROM-Condensed-Heavy';
}

.content-lfdt-container {
    display: grid;
    grid-template-columns: 1fr;
}

.module-projects-right-side {
    background-color: #000;
    color: #fff;
    min-height: 50vw;
}


.upper-text-projects-right-side{
    font-size: 14px;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    width: calc(100% - 30px);
    padding: 15px 15px 0 15px;
    z-index: 99999999999;
    height: 0px;
} 

.module-projects-right-side-title {
    text-align: center;
}
.module-projects-right-side-link-interior {
    font-size: 16px;
    position: absolute;
    bottom: 15px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 100;
}
.module-projects-right-side .swiper-slide {
    flex-direction: column;
}

.right-side-image-swiper {
    align-items: center;
    flex: 1;
    display: flex;
}
.module-projects-right-side .slider-content {
    height: 50vw;
}

.module-projects-right-side .swiper-button-prev {
    left: auto;
    padding-left: 15px;
}

.module-projects-right-side .swiper-pagination {
    padding: 0;
    text-align: right;

}

.module-slider .swiper-slide {
    justify-content: center;
}

.module-projects-right-side{
    position: relative;
} 

.module-projects-right-side .swiper-button-prev, .module-projects-right-side .swiper-button-next {
    height: calc(100% - 15px);
    padding-bottom: 15px;
}

.module-projects-right-side .arrow-next {
    right: 15px;
}

.module-projects-right-side .swiper-btns {
    z-index: 999999999;
}

.module-projects-right-side .swiper-button-prev, .module-projects-right-side .swiper-button-next {
    bottom: 0;
    height: 85%!important;
    top: auto!important;
}

.module-projects.align-end .module-projects-left-side {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
} 
.module-projects.align-end .projects-title {
    flex: 1;
}

.thumbs-container .image-grid-slide{
    transition: all .3s ease;
    position: relative;
    max-width: 50px;
    max-height: 60px;
    overflow: hidden;
    background-size: cover;
  background-position: center center;
}
.thumbs-container .image-grid-slide.active{
    filter: invert(1);
}

.padding-bottom-15 {
    padding-top: 15px;
}

.module-slider .arrow-next {
    right: 0;
}

/* MODULE - SUBPROJECTS */

.module-swiper-subprojects {
    display: grid;
    grid-template-columns: 1fr 1fr;
}

.module-subprojects-left-side {
    font-size: 9.5vw;
    letter-spacing: -0.02em;
    text-align: center;
    height: 50vw;
} 

.module-subprojects-left-side a:hover {
    background-color: #F2F2F2;
    color: white;
    text-stroke: 1px black;
    -webkit-text-stroke: 1px black;
}

.module-subprojects-title {
    height: 12.5vw;
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: 'ABCROM-Condensed-Heavy';
}

.module-subprojects-title:nth-child(even) {
    background-color: black;
    color: white;
}

/* Estilos para los hijos impares */
.module-subprojects-title:nth-child(odd) {
    background-color: white;
    color: black;

}

.swiper-pagination-sub {
    padding: 0;
    text-align: right;
    font-size: 14px;
    letter-spacing: -0.1em;
    bottom: 0;
    position: absolute;
}

.module-swiper-subprojects .arrow-prev, .module-swiper-subprojects .arrow-next, .module-swiper-subprojects .swiper-pagination-sub {
    padding-bottom: 15px!important;
}

/* SWIPER THREE INTERIOR */
.swiperthreeinterior .project-image-slider, .swiperthree .project-image-slider {
    margin-bottom: 10px;
}
.swiperthree .arrow-prev, .swiperthree .arrow-next {
    opacity: 0;
}
.swiperthreeinterior .project-image-slider, .swiperthree .project-image-slider{
    transition: width .3s ease;
}
.swiperthree .swiper-slide-next .swiper-pagination-manual , .swiperthree .swiper-slide-prev .swiper-pagination-manual {
    opacity: 0;
}
.swiperthree .swiper-slide .swiper-pagination-manual  {
    transition: opacity .3s ease;
}
.swiper-pagination-manual {
    position: absolute;
    bottom: 0;
}
.swiperthreeinterior .swiper-slide.swiper-slide-active .project-image-slider, .swiperthree .swiper-slide.swiper-slide-active .project-image-slider{
    width: 33vw!important;
}
/*.swiperthreeinterior .swiper-slide-prev, .swiperthreeinterior .swiper-slide-next, .swiperthree .swiper-slide-prev, .swiperthree .swiper-slide-next {
    filter: invert(1);
    transition: filter 0.3s ease; 
}*/
.swiperthreeinterior .swiper-slide .project-image-slider, .swiperthree .swiper-slide .project-image-slider{
    width: 10vw!important;
    text-align: center;
}
.swiperthreeinterior .swiper-slide, .swiperthree .swiper-slide  {
    justify-content: space-around;
}
.swiper-button-prev.swiper-button-disabled, .swiper-button-next.swiper-button-disabled {
    opacity: 0!important;
}
.swiper-button-prev-three .arrow-prev {
    left: 15px;
}
.swiper-button-next-three .arrow-next{
    right: 15px;
}

/* SWIPER THREE PAGE */

.module-sliderthree .swiper-slide-active img {
    height: 70%;
    width: 100%;
    object-fit: contain;
}
.module-sliderthree .swiper-pagination-manual {
    bottom: 30px!important;
}
.module-sliderthree {
    padding:  0;
    width: 100%;
    height: 70vw;
    position: relative;
}
.module-sliderthree .swiper-pagination-manual {
    bottom: 15px;
}
.module-sliderthree .swiper-slide {
    justify-content: space-around;
}
.module-sliderthree {
    width: 100%;
    height: 40vw;
}
.module-sliderthree .swiper-slide img {
    width: 10vw;
    object-fit: contain;
    transition: width .3s ease;
}
.module-sliderthree .swiper-slide-active img {
    width: 35vw;
    object-fit: contain;
}
.module-sliderthree  .swiper-button-prev {
    position: absolute;
    height: 100%!important;
    width: 33vw;
    left: 0;
    top: 0;
    transition: opacity .3s ease;
}
.module-sliderthree  .swiper-button-prev .arrow-prev {
    left: 30px;
    bottom: 30px;
    position: absolute;
}
.module-sliderthree  .swiper-button-next {
    position: absolute;
    height: 100%!important;
    width: 33vw;
    right: 0;
    top: 0;
    transition: opacity .3s ease;
}
.module-sliderthree  .swiper-button-next .arrow-next {
    right: 30px;
    bottom: 30px;
    position: absolute;
}
.module-sliderthree  .swiper-slide .swiper-pagination-manual {
    opacity: 0;
    transition: opacity .3s ease;
}
.module-sliderthree  .swiper-slide-active .swiper-pagination-manual {
    opacity: 1;
}


/* SWIPER THREE */


.swiperthreeinterior {
    padding-top: 35px;
    width: 100%;
    height: 40vw;
    grid-column: span 2; /* Hace que el elemento ocupe dos columnas */
    background-color: #fff;
}

.swiperthree {
    width: 100%;
    height: 40vw;
}


.swiperprojectthree {
    padding:  75px 0 50px 0;
}

.swiperprojectthree .project-title-swiper , .swiperprojectthree .project-text-swiper {
    padding-left: 15px;
    padding-right: 15px;
}

.swiper-pagination-manual {
    font-size: 14px;
    padding-top: 15px;
}

.flex-box-learn {
    cursor: pointer;
}

.button-close-mobile-menu {
    display: none;
}


@media only screen and (min-width: 820px) and (max-width: 1350px) {
    .playlist-file {
        height: auto!important;
        background-color: unset!important
    }

    .list-playlist-file {
        height: auto!important;
        background-color: unset;
    }
    .list-playlist-file iframe {
        height: 152px;
    }
}

@media only screen and (min-width: 500px) and (max-width: 820px) {
.module-projects .module-projects-right-side {
    height: 45dvh!important;
}
}

@media only screen and (min-width: 700px) and (max-width: 820px) {
    .button-close-mobile-menu {
        padding-right: 15px;
     
    }

}

@media only screen and (max-width: 700px) {
    .button-close-mobile-menu {
        padding-right: 15px;
     
    }

}

@media only screen and (max-width: 820px) {
.footer-links {
     display: flex;
    flex-direction: column;  
}
#newsletter-inputs-container {
    display: flex;
    flex-direction: column;
    align-items: self-start;
}
#newsletter-submit {
    padding-top: 5px;
}

#newsletter-submit, .footer-link-title, .newsletter-email-field::placeholder {
 font-size: 14px;
}
.newsletter-email-field {
    border-bottom: 1px solid #fff;
    width: 100%;
}
a:hover {
    color: unset !important;
}
.fullsize-menu-desktop {
    height: 100dvh;
}

/* BANNER */
.banner-info, .banner-info-hover {
    grid-template-columns: repeat(1, 1fr);
    box-sizing: content-box;
    width: calc(100vw - 30px);
    padding: 10px 15px;
    height: auto!important;
}
.banner-info-hover {
    opacity: 1;
    position: relative;
}
.banner-info-text , .banner-info-text-hover {
    text-align: center!important;
}


    .swipergallery .swiper-slide img {
        height: 30vw;
    }
    .swiper.swiperthreeinterior {
        width: 100%;
    }
    .single-grid-module.gallery-images-content .arrow-next, .single-grid-module.gallery-images-content .arrow-prev {
        font-size: 12px;
    }
    .single-grid-module .swiper {
        width: 100%;
        height: 100%!important;
    }
    .swiper-pagination {
        font-size: 12px;
    }
    .arrow-next , .arrow-prev {
        font-size: 12px;
    }
    .module-sliderthree {
        height: 70vw;
    }
    .module-sliderthree .swiper-button-next .arrow-next {
        right: 15px;
        bottom: 15px;
    }
    .module-sliderthree .swiper-slide-active img {
        width: 50vw;
        max-height: 50%;
    }
    .module-sliderthree .swiper-button-prev .arrow-prev {
        left: 15px;
        bottom: 15px;
    }
    .text-container {
        position: relative;
        top: 0%;
        transform: translateY(0%);
    }
    .text-hover-container {
        top: 0%;
        transform: translateY(0%);
        display: none!important;
        opacity: 0;
    }
    .module-title-swiper-image-grid .swiper{
        height: 70vw;
    }
    .module-subprojects-links-image {
        width: 40vw;
    }
    .hover-banner-container {
        grid-template-columns: 1fr;
        row-gap: 5px;
    }
    .text-container .text:last-child, .text-hover-container .text-hover:last-child {
        text-align: center;
    }
    .text-container .text:first-child, .text-hover-container .text-hover:first-child {
        text-align: center;
    }
    .text-grid-subtext, h6, .see-full-project, .module-partners-subtext {
        font-size: 14px;
    }
     /* ARTIST */
     .pop-up .center-info{
        display: flex;
        flex-direction: column;
     }
     .artist-bio {
        padding-top: 50px;
     }
     .top-info {
        padding-bottom: 50px;
     }
     .artist-image {
        padding-top: 30px;
     }

    /* MENU */
    .home-logo-mobile {
        mix-blend-mode: difference;
        position: fixed;
    }
    .home-logo-mobile svg {
        mix-blend-mode: #fff;
    }
    .donate-menu {
        background-color: #fff14e;
        color: #000;
    }
    .full-menu-nav {
        display: grid;
        grid-template-columns: 1fr 1fr;
        font-size: 15px!important;
        margin-top: 75px;
        padding: 0 15px;
    }
    .row-support {
        align-self: end;
    }
    #nav {
        height: 100vh;
        display: none;
    }
    .row:nth-child(2) {
        grid-column: 1; /* Mueve el segundo elemento a la segunda columna */
        grid-row: 2; /* Asegúrate de que esté en la primera fila */
      }

    .row:nth-child(3) {
        grid-column: 2; /* Mueve el tercer elemento a la primera columna */
        grid-row: 1; /* Segunda fila */
    }
    .fullsize-menu-desktop  .footer-links {
        display: flex;
        flex-direction: column;
        font-size: 15px!important;
    }
    .fullsize-menu-desktop.active #footer-menu {
        padding: 0 15px 15px;
        border: none;
    }
    .fullsize-menu-desktop  .footer-links .instagram , .fullsize-menu-desktop  .footer-links .newsletter, .fullsize-menu-desktop  .footer-links .contact {
        border-top: 1px solid #fff;
        padding-top: 15px;
    }
    .fullsize-menu-desktop .footer-links .contact-title, .fullsize-menu-desktop  .footer-links .instagram-title, .fullsize-menu-desktop  .footer-links .newsletter-title {
        font-size: 12px!important;
    }
    .fullsize-menu-desktop.active .home-logo {
        position: relative;
        top: 0;
        left: 0;
        transform: none;
    }
    .fullsize-menu-desktop.active .menu-top-bar {
        position: fixed;
        width: 100vw;
        box-sizing: border-box;
        margin-bottom: 0;
        padding: 15px;
    }
    .fullsize-menu-desktop.active .menu-top-bar .close , .fullsize-menu-desktop.active .menu-top-bar .home-logo, .fullsize-menu-desktop.active .menu-top-bar .languages-container {
        mix-blend-mode: difference;
    }
    .menu-bar-mobile {
        width: 100%;
        position: absolute;
        background-color: black;
        opacity: 0.8;
        height: 100%;
        top: 0;
        left: 0;
        display: block;
    }
    .fullsize-menu-desktop {
        padding: 0;
    }

    #nav-grid {
        grid-template-columns: 1fr 1fr;
        padding-top: 50px;
        height: calc(100vh - 80px);
        font-size: 13px!important;
    }
    
    #nav-grid ul {
        padding: 0;
    }

    .background-color {
        background: #000;
        opacity: 1;
        position: fixed;
        height: 100vh;
    }

    
    .button-close-mobile-menu {
        text-transform: uppercase;
        position: fixed;
        right: 0;
        display: inline-block;
        font-size: 14px;
        top: 0;
        padding-top: 15px;
        cursor: pointer;
        z-index: 100000000;
        mix-blend-mode: difference;
        color: transparent;
    }

    .button-close-mobile-menu .close {
    color: #fff;
    }

    .button-close-mobile-menu .open {
    color: #ffff;
    }

    .menu-item:hover {
        color: #fff;
    }

    .menu-lfdtclass-container {
        grid-column: 1;
        grid-row: 2;
    }

    .menu-lfdftlab-container {
        grid-column: 1;
        grid-row: 3;
    }

    .menu-index-container {
        grid-column: 2;
        grid-row: 1;
    }

    .languages-container {
        grid-column: 2;
        grid-row: 2;
    }

    .single-grid-module .swiper {
        height: auto;
    }

   /* MODULES */




   #primary {
    padding-top: 50px;
    overflow-x: hidden;
}
    body {
        font-size: 14px;
    }

    .swiper-slide img {
        height: 40vw;
    }

    .module-slider-titles {
        font-size: 14px;
    }

    .module-slider-title-projects {
        font-size: 14px;
    }

    .slider-content {
        padding: 15px 0;
    }
    .module-slider {
        max-height:fit-content;
    }
    .see-full-project {
        margin-top: 0;
    }

    .module-image-text {
        display:block;
    }

    .module-image-grid-container {
        grid-template-columns: 1fr 1fr;
    }

    .image-grid-content:nth-child(8n + 1), .image-grid-content:nth-child(8n + 3), .image-grid-content:nth-child(8n + 6), .image-grid-content:nth-child(8n + 8) {
        height: 50vw;
    }

    .image-grid-content:nth-child(8n + 2), .image-grid-content:nth-child(8n + 4), .image-grid-content:nth-child(8n + 5), .image-grid-content:nth-child(8n + 7) {
        height: 50vw;
    }

    .module-text {
        padding: 10px 15px;
    }

    .module-text.text-mobile-active\; {
        padding: 30px 20px 10px 10px;
    }

    .module-transparent-zero {
        height: 100vw;
    }

    .text-grid-blocks-container-repeater,  .module-text-grid.four .text-grid-blocks-container-repeater {
        grid-template-columns: 1fr 1fr!important;
        padding-bottom: 0px;
        row-gap: 10px;
        column-gap: 10px;
        padding-top: 10px;
    }
    .text-grid-blocks-container {
         padding-bottom: 10px;
    }
    .text-grid-blocks-container:last-child {
        padding-bottom: 0!important;
    }

    .module-partners-grid {
        display: flex;
        flex-direction: column;
        gap: 10px;
    }

    .module-partners-text-grid {
        display: grid;
        grid-template-columns: 1fr 1fr;
        padding-top: 30px;
    }

    .module-image-title-grid {
        display: block;
    }

    .module-title-grid-text-interior-container-grid {
        grid-template-columns: 1fr 1fr;
    }

    .module-playlist {
        display: block;
    }

    .playlist-file , .list-playlist-file{
        height: 152px;
        width: calc( 100vw - 30px);
    }

    .playlist-title-playlist {
        padding-bottom: 15px;
    }

    .module-playlist {
        min-height: auto;
    }

    .module-title-swiper-image-grid {
        display: block;
    }

    .swiper {
        width: auto;
    }


    .image-grid {
        row-gap: 15px;
        padding-top: 15px;
    }

    .title-swiper-image-grid-title {
        border-bottom: 0.5px solid #000;
        padding-bottom: 15px;
    }

    .title-swiper-image-grid-subtitle {
        padding-top: 15px;
    }

    .module-projects {
        display: block;
    }

    .module-projects-left-side {
        width: calc(100vw - 30px);
    }


    .module-list-playlist {
        display: block;
    }

    .latest-playlist {
        padding-bottom: 15px;
    }

    .list-playlist-content {
        padding: 0 0px 15px 0px;
    }

    .list-playlist-right.title {
        padding-bottom: 15px;
    }

    .container-projects {
        padding-top: 50px;
    }

    .two-rows-container {
        display: flex;
        flex-direction: column;
    }

    .single-grid-module {
        width: calc(100vw - 30px);
    }

    .project-image {
        padding-top: 15px;
        padding-left: 15px;
        padding-right: 15px;
        padding-bottom: 10px;
    }

    .next-button:hover .post-image-button{
        filter: none;
    }
    
    .previous-button:hover .post-image-button{
        filter: none;
    }

  

    #nav {
        z-index: 10000000;
    }
    
    .vertical-marquee3k {
        display: none;
    }


    .module-image-grid-title {
        opacity: 1;
    }

    .image-grid-content:hover .module-image-grid-file {
        opacity: 1; 
    }

    .flex-box-title , .flex-box-learn{
        color: white;
    }

    .module-image-grid-title {
        mix-blend-mode: difference;
        color: transparent;
    }

    .module-transparent-space {
        height: 50vh;
    }

    .svg-big-logo {
        margin-top: 50vh;
        padding-top: 0 ;
    }

    .svg-big-logo {
        z-index: 100;
    }



    .previous-button .prev-button-container, .next-button .next-button-container {
        padding: 10px;
    }

   .swiper-module-project .swiper {
        padding-top: 0;
    }
    .swiperthree {
        height: 50vw;
    }

    .project-image {
        height:50vw;
        width: auto;
    }

    .project-image .img-container {
        height: calc( 100% - 17.5px);
    }



    .previous-button .prev-button-container, .next-button .next-button-container {
        height: 50vw;
    }

    .project-image-caption {
        padding-top: 5px;
    }

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

    /*#background-dots {
        top: 0;
    }*/
    
    #fake-logo-background {
        padding: 50px 15px 0 15px;
    }
     /*#background-dots .dot-line:first-child .dot {
        background: white!important;
    }*/

    .module-logos .img-container {
        height: auto;
        width: calc(var(--app-height) * .9 - 50px);

    }
    .module-logos {
        width: 100vw;
        background-color: #fff;
        height: calc(var(--app-height) - 50px);
        transform: rotate(-90deg);
        transform-origin: center;
    }

    .container-projects .project-image .project-media{
        object-fit: contain;
    }

    .home-logo svg .cls-1 {
        fill: white;
    } 

    .home-logo {
        z-index: 11;
    }

    .image-grid-content:nth-child(4n + 1),
    .image-grid-content:nth-child(4n + 4) {
        background-color: #000;
        color: #fff;
    }

    .image-grid-content:nth-child(4n + 2),
    .image-grid-content:nth-child(4n + 3) {
        background-color: #dfdfdf;
        color: #000;
    }

    .module-projects.align-end .projects-title {
        padding-bottom: 10px;
    }

    .module-swiper-subprojects {
        display: block;
    }

    .upper-text-projects-right-side {
        padding: 10px 15px 10px 15px;
        height: auto;
    }

    .swipersubprojects .swiper-slide {
        padding: 0px 0 30px 0!important;
    }

    .module-projects-left-side {
        min-height: auto;
    }

    .module-image-text .image-text-file {
        height: 50vh;
    }

    body.no-menu-back .background-color {
        background: black;
    }
    
    body.no-menu-back #nav-trigger .dot{
        background: #fff;
    }
    
    body.no-menu-back #nav-trigger{
        mix-blend-mode: difference;
    }

    .module-projects-right-side .swiper-slide img {
        height: 35vw ;
    }

    .module-projects-right-side .swiper-slide {
        padding: 0px ; 
    }

    .playlist-right-content {
        gap: 10px;
    }
    .module-projects-right-side .swiper-btns {
        padding-top: 15px;
    }
    .module-projects .module-projects-right-side .swiper-btns {
        padding-top: 0;
    }
    .module-projects .upper-text-projects-right-side {
        height: 40px;
    }
    .module-projects .slider-content {
        padding: 0;
    }
    .module-projects .module-projects-right-side {
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        height: 75vw;
    }
    .donate-button {
        position: relative;
        margin: 0;
    }
    

}