html{
	    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.hover-logo{
	display: none;
transform: translateX(1px);
}




@media only screen and (min-width: 961px) {

.menu *:hover, a:hover, .boton:hover{
	cursor: pointer;
color:var(--grey);
}
.menu .active:hover{
color:var(--contrast);
}

.post-content a:hover{
	color: inherit;
	text-decoration: underline;
	}


.mobile, .mobile-menu{
	 display: none !important;
 }

.desktop{
	display: block !important;
}


.work-list ul:has(a:hover) a {
    opacity: 0;
}

.work-list ul:has(a:hover) a:hover {
    opacity: 1;
    color: black;
}

}

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


:root 	{
	
	 --mediano: 14px !important;
	 --medium: 16px !important;
  --body: 14px !important;


}

.menu{
	gap:10px;
	}


}
@media only screen and (max-width: 768px){



.block__caption{
font-size: 13px;
padding: 5px;
}
.overlay__close{
	top:calc(var(--pad) * 2);
	position: fixed;
	}

.overlay__col--about{
display: flex;
flex-direction: column-reverse;
}
.about-image{
	height: auto;
	}

.gallery-item {
flex: 0 0 calc(50% - var(--pad) * 1 / 2) !important;
}
}

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

.info-col{
	justify-content: flex-start;
	  padding: var(--padh) var(--padb);
	  height: auto;
}
}


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

footer{
	font-size: 11px;
}
}
@media only screen and (max-width: 960px),
    only screen and (pointer: coarse) and (orientation: landscape),
       only screen and (max-width: 1024px) and (pointer: coarse) and (orientation: portrait) {

.about-content{
	padding-bottom: 40px;
	}

input[type="text"], input[type="tel"], input[type="email"], input[type="password"], select, textarea{
	width: 100%;
	}
	
	header{
		padding: var(--pad);
		}
	
.overlay{
	height: 100dvh;
	}

.grid-2, .grid-2-alt{
	grid-template-columns: repeat(1, 1fr);
}
.overlay-col {
  padding: var(--padh) var(--padb);
  min-height: 100dvh;
}

.gallery-item {
flex: 0 0 calc(33.333% - var(--pad) * 2 / 3);
}
.page-template-locations_cover .cover-media-full{
	position: static;
	height: auto;
}
.locations-text h2{
	margin-bottom: 30px;
	}
.locations-text{
	position: static;
	height: auto;
	padding: 80px var(--pad) 40px;
	color: var(--contrast);
	}

.media-item.vertical{
	max-height: calc(100vh - var(--header) - var(--pad)) !important;
	aspect-ratio: auto !important;
}
.info-col{
	width: 100%;
}
svg{
	padding: 0 var(--pad);
}
.footer{
	justify-content: space-between;
	gap:var(--pad);
padding: var(--pad);
}	


.page-content {
		padding: 80px var(--pad);
}
	.page-template-hq .grid-2{
		display: flex;
		flex-direction: column-reverse;
		padding: 80px var(--pad);
		gap:40px;
		}
		
		
	.page-template-hq .gallery{
		margin-top: 0;
		}

.grid-sizer,
.work-item { width: 100% !important; 
	left: 0 !important;
	position: static !important;
}

.work-item.horizontal a{
	width: 100% !important;
}
.work-item.vertical a{
	width: calc(100% * 0.7) !important;
	margin-left: auto;
	margin-right: auto;
}

.media-item.vertical{
	width: calc(100% * 0.7) !important;
margin: 0 auto calc(var(--padh * 2)) !important;
}
.media-item.horizontal{
	width: 100% !important;	
}

.filters-cont{
	top:auto;
	right: auto;
bottom:var(--pad);
left: var(--pad);
}

.gallery{
	margin-top: 120px;
	padding: var(--pad) !important;	
	}

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

body,  {
  min-height: var(--real100);
  }
  
  .page-template-about [data-barba="container"]{
	  display: flex;
	  flex-direction: column;
	  min-height:  var(--real100);
	  }
  .page-template-about #main{
	  min-height: 0;
	  }
	  .page-template-about footer{
		  flex:1;
		  height: auto;
		  }
		  
		  .page-template-about  .page-content {
    padding: 80px var(--pad) 0;
  }

