/* @override 
	https://www.achele.org/2026/wp-content/themes/achele/style.css
	https://www.achele.org/2026/wp-content/themes/achele/style.css?* */


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

/* COLORES  */

.color1 { background-color: #ee1135 }
.color2 { background-color: #fbbe3d }
.color3 { background-color: #8f7aa8 }
.color4 { background-color: # }
.color5 { background-color: # }
.color6 { background-color: # }
.color7 { background-color: # }

/* GENERAL */

.turquesa .elementor-icon svg path,
.turquesa .elementor-icon svg rect,
.turquesa .elementor-icon svg polygon {
	fill: #1cb9d3!important;
}

/* FLOAT BAR */

/* CONTENEDOR */
#floatbar {
  position: fixed;
  left: 24px;
  bottom: 120px;
  display: flex;
  flex-direction: column;
  gap: 12px;
  z-index: 9999;
}

/* ITEM */
#floatbar .contact-item {
  position: relative;
  width: 56px;
  height: 56px;
  cursor: pointer;
  animation: ws-pulse 2s infinite;
  border-radius: 100%;
}

/* LINK: importante overflow visible */
#floatbar .contact-item a {
  position: relative;
  width: 56px;
  height: 56px;
  display: block;
  border-radius: 999px;
  overflow: visible; /* 👈 clave */
  outline: none;
}

/* FONDO EXPANSIBLE */
#floatbar .contact-item a::before {
  content: "";
  position: absolute;
  inset: 0;
  width: 56px;
  height: 56px;
  background: #25d366;
  border-radius: 999px;
  transition: width .35s ease;
  z-index: 0;
}

/* TEXTO CTA: ahora sale desde la izquierda del círculo */
#floatbar .contact-item a::after {
  content: attr(data-label); /* 👈 viene desde PHP */
  position: absolute;
  left: 46px;            /* 👈 parte justo después del círculo */
  top: 50%;
  transform: translateY(-50%) translateX(10px);
  opacity: 0;
  white-space: nowrap;
  padding-left: 14px;    /* 👈 separación real del icono */
  padding-right: 18px;   /* 👈 margen derecho del pill */
  height: 56px;
  display: flex;
  align-items: center;
  font-size: 14px;
  font-weight: 600;
  color: #fff;
  pointer-events: none;
  transition: opacity .25s ease, transform .25s ease;
  z-index: 1;
}

/* ICONO */
#floatbar .contact-item img {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 26px;
  height: 26px;
  z-index: 2;
  transition: transform .35s ease;
}

/* HOVER / FOCUS: expande el fondo, muestra texto, corre el icono */
#floatbar .contact-item:hover a::before,
#floatbar .contact-item:focus-within a::before {
  width: 220px; /* ajusta si quieres más/menos */
}

#floatbar .contact-item:hover a::after,
#floatbar .contact-item:focus-within a::after {
  opacity: 1;
  transform: translateY(-50%) translateX(0); 
}

#floatbar .contact-item:hover img,
#floatbar .contact-item:focus-within img {
  transform: translate(-50%, -50%); /* un pelín a la izquierda */
}

/* PULSO */
@keyframes ws-pulse {
  0% { box-shadow: 0 0 0 0 rgba(37,211,102,.6); }
  70% { box-shadow: 0 0 0 18px rgba(37,211,102,0); }
  100% { box-shadow: 0 0 0 0 rgba(37,211,102,0); }
}




