.roboto_condensed {
	font-family: "Roboto Condensed", sans-serif;
	font-optical-sizing: auto;
	font-style: normal;
}

/* ESTILOS WP GENRALES */
.centered-paragraph {
	margin: 0 auto;
	max-width: none;
	white-space: unset;
	width: 100%;
	background: #f9f5f1;
	color: #1d1d1b;
}

.font_play {
	font-family: Playfair Display;
}

p:empty {
	display: none;
}

br {
	display: none;
}

::-moz-selection {
	color: #fff;
	background: #989087;
}

::selection {
	color: #fff;
	background: #989087;
}

.clearfix,
.clearfix:before,
.clearfix:after,
.container:before,
.container:after,
.container-fluid:before,
.container-fluid:after,
.row:before,
.row:after {
	content: none;
}

a,
h1,
h2,
h3,
h4,
h5,
h6,
p,
span {
	font-family: "roboto";
	margin-bottom: 0;
}

h1,
.h1,
h2,
.h2,
h3,
.h3,
h4,
.h4,
h5,
.h5,
h6,
.h6 {
	color: #1d1d1b;
}

.dk_lemon {
	font-family: 'DK Lemon Yellow Sun';
}

/* FIN ESTILOS WP GENRALES */

a {
	color: #679e9d;
}

.zindex_999 {
	z-index: 999 !important;
}

.border_r {
	border-radius: 0px;
}

.bg_principal {
	background: #e9e3df;
}

.bg_principal_2 {
	background: #989087;
}

.bg_ededed {
	background: #eeeded;
}

.bg_e8e3df {
	background: #e8e3df;
}

.bg_principal_blanco {
	background: #fff;
}

.bg_beige {
	background: #E8E3DF;
}

.bg_principal_verde {
	background: #6DA5A5;
}

.bg_whatsapp {
	background: #25D366;
}

.bg_parque {
	background: #6DA5A5;
}

.bg_ubicacion {
	background: #4D5563;
}

.bg_metropolitan_04 {
    background: #F8F2EE;
}

.bg_metropolitan_05 {
    background: #505662;
}

.bg_metropolitan_06 {
    background: #856d51;
}

.bg_rojo {
	background: #9f323f;
}

.bg_gris {
	background: #e9e9e9;
}

.color_principal {
	color: #333333;
}

.color_azul {
	color: #4D5563;
}

.color_verde {
	color: #6DA5A5;
}

.color_gris {
	color: #757474;
}

.color_dorado {
	color: #8A8044;
}

.borde_datos {
	border-right: 2px solid #b6afaf;
}

.img_asesor {
	width: 140px;
	border-radius: 80px;
}

.contenedor_mapa {
	height: 400px;
	overflow: hidden;
}

.gmap {
	position: relative;
	top: -84px;
	width: 100%;
	left: -4px;
}

#submenu {
	z-index: 9999999999;
	position: relative;
}

.btn_cotizar {
	height: fit-content;
}

/* SLIDE */
.bg_slide {
	background: #ededed;
	overflow: hidden;
	height: 550px;
}

/* FIN SLIDE */

/* PROYECTO */
.texto_fachada {
	position: absolute;
	right: -38px;
}

.bg_fachada {
	background: #ededed;
	background-image: url(https://www.imagina.cl/content/uploads/2024/03/fachada.jpg);
	background-size: cover;
	background-position: 22% 0%;
	background-repeat: no-repeat;
	overflow: hidden;
	height: 700px;
}

#borde_proyecto:after {
	content: '';
	position: absolute;
	width: 100%;
	height: 130%;
	left: -84.5%;
	top: -37%;
	bottom: -10%;
	background-color: #eeeded;
	-webkit-transform: rotate(5deg);
	-moz-transform: rotate(5deg);
	transform: rotate(16deg);
	z-index: 99;
}

.celular {
	position: absolute;
	right: -5px;
	/*top: -65%;*/
}

.img_perro {
	position: absolute;
	right: 0;
	top: -330px;
}

.master {
	margin-top: -482px;
}

