@import url("style-base-layouts.css"); /* MAIN LAYOUTS */
@import url("css/blog.css");
@font-face {
  font-family: 'SctoGroteskA';
  src: url('css/fonts/stga-regular.woff2') format('woff2'),
  	   url('css/fonts/stga-medium.woff2') format('woff2'),
       url('css/fonts/stga-bold.woff2') format('woff2');
  font-weight: normal;
  font-style: normal;
  font-display: swap; /* Mejora la carga visual */
}
/* latin-ext */
/* latin-ext */
/* 
@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Mulish:ital,wght@0,200..1000;1,200..1000&display=swap');
 */


/*
	Theme Name: Grenada Child
	Theme URI: http://clapat.ro/themes/grenada-wordpress/
	Description: Responsive Wordpress Theme
	Template: grenada
	Version: 1.0
	Author: You
	Author URI: http://your site
	License: Themeforest
	License: GNU General Public License version 3.0
	License URI: http://www.gnu.org/licenses/gpl-3.0.html
	Tags: four-columns, custom-background, custom-colors, featured-images, full-width-template, theme-options
	Text Domain: grenada-child
*/
/*------------------------------------------------------------------
.container {
		max-width:1280px;
		width:100%;
		margin:0 auto;
		box-sizing:border-box;
	}
	
Add here your own styles     1024px 767px 479px break point theme
-------------------------------------------------------------------*/
:root {
  --main-green-color: #00D083;
  --fluid-font-size: clamp(1rem, 0.95rem + 0.2vw, 1.15rem);
  --fluid-font: clamp(1.1rem, 1rem + 0.4vw, 1.4rem); 
  --fluid-font-size-p: clamp(1rem, 0.95rem + 0.25vw, 1.25rem);
  --bs-font-family-body-special:"SctoGroteskA",sans-serif;
}

/* 
.alignwide{
	width: 100% !important;
    max-width: 100% !important;
    margin-left: 0px !important;
    margin-right: 0px !important;
}
 */
 
.base-alignwide{
	width: 100% !important;
    max-width: 100% !important;
    margin-left: 0px !important;
    margin-right: 0px !important;
}

@media (min-width:768px){
	
	/* 
#main-content .alignwide {
		//
		margin-left: auto;
		margin-right: auto;
		width: 65vw;
		max-width: 1000% !important;
 		//
 		margin-left: calc(50% - 30vw) !important;
   		margin-right: calc(50% - 30vw) !important;
    	width: 60vw !important;
    	max-width: 1000% !important;
	}
	
	#main-content .wp-block-group .alignwide, #main-content .wp-block-image .alignwide {
		margin-left: auto !important;
		margin-right: auto !important;
		width: 65vw !important;
		max-width: 100vw !important;
 		
	}
 */
}

.aligncenter {
	/* 
	display: block !important;
	margin-right: auto !important;
	margin-left: auto !important;
 	*/
	display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

.base-force-center{
	display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

.base-force-center div.collage-thumb,.base-force-center div.collage-thumb .thumb-info{
	/* 
    width: 100% !important;
	height: 100% !important;
    max-width: 100% !important;
    margin-left: 0px !important;
    margin-right: 0px !important;
 */
}



:where(.is-layout-flex-force-gap-05) {
  gap: 0.5em !important;
}

.wp-block-image-force-gap-bottom-05 {
 	margin-bottom: 0.5em !important;
}


/* 
.page-template-portfolio-mixed-page #main-content{
   height:calc(100% - 140px) !important;
}
 */

/* ------------------------------------------------------- */
/*                         HEADER                          */
/* ------------------------------------------------------- */


/* HEADER TRANSPARENTE + LOGO CON CONTRASTE AUTOMÁTICO (mix-blend-mode) */

#base-header {
	width: 100%;
	height: 140px;
	left: 0;
	top: 0;
	background-color: transparent;
	position: fixed;
	box-sizing: border-box;
	z-index: 2101;
	mix-blend-mode: difference !important;
    transition: all 0.3s ease; 
	will-change: transform;
	isolation: isolate;
}

.light-content #menu-burger span {
		background-color:#fff !important;
}

#menu-burger span {
		background-color:#fff !important;
}

#burger-wrapper {
	width: 80px;
	height: 80px;
	float: right;
	top: 0px;
	/* 	right: -28px; 
	right: 0px;*/
	display: flex;
	position: relative;
	justify-content: center;
	align-items: center;
	cursor: pointer;
	z-index:0 !important;
	/* transition: all 0.2s ease; */
	will-change: transform;
	isolation: isolate;
}

#magic-cursor{
	mix-blend-mode: difference !important;
}

/* HEADER TRANSPARENTE + LOGO CON CONTRASTE AUTOMÁTICO (mix-blend-mode) */

#logo{
 	display:block !important;
} 

.clapat-button::before {
	mix-blend-mode: difference !important;
}

.is-base-light .clapat-button:hover span{
	color: #ffffff !important;
    mix-blend-mode: normal !important;
}

.is-base-light .clapat-button, .is-base-light .clapat-button::before{
	overlay:hidden !important;
}

 .is-base-light .clapat-button::before {

	width: 97%;
	
}

.mfp-wrap, .mfp-container, .mfp-bg{
	z-index:  4102 !important;
	outline: 0 !important;
	-webkit-backface-visibility: hidden;
}

/* 
.is-base-contact .fullscreen-menu, .is-base-about .fullscreen-menu, .is-base-stories .fullscreen-menu, .is-base-post .fullscreen-menu{
	background: #0F1010;
	background: linear-gradient(180deg,rgba(15, 16, 16, 1) 0%, rgba(15, 16, 16, 0) 100%) !important;
 }

.is-base-post .base-light-gradient{
	background: #ffffff;
	background: linear-gradient(180deg,rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 70%) !important;
}
*/

.fullscreen-menu{
   background: transparent !important;
}


.wp-block-cover, .wp-block-cover-image {
	margin: 0px 0px 0px 0px ;
}

/* ------------------------------------------------------- */
/*                         DECOR                           */
/* ------------------------------------------------------- */

.circle-image {
  width: 100%;           /* Ocupa el ancho del contenedor */
  max-width: 700px;      /* Tamaño máximo opcional */
  aspect-ratio: 1 / 1;   /* Fuerza que sea un cuadrado perfecto */
  border-radius: 50%;    /* Convierte el cuadrado en círculo */
  object-fit: cover;     /* Ajusta la imagen sin estirarla (como background-size: cover) */
  display: block;        /* Elimina espacios inferiores no deseados */
}

.image-border-decor img{
	/* 
	width: 150px;
	height: 150px;
 	*/
	border-radius: 50%;
	border: 8px solid #D6D6D6;
	-webkit-box-shadow: inset 0px 0px 19px 0px rgba(0,0,0,1);
	-moz-box-shadow: inset 0px 0px 9px 0px rgba(0,0,0,1);
/* 	box-shadow: inset 0px 0px 9px 0px rgba(0,0,0,1); */
	box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.5);
 }
 
.base-box-shadow-image img{
	box-shadow: 0px 0px 50px 0px rgba(0,0,0,0.7);
}

