/* @override 
	https://iglesis.websmart.cl/2026/wp-content/themes/ws-elementra/style.css
	http://iglesis.websmart.cl/2026/wp-content/themes/ws-elementra/style.css */


/*
Theme Name: ws-elementra
Theme URI: http://www.websmart.cl
Author: Felipe Miguel de Websmart
Author URI: http://www.websmart.cl
Description: 
Version: 1.0.0
Template: elementra
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: 
*/

/* COLORES  */

.color1 { background-color: #902504 }
.color2 { background-color: #ad644e }
.color3 { background-color: # }
.color4 { background-color: # }
.color5 { background-color: # }
.color6 { background-color: # }
.color7 { background-color: # }

/* GENERAL */

h1 {
	letter-spacing: 0.05em;
	font-weight: 500!important;
}

/* relleno iconos svg */
.svgicon .elementor-icon svg path,
.svgicon .elementor-icon svg rect,
.svgicon .elementor-icon svg polygon {
	fill: #1cb9d3!important;
}

button.search_submit { margin-left: 5px; }

.home h1 { font-size: 3.2em; }

/* FLOAT BAR */

#floatbar {
	width: 58px; 
	text-align: center;
	position: fixed;
	right: 20px;
	top: 30%;
	z-index: 9999;
}
#floatbar .contact-item {
	border-radius: 100%;
	width: 42px; height: 42px;
	margin: 0 auto 6px;
	padding: 5px;
}
#floatbar .contact-item.item-4 {
	background-color: #25d366!important;
}
#floatbar .contact-item:hover {
	transition-duration: 0.5s;
	background-color: #000!important;
}

/* POPUP BAR */
#popup-bar .contact-item img {
	width: 52px; flex-direction: row;
	background-color: #810ca8;
	border-radius: 26px;
	padding: 10px;
}	
#popup-bar .contact-item a img { margin: 8px; } 

.vermas .sc_button { background-color: #fff; color: #000; border: 1px solid #333; border-radius: 30px; padding: 10px 30px;
letter-spacing: 0; margin-top: 15px; }
.vermas .sc_button:hover { background-color: #000; color: #fff; }


/* HEADER */


/* MAIN MENU */

.trx-addons-toggle-text svg path { fill: #fff!important; }
/* form.search_form button.search_submit */
.trx_addons_icon-search svg path { fill: #fff!important;   }
#linemenu { margin-top: -28px; z-index: 9999999; }
/* HOME */


/* BLOG */
.post_featured { width: 100%; }
.post_content_single.entry-content p {
	font-size: 14px;
	color: #000!important;
	line-height: 180%!important;
}


h1.ws-fw-category-hero-title {
	color: #fff;
	font-size: clamp(32px, 4vw, 72px)!important;
	font-weight: 700;
	line-height: 1.08;
	margin: 0;
}


/* ARCHIVE */
.tax-fw-portfolio-category .ws-fw-category-hero{ margin-bottom: 80px; }
.tax-fw-portfolio-category .page_content_wrap { padding-top: 0; padding-bottom: 0;  }

/* SINGLE */
.ws-fw-project-hero { margin-bottom: 80px; }
.single-fw-portfolio .page_content_wrap { padding-top: 0!important; }
.subtitle { text-align: center; margin-top: 100px;  }
.subtitle  .epigrafe { text-transform: uppercase; letter-spacing: 0.1em; font-size: 1.2em;	color: #902504; }
.subtitle  h2  { text-transform: uppercase; font-size: 1.8em;
	letter-spacing: 0.15em; margin-bottom: 3em; margin-top: 0.6em; }
.subtitle .separador {
	height: 30px; background-color: #902504; width: 1px; margin: 0 auto 60px;}
.single-fw-portfolio .entry-content { max-width: 750px; margin: 0 auto; }
.single-fw-portfolio .entry-content p { text-align: justify!important; }

.ws-fw-project-gallery {
	width: 90%;
	width: 1290px;
	max-width: 1290px;
	max-width: 100%;
	margin: 90px auto;
}
.ws-fw-portfolio-filter button {
	color: #000;
	font-size: 10px;
	letter-spacing: 0;
	padding: 7px 14px;
	font-weight: 500!important;
}
.ws-fw-portfolio-filter { margin-top: 80px; }
.ws-fw-portfolio-filter button.is-active { background-color: #902504!important}
.ws-fw-portfolio-grid { padding-bottom: 100px; }

.ws-fw-lightbox-close,
.ws-fw-lightbox-nav {
	background: rgba(255, 255, 255, .0)!important;
	border: 0px solid rgba(255, 255, 255, .22)!important;
}
.ws-fw-lightbox-close:hover, 
.ws-fw-lightbox-nav:hover {
	background: rgba(255, 255, 255, .0)!important;
	color: #ad644e;
}

.posts_container { padding-top: 60px!important; }
.pagination .nav-links { padding-bottom: 100px; }

.croquis-mobile { display: none; }
.seccion-croquis {
	display: flex;
	max-width: 100%;
	width: 1290px;
	margin: 90px auto 0;
	align-items: flex-start center;
} 
.seccion-croquis h6 {
	font-size: 12px;
	text-transform: uppercase;
	line-height: 160%;
}
span.label { color: #902504; letter-spacing: 0.2em; }
.info-left, .info-right {
	display: flex;
	flex-direction: column;
	flex-wrap: wrap;
	width: 18%;
}
.info-right { text-align: right; }
.info-center { width: 64%; text-align: center; }


/* TEAM */

.trx_addons_column-1_3,
.trx_addons_column-1_4 { padding-right: 6px!important; padding-bottom: 6px!important; }
.sc_team_item_thumb a img { width: 100%!important;  }
.trx_addons-thumb-avatar .wp-post-image:hover {
	background-color: rgba(10, 10, 10, 0.68)!important;
}
.post_featured.with_thumb {  }
.sc_team_item { background-color: #fff!important; }

.sc_team_item_title { color: #fff; }
.ws-fw-team-gallery .ws-fw-team-socials a {
	align-items: center;
	border: 1px solid currentColor;
	border-radius: 4px;
	box-sizing: border-box;
	color: #fff;
	display: inline-flex;
	font-size: 14px;
	font-weight: 600;
	height: 32px;
	justify-content: center;
	line-height: 1;
	min-width: 32px;
	padding: 0 6px;
	text-decoration: none;
	transition: background .2s ease, color .2s ease, transform .2s ease;
}

.sc_team_item_info { padding: 15px!important;}
.sc_team_item_info h4 { font-weight: 300; font-size: 1.4em; }
.sc_team .sc_team_item_subtitle { font-style: normal; }

.trx_addons_hover_mask {position:absolute;z-index:10;top:0;left:0;right:0;bottom:0;overflow:hidden;opacity:0;background-color:rgba(10, 10, 10, 0.7);-webkit-transition:all 0.3s 0.1s ease-out;-ms-transition:all 0.3s 0.1s ease-out;transition:all 0.3s 0.1s ease-out;pointer-events:none}

#equipo-historico { 
	text-align: justify;
	text-transform: uppercase;
	font-size: 14px;
}
#equipo-historico .in_memoriam {  }
#equipo-historico .in_memoriam::after { content: ' | '; }
#equipo-historico .in_memoriam:last-child::after { content: '';  }
#equipo-historico a { color: #902504 } 



/* CONTACT LIST */
#contact-list, #contact-side { display: flex; flex-direction: column;
	align-content: end;}
#contact-list .contact-item,
#contact-side .contact-item { 
	background-color: transparent!important;	
	padding: 3px 0; font-size: 15px; }
#contact-side .contact-item img {
	width: 40px; float: left; 
	position: relative; top: -5px; margin-right: 10px; }
#contact-side .contact-item .etiqueta {
	float: left; font-size: 1.3em; }	

#footbar { margin-top: -28px; }

#footer-bar { display: flex; flex-direction: row;  justify-content: center; flex-wrap: wrap; }
#footer-bar .contact-item { text-transform: uppercase; font-size: 12px; }
#footer-bar .contact-item a { color: #fff; }
#footer-bar .contact-item::after { content: '|'; padding: 0 5px; color: #fff; }
#footer-bar .contact-item:last-child::after { content: ''; } 


#contact-list .contact-item img {
	width: 20px; float: left; position: relative; top: 3px;}
#contact-list .contact-item .etiqueta {
	float: left; padding: 0 0 0 8px; color: #666666; }
#contact-list .contact-item .etiqueta:hover {
	color: rgba(0, 0, 0, 1)}
.credits { color: #fff; font-size: 14px; font-weight: 300; }
.credits a { color: #ad644e !important; }



/* FOOTER */
.trx_addons_scroll_to_top { background-color: #902504!important; }
.e-con-inner h5 { color: #902504; letter-spacing: 0.2em; font-size: 14px; text-transform: uppercase; font-weight: 600; }

.ws-fw-project-hero { width: 90%!important; padding: 10% 5% 5%; }
.ws-fw-project-hero-inner { max-width: 900px; margin: 0 a; }
.ws-fw-project-hero-title {  }

/* MEDIA QUERIES */

@media only screen and ( min-width: 961px ) and ( max-width: 1300px ) { }
@media only screen and ( max-width: 961px )  { }
@media only screen and ( max-width: 960px ) {
	.seccion-croquis { max-width: 600px; width: 600px; }
	.croquis-mobile { display: block; text-align: center; }
	.info-center { display: none; }
	.info-left, .info-right { width: 50%; }
	#footbar { margin-top: 0px; padding: 28px; }
	
	.home h1 { font-size: 2.2em; }
	.ws-fw-project-hero {  }
	.ws-fw-project-hero-inner { max-width: 90%!important }
	.ws-fw-project-hero-title { }
}
@media only screen and ( min-width: 480px ) and ( max-width: 767px ) { 
#footbar { margin-top: 0px; padding: 28px; }
.seccion-croquis { max-width: 460px; width: 460px; }
.ws-fw-project-hero { max-width: 100%!important; }
.ws-fw-project-hero-inner {  }
.home h1 { font-size: 1.9em; }

}
@media only screen and ( max-width: 479px ) { 
#footbar { margin-top: 0px; padding: 28px; }
.seccion-croquis { max-width: 380px; width: 380px; }
.home h1 { font-size: 1.6em; text-wrap: balance; }
}
@media only screen and ( max-width: 319px ) {
	.seccion-croquis { max-width: 300px; width: 300px; flex-direction: column; }
	.info-right, .info-left { width: 100%; }
	.info-right { text-align: left; margin: 20px 0; }
	.home h1 { font-size: 1.6em; text-wrap: balance; }
	
}

/* FORMS */

/* Edge Placeholders */
::-webkit-input-placeholder { color: #000!important;}
/* Internet Explorer 10-11 Placeholders */
:-ms-input-placeholder { color: #000!important;}
::placeholder { color: #000!important; }

.gfield_label { font-weight: 600!important; }
.gform_required_legend { display: none; }

.ginput_container_text,
.ginput_container_email,
.ginput_container_phone,
.ginput_container_textarea {
	border: 0px solid #dadada;
}
.ginput_container_text input,
.ginput_container_email input,
.ginput_container_phone input,
.ginput_container_textarea textarea {
	background-color: #fff!important;
	border: 1px solid #efefef !important;
}
.gform_footer.top_label { }
.gform-theme--foundation .gform_fields {
  grid-row-gap: 20px !important; /* Separación entre campos */
}

.ginput_container_textarea textarea { padding-top: 14px!important; }

.gform_button.button {
	border: 0px solid #333!important;
	padding: 10px 50px!important;
	text-transform: uppercase!important;
	background-color: #902504!important;
	color: #fff; font-size: 16px!important;
	border-radius: 3px;
	margin: 0 auto!important;
	letter-spacing: 0.1em!important;
}
.gform_button.button:hover { background-color: #ad644e!important; }


/* FORMICONS */
.hide_label .gfield_label,
.hide_label .gform-field-label { display: none!important; }

.nombre input, .mail input, .email input,  .fono input, .nota textarea, .nota input, .asunto input, .empresa input, .pais input
 { background-repeat: no-repeat; background-position: 10px 7px; background-size: 25px; padding-left: 40px!important; }
.nombre input { background-image: url("https://iglesis.websmart.cl/2026/wp-content/themes/ws-elementra/formicons/user.png");}
.mail input, .email input { background-image: url("https://iglesis.websmart.cl/2026/wp-content/themes/ws-elementra/formicons/mail.png"); }
.fono input { background-image: url("https://iglesis.websmart.cl/2026/wp-content/themes/ws-elementra/formicons/phone.png"); }
.empresa input { background-image: url("https://iglesis.websmart.cl/2026/wp-content/themes/ws-elementra/formicons/flag.png"); }
.web input, .pais input { background-image: url("https://iglesis.websmart.cl/2026/wp-content/themes/ws-elementra/formicons/earth-alt.png"); }
.asunto input  { background-image: url("https://iglesis.websmart.cl/2026/wp-content/themes/ws-elementra/formicons/exclamation-triangle.png"); }
.nota textarea, .nota input { background-image: url("https://iglesis.websmart.cl/2026/wp-content/themes/ws-elementra/formicons/chat.png"); }


/* Chrome/Opera/Safari */
.gform_fields .gfield input::-webkit-input-placeholder,
.gform_fields .gfield textarea::-webkit-input-placeholder  {	
  color: #8d8d8d !important; font-size: 15px;
}
.gform_fields .gfield input:focus::-webkit-input-placeholder {	
  display: none!important;
}
/* Firefox 19+ */
.gform_fields .gfield input::-moz-placeholder,
.gform_fields .gfield textarea::-moz-placeholder { 
  color: #555555; font-size: 15px;
}
/* IE 10+ */
.gform_fields .gfield input:-ms-input-placeholder,
.gform_fields .gfield textarea:-ms-input-placeholder {
  color: #555555; font-size: 15px;
}
/* Firefox 18- */
.gform_fields .gfield input:-moz-placeholder,
.gform_fields .gfield textarea:-moz-placeholder {	
  color: #555555; font-size: 15px;
}

input:focus::placeholder,
textarea:focus::placeholder {
  color: transparent!important;
}

/* FORMS VALIDATIONS */
.validation_error { background-color: #fff; color: red!important; border: 1px solid #fff!important; }
.gfield_error { background-color: #fff!important; border-bottom: 1px solid red!important; border-top: 0px solid red!important; padding-top: 0!important;
}
.gfield_description.validation_message {  }
.gform_confirmation_message { text-align: center; }
.gfield_required_text {  }