/* Update 202x  ------------------------------------------------------------ */

nav.main_menu>ul>li:hover>a{
	color:#0000ff !important;
}

.projects_masonry_holder .image_holder.overlapping_title_hover .portfolio_title{
	font-size:1.2rem !important;
}

.projects_masonry_holder article:hover .image_holder.overlapping_title_hover .portfolio_title{
	font-size:1.2rem !important;
}

.text-certification > div > p{
	color:#6b6666;
	font-size:0.9rem
}

.qode-iwoi-text{
	color:#272626;
}

.color-text-grey *{
		color:#272626;
}

.amenities-text *{
	color:#272626;
}

.amenities-text *{
	font-size:1rem;
	line-height:1.5rem;
}

.certification-certif-images .image_with_text{
	width:60%;
}


.text-box-border{
	border: 1px solid black;
	padding:3%;
}

.footer_top.footer_top_full{
	padding : 3% 2% 2% 8% !important;
}

/*texto del footer en minúsculas*/

#text-12 a{
	text-transform: none !important;
}


#text-13 a{
	text-transform: none !important;
}

/*bullets certificaciones azul electrico*/
.vc_pagination-color-blue.vc_pagination-style-flat .vc_pagination-trigger {
    background-color: #0000f5;
}



.stockholm-navigation.tparrows:hover{
	color:#0000ff;
}

.img-certificaciones *, .img-amenities *{
    width: 40px!important;
    height: 40px!important;
    margin: auto;
	  padding-bottom: 10px;
}
.projects_holder .image_holder.overlapping_title_hover .portfolio_title{
	font-size:1rem !important;
}

.projects_holder article:hover .image_holder.overlapping_title_hover .portfolio_title{
	font-size:1rem !important;
}

.img-amenities{
	margin-bottom:0.5rem!important;
}

.img-smartBuilding *{
    width: 40px!important;
    height: 40px!important;
    margin: auto;
	  padding-bottom: 10px;
}

.contact-send-button:hover{
	color           :#0000ff !important;
	background-color:transparent!important;
	border-color    :#0000ff!important;
}

.contact-send-button:hover > input{
	color:#0000ff !important;
}

*:not(.fa){
 font-family: HelveticaNeue!important;
}

.qode-owl-slider .owl-nav .owl-prev:hover, .qode-owl-slider .owl-nav .owl-next:hover{
	background-color:transparent;
	border-color    :#0000ff;
}

.qode-owl-slider .owl-nav .owl-prev:hover .fa, .qode-owl-slider .owl-nav .owl-next:hover .fa{
	color:#0000ff;
}

#back_to_top:hover > span{
	background-color:transparent;
	border-color    :#0000ff;
}

#back_to_top:hover > span .fa{
	
	color:#0000ff;
}

@media (max-width:768px){
	.certif_icon_boxes, .amenities_icon_boxes{
		margin-bottom:2rem
	}
	
	.footer_top.footer_top_full{
	padding : 11% 2% 2% 8% !important;
}
			.content .content_inner > .full_width > .full_width_inner {
    padding-top:0 !important;
}
	
	
	.qode-owl-slider .owl-nav .owl-prev,.qode-owl-slider .owl-nav .owl-next{
		width      : 36px;
		height     : 36px;
		line-height: 36px;
	}
	.q_logo{
		opacity:0
	}
}

@media (max-width:1000px){
	.q_logo{
		opacity:0
	}
}
	
/* ----------- iPad Pro ----------- */
/* Portrait and Landscape */
@media only screen 
  and (min-width: 1024px) 
  and (max-height: 1366px) 
  and (-webkit-min-device-pixel-ratio: 1.5) {
		nav.main_menu>ul>li>a {padding:0 10px;}
		
		
		.content .content_inner > .full_width > .full_width_inner {
    		padding-top:0 !important;
		}		
		
}

/* Portrait */
@media only screen 
  and (min-width: 1024px) 
  and (max-height: 1366px) 
  and (orientation: portrait) 
  and (-webkit-min-device-pixel-ratio: 1.5) {
		nav.main_menu.right{
		margin-top: 3rem;
    	width: 100%;
	}
}