.base-box-shadow-image-soft img {
	box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.25);
}

.base-box-shadow-image-soft-40 img {
	box-shadow: 0px 0px 40px 0px rgba(0,0,0,0.5);
}

.base-box-shadow-video .video-wrapper{
	box-shadow: 0px 0px 50px 0px rgba(0,0,0,0.7);
	background-color: black;
}
/* 
	VIDEO PLAYER 
 */

.control {
	bottom: .90vw !important;
	color: #ccc;
	display: none;
	left: 0;
	position: absolute;
	width: calc(100% - 40px);
	z-index: 5;
	background-color: #eee;
	padding: 0;
	box-sizing: border-box;
	right: 0;
	margin: 0 auto;
}

.wp-block-separator {
	border: none;
	border-top: 3px solid;
	width: 90px;
	margin: auto;
	margin-top: 15px;
	margin-bottom: 15px;
}

.wp-block-separator {
	height: 1px;
}

.ruido {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAMAAAAp4XiDAAAAUVBMVEWFhYWDg4N3d3dtbW17e3t1dXWBgYGHh4d5eXlzc3OLi4ubm5uVlZWPj4+NjY19fX2JiYl/f39ra2uRkZGZmZlpaWmXl5dvb29xcXGTk5NnZ2c8TV1mAAAAG3RSTlNAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEAvEOwtAAAFVklEQVR4XpWWB67c2BUFb3g557T/hRo9/WUMZHlgr4Bg8Z4qQgQJlHI4A8SzFVrapvmTF9O7dmYRFZ60YiBhJRCgh1FYhiLAmdvX0CzTOpNE77ME0Zty/nWWzchDtiqrmQDeuv3powQ5ta2eN0FY0InkqDD73lT9c9lEzwUNqgFHs9VQce3TVClFCQrSTfOiYkVJQBmpbq2L6iZavPnAPcoU0dSw0SUTqz/GtrGuXfbyyBniKykOWQWGqwwMA7QiYAxi+IlPdqo+hYHnUt5ZPfnsHJyNiDtnpJyayNBkF6cWoYGAMY92U2hXHF/C1M8uP/ZtYdiuj26UdAdQQSXQErwSOMzt/XWRWAz5GuSBIkwG1H3FabJ2OsUOUhGC6tK4EMtJO0ttC6IBD3kM0ve0tJwMdSfjZo+EEISaeTr9P3wYrGjXqyC1krcKdhMpxEnt5JetoulscpyzhXN5FRpuPHvbeQaKxFAEB6EN+cYN6xD7RYGpXpNndMmZgM5Dcs3YSNFDHUo2LGfZuukSWyUYirJAdYbF3MfqEKmjM+I2EfhA94iG3L7uKrR+GdWD73ydlIB+6hgref1QTlmgmbM3/LeX5GI1Ux1RWpgxpLuZ2+I+IjzZ8wqE4nilvQdkUdfhzI5QDWy+kw5Wgg2pGpeEVeCCA7b85BO3F9DzxB3cdqvBzWcmzbyMiqhzuYqtHRVG2y4x+KOlnyqla8AoWWpuBoYRxzXrfKuILl6SfiWCbjxoZJUaCBj1CjH7GIaDbc9kqBY3W/Rgjda1iqQcOJu2WW+76pZC9QG7M00dffe9hNnseupFL53r8F7YHSwJWUKP2q+k7RdsxyOB11n0xtOvnW4irMMFNV4H0uqwS5ExsmP9AxbDTc9JwgneAT5vTiUSm1E7BSflSt3bfa1tv8Di3R8n3Af7MNWzs49hmauE2wP+ttrq+AsWpFG2awvsuOqbipWHgtuvuaAE+A1Z/7gC9hesnr+7wqCwG8c5yAg3AL1fm8T9AZtp/bbJGwl1pNrE7RuOX7PeMRUERVaPpEs+yqeoSmuOlokqw49pgomjLeh7icHNlG19yjs6XXOMedYm5xH2YxpV2tc0Ro2jJfxC50ApuxGob7lMsxfTbeUv07TyYxpeLucEH1gNd4IKH2LAg5TdVhlCafZvpskfncCfx8pOhJzd76bJWeYFnFciwcYfubRc12Ip/ppIhA1/mSZ/RxjFDrJC5xifFjJpY2Xl5zXdguFqYyTR1zSp1Y9p+tktDYYSNflcxI0iyO4TPBdlRcpeqjK/piF5bklq77VSEaA+z8qmJTFzIWiitbnzR794USKBUaT0NTEsVjZqLaFVqJoPN9ODG70IPbfBHKK+/q/AWR0tJzYHRULOa4MP+W/HfGadZUbfw177G7j/OGbIs8TahLyynl4X4RinF793Oz+BU0saXtUHrVBFT/DnA3ctNPoGbs4hRIjTok8i+algT1lTHi4SxFvONKNrgQFAq2/gFnWMXgwffgYMJpiKYkmW3tTg3ZQ9Jq+f8XN+A5eeUKHWvJWJ2sgJ1Sop+wwhqFVijqWaJhwtD8MNlSBeWNNWTa5Z5kPZw5+LbVT99wqTdx29lMUH4OIG/D86ruKEauBjvH5xy6um/Sfj7ei6UUVk4AIl3MyD4MSSTOFgSwsH/QJWaQ5as7ZcmgBZkzjjU1UrQ74ci1gWBCSGHtuV1H2mhSnO3Wp/3fEV5a+4wz//6qy8JxjZsmxxy5+4w9CDNJY09T072iKG0EnOS0arEYgXqYnXcYHwjTtUNAcMelOd4xpkoqiTYICWFq0JSiPfPDQdnt+4/wuqcXY47QILbgAAAABJRU5ErkJggg==);  
} 


.clients-table {
	margin: 0;
	margin-left: 2px;
	display: block;
	-webkit-box-shadow: none !important;	
	box-shadow: none !important;
}


main{
	background-image: url("assets/background-texture.png");
	/* 	background-size: contain; */
	background-repeat: repeat;
}

.clients-table li {
	background-color: transparent !important;
}

.is-base-cover-transparent{
	background-color: transparent !important;
}

/*  ---   DATK - LIGHT  --- */
/*  ---  is-base-light - txt oscuro  --- */
/*  ---  is-base-dark - txt claro  --- */

#magic-cursor { pointer-events: none !important; /* deja pasar el hover al elemento de abajo */ transition: filter 0.5s ease;}

.is-base-light #magic-cursor{
	filter:invert(1) !important;
}

/* 
.is-base-light #magic-cursor.no-invert { filter: invert(0) !important; }


.is-base-light #black-fade:hover #magic-cursor {
    filter: invert(0) !important;
}

.is-base-light #black-fade:hover + #magic-cursor {
    filter: invert(0) !important;
}

.is-base-light #sidebar .search-icon{
  filter:invert(1) !important;
}
 */

.is-base-light #sidebar .wp-block-search__label{
	filter:invert(1) !important;
}

.is-base-light form .wp-block-search__button svg {
	filter:invert(1) !important;
}