/*
.bg_ubicacion {
	background: #ededed;
	background-image: url(https://www.imagina.cl/content/uploads/2024/03/14.Locaciones-Las-Condes-scaled.jpg);
	background-size: cover;
	background-position: 92% 0%;
	background-repeat: no-repeat;
	overflow: hidden;
	height: 700px;
}
*/

#borde_ubicacion:after {
	content: '';
	position: absolute;
	width: 100%;
	height: 130%;
	left: 61%;
	top: 2%;
	bottom: -10%;
	background-color: #e8e3df;
	-webkit-transform: rotate(5deg);
	-moz-transform: rotate(5deg);
	transform: rotate(16deg);
	z-index: 99;
}

.img_persona_01 {
	position: absolute;
	bottom: -80px;
	z-index: 999;
	width: 300px;
	left: 0;
}

.img_persona_02 {
	position: absolute;
	bottom: -20px;
	right: 0;
}

.borde_titulo {
	border-top: 1px solid;
	border-bottom: 1px solid;
}

/* FIN PROYECTO */

/* GALERIA */
.gallery-wrap {
	display: flex;
	flex-direction: row;
	width: 100%;
	height: 70vh;
	gap: 8px;
}

.item {
	flex: 1;
	height: 100%;
	background-position: center;
	background-size: cover;
	background-repeat: none;
	transition: flex 0.8s ease;
	border-radius: 0 !important;
}

.item:hover {
	flex: 7;
}

.item-1 {
	background-image: url('https://www.imagina.cl/content/uploads/2025/11/elecmetal_galeria_1.jpg.jpg');
}

.item-2 {
	background-image: url('https://www.imagina.cl/content/uploads/2025/11/elecmetal_galeria_2.jpg');
}

.item-3 {
	background-image: url('https://www.imagina.cl/content/uploads/2025/11/elecmetal_galeria_3.jpg');
}

.item-4 {
	background-image: url('https://www.imagina.cl/content/uploads/2025/11/elecmetal_galeria_4.jpg');
}


/* FIN GALERIA */


/**/
.alto_proyecto {
	height: 700px;
	overflow: hidden;
}

.alto_banner {
	height: 580px;
}

.logo_urban {
	position: absolute;
	bottom: 12px;
	right: -8px;
}

/**/


/**/
@keyframes pan {
	50% {
		object-position: 100% 100%;
	}

	100% {
		object-position: 10% 0;
	}
}

.contenedor_paneo {
	height: 600px;
}

.pan {
	/*width:30rem;*/
	height: 100%;
	object-fit: cover;
	object-position: 10% 0;
	animation: 40s pan infinite linear;
}

/**/