/* Landscape */
@media only screen 
  and (min-width: 1024px) 
  and (max-height: 1366px) 
  and (orientation: landscape) 
  and (-webkit-min-device-pixel-ratio: 1.5) {

}


/* Header background color */

.header_bottom clearfix {
	    background-color: white !important;
}

header.fixed.scrolled .header_bottom {
background-color: white !important;
}


.page_not_found h4 {
	background-image : url("/smart/wp-content/uploads/2020/09/error404_SMART-1.jpg");
	background-repeat: no-repeat;
	height           : 400px;
}

/* Desactivar enlaces */
.qode-cpc-post-image {
	pointer-events: none;
	cursor        : default;
}

.four_columns>.column3{
	width: 20%;
}

.footer_top a{
	font-size:12px;
}


/* Update OCTUBRE 2022  ------------------------------------------------------ */

/* form */
input[type="submit"]{
	padding: 5px 50px !important;
	border : 2px solid #c4c4c4 !important
}

/* msj form */
.wpcf7-response-output{
	border     : none !important;
	padding    : 15px 0 !important;
	font-size  : 14px;
	margin     : 15px 0 0 0 !important;
	font-weight: 600 !important
}

.wpcf7 form.invalid .wpcf7-response-output{
	color: red !important
}
.wpcf7 form.sent .wpcf7-response-output{
	color: #0000ff !important;
}




/* Update 2023  -------------------------------------------------------------- */

.header_bottom {
	padding: 0 145px 0 45px
}

/* idioma */
.cyg--idioma {
	position: absolute;
	right: 45px;
	top: -2px;
	color: #fff;
	font-size: 11px;
	font-family: HelveticaNeue!important;
	transform: translatey(39px);
	font-weight: 700;
	line-height: 1;
	
}

.cyg--idioma a {
	font-size: 11px;
	font-family: HelveticaNeue!important;
	font-weight: 700;
	letter-spacing: 2px;
	color: #696969
}
.home .cyg--idioma a {
	color: #fff
}

.scrolled .cyg--idioma a {
	color: #696969
}

.dark:not(.sticky):not(.scrolled) .cyg--idioma a {
	color: #000
}


@media screen and (max-width: 1440px){
	
	.header_bottom {
		padding: 0 100px 0 30px
	}
	
	.cyg--idioma {
		right: 20px
	}
	
	nav.main_menu>ul>li>a {
		padding: 0 18px !important
	}

}


@media screen and (max-width: 990px){
	
	.cyg--idioma {
		transform: translatey(41px)
	}
	.cyg--idioma a {
		color: #000 !important
	}
	
}




/* Update OCTUBRE 2025  ------------------------------------------------------ */


/* Class */

.cyg--container-gd {
	width     : 100%;
	max-width : 1660px;
	margin    : auto;
	padding   : 0 30px;
	box-sizing: border;
}
	.cyg--container-gd .section_inner {
		width: 100% !Important;
	}

.cyg--container-md {
	width    : 100%;
	max-width: 1340px;
	margin   : auto;
}
	.cyg--container-md .section_inner {
		width: 100% !Important;
	}

.row--reverse .full_section_inner {
	display       : flex;
	flex-direction: row-reverse;
}



/* #lading smart flex */

.pg--landing .logo_wrapper {
	display: none !important
}

.pg--landing .cyg--idioma a {
	color: #fff
}
.pg--landing .scrolled .cyg--idioma a {
	color: #696969
}

.fix--full-img,
.fix--full-img .vc_single_image-wrapper,
.fix--full-img img {
	width: 100% !important;
	max-width: inherit !Important
}