.is-base-light #base-footer a.link{
	color:#000 !important;
}

.is-base-light #base-footer .base-footer-p{
	color:#000 !important;
}

/*  -------------------- ALPHAS -------------------------  */

.base-alpha-50{
	opacity: 0.5;
}

.base-alpha-40{
	opacity: 0.4;
}

.base-alpha-30{
	opacity: 0.3;
}

.base-alpha-20{
	opacity: 0.2;
}

.base-alpha-10{
	opacity: 0.1;
}

.is-base-invert{
	filter:invert(1) !important;
}

/* -----------------    QUOTES    ------------------------ */

.wp-block-quote {
	border: solid !important;
	background-color: #E5E6E5;
	border-top: 10px solid #F9F9F9 !important;
	border-bottom: 10px solid #F9F9F9 !important;
	border-left: 0px solid #F9F9F9 !important;
	border-right: 0px solid #F9F9F9 !important;
}

/* ------------------------------------------------------- */
/*                          HOME                           */
/* ------------------------------------------------------- */	

#external-caption {
	width: calc(100% - 240px);
	/* 	height: 22px; */
}

#external-caption::before {
	background-color: var(--main-green-color) !important;
}

@media only screen and (max-width: 767px) {
	#external-caption {
		left: 40px;
		width: calc(100% - 80px);
	}
}
.slide-caption{
	font-size: clamp(12px, calc(0.75rem + ((1vw - 7.68px) * 0.5208)), 18px) !important;
  	min-height: 0vw;
}

/* ------------------------------------------------------- */
/*              ANCHO BY BASE   .is-base-page              */
/* ------------------------------------------------------- */	

#header-container {
	box-sizing: border-box;
	height: inherit;
	padding: 30px 80px !important;
	margin: 0 auto;
	position: relative;
	width: 100%;
	z-index: 20;
	opacity: 0;
}

#main-page-content{
	width: 100% !important;
	max-width: 100% !important;
	padding: 0px 80px 0px 80px !important;
}

#main-content .alignwide {
	margin-left: 0px !important;
	margin-right: 0px !important;
	width: 100% !important;
	max-width: 100% !important;
} 

#main-content .project-page .alignfull .alignwide {
	margin-left: auto !important;
	margin-right: auto !important;
	/* width: 100% !important; */
	max-width: 1200px !important;
}

#hero-caption{
	max-width: 100% !important;
	padding: 180px 80px 180px 80px !important;
}

#hero-sub-header{
	max-width: 100% !important;
	padding: 180px 80px 70px 80px !important;
}


#main-content .wp-block-image.alignwide img{
        margin-left:0!important;
        margin-right:0!important;
        width:100%!important;
        max-width:100%!important
    }

/*   blog    */


/*   Portfolio    */
div#main-page-content.portfolio-page div#hero-sub-header{
   padding: 0px 0px 0px 0px !important;
}

/* ------------------------------------------------------- */
/*                        MEDIA QUERIES                    */
/* ------------------------------------------------------- */	

@media only screen and (max-width: 1466px) {
	
	#header-container {
		padding: 15px 80px;
		margin: 0 auto;
	}
	
	/*   Footer     */
	
	#footer-container {
		padding: 0 80px;
		margin: 45px auto;
		display: flex;
    	flex-direction: row;
    	justify-content: space-between;
	}
	.socials-icon {
		line-height: 28px !important;
	}
	.socials-text {
		line-height: 28px !important;
	}
	.socials-wrap-{
		width: 250px;
	}
	
	/*   blog    */
}

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

	#menu-burger {
		display: block;
		position: absolute;
		right: 0px;
		/* top: 32px; */
	}

	
	#logo {
		left: 0px;
	}
	
	.socials-icon, .socials-text {
		display:inline-block;
	}
	/*   blog    */
}

@media only screen and (max-width: 767px) {
	#menu-burger {
		display: block;
		position: absolute;
		right: 0px;
/* 		top: 32px; */
	}
	
	#logo {
		left: 0px;
	}
	
	#open-sidebar-nav {
		display: block;
		right: 90px;
		top: 58px;
		opacity: 1;
	}
}

@media only screen and (max-width: 479px) {	
	
	#menu-burger {
		display: block;
		position: absolute;
		right: 0px;
/* 		top: 32px; */
	}
	
	#header-container {
		box-sizing: border-box;
		height: inherit;
		padding: 30px 40px !important;
		margin: 0 auto;
		position: relative;
		width: 100%;
		z-index: 20;
		opacity: 0;
	}
	
	#logo {
		left: 0px;
	}
	
	#open-sidebar-nav{
		/*  display: none !important; */
		z-index: 2102 !important;
	}
	
	.socials-text{
		display:none !important;
	}

}

/* ------------------------------------------------------- */
/*                       END MEDIA QUERIES                 */
/* ------------------------------------------------------- */


/* ------------------------------------------------------- */
/*                     Contact Form                        */
/* ------------------------------------------------------- */

.wpcf7-submit-100{
/* 	width: 100% !important; */
}

.base-contact .wpcf7-submit{
	background-color: white !important;
	color:black !important;
}

.base-contact .wpcf7-clear{
	background-color: white !important;
	color:black !important;
	padding: 16px 20px !important;
	opacity: 1;
	transition: opacity .2s ease-out !important;
}

.base-contact .wpcf7-clear:hover{
		opacity: 1;
}

.base-clapat-button::before {
	mix-blend-mode: difference !important;
}

.base-clapat-button::before {
	content: '' !important;
	position: absolute !important;
	bottom: 0px !important;
	left: 0 !important;
	width: 100% !important;
	height: 100% !important;
	background: #333 !important;
	transform: scaleX(0) !important;
	transform-origin: right !important;
	transition: transform .2s ease-out !important;
}

.base-clapat-button:hover::before {
		transform: scaleX(1) !important;
		transform-origin: left !important;
}

.is-base-light .base-clapat-button:hover span{
	color: #ffffff !important;
    mix-blend-mode: normal !important;
}

.is-base-light .base-clapat-button, .is-base-light .base-clapat-button::before{
	overlay:hidden !important;
}

 .is-base-light .base-clapat-button::before {

	width: 97%;
	
}

.base-contact .1{
	background-color: white !important;
	color:black !important;
	padding: 16px 20px !important;
}


.base-contact span.wpcf7-not-valid-tip {
	color: #f00;
	font-size: 10px;
	font-weight: normal;
	display: block;
	position: absolute;
	top: -20%;
}


.base-contact .wpcf7 form.invalid .wpcf7-response-output, .base-contact .wpcf7 form.unaccepted .wpcf7-response-output, .base-contact .wpcf7 form.payment-required .wpcf7-response-output {
	border-color: #777777;
}

.wpcf7 form .wpcf7-response-output {
	margin: 0em 0em 0em;
	padding: 0.2em 1em;
	border: 2px solid #00a0d2;
}

div.wpcf7-response-output {
	margin: 0;
	margin-top: 20px;
	border-radius: 3px;
	line-height: 24px;
	font-size: 12px;
	background: transparent !important;
	color: #fff;
}

