body {/* padding-top:0px; */font-family: "inter-variable",sans-serif;font-variation-settings: "wght" 400, "slnt" 0;/* min-height: 100dvh; */}
header #logo {font-variation-settings: "wght" 100, "slnt" 0;letter-spacing: 0;white-space: nowrap;animation: weightAnimation 0.3s forwards;}
/*header #logo:before {content:"NERINA";display:block;line-height:1;}*/
header nav li[data-link="home"] {display: none !important;}
header #logo img {width: 84px;}

header li[data-link="percanta"] {display:none;}
header li[data-link="fausta"],
header li[data-link="mane"],
header li[data-link="percanta"] {display: none !important;}

body.kevin header li[data-link="kevin"],
body.kevin header li[data-link="fausta"],
body.kevin header li[data-link="mane"],
body.kevin header li[data-link="percanta"],
body.fausta header li[data-link="kevin"],
body.fausta header li[data-link="fausta"],
body.fausta header li[data-link="mane"],
body.fausta header li[data-link="percanta"],
body.mane header li[data-link="kevin"],
body.mane header li[data-link="fausta"],
body.mane header li[data-link="mane"],
body.mane header li[data-link="percanta"],
body.percanta header li[data-link="kevin"],
body.percanta header li[data-link="fausta"],
body.percanta header li[data-link="mane"],
body.percanta header li[data-link="percanta"] {display: block !important;padding-left:1em;}

body.kevin,
body.fausta,
body.mane,
body.percanta {height:100vh;overflow-y: hidden;overflow-x: auto;white-space: nowrap;/* Opcional: mejora el rendimiento del scroll */will-change: scroll-position;-webkit-overflow-scrolling: touch;scrollbar-width: none;}
body.kevin > :not(script):not(style),
body.fausta > :not(script):not(style),
body.mane > :not(script):not(style),
body.percanta > :not(script):not(style) {
  display: inline-block;
  vertical-align: top;
  white-space: normal;
}

body.kevin::-webkit-scrollbar,
body.fausta::-webkit-scrollbar,
body.mane::-webkit-scrollbar,
body.percanta::-webkit-scrollbar {height: 0;width: 0;background: transparent;}

#footer {padding: 0;display: none;}
#footer.show {display: block;}

body.kevin #footer,
body.fausta #footer,
body.mane #footer,
body.percanta #footer {display:none;}

header li[data-link="kevin"]:not(.initial),
header li[data-link="fausta"],
header li[data-link="mane"],
header li[data-link="percanta"] {}

header #header-container {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: flex-start;
    align-items: flex-start;
}

#slider-389,
#slider-392 {width: auto;aspect-ratio:2/3;margin: 50px 10vw 50px auto;/* width: 30vw; */height: calc(100vh - 100px);overflow: hidden;/* height: auto; */}
#slider-389 .swiper-button-prev,
#slider-392 .swiper-button-prev {display:none;}
#slider-389 .htmlDespues,
#slider-392 .htmlDespues {position: absolute;left: 100%;bottom: 0;height: 100%;width: 9vw;}
#slider-389 .htmlDespues .swiper-button-next,
#slider-392 .htmlDespues .swiper-button-next {position: relative;right: unset;left: unset;margin: 0 0 0 auto;font-family: "Font Awesome 6 free";color:#000;padding: 0.3rem 0;}
#slider-389 .htmlDespues .swiper-button-next:after,
#slider-392 .htmlDespues .swiper-button-next:after {content:"\f178";font-family: "Font Awesome 6 free";font-size: inherit;}
#slider-394 {width: auto;aspect-ratio:1/1;margin: 50px 10vw 50px auto;/* width: 30vw; */height: calc(100vh - 100px);overflow: hidden;/* height: auto; */}
#slider-394 .item {}
#slider-394 .item img {object-fit: contain;object-position: right bottom;}

#slider-393 {/* aspect-ratio: 2.5/1; *//* height: auto; */}

body.arquitectura .album .album-index,
body.obra .album .album-index {display: none;}
body.arquitectura .album .item,
body.obra .album .item {pointer-events:none;cursor: auto !important;}
body.arquitectura .album .album-grid .item,
body.obra .album .album-grid .item {aspect-ratio:2/3;}

body.kevin .album,
body.fausta .album,
body.mane .album,
body.percanta .album {height: calc(100vh - 100px);margin: 50px 50px 0px 40vw;}
body.kevin .album .container,
body.fausta .album .container,
body.mane .album .container,
body.percanta .album .container {height: 100%;}
body.kevin .album .album-index,
body.fausta .album .album-index,
body.mane .album .album-index,
body.percanta .album .album-index {display:none;}
body.kevin .album .album-grid,
body.fausta .album .album-grid,
body.mane .album .album-grid,
body.percanta .album .album-grid {display: flex;flex-direction: row;flex-wrap: nowrap;justify-content: flex-start;align-items: stretch;height: 100%;width: auto;margin: 0;}
body.kevin .album .item,
body.fausta .album .item,
body.mane .album .item,
body.percanta .album .item {aspect-ratio: initial;width: auto;overflow: unset;pointer-events: none;margin-right: 20px;}
body.kevin .album .item img,
body.fausta .album .item img,
body.mane .album .item img,
body.percanta .album .item img {width: auto;height: 100%;object-fit: contain;object-position: left center;}