.sticky{position: static;
	}

.discipline, 
.centermobile br{
	display: none;
}
.cover-single {
  height: calc(100dvh - var(--header));
}

.work-list {
}
.work-list ul {
  max-width: 100%;
  width: 100%;
  gap:var(--pad);
display: flex;
    flex-direction: column;}

.info-col{
	justify-content: flex-start;
	  padding: var(--padh) var(--padb);
	  height: auto;
}

.work-list li:nth-of-type(4n){
	margin-left: auto;
	margin-right: auto;
}

.more-info{
	opacity: 1;
	right: var(--pad) !important;
	bottom: var(--pad) !important;
	left: auto !important;
	top: auto !important;
	transform: translate(0) !important;
	}
	.block-video__cursor-label{
	right: auto !important;
	bottom: auto !important;
	left: 50% !important;
	top: 50% !important;
}
	/* la opacidad la controla el JS: si no, se queda "Pause" fijo en movil */
	.block-video__cursor-label.is-visible{
	opacity: 1 !important;
}


:root 	{
	
	 --mediano: 18px;
	 --medium: 20px;
  --body: 16px;

  --linemedium: 17px;
  --linebody: 17px;
  
  --lsmedium: 0.05em;
  --lsbody: 0.05em;

--header:37px;
--padh: 50px;
--pad:10px;
	--padb: 30px;

	 --app-height: 100dvh;
	 --real100:100dvh;
}


header [id^="menu-main"]{
	justify-content: space-between;
/*
	color: var(--primary);
	mix-blend-mode: difference;
*/
}
.page-template-home header{
	position: fixed !important;
}
.page-template-locations .works-grid,
.page-template-work .works-grid{
	margin-top: 120px;
	}

.centermobile{
	position: absolute;height: 100%;margin: 0;top: 0;display: flex;flex-direction: column;justify-content: center;
}

body.single {
  overflow: auto;
}

.gallery-slide img, .gallery-slide video{
	height: auto;
	width: 100%;
}
.single .single-gallery{
	position: static;
	padding: 4.7em 40px 2.8em;
	flex-direction: column;
	height: auto;
	width: 100vw;
align-items: center;
transform: none;
}
.post-content strong{
  font-size: var(--body);
  line-height: var(--linebody);
  font-weight: 500;
  letter-spacing: var(--lsbody);
}  
.desktop,  header [id^="menu-lang"]{
	display: none !important;
}


.logo{
padding: 0 var(--pad};
}
.logo img{
	width: auto;
	height: auto;
}

.mobile, .columned{
	display: block !important;
}

.single-gallery {
	transition: none;
  top: calc(var(--real100) * 0.2);
  height: calc(var(--real100) * 0.6);
  }

.more-info{
	bottom: calc(var(--pad) - 2px);
}
.single-gallery.ver-todo .gallery-slide, .single-gallery.ver-todo .gallery-slide .video-wrapper{
	height: 15vh;
}
.single-gallery.ver-todo .gallery-slide img, .single-gallery.ver-todo .gallery-slide video{
	height: 100%;
	width: auto;
	}
	.term-description {
		z-index: 99999999999;
	}
	
	.close_info{
		position: absolute;
		top:var(--pad);
		right:var(--pad);
	}
	
.single-gallery.ver-todo{
	height: fit-content;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	position: absolute;
}
html:has(.single){
	background: var(--primary);
}
.term-description.appear .artist-title-single{
display: block;}


.term-description .artist-title-single{
display: none;}

.artist-title-single{
width: calc(100vw - 80px);
left: 50%;
transform: translateX(-50%);
}

.single-title {
  top: 50px;
  }
.artist-swiper.webgallery img, .artist-swiper.webgallery video{
max-width: 2000vw;
}

.page-template-default{
	background: var(--primary);
}



#main{
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
}

.mobile-menu{
	position: fixed;
	padding: var(--pad);
	right: 0;
	top: 0;
}
.post-content{
	padding: var(--pad) !important;	
}
.page .post-content{
	justify-content: flex-end !important;
	padding: var(--pad) !important;
	text-transform: uppercase;
}


}