form.wpcf7-form p label{
	font-size: 18px !important;
}

.is-base-contact .wp-block-column-is-layout-flow h6{
	font-size: 30px;
	line-height: 40px;
	margin-left: -1px;
	text-transform: uppercase;
}

.is-base-contact .wp-block-column-is-layout-flow{
	font-size: 18px;
}

.is-base-cf7{
	filter: invert(1);
}

.wpcf7-form button.clapat-button{
  display:inline-block;
  -webkit-appearance:none;
  appearance:none;
  text-decoration:none;
}

/* ------------------------------------------------------- */
/*                          Blog                           */
/* ------------------------------------------------------- */

#blog {
	width: 100%;
	max-width: 100% !important;
	padding: 0 80px;
	margin: 0 auto;
	position: relative;
	box-sizing: border-box;
}

#blog-content {
	position: relative;
	/* 	max-width: 1160px; */
	max-width: 100% !important;
	margin: 0 auto;
	margin-bottom: 0;
}

div#main-content .footnotes.is-layout-flow.wp-block-column-is-layout-flow ol.wp-block-footnotes li a{
	color:var(--main-green-color);
}


#post {
	width: 100%;
    /* 	max-width: 1280px; */
    max-width: 100% !important;
    padding: 0 80px; 
	margin: 0 auto;
	position: relative;
	box-sizing: border-box;
}

#post-content, .post-meta-data, .post-navigation, .post-comments, .post-form {
	position: relative;
    /* 	max-width: 1160px; */
	max-width: 100% !important;
	margin: 0 auto;
	box-sizing: border-box;
	opacity: 0;
	transform: translateY(10vh);
	-webkit-transform: translateY(10vh);
}

#post-content{
	padding-bottom: 150px;
}

.post-navigation{
	padding-bottom: 150px !important;
}

.post-next{
	display: flex;
    flex-direction: row-reverse;
    justify-content: space-between;
    align-items: center;
}

.footnotes{
	opacity: .4;
}

.entry-meta a{
	opacity: .4;
}
.entry-meta a:hover{
	opacity: 1;
}

.footnotes:hover{
	opacity: 1;
}

div.post-navigation div.container{
	max-width: 100%;
}

div.post-meta-data div.container{
	max-width: 100%;
}

.blog-dot-decor{
	font-size: 36px;
  	line-height: 48px;
  	font-weight: 600;
  	color:var(--wp--preset--color--light-green-cyan) !important;
}

.article-content{
	padding-right: 70px;
} 


article {
	position: relative;
	display: block;
	box-sizing: border-box;
	padding-bottom: 120px;
	opacity: 0;
	transform: translateY(10vh);
	-webkit-transform: translateY(10vh);
	border-bottom: 1px solid #f5f5f524;
	margin-bottom: 100px;
	-webkit-transition: border-color .4s linear; /* Saf3.2+, Chrome */
    -moz-transition: border-color .4s linear; /* FF3.7+ */
    -o-transition: border-color .4s linear; /* Opera 10.5 */
    transition: border-color .4s linear;
}

.is-base-stories article:last-child {
  border-bottom: 1px solid transparent !important;
  padding-bottom: 0px !important;
}

/* FONDO CLARO CSS */

.is-base-light .article-wrap {
	position:relative;
	-webkit-transition: opacity 0.1s ease-in-out;
	transition: opacity 0.1s ease-in-out;
	opacity: 0.9 !important;	
}

.is-base-light article {
	position: relative;
	display: block;
	box-sizing: border-box;
	padding-bottom: 120px;
	opacity: 0;
	transform: translateY(10vh);
	-webkit-transform: translateY(10vh);
	border-bottom: 1px solid #4B4B4B;
	margin-bottom: 100px;
	-webkit-transition: border-color .4s linear; /* Saf3.2+, Chrome */
    -moz-transition: border-color .4s linear; /* FF3.7+ */
    -o-transition: border-color .4s linear; /* Opera 10.5 */
    transition: border-color .4s linear;
}

.is-hidden-forced {
    opacity: 0 !important;
    visibility: hidden !important;
}

.is-hidden-forced::after  {
    opacity: 0 !important;
    visibility: hidden !important;
}



/* ------------------------------------------------------- */
/*                 Magnific Popup lightbox                 */
/* ------------------------------------------------------- */

.mfp-image-holder .mfp-content, img.mfp-img {
	max-width: 85vw !important;
}

.mfp-iframe-holder .mfp-close, .mfp-image-holder .mfp-close {
	color: #FFF;
	right: 0px !important;
	top: 0px !important;	
	background: transparent !important;
}

.mfp-arrow::before {
	background: transparent !important;
}
	

/* ------------------------------------------------------- */
/*                          TXT                            */
/* ------------------------------------------------------- */	

/* HOME PAGE TITLES SCROLL */
.slide-title{
	font-size: clamp(2.5rem, 12.844vw + -1.345rem, 6.875rem) !important;
	line-height: clamp(2.5rem, 14.862vw + -1.949rem, 7.563rem) !important;
}

.wp-block-heading-h2-line-h{
	line-height: 40px !important;
}

.base-txt-justificado{
  	/* 
	font-family: 'Montserrat', sans-serif ;
  	font-family: 'Mulish', sans-serif;
 	*/
	text-align: justify;
	text-justify: inter-word;    
	hyphens: auto;
    -webkit-hyphens: auto;
            
    /* Evita viudas y mejora el balanceo */
    text-wrap: pretty;
	/* font-size: var(--fluid-font-size-p); */
    
   /* 
 	font-size: clamp(1rem, 0.246vw + 0.936rem, 1.125rem);
    line-height: clamp(1.5rem, 0.7vw + 1.319rem, 1.856rem);
 	*/
            
	/*  font-size desde 16 a 20px line height 1,5 a 1,65  */
    
	font-size: clamp(1rem, 0.534vw + 0.84rem, 1.25rem);
	line-height: clamp(1.5rem, 1.202vw + 1.14rem, 2.063rem);
    
}

.base-txt-justificado strong, .base-txt-justificado strong mark {
    /* font-variation-settings: 'wght' 700; */
    color: #777777;
}

.base-txt-justificado .p-light strong, .base-txt-justificado .p-light strong mark {
    /* font-variation-settings: 'wght' 700; */
    color: #ffffff !important;
}

.base-txt-justificado.p-light strong, .base-txt-justificado.p-light strong mark{
	color: #ffffff !important;
}


mark, ins {
	padding: 0px 0px !important;
	margin: 0px !important;
	text-indent: 0px !important;
}

strong mark{
	padding: 0px 0px !important;
	margin: 0px !important;
	text-indent: 0px !important;
}

.letter-spacing-p{
  letter-spacing: -0.5px;
}

.is-base-line-height-normal{
	line-height: normal !important;
}


/* HERO PORTFOLIO ELEMENT FONT */
#hero-caption .hero-title{
    font-size: clamp(3.125rem, 13.645vw + -3.416rem, 7.5rem) !important;
	line-height: clamp(3.75rem, 11.696vw + -1.857rem, 7.5rem) !important;
	height: auto !important;
	margin-top: 0px !important;
}