/* 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;
} 

/* GENERAL */
h3, h2, h1 { font-weight: 400; color: #555555!important; }

/* HEADER */
#site-logo { padding: 15px 0; }
.header-topbar { background-color: #222125!important; }

/* QTRANSX */
#languages { margin-right: 0!important;  }
#qtranslate-chooser {
	padding: 6px 0;
	padding-right: 15px;
	width: 240px;
	float: right;
	background: url(images/dark-texture.png) repeat-x; 
	background-color: transparent;	
	border-radius: 0 0 10px 10px;
}
#qtranslate-chooser img { padding: 0 4px; }
#qtranslate-chooser img:hover { opacity: 0.5; }
.trans { padding-top: 5px; padding-bottom: 5px; height: 25px; }
#languages { float: right; width: 100%; margin-right: 14px; text-align: right; }
#qtranslate-2 { margin: 0 auto; text-align: left; width: 120px; }
.ppqtrans_language_chooser { float: right; }
.ppqtrans_language_chooser li {  float:left; height: 17px; margin: 0 4px 3px; }
a.qtrans_flag { height: 17px; color:#fff; font-size:11px; }
.lang { width:150px; height:14px; margin:-27px 0px 0px 0px;
	padding:0px 0px 0px 790px; background:none!important; }
.lang a { color:#fff!important; font-size:10px; margin:0px; text-align:right; }


/* MAIN MENU */


/* HOME */
.home .site-main {
	margin: 40px 0 100px 0;
}
.home .entry-content { padding-top: 0; text-align: center; }
.ws-slider { margin-bottom: 60px; }

.atributos { display: flex; flex-wrap: wrap; justify-content: space-between; }
.atributos .white-box { padding: 20px; }
.atributos .column { width: 32%;  margin-bottom: 20px; }
.atributos img { margin-bottom: 15px; }
.atributos h3 a {
	text-transform: uppercase;
	font-size: 18px;
	line-height: 120%;
	color: #555;
}


.section { background-color: #e7e7e7;  padding-bottom: 40px; }
.school-wrap { display: flex; flex-wrap: wrap; justify-content: center; }
.school-wrap { padding: 60px 0; }
.school-box.white-box {
	width: 180px;
	padding: 0;
	flex-direction: column;
	border: 1px solid #999;
	margin-right: 10px; margin-bottom: 10px;
}
.school-logo {
	display: flex;
	height: 160px;
	align-items: center;
	background-color: #f8f8f8;
	border-bottom: 1px solid #dadada;
}
.school-name {
	padding: 15px;
	text-align: center;
}
.school-name h4 {
	line-height: 14px;
}
.school-name h4 a {
	text-transform: uppercase;
	font-size: 16px;
	color: #555;
	font-weight: 400;
}





/* BLOG */

.blog-grid .masonry-post-item {
  float: left;
  width: 33.3333333333%;
  padding-bottom: 15px;
  padding-left: 15px;
  padding-right: 15px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.blog-grid .masonry-post-item:hover {
	box-shadow: 0 17px 25px 0 rgba(0, 0, 0, 0);
  -webkit-box-shadow:  0 17px 25px 0 rgba(0, 0, 0, 0);
  -moz-box-shadow:  0 17px 25px 0 rgba(0, 0, 0, 0);
  opacity: 0.8;

}
.blog-grid h3 {
	font-size: 1.5em!important;
	line-height: 120%!important;
}

.blog-grid p {
	line-height: 150%!important;
}

/* SINGLE */
.entry-content { background-color: #F5F5F5!important; }
.white-box {
	background-color: #fff;
	padding: 40px;
	border: 1px solid #dadada;
	margin-bottom: 20px;
}
.white-box:last-child { margin-bottom: 0px; }
.entry-content img.wp-post-image{ width: 100%; border: 1px solid #dadada; border-bottom: 0px solid #333; }

/* MIEMBROS */
.member-grid {
	display: flex; flex-direction: row;
	justify-content: center;
	flex-wrap: wrap;
}
.member-box {
	width: 48%;
	margin-right: 1%;
	display: flex; flex-direction: row;
}
.member-box h3 {
	font-weight: 400;
	font-size: 28px;
}
.member-box h3 a { color: #555555!important; }
.member-box .thumbnail-logo { margin-right: 20px; min-width: 100px; margin-bottom: 20px; }
.member-box img { width: 100%; }

#data ul { padding: 20px 0 0; }
#data ul li { list-style: none; padding: 5px 0px 5px 28px; }
.ws-map { background: url("https://www.achele.org/2026/wp-content/themes/achele/formicons/map-marker.png") no-repeat; }
.ws-mail { background: url("https://www.achele.org/2026/wp-content/themes/achele/formicons/mail.png") no-repeat; }
.ws-phone { background: url("https://www.achele.org/2026/wp-content/themes/achele/formicons/phone.png") no-repeat; }
.ws-link { background: url("https://www.achele.org/2026/wp-content/themes/achele/formicons/web.png") no-repeat; }
.ws-map, .ws-phone, .ws-mail, .ws-link  { background-size: 20px; background-position-y: 4px; }


.acf-map {
	border: 1px solid #dadada!important;
}

/* SIDEBAR */
.widget { background-color: #fff; border: 1px solid #dadada; padding: 20px; 
margin-bottom: 20px!important; }
.widget ul li {
	border-bottom: 1px solid #dadada;
	padding: 8px 0 6px;
	margin-bottom: 0!important;
}
.widget ul li:last-child { border-bottom: 0px solid #dadada; }
.widget ul li a { line-height: 120%;}

/* SOCIAL BAR */
#social-bar, #popup-bar {
	display: flex; flex-direction: row;
	justify-content: center;
	margin-top: 10px;
}
#social-bar .contact-item { 
	padding: 2px;
	border-radius: 100%; margin-right: 1px;
	/*border: 1px solid rgba(255, 255, 255, 0.3);
	background-color: transparent!important;*/	}
#social-bar .contact-item img { width: 36px; float: left;  }
#social-bar .contact-item img:hover { opacity: 1; }

/* 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; }	
	
#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: #fff; }
#contact-list .contact-item .etiqueta:hover {
	color: rgba(0, 0, 0, 1)}
.credits { color: #fff; font-size: 14px; font-weight: 300; }
.credits a { color: #fbbe3d !important; }


/* FOOTER */
.scroll_to_top_style_default { background-color: #33BC82!important; }

#footer-bar {
	display: flex; flex-direction: row;
	justify-content: center;
	padding: 30px 0 0px;
	align-items: center;
	flex-wrap: wrap;
}
#footer-bar .contact-item {
	margin: 0 15px 20px 15px;
}
#footer-bar .contact-item img { position: relative; top: -4px; margin: 0 10px }
#footer-bar .contact-item.item-3 a { display: flex; flex-direction: row-reverse }
#footer-bar .contact-item.item-3 img { top: -8px; }
#footer-bar a { color: #fff; }

/* MEDIA QUERIES */

@media only screen and ( min-width: 961px ) and ( max-width: 1300px ) { }
@media only screen and ( max-width: 961px )  {.atributos .column { width: 48%; margin-bottom: 20px; }
}
@media only screen and ( min-width: 768px ) and ( max-width: 960px ) {
	.white-box { padding: 30px; }
	.atributos .column { width: 48%; margin-bottom: 20px; }
}
@media only screen and ( min-width: 480px ) and ( max-width: 767px ) {
.school-box { width: 100%; }
.white-box { padding: 30px; }
.atributos .column { width: 100%; margin-bottom: 20px; }

}
@media only screen and ( max-width: 479px ) { 
.school-box { width: 100%; flex-direction: column; }
.white-box { padding: 20px; }
.atributos .column { width: 100%; margin-bottom: 20px; }
}


/* FORMS */

/* WHATSAPP FORM */
#formulario-ws input { background-position: 10px 10px; }
#formulario-ws input, #formulario-ws select { 
	border: 1px solid #dadada; 
	border-radius: 25px;}
#formulario-ws .select_container:after {
	left: 25px!important;
	position: relative;
	top: -22px!important;
}
#formulario-ws select {
	width: 95%!important;
	padding-bottom: 13px; padding-top: 13px;
}
#formulario-ws input,
#formulario-ws select { background-color: #f8f8f8!important; }


/* 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: 1px solid #dadada;
}
.ginput_container_text input,
.ginput_container_email input,
.ginput_container_phone input,
.ginput_container_textarea textarea {
	background-color: #f8f8f8!important;
}
.gform_footer { }
.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 { 
	padding: 10px 40px; background-color: #ee1135;
	border: 0px solid #333;
	color: #fff; 
}
.gform_button.button:hover { background-color: #8f7aa8; }
.gform_footer.top_label .gform_button { margin: 0 auto!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
 { background-repeat: no-repeat; background-position: 10px 7px; background-size: 25px; padding-left: 40px!important; }
.nombre input { background-image: url("https://www.achele.org/2026/wp-content/themes/achele/formicons/user.png");}
.mail input, .email input { background-image: url("https://www.achele.org/2026/wp-content/themes/achele/formicons/mail.png"); }
.fono input { background-image: url("https://www.achele.org/2026/wp-content/themes/achele/formicons/phone.png"); }
.empresa input { background-image: url("https://www.achele.org/2026/wp-content/themes/achele/formicons/flag.png"); }
.web input { background-image: url("https://www.achele.org/2026/wp-content/themes/achele/formicons/earth-alt.png"); }
.asunto input  { background-image: url("https://www.achele.org/2026/wp-content/themes/achele/formicons/exclamation-triangle.png"); }
.nota textarea, .nota input { background-image: url("https://www.achele.org/2026/wp-content/themes/achele/formicons/chat.png"); }


/* Chrome/Opera/Safari */
.gform_fields .gfield input::-webkit-input-placeholder,
.gform_fields .gfield textarea::-webkit-input-placeholder  {	
  color: #555555; font-size: 15px;
}
/* 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;
}

/* 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 {  }