.bg_principal_banner {
	background-image: url(https://www.imagina.cl/content/uploads/2024/01/bg_banner_azaleas-scaled.jpg);
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}

.alto_banner {
	height: 550px;
}

.alto_franja {
	height: 32px;
}

.carousel p {
	margin: 0px;
}

.text_bg_verde {
	width: fit-content;
	margin: 0 auto;
}

.texto_sobre_img {
	position: absolute;
	bottom: 20px;
	z-index: 9;
}

.zindex_01 {
	z-index: 991;
}

.g-bg-black-gradient-opacity-v1--after::after {
	background-image: -webkit-gradient(linear, left top, left bottom, from(transparent), to(rgba(0, 0, 0, 0.9)));
	background-image: -webkit-linear-gradient(top, transparent 70%, rgba(0, 0, 0, 0.9) 100%);
	background-image: -o-linear-gradient(top, transparent 70%, rgba(0, 0, 0, 0.9) 100%);
	background-image: linear-gradient(to bottom, transparent 70%, rgba(0, 0, 0, 0.9) 100%);
	background-repeat: repeat-x;
}

.carousel-caption {
	left: 0;
	right: 0;
}

@keyframes moveIt {

	/*
  0%, 100% {
  transform: rotate(10deg);
  }
  50% {
  transform: rotate(-10deg);
  }
  */
	0% {
		left: 0px;
		transform: rotate(5deg);
	}

	50% {
		transform: rotate(-5deg);
		left: 10px;
	}

	100% {
		transform: rotate(5deg);
		left: 0px;
	}
}

/*================= 
	  MODAL
==================*/

.modalbg {
	position: fixed;
	font-family: Arial, Helvetica, sans-serif;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background: rgba(0, 0, 0, 0);
	z-index: 99999;
	-moz-transition: all 2s ease-out;
	-webkit-transition: all 2s ease-out;
	-o-transition: all 2s ease-out;
	transition: all 2s ease-out;
	-webkit-transition-delay: .2s;
	-moz-transition-delay: .2s;
	-o-transition-delay: .2s;
	-transition-delay: .2s;
	display: block;
	pointer-events: none;
}

.modalbg .dialog {
	width: 900px;
	height: 91vh;
	max-height: 812px;
	position: relative;
	top: -10000px;
	margin: 10% auto;
	padding: 0;
	overflow: hidden;
	border-radius: 10px;
}

.modalbg .dialog .ie7 {
	filter: progid:DXImageTransform.Microsoft.Shadow(color='#000000', Direction=135, Strength=3);
}

.modalbg:target {
	display: block;
	pointer-events: auto;
	background: rgba(0, 0, 0, 0.7);
	-moz-transition: all .5s ease-out;
	-webkit-transition: all .5s ease-out;
	-o-transition: all .5s ease-out;
	transition: all .5s ease-out;
}

.modalbg:target .dialog {
	top: -14vh;
	-moz-transition: all .8s ease-out;
	-webkit-transition: all .8s ease-out;
	-o-transition: all .8s ease-out;
	transition: all .8s ease-out;
	-webkit-transition-delay: .4s;
	-moz-transition-delay: .4s;
	-o-transition-delay: .4s;
	-transition-delay: .4s;
}

.close {
	color: #333;
	line-height: 25px;
	position: absolute;
	right: 12px;
	text-align: center;
	top: 14px;
	width: 24px;
	text-decoration: none;
	font-weight: bold;
}

.formulario_iframe {
	width: 100%;
	border: none;
	height: 100%;
}

/*================= 
	  FIN MODAL
==================*/

/*================= 
	  FORMULARIO
==================*/

.hs-main-font-element h1 {
	text-align: center;
	font-size: 24px;
	text-align: center;
	text-transform: uppercase;
	font-weight: 300;
	padding: 10px 24px 12px 24px;
}

.hs-form-field {
	text-align: left;
}

.hs-form-field label {
	font-size: 14px;
	font-weight: 500;
	line-height: 14px;
	margin-bottom: 0;
	color: #848484;
	display: none;
}

.input {
	margin-top: 20px;
}

.hs-input {
	border: 1px solid transparent;
	border-radius: 4px;
	height: 30px;
	width: 100%;
	font-size: 14px;
	padding: 0px 10px;
	line-height: 20px;
	background: #fff;
}

input:not([type="checkbox"]):not([type="radio"]).error,
textarea.error,
select.error {
	border-color: transparent;
}

.hs-input select {
	line-height: 20px;
}

.hs-button {
	background: #dbc9bb;
	color: #5d5d5d;
	font-weight: 400;
	font-size: 16px;
	padding: 0px 30px;
	border-radius: 20px;
	margin-top: 20px;
	height: 35px;
	line-height: 12px;
}

.no-list.hs-error-msgs.inputs-list {
	display: none;
}

#label-phone-f8c08b2c-bd0d-444f-817b-7296b58b6ea1 {
	margin-bottom: 20px;
}

.submitted-message p:first-child {
	text-align: center;
	font-size: 24px;
	text-align: center;
	text-transform: uppercase;
	padding: 10px 28px 12px 28px;
	font-weight: 300;
}

.submitted-message p {
	text-align: center;
	font-size: 16px;
	text-align: center;
	text-transform: uppercase;
	line-height: 28px;
}

/*================= 
	  FIN FORMULARIO
==================*/
.precotizacion__flexbox__project {
	width: 100%;
	margin: 0 auto;
}

.precotizacion__flexbox__project__grid-box__img-box__img {
	position: relative;
	width: auto;
	height: 100%;
}

.precotizacion__flexbox__project__grid-box__right-box__align-box {
	text-align: left;
}

.precotizacion__flexbox__project__grid-box__right-box {
	align-items: flex-start;
}