.next-project-title .main-title{
	font-size: clamp(3.125rem, 13.645vw + -3.416rem, 7.5rem) !important;
	line-height: clamp(3.75rem, 11.696vw + -1.857rem, 7.5rem) !important;
	
}
/* NEXT PORTFOLIO ELEMENT FONT TO HERO ELEMENT ANIMATION */
.next-project-title{
   height: auto !important;
   max-width:100% !important;
}

.base-txt-list{
	list-style-type: none !important;
	border-left: 4px solid var(--main-green-color) !important;
	padding-left: 25px  !important;
	padding-bottom: 5px !important;
	padding-top: 5px !important;
	margin-left: 0px;
	font-size: clamp(14px, calc(0.875rem + ((1vw - 7.68px) * 0.5208)), 20px) !important;
  	min-height: 0vw !important;
  	line-height: clamp(1.75rem, 1.256vw + 0.87rem, 2rem) !important;
}

.base-alturalinea-h3-rect{
	line-height: normal !important;
}

.base-alturalinea-normal-rect{
	line-height: normal !important;
}

.base-alturalinea-cero-rect{
	line-height: 0px !important;
}

/* .sangria:first-of-type { */
p.sangria::first-line{
  text-indent: 40px;
}

p.sangria {
  text-indent: 0;       /* quitar sangría nativa */
  padding-left: 2em;    /* espacio para sangría */
}

p.sangria::before {
  content: "";
  display: inline-block;
  width: 2em;           /* sangría simulada */
}

.times{
	font-family: "Times New Roman", Times, serif !important;
	font-size: 5vw !important;
	font-weight: 100 !important;
}


.base-force-italic, .base-force-italic em{
	font-style: italic !important;
}

.special-font{
	font-family:var(--bs-font-family-body-special);
}

/* 1. Estilo para cuando SÍ es la Home */
body.is-base-home .hero-subtitle {
	line-height: 20px !important;
	font-style: italic !important;
	top: -15px !important;
	font-size: clamp(12px, calc(0.75rem + ((1vw - 7.68px) * 0.6944)), 20px);
    min-height: 0vw;
    font-family: 'Poppins', sans-serif !important;
    font-style: normal !important;
    font-weight:600 !important;
}

/* 2. Estilo para cuando NO es la Home (resto del sitio) */
body:not(.is-base-home) .hero-subtitle {
    line-height: 20px !important;
    font-style: normal !important;
	top: -15px !important;
	font-size: clamp(12px, calc(0.75rem + ((1vw - 7.68px) * 0.6944)), 20px);
    min-height: 0vw;
    font-family:var(--bs-font-family-body-special)!important;
    font-weight: 300 !important;
}

body:not(.is-base-home) .hero-subtitle::before {
	background-color: var(--wp--preset--color--light-green-cyan) !important;
}

#hero.has-image h2.hero-subtitle{
	line-height: 20px !important;
	font-style: italic !important;
	top: -15px !important;
	font-size: clamp(12px, calc(0.75rem + ((1vw - 7.68px) * 0.6944)), 20px);
    min-height: 0vw;
    font-family: 'Poppins', sans-serif !important;
    font-style: normal !important;
    font-weight:600 !important;
}


.base-txt-justificado-h2{
  	text-align: justify;
	text-justify: inter-word;    
	hyphens: auto;
    -webkit-hyphens: auto;
    /* Evita viudas y mejora el balanceo */
    text-wrap: pretty;
}

.is-base-black{
	color:#303030 !important;
}

.is-base-black::before{
	background-color:#303030 !important;
}

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



.fullscreen-menu .flexnav li a {
	font-weight: 600;
	font-family: 'Poppins', sans-serif;
	font-size: 6vw;
	line-height:5vw;
	padding: 0.781vw 0;
	color: inherit;
	text-align: right;
}

.fullscreen-menu .flexnav {
	margin: 0 auto;
    margin-top: 0px;
    margin-right: 80px;
    margin-bottom: 0px;
    margin-left: auto;
}

#base-main-column-anim{
	opacity:0;
}

/* ------------------------------------------------------- */
/*                         SPACES                          */
/* ------------------------------------------------------- */	
.img-force-wide img{
	max-width:100%;
	width:100%;
}

.is-base-left-05{
	left: -5px !important;
	position: relative;
}

.is-style-wide{
	max-width:100%;
	width:100%;
}

.base-space-response{
   height: 15vh !important;
}

.base-space-response-menu-bottom{
   height:  0.2vw !important;
}

.base-padding-80{
 	z-index: 0 !important;
	padding: 0 80px;
}

.no-margen-abajo{
	margin-bottom: 0px !important;
}

/* 
div:has(> .no-margen-abajo) {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
}
 */

.sidebar-content > :first-child {
	padding-top: 30px;
}

.base-padding-R-80{
	padding-right: 80px !important;
}
.base-padding-L-80{
	padding-left: 80px !important;
}

.reveal-text {
  font-size: 3rem;
  font-weight: bold;
  color: rgba(255, 255, 255, 0.1); /* Texto base casi invisible */
  background: linear-gradient(to right, transparent, #fff, transparent);
  background-size: 200% 100%;
  background-clip: text;
  -webkit-background-clip: text;
  animation: shine 3s infinite;
}

@keyframes shine {
  0% { background-position: -200% 0; }
  100% { background-position: 200% 0; }
}

/* ------------------------------------------------------- */
/*                       PORTFOLIO                         */
/* ------------------------------------------------------- */

#portfolio-wrap{
	padding: 0 !important;
  	margin: 0 !important;
  	width: calc(100% + 1.27vw)!important; /* Evita overflow horizontal */
  	box-sizing: border-box;
}

#portfolio-wrap .item{
	margin: 0px 0px 120px 0px !important;
	padding: 0px !important;
	/* 	width: calc(28vw + 0.58vw) !important; */
	box-sizing: border-box;
	float: left;
}

#portfolio-wrap .item .item-caption{
	display: none;
}

#portfolio-wrap .item.item-margins{
	margin: 0px 0px 0px 0px !important;
	padding: 0px !important;
	box-sizing: border-box;
	float: left;
	width: calc((101% - 40px) / 12) !important;
}

#portfolio-wrap {
	position: relative;
	margin: 0 auto;
	width: 100%;
	max-width: none;
	padding: 0 50px;
	box-sizing: border-box;
	min-height: 10vh;
}

#portfolio {
	position: relative;
	margin: 0 auto;
	padding: 0;
	padding-bottom: 4.883vw;
	box-sizing: border-box;
	-webkit-transition: height 0.5s ease-out;
	transition: height 0.5s ease-out;
	overflow: hidden;
}

#portfolio-wrap .item{
	opacity: 1; /* Estado inicial */
    transition: opacity 0.3s ease-in-out;
    will-change: opacity; /* Optimización para el navegador */
}

