@media (pointer: coarse) {
 .custom-cursor{
	 display: none !important;
 }
 
 .fulled .hover-media.hover-media-text{
	margin-left: var(--pads);
	}

.fulled .caption, .hover-media.hover-media-text{
	display: block;
	opacity: 1;
	width: 100%;
	position: static;
	color: var(--contrast);
	mix-blend-mode:normal !important;
}



.image-caption{
	position: static !important;
	opacity: 1 !important;
	color: var(--contrast);
	mix-blend-mode:normal !important;
}



 }


@media (min-width: 1601px) {

.image-cursor{
transform: scale(1.4)}

:root{
--huge: 4vw;          
--linehuge: 1.2em; 

--xhuge: 6vw;       
--linexhuge: 1.28em; }

.xhuge .service-title{
	font-size: 100px;
}

.framed-slider img, .framed-slider video,
.framed-slider .swiper-slide{
	object-fit:contain;
}

.nav-up {
  top: -130px;
  }


#logo {
    top:38.5px;
    }
    #about{
	margin-top: 26.5px;
}

.hero img, .hero video{
	max-width: 1200px;
	}

.image-block, .featured-image{
	max-width: 100%;
}
.archive .featured-image,
.archive .featured-image img,
.archive .featured-image video,
.page-template-projects .featured-image,
.page-template-projects .featured-image img,
.page-template-projects .featured-image video{
	max-width: 680px;
		max-height: 680px;
}






}


@media (max-width: 1600px) {
:root{
	--body: 15px;
	--linebody: 20px;
	--lsbody:0.05em;
}
}

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

.clear-button:hover {
opacity: 1;
}

#contact .half-image{
	height: 100vh;
}
#contact .post-content{
	height: calc(100vh - var(--pad))
}




.filter-menu{
	display: none;
}

.page-template-about .colophon, .page-template-projects .colophon, .archive .colophon{
	display: none;
}

.page-template-about [class^="menu-social"], .page-template-projects [class^="menu-social"], .archive [class^="menu-social"]{
	margin-left: auto;
}

.search-cont:hover .hover-media-search{
	opacity: 1;
}

.mobile, .mobile-menu{
	 display: none !important;
 }
footer a:hover, header a:hover, .accordion-header:hover, a:hover, .open-search:hover, .close-search:hover{
	color: rgba(0, 0, 0, 1) !important;
}

header .close-project a:hover{
	color: var(--primary) !important;
	opacity: 1;
	}

.desktop{
	display: block !important;
}

button:hover, input:hover{
	background-color: rgba(255,255,255,1);
}

.fulled .caption::before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%; /* Gradient covers the full width of the caption */
    height: 150%; /* Gradient covers the full height */
    background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0)); /* Adjust gradient as needed */
    z-index: -1; /* Places the gradient behind the text */
}



}


/*
@media screen and (max-width: 1600px) and (max-height: 720px) {
	:root 	{
--pad: 20px;
	--body: 13px;
	--linebody: 18px;
	--lsbody:0.05em;

}

}
*/


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

.page-template-contact{
	overflow: hidden;
}
}

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

.project-item:nth-child(3n-1), .project-item:nth-child(3n), .project-item{
	grid-column: span 1 !important;
}
.page-template-projects .featured-image, .page-template-projects .featured-image video{
	width: 100%;
}


.lightbox-swiper-cont.hover-cont .image-caption{
	position: absolute !important;
	right: var(--pads) !important;
	bottom: var(--pads) !important;
	opacity: 0.4 !important;
	}
.lightbox-swiper-cont.hover-cont .image-caption:after{
	content: ' →';
}

#contact{
	height: auto;
	overflow: auto;
}



 .centered-slider .swiper-slide img,  .centered-slider .swiper-slide video{
	 height: 400px;
	 width: auto;
 }
 
 .single .header, .meta{
	display: block;
}


.half-image{
	aspect-ratio:1;
}

 .grid-images{
	 display: grid;
	 grid-template-columns: 1fr 1fr;
	 padding: 0 100px 100px;
	 gap: 100px;
}
.grid-item{
	margin-bottom: var(--padb);
	display: flex;
	flex-direction: column;
}
.grid-item a, .lightbox-link{
	margin-bottom: var(--padb);
	display: flex;
	flex-direction: column;
}