.precotizacion__flexbox__project__buttons-box__side-box__button {
	background-color: #679e9d;
}

.precotizacion__flexbox__title {
	font-weight: 300;
	display: none;
}

.precotizacion {
	width: 100%;
	scroll-margin: 130px;
	background: #fff;
	padding: initial;
	padding-bottom: 40px;
}

.precotizacion__flexbox__form {
	background-color: transparent;
}

.carousel-control-prev,
.carousel-control-next {
	opacity: 1;
}

.carousel-control-prev-icon,
.carousel-control-next-icon {
	height: 44px;
	width: 44px;
	/* outline: black; */
	background-size: 100%, 100%;
	font-weight: 400;
	/* border-radius: 50%; */
	/* border: 1px solid black; */
	background-image: none;
	/* opacity: 1; */
	background: #679e9d;
	padding-top: 0px;
}

.carousel-control-next-icon:after {
	content: '>';
	font-size: 40px;
	color: #fff;
}

.carousel-control-prev-icon:after {
	content: '<';
	font-size: 40px;
	color: #fff;
}

.carousel-control-next {
	right: -7%;
}

.carousel-control-prev {
	left: -7%;
}

.barra_1 {
	/*display: none;*/
	position: fixed;
	top: 70px;
	display: block;
	width: 101%;
	z-index: 999;
	background: rgba(233, 233, 233, 0.7);
}

.menu_fijo {
	/*
	position: fixed;
	top: 70px;
	display: block;
	width: 101%;
	z-index: 999;
	*/
	background: #ececec;
}

.barra_1.menu-header__center-box {
	height: auto;
}

ul {
	list-style-type: '- ';
}



.fade-in {
	transform: translateY(50%);
	opacity: 0;
	transition: all 300ms;
}

.fade-in.appear {
	transform: translateY(0);
	opacity: 1;
}

/*===============================*/

.div_content {
	height: 90%;
	width: 50%;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	text-align: center;
	overflow: hidden;
}

.iframe_form {
	width: 100%;
	height: 900px;
	transform: scale(0.8);
	position: relative;
	top: -30px;
}

.color_span {
	color: #129e9c;
}

.video-wrapper {
  width: 100%;
  max-width: 100%;   /* por si está dentro de otro contenedor */
}

.video-wrapper iframe {
  width: 100%;
  aspect-ratio: 16 / 9;  /* puedes cambiar la proporción si quieres */
  height: auto;
  display: block;
}

@media (min-width: 2000px) {
	.container-fluid {
		width: 1500px;
	}
}