/* --- MÓVIL (Menos de 1024px) --- */
@media screen and (max-width: 1023px) {

#portfolio-wrap{
	padding: 0 !important;
  	margin: 0 !important;
  	width: 100%!important; /* Evita overflow horizontal */
  	box-sizing: border-box;
}

  #portfolio-wrap .item.item-margins {
    width: 100% !important;   /* Ocupa todo el ancho */
    height: 100px !important;  /* Altura fija para que se vea como una franja horizontal */
    margin-bottom: 10px !important;
  }
  
}

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


.copyright-text {
	float: left;
	font-size: 12px !important;
	font-weight: 600;
	font-family: 'Poppins', sans-serif;
	line-height: 40px;
	display: flex;
}

.copyright-text p{
	font-size: 12px !important;
}

.copyright-wrap:hover {
		transform: none;
		-webkit-transform: none;
}

.socials-icon.link a.fa{
	transform: scale(1.3);
	transition: all .2s ease-in-out;
}

.socials-icon.link a.fa:hover{
	transform: scale(1.4); 
}

.socials-icon {
	float: right;
	width: 30px;
	height: 40px;
	font-size: 12px;
	line-height: 40px;
	text-align: right;
	margin-left: 0px;
	transform: scale(1);
	transition: all 0.2s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
}

.light-content a.link, .light-content p a, .light-content .socials-icon.link a{
	color: #fff;
}


/*                    FOOTER BASE PATTERN                       */

div#base-footer hr.wp-block-separator{
	width: 100%;
	height: 1px;
}

div.wp-block-group.base-footer hr.wp-block-separator{
	width: 100% !important;
	height: 1px !important;
}

.wp-block-navigation__container:only-child, .wp-block-page-list:only-child {
	flex-grow: 1;
	flex-direction: column;
	justify-content: flex-start !important;
	text-align: left;
	text-align: revert-layer;
}

div#base-footer ul.wp-block-navigation__container{
	flex-grow: 1;
  	flex-direction: column;
  	justify-content: flex-start !important;
  	text-align: left;
}

div#base-footer .wp-block-navigation .wp-block-navigation-item {
	width: 100%;
}

div#base-footer ul.wp-block-latest-posts__list {
	margin-bottom: 0;
	margin-left: 0;
	margin-top: 0;
	padding-left: 0;
}

div#base-footer ul.wp-block-latest-posts__list li {
	line-height: 20px;
	margin-bottom: 20px;
}
div#base-footer ul.wp-block-latest-posts__list li a{
	color:whitesmoke;
}

.base-footer-p{
	margin-bottom: 0;
	line-height: normal;
}

#base-footer{
	padding: 0px 0px 0px 0px;
}

.base-footer-wide{
	padding: 0px 80px 0px 80px;
}
/* 
.is-base-portfolio #base-footer{
	padding: 0px 80px 0px 80px;
}

.base-footer-wide{
	padding: 0px 80px 0px 80px;
}
 */
 
.base-footer .special-font{
	font-size: 14px !important;
}

.is-base-force-font-8, .base-footer .is-base-force-font-8{
	font-size: 8px !important;
}


.is-base-light .base-footer .safe-svg-inside svg{
	filter: invert(1) !important;
}


.is-base-light div#base-footer div.safe-svg-inside.safe-svg-inline svg{
	filter: invert(1) !important;
}


/* ------------------------------------------------------- */
/*                GUTTENBERG CUSTOM STYLES                 */
/* ------------------------------------------------------- */

.wp-block-separator.is-style-base-separador-vertical {
    border: none;
   	width: 4px !important;
	height: 44px !important;
    margin: 2em auto;
    opacity: 1;
}

/* ------------------------------------------------------- */
/*             SIDEBAR - GUTTENBERG SEARCH                 */
/* ------------------------------------------------------- */
#sidebar{
	z-index: 2102 !important;
}

#sidebar form input{
  background-color: transparent;
}

:where(.wp-block-search__button-inside .wp-block-search__inside-wrapper) {
  background-color: transparent;
  border: 0px solid #949494 !important;
  box-sizing: border-box;
  padding: 4px;
}

#sidebar form .wp-block-search__button{
	background-color: transparent;
	border:none;
/* 	border-bottom: 1px solid #949494; */
}


#sidebar form .wp-block-search__input{
	border-bottom: 0px solid #949494 !important;
	background-color: #474747 !important;
	padding-left: 22px;
}
.is-base-light #sidebar form .wp-block-search__input{
	background-color: #C6C6C6 !important;
}
.is-base-light #sidebar form .wp-block-search__button{
	background-color: #C6C6C6 !important;
}

#sidebar h2{
	color: whitesmoke;
	font-size: 30px !important;
}

#sidebar form label.wp-block-search__label{
	color: whitesmoke;
	font-size: 30px !important;
	opacity:0.7 !important;
}

.is-base-light #sidebar h2,.is-base-light #sidebar a, .is-base-light #sidebar p{
	color: #0A0A0A;
}

#sidebar form .wp-block-search__label, #sidebar a{
	color: whitesmoke;
	font-size: 18px !important;
}

#sidebar form .wp-block-search__button{
	background-color: #474747 !important;
	margin-left: 0px;
}

#sidebar hr{
/* 	 border: 1px solid #949494 !important; */
	 height: 0.5px;
	  border: none;
	background-color: #C0C0C0 !important;
	opacity:.5;
}

.is-base-light #sidebar hr{
opacity:.8;
}

#sidebar form .wp-block-search__button svg {
	height: 1.25em;
	min-height: 34px;
	min-width: 34px;
	width: 1.25em;
	fill: white;
	vertical-align: text-bottom;
	opacity:0.5;
	transition: opacity 0.2s ease-in-out;
}
#sidebar form .wp-block-search__button svg:hover {
	opacity:1;
}

#sidebar form .wp-block-search__label{
	color:whitesmoke;
	font-size: 18px;
}

#sidebar{
	pointer-events: auto !important;
	right: -370px !important;
	transition: all 0.3s ease;
}

#sidebar.hidesidebar{
	right: -40px !important;
	pointer-events: none !important;
}

div#header-container nav .menu-timeline .link{
    cursor: pointer !important;
}

div#header-container nav .menu-timeline .link.active{
	pointer-events: none;
	opacity:0.12;
}

div#header-container nav .menu-timeline .link.active::before {

}

/* ------------------------------------------------------- */
/*   FIX FOOTER CON CONTENIDO CORTO EN SCROLL CONTENT      */
/* ------------------------------------------------------- */

/* FIX FOOTER CON CONTENIDO CORTO EN SCROLL CONTENT */
/* Aseguramos que el contenedor ocupe todo el alto visual */

.scroll-content {
  display: flex;
  flex-direction: column;
  width: 100%;
  min-height: 100%; /* Importante: mínimo el alto del padre */
  margin: 0;
}

#main {
  flex: 1 0 auto; /* Crece para ocupar el espacio sobrante, empujando el footer */
}

footer {
  flex-shrink: 0; /* Evita que el footer se comprima */
  width: 100%;
  padding: 20px 0;
  /* Tus estilos de centrado aquí */
}

/* ------------------------------------------------------- */
/*   FIX FOOTER CON CONTENIDO CORTO EN SCROLL CONTENT      */
/* ------------------------------------------------------- */