/* Flotante */
.sec--flotante .full_section_inner {
	display    : flex;
	align-items: center;
}

	/* box */
	.box--flotante .wpb_wrapper {
		background-color: #fff;
		padding         : 69px 77px 61px 80px;
		border          : 2px solid #c4c4c4;
		color           : #272626;
	}	

		.box--flotante h4 {
			margin-bottom: 40px;
		}

		.box--flotante p {
			color: #272626;
		}

		.box--flotante .btn {
			position          : relative;
			display           : inline-block;
			height            : 37px;
			line-height       : 37px;
			margin            : 0;
			padding           : 0 22px;
			border            : 2px solid rgba(196, 196, 196, 1);
			font-size         : 12px;
			font-weight       : 700;
			text-align        : left;
			color             : #000;
			background-color  : #fff;
			text-decoration   : none;
			cursor            : pointer;
			font-style        : normal;
			text-transform    : uppercase;
			letter-spacing    : 2px;
			-webkit-transition: color .3s ease-in-out,background-color .3s ease-in-out,border-color .3s ease-in-out;
			-moz-transition   : color .3s ease-in-out,background-color .3s ease-in-out,border-color .3s ease-in-out;
			-ms-transition    : color .3s ease-in-out,background-color .3s ease-in-out,border-color .3s ease-in-out;
			transition        : color .3s ease-in-out,background-color .3s ease-in-out,border-color .3s ease-in-out;
			box-sizing        : initial!important;

			margin-top        : 40px;
		}

		.box--flotante .btn:hover {
			color: #0000ff;
		}


/* controles mapa - ref. */
.box--controles {
	width          : 100%;
	float          : left;
	display        : flex;
	align-items    : flex-start;
	justify-content: flex-end;
}

	.box--controles > .wpb_wrapper {
		display: grid;
	}

	.box--controles .ico {
		width                : 100%;
		float                : left;
		margin-bottom        : 10px;

		display              : grid;
		grid-template-columns: 20px 1fr;
		grid-column-gap      : 12px;
		align-items          : center;

		color                : #272626;
		font-size            : 15px;
	}
	.box--controles .ico:last-child {
		margin-bottom: 0;
	}

		.box--controles .ico i {
			width           : 20px;
			height          : 20px;
			border-radius   : 50%;
			background-color: #eee;
			font-size       : .7rem;
			display         : flex;
			align-items     : center;
			justify-content : center;
			text-align      : center;
			color           : #000;
			font-style      : normal;
			line-height: 1;
		}

		


/* #SECCIONES */



/* #Smart */
.sec--smart .box--flotante {
	transform: translateX(100px);
}
	.sec--smart .box--flotante img {
		max-width    : 150px;
		margin-bottom: 40px;
	}


/* #Galeria */
.sec--galeria .qode-cpc-post img {
	cursor: pointer !important
}

.pg--landing [data-fancybox="galeria-smart-flex"],
.pg--landing [data-fancybox="imagen"],
.pg--landing [data-fancybox="imagen-2"] {
	position: relative;
	cursor  : pointer;
}