@media (max-width: 812px) {
	.precotizacion__flexbox__project__grid-box__right-box__align-box {
		margin: 0 auto;
	}

	.menu_fijo {
		width: 104%;
	}

	/*==== MODAL ====*/
	.modalbg:target .dialog {
		top: 0vh;
	}

	.modalbg .dialog {
		width: 90%;
		height: 80vh;
	}

	.close {
		right: -5px;
		top: -28px;
		z-index: 999999;
		opacity: 1;
		color: #fff;
	}

	.modalbg .dialog {
		overflow: visible;
	}

	/*==== FIN MODAL ====*/
	.input {
		margin-top: 14px;
	}

	.hs-form-field label {
		margin-bottom: 16px;
	}

	.hs-main-font-element h1 {
		font-size: 22px;
		margin-bottom: 24px;
		text-align: center !important;
		padding: 0;
	}

	.submitted-message p {}

	.text-left-xs {
		text-align: left !important;
	}

	.text-center-xs {
		text-align: center !important;
	}

	.alto_banner {
		height: auto;
	}

	.arbol_banner_4 {
		height: 270px;
		right: -41px;
		/* left: 0px; */
		position: absolute;
		bottom: 0;
		z-index: 991;
		top: auto;
	}

	.pajaro_01 {
		height: 60px;
		margin-right: 64px;
		animation: moveIt 2.5s ease-in-out infinite;
		position: absolute;
		top: 20px;
	}

	.pajaro_02 {
		height: 78px;
		margin-left: -138px;
		margin-right: 24px;
		transform: scaleX(1);
		position: absolute;
		top: -12px;
		animation: moveIt 2.5s ease-in-out infinite;
		position: absolute;
	}

	.texto_pajaro_02 {
		line-height: initial;
	}

	.banner-large .join input {
		margin-bottom: 14px;
	}

	.precotizacion__flexbox__project__grid-box__img-box:after {
		padding-bottom: 20px;
	}

	.precotizacion__flexbox__project__grid-box__img-box__img {
		width: 100%;
	}

	.contenedor_paneo {
		height: 358px;
	}

	.carousel-control-prev-icon,
	.carousel-control-next-icon {
		padding-top: 5px;
	}

	#submenu {
		display: none;
	}

	@keyframes moveIt {

		/*
	 0%, 100% {
	 transform: rotate(10deg);
	 }
	 50% {
	 transform: rotate(-10deg);
	 }
	 */
		0% {
			left: auto;
			transform: rotate(5deg);
			right: -20px;
		}

		50% {
			transform: rotate(-5deg);
			left: auto;
			right: -10px;
		}

		100% {
			transform: rotate(5deg);
			left: auto;
			right: -20px;
		}
	}


	.menu_xs {
		right: 0;
		z-index: 1;
		width: 100%;
	}

	.menu_xs .menu {
		top: 0;
		left: 0;
		margin: 0;
		z-index: 1;
		width: 100%;
		background: #e9e9e9;
		padding: 3em 0 2em;
		position: absolute;
		transform: translateY(-100%);
		transition: transform 0.3s cubic-bezier(1, 0.5, 0, 1);
	}

	.menu_xs .menu.active {
		transform: translateY(0);
	}

	.menu_xs .menu li {
		list-style: none;
	}

	.menu_xs .menu li a {
		padding: 1em;
		color: #595959;
		display: block;
		background: none;
		line-height: 1em;
		font-size: 1.125em;
		text-align: center;
		text-decoration: none;
		transition: background 0.2s ease-in-out;
	}

	.menu_xs .menu li a span {
		border-bottom: 1px dotted #fff;
	}

	.menu_xs .menu li a:hover,
	.menu_xs .menu li a:focus,
	.menu_xs .menu li a:active {
		background: rgba(255, 255, 255, 0.2);
	}

	.menu-toggle {
		top: 24px;
		z-index: 2;
		right: 12px;
		width: 22px;
		height: 4px;
		padding: 8px 0;
		cursor: pointer;
		border-radius: 50%;
		position: absolute;
	}

	.menu-toggle span {
		height: 4px;
		display: block;
		overflow: hidden;
		text-indent: 100%;
		background: #595959;
		border-radius: 2px;
		white-space: nowrap;
		transition: background 0.3s ease-in-out;
	}

	.menu-toggle::before,
	.menu-toggle::after {
		left: 0;
		content: '';
		width: 22px;
		height: 4px;
		background: #595959;
		border-radius: 2px;
		position: absolute;
		transform-origin: center center;
		transition: width 0.2s ease-in-out, background 0.2s ease-in-out, transform 0.2s ease-in-out, top 0.2s ease-in-out, bottom 0.2s ease-in-out, left 0.2s ease-in-out, right 0.2s ease-in-out;
	}

	.menu-toggle::before {
		top: 0;
	}

	.menu-toggle::after {
		bottom: 0;
	}


	.carousel-control-prev {
		left: 0%;
	}

	.alto_proyecto {
		height: auto;
	}

	.carousel-control-next {
		right: 0%;
	}

	.img_persona_02 {
		position: absolute;
		bottom: -20px;
		right: 0;
		width: 230px;
	}

	.img_persona_01 {
		position: absolute;
		bottom: -80px;
		z-index: 999;
		width: 300px;
		left: 0;
		width: 210px;
	}

	.logo_urban {
		position: relative;
	}

}

@media (max-width: 812px) {
	.alto_proyecto {
		height: 500px;
	}

	.iframe_form {
		width: 100%;
		top: 0;
		left: 0;
		height: 780px;
	}

	.div_content {
		height: 100%;
		width: 90%;
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		text-align: center;
	}

	.item-proyecto_2 {
		height: 800px;
	}
}