.fulled .featured-image img, .fulled  .featured-image video{
	object-fit:cover;
}

.grid-item img, .grid-item video{
	height: auto;
	width: auto;
	max-height: 100%;
}

.hero{
	padding-top: 0;
	}

.fulled .hover-media.hover-media-text{
	margin-left: var(--pads);
	}

.fulled .caption, .hover-media.hover-media-text{
	display: block;
	opacity: 1;
	width: 100%;
	position: static;
	color: var(--contrast);
	mix-blend-mode:normal !important;
}


#onepagenav{
	display: none;
}

.image-caption{
	position: static !important;
	opacity: 1 !important;
	color: var(--contrast);
	mix-blend-mode:normal !important;
}
.half{
	width: calc(100% - var(--pads) - var(--pads));
	}
.lefted, .centered, .righted
{
	width: calc(100% - var(--pads) - var(--pads));
	margin: 0 var(--pads);
	max-width: 600px;
}
#about .intro {
  margin: 0;
 max-width: 600px; padding: 0;
  width: 100%;
}
#contact{
	display: block;
}
#contact .block-text{
	padding: var(--pads);
}


}

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

.home-intro{
	opacity: 1 !important;
position: static !important;
margin-top: -77px !important;
}
}

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

input[type="text"],
input[type="tel"], 
input[type="email"], 
input[type="password"],
select,
textarea{
	width: 100%;
	}

.page-temnplate-about, .page-temnplate-contact{
	overflow-x: hidden;
}



.page-template-home .featured-image img, .page-template-home .featured-image video{
height: auto;}


header .logo{
	width: 100%;
}
.grid-images{
  display: block;
  padding: var(--pads);	
}

.grid-item, .grid-item a, .lightbox-link {
  max-width: 100%;
  aspect-ratio: auto;
}

.grid-item.horizontal{
	padding: 0 50px;
}
.grid-item.vertical{
	padding: 0 100px;
}
.hero.vertical{
	padding: 0 20%;
}

.page-template-projects .featured-image, .page-template-projects .featured-image img, .page-template-projects .featured-image video{
width: 100%;
max-width: 100%;
}
#projects {
  display: block;
  padding: var(--pads);
}
.project-item{
	padding: 0;
}



.project-item.vertical, .image-block.vertical{
	padding: 0 50px;
}

.featured-image{
	display: flex;
  flex-direction: column-reverse;
}
.framed-slider{
	margin: 0 20px;
	width: calc(100% - 40px);
}
.gallery-wrapper .paginacion{
	position: static;
	margin-top: 10px;
}


.thumbnail-slider .swiper-slide{
	max-height: none;
	aspect-ratio: auto;
}
.thumbnail-slider{
	margin-bottom: 20px;
}
.page-template-home .full-cont-slider, .big-text-section{
	height: auto !important;
}
.big-text-section{
	padding: 195px var(--pad);
}

.page-template-home .centered-slider{
	padding: 50px 0 60px;
}
.single header{
	display: block;
}
.single h1{
	max-width: calc(100% - 70px);
}

.thumb-cont{
	flex-direction: column;
	padding: 0 var(--pad);
}
.thumbnail-gallery{
flex-direction: row;
}
.twothirds{
	width: 100%;
}

.page-template-projects #about, .archive #about{
	height: auto;
}

.search-form{
	display: flex;
	gap:5px;
}

.mobile, [id^="menu-legal"], footer .flex, .section-text, .related-projects, .meta, .block-columns, .thumb-cont, #contact, .locations{
	display: block !important;
}
footer{
	align-items: flex-end;
}

.selected-projects{
	overflow: hidden;
}
.mobile-menu{
	display: flex;
}
.nexter, .prever, .cate, .single #navbar-toggler3{
	display: none !important;
}
.page-template-projects .project-item, .archive .project-item{
	margin-bottom: var(--padb2);
}
.project-item img{
	padding: 0 !important;
}
.work-grid{
	padding: 130px var(--pad) var(--pad);
}