/* 
#main-page-content.project-page {
	margin-bottom: 0px !important;
}

#project-nav-base {
		height: 100vh;
		width: 100%;
		color: #000;
		position: fixed;
		margin-bottom: 0;
		top:0px !important;
		left: 0px !important;
		z-index:99000 !important;
		background-color: green;
		opacity:0.5;
		overflow: hidden;
}

.next-project-title{
	z-index:99001 !important;
}

.next-project-image-base {
		position: absolute;
		top: 100vh;
		left: 0;
		height: 100vh;
		width: 100%;
		background-size: cover;
		background-position:center center;
		background-repeat: no-repeat;
		opacity:0.8;
		-webkit-transform: scale(1) translateY(0%);
		transform: scale(1) translateY(0%);
	}
 */

/* 
footer {
	position: relative;
	width: 100%;
	height: auto !important;
	z-index: 900;
	box-sizing: border-box;
	text-align: center;
	bottom: 0;
	left: 0;
	overflow: visible !important;
}




.copyright-wrap {
	position: relative;
	float: left;
	color: #000;
	width: 270px;
	height: auto !important;
	box-sizing: border-box;
	pointer-events: initial;
	transition: all 0.2s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
}

#footer-container {
	padding: 0 80px;
	margin: 50px auto;
	height:auto !important;
	opacity: 0;
	position: relative;
	width: 100%;
	box-sizing: border-box;
	bottom: 0;
	left: 0;
}
 */
 
 

/* ------------------------------------------------------- */
/*                FULL CREEN MENU NAVIGATION               */
/* ------------------------------------------------------- */

@media only screen and (max-width: 1024px) {
	/* 
.wp-block-columns{
		flex-direction: column-reverse;
	}
	
 */
	/* 
main :not(.wp-block-column) > .wp-block-columns {
        flex-direction: column-reverse;
    }
 */
}

.contador-blog {
    vertical-align: sub;
    color: #ffffff;       /* Color opcional para diferenciarlo */
}

/* Opción 2: Si quieres forzar que aparezca como prefijo visual */
.contador-blog::before {
    content: var(--mi-contador, "(0)");      /* Puedes añadir un símbolo antes del contador si gustas */
    padding-right:10px;
    font-size: 0.5em; /* Un poco más pequeño que el texto base */
    line-height: 0px;
}


.fullscreen-menu #base-cover-columns-anim{
	height: 100vh !important;
  	min-height: 100vh !important;
}

.fullscreen-menu nav {
	padding: 0px;
}

.fullscreen-menu .nav-height {
	padding: 0px;
	overflow-y: scroll !important;
}
.has-background-dim-0:not([class*="-background-color"]) {
	background-color: transparent !important;
	opacity:0 !important 
}

div#header-container nav .menu-timeline .sub-menu .link.active{
	pointer-events: none;
	opacity:0.8;
	color:var( --main-green-color) !important;
}
div#header-container nav .menu-timeline .sub-menu .link.active span{
	pointer-events: none;
	opacity:0.8;
	color:var( --main-green-color) !important;
}

.active-special, .active-special span{
	color:var( --main-green-color) !important;
	pointer-events: none !important;
	opacity:0.8 !important;
}

.active-special-catalog{
	color:var( --main-green-color) !important;
	pointer-events: auto !important;
	opacity:0.8 !important;
}
.active-special-catalog a.link::before, .active-special-catalog p a::before {
	background: var( --main-green-color) !important;
}


.wp-block-cover.has-background-dim:not([class*="-background-color"]) {
    background-color: transparent !important;
}

.wp-block-cover, .wp-block-cover-image {
	position: relative;
	background-color: transparent !important; 
	background-size: cover;
	background-position: center center;
	min-height: 430px;
	width: 100%;
	margin: 0 0 1.5em 0;
	display: flex;
	justify-content: center;
	align-items: center;
	overflow: hidden;
}

.fullscreen-menu hr.wp-block-separator.alignwide{
	max-width: 100% !important;
	width: 100% !important;
}

.fullscreen-menu .wp-block-latest-posts__list{
	padding-left: 0px;
	margin-left: 0px;
}

.fullscreen-menu .flexnav li ul li a {
	padding: 10px 0;
	font-size: 1.709vw;
	font-weight: 500;
	line-height: 1.123vw;
	border-top: none;
}

.fullscreen-menu nav #menu-main-menu{
	padding: 0px !important;
	margin: 0px 0px 0px auto !important;
}

.fullscreen-menu nav #menu-main-menu li{
	padding: 0px !important;
	margin: 0px auto 0px auto !important;
}

.fullscreen-menu nav #menu-main-menu li a::before{
	position: absolute !important; 
	font-size: 12px !important; 
	font-weight: 500 !important; 
	line-height: 10px !important; 
	width: 20px !important; 
	top: 12px !important; 
	left: -30px !important; 
	content: attr(data-number) !important; 
	display: inline-block !important; 
	color:whitesomoke !important; 
	transition: none;
}

.fullscreen-menu nav.primary-fullscreen-nav.menu-main-menu-container div.wp-block-cover{
   margin-right: 0vw !important; 
   margin-left: 0vw !important; 
   margin-top:0px !important; 
   margin-bottom:0px !important; 
   padding: 0px 0px 0px 0px !important;
   /* margin-right: 67px; margin-left: 67px;*/
}

.base-space-response{
   height: 15vh !important;
}

.base-space-response-menu-bottom{
   height:  0.2vw !important;
}

/* CSS  BLOCK NAVIGATION NATIVE */

.fullscreen-menu .wp-block-navigation__container{
	/* 	max-height: 2000px; */
	max-height: auto;
	-webkit-transition: all 0.2s ease-in 0.6s;
	transition: all 0.2s ease-in 0.6s;
	display: table;
	width: auto;
	margin: 0 auto;
	float: none;
	position: relative;
}

.fullscreen-menu a:not(#menu-main-menu a) {
 font-size: clamp(0.875rem, 0.462vw + 0.755rem, 1.125rem);
	line-height: clamp(1.138rem, 0.912vw + 0.901rem, 1.631rem);
}

nav .wp-block-cover__inner-container{
	height: 100vh !important; 
	min-height: 100vh !important; 
	display: flex !important; 
	flex-direction: column !important; 
    justify-content: space-between !important; 
   /* 
 margin-right: calc(3.271vw + 20px )!important; 
    margin-left:  calc(3.271vw + 20px )!important;
 */ 
 padding-right: 80px;
 padding-left: 80px;  
}

nav .wp-block-cover{
	overflow-y: scroll  !important; 
}  


.is-base-light nav h3, .is-base-light nav p,.is-base-light nav a{
	color:whitesmoke !important; 
} 

/*------------------------------------------------------------------
    .container {
		max-width:1280px;
		width:100%;
		margin:0 auto;
		box-sizing:border-box;
	}
	
Add here your own styles     1024px 767px 479px break point theme
-------------------------------------------------------------------*/