#footer-info-social {display: none;}

#madebyguroo a {font-size:12px;}
body.home #madebyguroo,
body.analogico #madebyguroo,
body.reichstag #madebyguroo{display:none;}

body.info header nav li > a {color:white;}
#slider-397 {height:60vh;}
#text-398 {margin:3rem 0 7rem;}
#text-398 p {font-size:14px;}
#text-398 p a {color:inherit;text-decoration: underline;}

#whatsapp {display:none;}

@keyframes weightAnimation {
  0% { font-variation-settings: "wght" 100, "slnt" 0; }
  100% { font-variation-settings: "wght" 600, "slnt" 0; }
}




@media screen and (min-width:769px){
  body {padding-top: 0px;}
  header {position: fixed;top: 50px;left: 50px;width: auto;text-align: left;background-color: transparent;height: auto;font-size: 14px;transition: 0s;}
  header #logo {position: relative;top: unset;left: unset;transform: unset;font-size: unset;color: black;max-width: unset;}
  
  header .container {width:auto;}
  header nav {position:relative;top: unset;right: unset;transform: unset;width: auto;white-space: unset;margin-top: 1rem;}
  header nav ul#main-links {text-align: left;display: flex;flex-direction: column;}
  header nav li {/* display:block; */}
  header nav li[data-link="contacto"]{margin-top:1rem;}
  header nav li.active a {color: #9ee15e;text-decoration: unset;}
  header nav li > a {color:black;display: block;text-transform: uppercase;padding: 0.3em 0;line-height: 1;font-size: 12px;}
  header nav ul#social {display: none;position:relative;right: unset;top: unset;transform: unset;}
  
  body.arquitectura .album .album-grid .item.width2,
  body.obra .album .album-grid .item.width2 {aspect-ratio: 4/3;width: calc(100% / 3 * 2);}
  body.arquitectura .album .album-grid .item.width3,
  body.obra .album .album-grid .item.width3 {aspect-ratio: 6/2;width: 100%;}

}


@media screen and (max-width: 768px) {
  header {background-color:white;}
  header.menu-on #menu {left: 0%;width:100%;}
  #hamburger span {background-color:black;}
  header #logo {font-weight:bold;color: black;font-variation-settings: "wght" 600, "slnt" 0;display: flex;align-items: center;}
  header #logo img {display:none;width:auto;}

  #slider-393 {display:none;}
  
  #slider-389,
  #slider-392,
  #slider-394 {width: calc(100vw - 30px);margin: 10px 15px 0;height: calc(100dvh - var(--headerHeight) - 20px);}

  #slider-389 .item img,
  #slider-392 .item img,
  #slider-394 .item img {object-position: center;}

  body.arquitectura .item,
  body.obra .item {display:none;}
  body.arquitectura .item:has(img),
  body.obra .item:has(img) {display: block;width: calc(100% - 30px);margin:15px 15px 0px;aspect-ratio: auto;}

  body.kevin .album,
  body.fausta .album,
  body.mane .album,
  body.percanta .album {height: calc(100dvh - var(--headerHeight) - 20dvh);margin: 64px 0 0 0px;}
  body.kevin .album .item,
  body.fausta .album .item,
  body.mane .album .item,
  body.percanta .album .item {width: calc(90vw - 30px);margin: 0 15px;}
  body.kevin .album .item img,
  body.fausta .album .item img,
  body.mane .album .item img,
  body.percanta .album .item img {width: 100%;}

  header #main-links li.changed[data-link="kevin"],
  header #main-links li[data-link="percanta"],
  header #main-links li[data-link="fausta"],
  header #main-links li[data-link="mane"],
  header #main-links li[data-link="percanta"] {display: none !important;}
  header #main-links li.initial[data-link="kevin"] {display:block !important;}

  body.kevin .album-index,
  body.fausta .album-index,
  body.mane .album-index,
  body.percanta .album-index {display: block !important;position: fixed;top: 8vh;/* transform: translateY(-100%); */left: 0;}

  body.kevin .album-index a,
  body.fausta .album-index a,
  body.mane .album-index a,
  body.percanta .album-index a {margin: 0.3em 0.4em 0 0;}

  .album-index a[href="/obra"] {display:none;}

  body.kevin .album-index a.active,
  body.fausta .album-index a.active,
  body.mane .album-index a.active,
  body.percanta .album-index a.active {font-variation-settings: "wght" 600, "slnt" 0;background-color:black;color:white;}
  
  #menu #main-links li:not(.initial) {display: block;}

  #slider-397 {height:50dvh;}
  #text-398 {margin: 2rem 0 5rem;padding:0 15px;}

}