.pg--landing [data-fancybox="imagen"],
.pg--landing [data-fancybox="imagen-2"] {
	float      : left;
	line-height: 0;
	margin     : 0;
}

	.pg--landing [data-fancybox="galeria-smart-flex"]:after,
	.pg--landing [data-fancybox="imagen"]:after,
	.pg--landing [data-fancybox="imagen-2"]:after {
		content            : '';
		width              : 35px;
		height             : 35px;
		position           : absolute;
		top                : 15px; 
		right              : 15px;
		background-image   : url(https://smartthehouse.com/wp-content/uploads/2025/11/ico-zoom.svg);
		background-position: center;
		background-repeat  : no-repeat;
		background-size    : contain;
		z-index            : 900;
	}


	.pg--landing [data-fancybox="galeria-smart-flex"]:hover .qode-cpc-overlay {
		opacity: .5 !important
	}


/* #Certificaciones */
.sec--certificaciones .box--flotante {
	transform: translateX(-100px);
}
	
	.sec--certificaciones .box--flotante img {
		margin-top: 30px;
	}




/* #Ubicacion */
.sec--ubicacion .row--tit .full_section_inner {
	display              : grid;
	grid-template-columns: 250px 1fr;
	grid-column-gap      : 30px;
}
.sec--ubicacion .row--tit .full_section_inner:before,
.sec--ubicacion .row--tit .full_section_inner:after {
	display: none;
}

	.sec--ubicacion .row--tit .full_section_inner .col--tit,
	.sec--ubicacion .row--tit .full_section_inner .col--content {
		width: 100% !important;
	}

	/* content */
	.sec--ubicacion .row--tit .full_section_inner .col--content > .vc_column-inner > .wpb_wrapper {
		width                : 100% !important;
		display              : grid;
		grid-template-columns: 200px 1fr 1fr;
		column-gap           : 100px;
		align-items          : center;
	}

		.sec--ubicacion .row--tit .full_section_inner .col--content > .vc_column-inner > .wpb_wrapper > div {
			width: 100% !important;
		}


	/* box controles - ref */
	.sec--ubicacion .col--content > .vc_column-inner > .wpb_wrapper {
		display              : grid;
		grid-template-columns: 200px 1fr;
		grid-column-gap      : 30px;
		align-items          : center;
	}
		
		.sec--ubicacion .box--controles .ico--1 i {
				background-color: #f29665;
		}
		.sec--ubicacion .box--controles .ico--2 i {
				background-color: #c189bd;
		}
		.sec--ubicacion .box--controles .ico--3 i {
				background-color: #4583c1;
		}
		.sec--ubicacion .box--controles .ico--4 i {
				background-color: #ed827d;
		}




	.sec--ubicacion .contenedor-imagenes {
		display     : flex;
		align-items : stretch;
		max-width   : 1660px;
		margin      : 0 auto;
		gap         : 4.4%; /* separación proporcional (~70px sobre 1600px) */
		aspect-ratio: 1600 / 608; /* mantiene la proporción total */
	}

	/* columnas con proporción */
	.sec--ubicacion .columna-izquierda {
		flex    : 0 0 65.4%; /* 1046 / 1600 */
		position: relative;
	}

	.sec--ubicacion .columna-derecha {
		flex    : 1; /* ocupa el resto (~30.25%) */
		position: relative;
	}

	/* imágenes */
	.sec--ubicacion .columna-izquierda img,
	.sec--ubicacion .columna-derecha img {
		position: absolute;
		width   : 100%;
		height  : 100%;
		display : block;
		top     : 0;
		left    : 0;
	}

	.sec--ubicacion .columna-izquierda img {
	  object-fit: contain; /* nunca se recorta */
	}

	.sec--ubicacion .columna-derecha img {
		object-fit     : cover; /* puede recortarse */
		object-position: center;
	}

	/* --- Responsive móvil --- */
	@media (max-width: 900px) {
	  .sec--ubicacion .contenedor-imagenes {
			flex-direction: column;
			aspect-ratio  : auto;
			gap           : 30px;
	  }

	  .sec--ubicacion .columna-izquierda,
	  .sec--ubicacion .columna-derecha {
			flex    : 1 1 auto;
			position: relative;
			height  : auto;
	  }

	  .sec--ubicacion .columna-izquierda img,
	  .sec--ubicacion .columna-derecha img {
			position: static;
			width   : 100%;
			height  : auto;
	  }
	}



	/* #Planes */
	.sec--planes .row--content .full_section_inner {
		display: flex;
	} 
	.sec--planes .row--content .col {
		height : 100%;
		display: contents;
	}

		.sec--planes .row--content .col > div > div {
			border        : 1px solid #000;
			width         : 100%;
			height        : 100%;
			float         : left;
			padding-bottom: 20px;
			position      : relative;
		}



		/* #Tit */
		.sec--planes .tit--linea h4 {
			position        : relative;
			background-color: #fff;
		}
		.sec--planes .tit--linea h4:after {
			content         : '';
			width           : calc(100% - 205px);
			height          : 1px;
			background-color: #000;
			position        : absolute;
			right           : 0;
			bottom          : 2px;
		}

		/* #Box */
		 .sec--planes * {
		 	color: #000;
		 }

			 /* header */
			 .sec--planes .col .cyg--header .wpb_wrapper {
					width                : 100%;
					float                : left;
					display              : grid;
					grid-template-columns: 1fr 77px;
					align-items          : center;
					justify-content      : space-between;
					padding              : 20px;
					box-sizing           : border-box;
			 }

			 .sec--planes .col .cyg--header .wpb_wrapper h3 {
					font-size  : 28px;
					font-weight: 300;
			 }

			 .sec--planes .col .cyg--header .wpb_wrapper img {
					width : auto;
					height: 66px;
					float : right;
			 }

			 /* img */
			 .sec--planes .col .cyg--img,
			 .sec--planes .col .cyg--img .vc_single_image-wrapper,
			 .sec--planes .col .cyg--img img {
					width    : 100% !important;
					max-width: inherit !important;
					float    : left;
			 }


			 /* btn */
			 .sec--planes .col .cyg--btn {
			 	width: 100%;
			 	float: left;
			 }

			 .sec--planes .col .cyg--btn h5 {
					padding      : 10px 20px;
					text-align   : center;
					border-top   : 1px solid #000;
					border-bottom: 1px solid #000;
					cursor       : pointer;
			 }
			 .sec--planes .col .cyg--btn h5:hover {
			 	opacity: .6;
			 }

			 /* lista */
			 .sec--planes .col .wpb_text_column {
			 	width: 100%;
			 	float: left;
			 }
			 .sec--planes .col ul {
					padding   : 15px 20px;
					box-sizing: border-box;
			 }
			 .sec--planes .col ul li {
					list-style  : none;
					font-size   : .9rem;
					padding-left: 10px;
			 }
			  .sec--planes .col ul li::marker {
					content     : '•';
					color       : #000;
					font-size   : 12px;
					display     : block;
					transform: translateX(-10px);
			  }


			 /* col 2 */
			 .sec--planes .row--content .full_section_inner .col:nth-of-type(2) > div > div:after {
					content            : '';
					width              : 100%;
					height             : 80px;
					background-repeat  : no-repeat;
					background-size    : contain;
					background-position: center right;
					background-image   : url(https://smartthehouse.com/wp-content/uploads/2025/11/mejor-plan.svg);

					position           : absolute;
					right              : 0;
					bottom             : 0;
			 }




/* #Plano */ 

		.sec--plano .box--controles .ico--1 i,
		.sec--plano .box--controles .ico--2 i {
			background-color: #f7c2a7;
		}

		.sec--plano .box--controles .ico--3 i,
		.sec--plano .box--controles .ico--17 i {
			background-color: #fcebc0;
		}
		.sec--plano .box--controles .ico--4 i,
		.sec--plano .box--controles .ico--5 i,
		.sec--plano .box--controles .ico--6 i,
		.sec--plano .box--controles .ico--7 i {
			background-color: #aac8e4;
		}
		.sec--plano .box--controles .ico--8 i,
		.sec--plano .box--controles .ico--9 i,
		.sec--plano .box--controles .ico--10 i,
		.sec--plano .box--controles .ico--11 i,
		.sec--plano .box--controles .ico--12 i,
		.sec--plano .box--controles .ico--13 i {
			background-color: #f6a5a8;
		}
		.sec--plano .box--controles .ico--14 i {
			background-color: #a0d7b3;
		}
		.sec--plano .box--controles .ico--15 i {
			background-color: #d6d5af;
		}
		.sec--plano .box--controles .ico--16 i {
			background-color: #efd7e9;
		}
		.sec--plano .box--controles .ico--18 i {
			background-color: #d5a8d3;
		}




/* #Contacto */
.sec--contacto p {
	color: #272626
}

	.sec--contacto .col--tx,
	.sec--contacto .col--tx * {
		color: #272626 !important
	}


/* #Descubre */
.sec--descubre .box--flotante {
	min-width: 560px;
	transform: translateX(-120px);
}





/* #footer */
.pg--landing .qodef-page-footer  {
	display: none
}