#main-content .wp-block-button.alignfull, #main-content .wp-block-categories.alignfull, #main-content .wp-block-columns.alignfull, #main-content .wp-block-latest-posts.alignfull, #main-content .wp-block-preformatted.alignfull, #main-content .wp-block-pullquote.alignfull, #main-content .wp-block-table.alignfull, #main-content .wp-block-text-columns.alignfull, #main-content .wp-block-verse.alignfull, #main-content [class^="wp-block-embed"].alignfull, #main-content p.alignfull {
    margin-left: calc(50% - 50vw + 80px) !important;
	margin-right: calc(50% - 50vw + 80px) !important;
	max-width: calc(100vw - 160px) !important; 
	width: calc(100vw - 160px) !important;
}

#main-content .alignwide{
	margin-left:calc(50% - 30vw) !important;
	margin-right:calc(50% - 30vw) !important;
	width:60vw !important;
	max-width:1000% !important;
}

#main-content .alignfull{
	margin-left: calc(50% - 50vw + 80px) !important;
	margin-right: calc(50% - 50vw + 80px) !important;
	max-width: calc(100vw - 160px) !important; 
	width: calc(100vw - 160px) !important;
}


figure.wp-block-image.alignfull.size-full img{
	margin-left: calc(50% - 50vw + 80px) !important;
	margin-right: calc(50% - 50vw + 80px) !important;
	max-width: calc(100vw - 160px) !important; 
	width: calc(100vw - 160px) !important;
	margin: 0px !important;
	padding: 0px !important;
}

figure.wp-block-image.alignfull.size-full figure{
	margin: 0px !important;
	padding: 0px !important;
}
/*------------------------------------------------------------------
// MARCADO CTX PARA CONTROLAR VISTAS PORTFOLIO WIDE FULL BLOCKS
-------------------------------------------------------------------*/
.ctx-portfolio-single #main-content .alignfull{
	margin-left: calc(50% - 50vw + 0px) !important;
	margin-right: calc(50% - 50vw + 0px) !important;
	max-width: calc(100vw - 0px) !important; 
	width: calc(100vw - 0px) !important;
}

.mfp-wrap, .mfp-container, .mfp-bg {
	overflow: hidden;
}
/*------------------------------------------------------------------
// RELOJ MENU - DIGITAL TXT CONTROL
-------------------------------------------------------------------*/
#hora-digital,#fecha-digital{
	font-family:var(--bs-font-family-body-special)!important;
    font-weight: 300 !important;
}

/*------------------------------------------------------------------
// END RELOJ - DIGITAL TXT CONTROL
-------------------------------------------------------------------*/

/*------------------------------------------------------------------
// SIDEBAR
-------------------------------------------------------------------*/
#sidebar.open {
		-webkit-transform: translateX(calc(-50vw + 30px))!important;
		transform: translateX(calc(-50vw + 30px))!important;
	}
	
#sidebar {
	right:  calc(-50vw + 30px)!important;
	width: 50vw !important;
	height: 100%;
}

#sidebar.hidesidebar{
	right:  calc(-50vw + 0px)!important;
	pointer-events: none !important;
}

.sidebar-content {
	box-sizing: border-box;
	padding: 80px 50px;
	padding-right: 60px;
	width: calc(100% + 30px) !important;
	height: 100%;
	overflow-y: scroll;
}

/* Si la regla no se aplica por especificidad */ 
.sidebar-content > .widget_block:last-child { padding: 0 !important; } 


.sidebar-content > .widget.widget_block:last-child { 
	padding-bottom: 0px !important; 
	margin-bottom: 0px !important; 
} 

.sidebar-content {
	padding-bottom: 40px !important; 
}

.is-base-light .sidebar-content svg, .is-base-light .sidebar-content img{
	filter: invert(1) !important; 
	opacity:.5 !important;
}

.sidebar-content .wp-block-separator.is-style-wide{
	width: 100% !important;
	max-width: 100% !important;
}

/*------------------------------------------------------------------
// END SIDEBAR
-------------------------------------------------------------------*/

.fullscreen-menu nav #menu-main-menu {
	padding: 0px !important;
	margin: 0px 0px 0px 0px !important;
}


a.link[href="https://base-local.com/split-slider/"]:first-of-type {
	opacity:0 !important;
}

#menu-main-menu .touch-button{
  	display: flex !important;
    justify-content: flex-end !important;
    align-items: center !important;
}

#menu-main-menu .touch-button img{
/* 	height: calc(10vw + 0px) !important; */
	height: auto !important;
}

#menu-main-menu .sub-menu{
	padding-top: 22px;
	padding-right: calc(3.418vw);
}


.image-link-1024 {
	max-width: 1024px !important;
}


@media only screen and (max-width: 1024px) {
	
	#menu-main-menu > li:first-child > a {
		height: 8vw !important;
	}
	
	.fullscreen-menu .flexnav .touch-button {
		overflow: visible !important;
		height: 8vw !important;
	}

}

@media only screen and (max-width: 781px) {
	#menu-main-menu > li:first-child > a {
		height: 14vw !important;
	}
	
	.fullscreen-menu .flexnav .touch-button {
		overflow: visible !important;
		height: 14vw !important;
	}
} 

.base-menu-column a{
	font-weight: 500 !important;
	/* 	line-height: 1.123vw !important; */
	border-top: none !important;
	font-size: clamp(1.25rem, 2.309vw + 0.652rem, 2.5rem) !important;
	line-height: clamp(1.875rem, 2.309vw + 1.277rem, 3.125rem) !important;
}

.menu-timeline,
[id^="base-main-column-anim-"] {
    transform-style: preserve-3d;
    backface-visibility: hidden;
    will-change: transform, opacity;
}

.is-base-light nav.primary-fullscreen-nav.menu-main-menu-container a.link::before, .is-base-light nav.primary-fullscreen-nav.menu-main-menu-container p a::before {
	background: whitesmoke !important;
}

/*------------------------------------------------------------------
// PARALLAX
-------------------------------------------------------------------*/


/* HERO PARALLAX: contención + recorte */
#hero-bg-wrapper{
  overflow: hidden;
  contain: paint;
  -webkit-tap-highlight-color: transparent;
}

/* Capas que se transforman (imagen + fondo) */
#hero-image-parallax,
#hero-bg-image{
  will-change: transform;
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
  transform: translate3d(0,0,0);
  transition: none !important;
}

/* Evitar que el layer de imagen intercepte clicks */
#hero-image-parallax{
  pointer-events: none;
}

/* Texto que se transforma (si lo mueves con tu butter) */
#hero-caption .inner{
  will-change: transform;
  backface-visibility: hidden;
  transform: translate3d(0,0,0);
  -webkit-font-smoothing: antialiased;
  text-rendering: geometricPrecision;
}

/*------------------------------------------------------------------
// BLOG FIX
-------------------------------------------------------------------*/
.ctx-post-single #main-content .alignwide {
	margin-left: 0px !important;
	margin-right: 0px !important;
	width: 100% !important;
	max-width: 100% !important;
}

/*------------------------------------------------------------------
// TEMP FIX
-------------------------------------------------------------------*/
#content-scroll #sidebar{
    position:fixed;
    width:50vw;
    right:0;
    top:0;
}