.contact-block{
margin-bottom: 70px;}



.bottom-bar{
 display: none;
 	height: var(--real100);
	width: 100vw;
	background-color: var(--primary);
	align-items: center;
}
.bottom-bar ul li{
	margin: 2.5px 0;
	display: block;
}






	:root 	{
		--body: 14px;
	--linebody: 18px;
	--lsbody: 0.03em;;

	--padb:50px;

	--padb2: 80px;
	--padh: 150px;

}
#image-container{
	z-index: -1;
}
.g_title{
	left: 0;
}
.bggrey .g_title {
  margin-top: 0px;
  margin-bottom: 0px;
}
.centered-slider .swiper-slide img, .centered-slider .swiper-slide video{
	max-height: 350px;
	width: auto;
}

#team .block-slider img.vertical, #equipo .block-slider img.vertical{
max-width: 100%;
}

.awards-block h2 {
  padding: 0 var(--pad) 40px var(--pad);
}
.button{
	font-size: 12px !important;
	line-height: 14.4px !important;
		padding: 9px 32px 7.5px !important;
}
.wrap {
  margin-bottom: -8px !important;
  margin-top: -8px !important;
}

.awards-slider img{
max-height: 74px;
height: 74px;
}

.list-item a{
	grid-template-columns: 1fr 1fr;
}
.field-2{
	order:3;
}
.block-slider img, .block-slider video, .block-slider .swiper-slide{
max-width: 80vw;
}

[id^="menu-main"]{
	text-transform: uppercase;
}
[id^="menu-main"] li{
	margin: 2.5px 0;
}
[class^="menu-social"] li{
	margin-top: 5px;
}
[class^="menu-social"] li:first-of-type(){
	margin-top: 0;
	}

.menu-close{
	text-transform: uppercase;
	position: absolute;
	padding: var(--pads);
}

.hover-menu{
display: flex;
  position: absolute;
  width: 50%;
  padding: var(--pads) var(--pads) var(--pads) 0;
  text-transform: uppercase;
  right: 0;
  justify-content: space-between;
}
[class^="menu-social"]{
	margin-left: 0;
}

[id^="menu-social"]{
		text-transform: uppercase;
display: block;
}

.centered-slider .swiper-slide{
	width: fit-content !important;
}
header [class^="menu-main"], .desktop, header [id^="menu-main"], header [class^="menu-lang"]{
	display: none !important;
}

.section-text h2{
	margin-bottom: calc(var(--pad) * 2);
}

.hero img, .hero video {
  margin: var(--pads);
  height: 100vh;
  width:100%;
  object-fit: contain;
  max-width: 100%;

}


.home-content{
	  pointer-events: none;
}

.home-intro{
	position: absolute;
	bottom: 0;
	margin: 0;
	padding: var(--pads) 0;
}
.page-template-home .home-intro{
margin: 0 var(--pads);
}
footer .flex{
	text-align: center;
	padding: 60px 0;
}


[id^="menu-mobile"] .current-menu-item a,  .wpml-ls-current-language a{
	color: var(--primary);
}

[id^="menu-mobile"]{
	display: flex;
	flex-direction: column;
	gap:70px;
}
[class^="menu-footer-lang"]{
position: fixed;
  bottom: 20px;
  width: 100%;
  text-align: center;
  }


[id^="menu-legal"]{
padding: 0;}
[id^="menu-footer-lang"]{
display: flex;
justify-content: center;
}



.animated-box {
width: 60%;
  height: 100px;
}
.logo-flex.buro{
	width: 330px;
  animation: buro 1.8s ease forwards;
  }


@keyframes buro {
  10% {
width: 100%;
  }

  50%{
    width: 100%;
	  
  }
   
  95%,100% {
    width: 100%;
  }
}



@keyframes horizontalBounce {
  10% {
width: 60%;
  height: 100px;
  }

  50%, 55%{
    width: 100vw;
	  height: 100px;
	  
  }

  95%,100% {
    width: 100vw;
    height: var(--real100);
  }
}




}