PageSourceSearch

https://www.4elementsmed.com/

html 4elementsmed.com collected 2026-10-08 10:18:12 UTC 82,586 bytes, 1,584 lines download raw bytes

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23<!doctype html>
24<html lang='es'>
25	
26 <head>
27 
28  <title>▷ Inicio - Four Elements</title>
29  
30  <meta http-equiv='Content-Type' content='text/html; charset=UTF-8'/>
31  <meta name='viewport' content='width=device-width'/>
32  
33  <meta name='application-name' content='Four Elements' data-siteId='101086'/>
34  <meta name='description' content='El mejor centro médico al servicio de tu bienestar'/>
35  <meta name='robots' content='index, follow'/>
36  <meta name='Vary' content='User-Agent'/>
37  <meta name='format-detection' content='telephone=no'/>
38  
39  <meta property='og:title' content='▷ Inicio - Four Elements'>
40  <meta property='og:description' content='El mejor centro médico al servicio de tu bienestar'>
41  <meta property='og:type' content='website'>
42  <meta property='og:image' content='https://www.4elementsmed.com/data/101086/res/shareLogo.jpg'>
43  <meta property='og:url' content='https://www.4elementsmed.com/inicio.html'>
44  
45  <link rel='canonical' href='https://www.4elementsmed.com/inicio.html'>
46  
47  <link rel='shortcut icon' href='/favicon.ico'/>
48  <link rel='apple-touch-icon' href='/apple-touch-icon.png'/>
49  <link rel='icon' href='/favicon.png'/>
50  
51  <meta name='google-site-verification' content='OsnHjtHqG60ghIvIJdVHMzOrTRlWyDljB_8fs0yAEZw'/>
52  
53  
53<script type='text/javascript' src='/data/common/js/utils.js'></script>
53
54  
55  <style>
56
57 *:focus { outline: none }
58 p { margin: 0 }
59 blockquote { margin-top: 0; margin-bottom: 0 }
60 select::-ms-expand { display: none }
61 a img { border: 0px }
62
63</style>
64
65<script>
66 
67 function elem(id)
68 {
69  return document.getElementById(id);
70 }
71 
72 function gkey(e)
73 {
74  if (!e)
75  {
76   return event.keyCode;
77  }
78  else
79  {
80   return e.which;
81  }
82 }
83 
84 var initFunctions = new Array();
85 
86 function addInitFunction(initFunction)
87 {
88  initFunctions[initFunctions.length] = initFunction;
89 }
90 
91 var scrollFunctions = new Array();
92 
93 function addScrollFunction(scrollFunction)
94 {
95  scrollFunctions[scrollFunctions.length] = scrollFunction;
96 }
97 
98 function removeScrollFunction(scrollFunction)
99 {
100	var i;
101	for (i = 0; i < scrollFunctions.length; i++)
102	{
103	 if (scrollFunctions[i] == scrollFunction)
104	 {
105		scrollFunctions.splice(i, 1);
106		break;
107	 }
108	}
109 }
110 
111 function onPageScroll()
112 {
113	var i;
114	for (i = 0; i < scrollFunctions.length; i++)
115	{
116	 eval(scrollFunctions[i]);
117	}
118	doScrollAnimatedItems();
119 }
120 
121 var scrollAnimatedItems = new Array();
122 
123 function addScrollAnimatedItem(id, cn, fc, dl)
124 {
125	 scrollAnimatedItems[scrollAnimatedItems.length] = new Array(id, cn, fc, dl, true);
126 }
127 
128 function canDoScrollAnimation(el, fc)
129 {
130	var sp = getDocumentScrollPosition();
131	var ds = getDocumentSize();
132	var tp = getElementPosition(el);
133	var ff = 1.0 - fc;
134	if (ff < 0.0)
135	{
136	 ff = 0.0;
137	}
138	if (ff > 1.0)
139	{
140	 ff = 1.0;
141	}
142	
143	var canDoAnimation = false;
144	if (tp[1] <= sp[1] + Math.round(ff * ds[1]))
145	{
146	 canDoAnimation = true;
147	}
148	return canDoAnimation;
149 }
150 
151 function doScrollAnimatedItems()
152 {
153	var i;
154	var dl = 0;
155	for (i = 0; i < scrollAnimatedItems.length; i++)
156	{
157	 if (scrollAnimatedItems[i][4])
158	 {
159	  var canDoAnimation = canDoScrollAnimation(elem(scrollAnimatedItems[i][0]), scrollAnimatedItems[i][2]);
160	  if (canDoAnimation)
161	  {
162	 	 setTimeout("doScrollAnimatedItem('" + scrollAnimatedItems[i][0] + "', '" + scrollAnimatedItems[i][1] + "')", dl);
163	 	 dl += scrollAnimatedItems[i][3];
164	 	 scrollAnimatedItems[i][4] = false;
165	  }
166	 }
167	}
168 }
169 
170 function doScrollAnimatedItem(id, cn)
171 {
172	elem(id).className = cn;
173 }
174 
175 function init()
176 {
177  var i;
178  for (i = 0; i < initFunctions.length; i++)
179  {
180   eval(initFunctions[i]);
181  }
182  window.onscroll = onPageScroll;
183  onPageScroll();
184 }
185 
186 function isValidEmail(eml)
187 {
188  var emlRgx = /[-0-9a-zA-ZñÑ_!#$%&'*+/=?^`{|}~.]+@([-0-9a-zA-ZñÑ]+[.])+[a-zA-ZñÑ]{2,5}/;
189  var isValid = true;
190  if (eml.search(emlRgx) == -1)
191  {
192   isValid = false;
193  }
194  return isValid;
195 }
196
197 function isFirstRequest()
198 {
199  var referrerUrl = '';
200  var position = referrerUrl.indexOf('?');
201  if (position >= 0)
202  {
203   referrerUrl = referrerUrl.substring(0, position);
204  }
205  var isFirstReq = true;
206  if (referrerUrl.indexOf('4elementsmed.com') >= 0)
207  {
208   isFirstReq = false;
209  }
210  
211  return isFirstReq;
212 }
213
214</script>
214
215 	
216  <style type='text/css'>
217   
218   @font-face { font-family: 'openSansLight'; font-display: swap; src: url(/data/common/fonts/openSans.light.eot) }
219   @font-face { font-family: 'openSansLight'; font-display: swap; src: url(/data/common/fonts/openSans.light.ttf) }
220   
221   @font-face { font-family: 'openSansRegular'; font-display: swap; src: url(/data/common/fonts/openSans.regular.eot) }
222   @font-face { font-family: 'openSansRegular'; font-display: swap; src: url(/data/common/fonts/openSans.regular.ttf) }
223   
224   @font-face { font-family: 'openSansSemiBold'; font-display: swap; src: url(/data/common/fonts/openSans.semiBold.eot) }
225   @font-face { font-family: 'openSansSemiBold'; font-display: swap; src: url(/data/common/fonts/openSans.semiBold.ttf) }
226   
227   @font-face { font-family: 'openSansBold'; font-display: swap; src: url(/data/common/fonts/openSans.bold.eot) }
228   @font-face { font-family: 'openSansBold'; font-display: swap; src: url(/data/common/fonts/openSans.bold.ttf) }
229   
230   @font-face { font-family: 'gingerRegular'; font-display: swap; src: url(/data/common/fonts/ginger.regular.eot) }
231   @font-face { font-family: 'gingerRegular'; font-display: swap; src: url(/data/common/fonts/ginger.regular.ttf) }
232   
233   @font-face { font-family: 'poppinsLight'; font-display: swap; src: url(/data/common/fonts/poppins.light.eot) }
234   @font-face { font-family: 'poppinsLight'; font-display: swap; src: url(/data/common/fonts/poppins.light.otf) }
235   
236   @font-face { font-family: 'poppinsRegular'; font-display: swap; src: url(/data/common/fonts/poppins.regular.eot) }
237   @font-face { font-family: 'poppinsRegular'; font-display: swap; src: url(/data/common/fonts/poppins.regular.otf) }
238   
239   @font-face { font-family: 'poppinsMedium'; font-display: swap; src: url(/data/common/fonts/poppins.medium.eot) }
240   @font-face { font-family: 'poppinsMedium'; font-display: swap; src: url(/data/common/fonts/poppins.medium.otf) }
241   
242   @font-face { font-family: 'poppinsSemiBold'; font-display: swap; src: url(/data/common/fonts/poppins.semiBold.eot) }
243   @font-face { font-family: 'poppinsSemiBold'; font-display: swap; src: url(/data/common/fonts/poppins.semiBold.otf) }
244   
245   :root
246   {
247    --contentInternalWidth: calc(100% - 5.0rem);
248   	--contentInternalMarginLeft: 2.5rem;
249   	--contentWidth: calc(100% - 22.0rem);
250   	--contentMarginLeft: 11.0rem;
251   	--contentReducedWidth: 1350px;
252   	--contentReducedMarginLeft: calc(50% - 675px);
253   	--halfContentWidth: calc(100% - 11.0rem);
254   	--leftMenuItemsWidth: 25%;
255    --leftMenuTitleFontSize: 1.7rem;
256    --leftMenuSubtitleFontSize: 1.8rem;
257    --leftMenuItemFontSize: 1.8rem;
258   }
259
260   @media only screen and (min-width: 1201px) and (max-width: 1500px)
261   {
262   	:root
263    {
264     --contentInternalWidth: calc(100% - 5.0rem);
265   	 --contentInternalMarginLeft: 2.5rem;
266     --contentWidth: 90%;
267   	 --contentMarginLeft: 5%;
268   	 --contentReducedWidth: 90%;
269   	 --contentReducedMarginLeft: 5%;
270   	 --halfContentWidth: 90%;
271   	 --leftMenuItemsWidth: 25%;
272     --leftMenuTitleFontSize: 1.7rem;
273     --leftMenuSubtitleFontSize: 1.8rem;
274     --leftMenuItemFontSize: 1.8rem;
275    }
276   }
277   
278   @media only screen and (min-width: 981px) and (max-width: 1200px)
279   {
280   	:root
281    {
282     --contentInternalWidth: calc(100% - 5.0rem);
283   	 --contentInternalMarginLeft: 2.5rem;
284     --contentWidth: 100%;
285   	 --contentMarginLeft: 0%;
286   	 --contentReducedWidth: 100%;
287   	 --contentReducedMarginLeft: 0%;
288   	 --halfContentWidth: 100%;
289   	 --leftMenuItemsWidth: 25%;
290     --leftMenuTitleFontSize: 1.7rem;
291     --leftMenuSubtitleFontSize: 1.8rem;
292     --leftMenuItemFontSize: 1.8rem;
293    }
294   }
295
296   @media only screen and (max-width: 980px)
297   {
298   	:root
299    {
300     --contentInternalWidth: calc(100% - 5.0rem);
301   	 --contentInternalMarginLeft: 2.5rem;
302     --contentWidth: 100%;
303   	 --contentMarginLeft: 0%;
304   	 --contentReducedWidth: 100%;
305   	 --contentReducedMarginLeft: 0%;
306   	 --halfContentWidth: 100%;
307   	 --leftMenuItemsWidth: 25%;
308     --leftMenuTitleFontSize: 1.7rem;
309     --leftMenuSubtitleFontSize: 1.8rem;
310     --leftMenuItemFontSize: 1.8rem;
311    }
312   }
313   
314   html { font-size: 10px; scrollbar-color: #BBBBBB #EEEEEE; scrollbar-width: thin }
315   body::-webkit-scrollbar { -webkit-appearance: none; width: 8px; height: 8px }
316   body::-webkit-scrollbar-thumb { background: #BBBBBB; border-style: solid; border-width: 0px 1px 0px 1px; border-color: #EEEEEE }
317   body::-webkit-scrollbar-track { background: #EEEEEE }
318   body { margin: 0px; font-size: 0px; text-align: center; background: #CCCCCC }
319   .contentExternalWrapper { position: relative; float: left; width: 100%; min-width: 980px; font-size: 16px; text-align: left }
320   .contentInternalWrapper { position: relative; float: left; width: var(--contentInternalWidth); margin-left: var(--contentInternalMarginLeft) }
321   .contentWrapper { position: relative; float: left; width: var(--contentWidth); margin-left: var(--contentMarginLeft) }
322   .contentReducedWrapper { position: relative; float: left; width: var(--contentReducedWidth); margin-left: var(--contentReducedMarginLeft) }
323   
324   .hiddenWrapper { position: relative; float: left; width: 0px; height: 0px }
325   
326   .returnLink { position: relative; float: right; clear: both; width: 8.0rem; margin-right: calc(50% - 4.0rem); margin-top: 6.0rem; font: normal 1.8rem openSansSemiBold; color: #329F94; text-align: center }
327   
328   #leftMenuExternalWrapper { position: relative; float: left; display: grid; width: 94%; margin-left: 3%; margin-top: 9.0rem; grid-template-columns: var(--leftMenuItemsWidth) calc(100.0% - var(--leftMenuItemsWidth) - 3.0%); grid-column-gap: 3.0% }
329   #leftMenuItemsWrapper { position: relative; float: left; width: 100%; margin-top: 0.0rem; padding-top: 0.0rem; padding-bottom: 5.0rem; background: #FFFFFF; border-radius: 10px }
330   #leftMenuContentWrapper { position: relative; float: left; width: 100%; margin-top: 0.0rem }
331   .leftMenuTitle { position: relative; float: left; width: calc(100% - 3.2rem - 3.0rem); margin-top: 3.0rem; margin-bottom: 0.0rem; padding: 0.0rem 3.0rem 0.0rem 3.2rem; font: italic var(--leftMenuTitleFontSize) poppinsLight; color: #565656 }
332   .leftMenuSubtitle { position: relative; float: left; width: calc(100% - 3.2rem - 3.0rem); margin-top: 4.0rem; margin-bottom: 0.0rem; padding: 0.0rem 3.0rem 0.0rem 3.2rem; font: normal var(--leftMenuSubtitleFontSize) poppinsRegular; color: #329F94 }
333   .leftMenuItem { position: relative; float: left; width: 100%; text-decoration: none; background: #FFFFFF; -webkit-transition: all 0.3s 0s ease; transition: all 0.3s 0s ease }
334   .leftMenuItem span { position: relative; float: left; width: calc(100% - 3.2rem - 3.0rem); padding: 1.2rem 3.0rem 1.2rem 3.2rem; font: normal var(--leftMenuItemFontSize) poppinsLight; color: #2E2E2E; text-decoration: none; -webkit-transition: all 0.3s 0s ease; transition: all 0.3s 0s ease }
335   .leftMenuItemPoint { position: relative; display: inline-block; width: 0.8rem; height: 0.8rem; margin-left: 1.2rem; margin-right: 1.5rem; margin-bottom: 0.2rem; background: #B0B0B0; border-radius: 0.4rem }
336   .leftMenuItem::before { content: '·'; position: absolute; left: 0%; top: 0.0rem; width: 1.4rem; height: 100%; color: transparent; background: #FFFFFF; -webkit-transition: all 0.5s 0s ease; transition: all 0.5s 0s ease }
337   .leftMenuItem:hover { background: #F5F5F5 }
338   .leftMenuItem:hover::before { background: #F5F5F5 }
339   .leftMenuItem:hover span { color: #241904 }
340   .leftMenuItemSelected { position: relative; float: left; width: 100%; text-decoration: none; background: #FFFFFF }
341   .leftMenuItemSelected span { position: relative; float: left; width: calc(100% - 3.2rem - 3.0rem); padding: 1.2rem 3.0rem 1.2rem 3.2rem; font: normal var(--leftMenuItemFontSize) poppinsLight; color: #2E2E2E; text-decoration: none }
342   .leftMenuItemSelected::before { content: '·'; position: absolute; left: 0%; top: 0px; width: 1.4rem; height: 100%; color: transparent; background: #329F94 }
343   .leftMenuItemLine { position: relative; float: left; width: calc(100% - 3.2rem - 3.0rem); height: 1px; margin-left: 3.2rem; background: #B0B0B0 }
344   .xleftMenuTitle { position: relative; float: left; width: calc(100% - 1.5rem - 3.5rem); margin-bottom: 5.0rem; padding: 1.5rem 3.5rem 1.5rem 1.5rem; font: normal 2.0rem openSansSemiBold; color: #FFFFFF; background: #20B0DE }
345   .xleftMenuItem { position: relative; float: left; margin-bottom: 2.0rem; width: 100%; text-decoration: none }
346   .xleftMenuItem span { position: relative; float: left; width: calc(100% - 3.8rem - 3.5rem); padding: 0.0rem 3.5rem 0.0rem 3.8rem; font: normal 1.7rem openSansRegular; color: #212121; text-decoration: none }
347   .xleftMenuItem::before { content: '·'; position: absolute; left: 1.5rem; top: 0.6rem; width: 1.2rem; height: 1.2rem; color: transparent; background: #212121; border-radius: 3px }
348   .xleftMenuItem::after { content: '·'; position: absolute; right: 0%; top: 0.0rem; width: 3.5rem; height: 100%; color: transparent; background: transparent }
349   .xleftMenuItem:hover span { text-decoration: underline }
350   .xleftMenuItemSelected { position: relative; float: left; margin-bottom: 2.0rem; width: 100%; text-decoration: none }
351   .xleftMenuItemSelected span { position: relative; float: left; width: calc(100% - 3.8rem - 3.5rem); padding: 0.0rem 3.5rem 0.0rem 3.8rem; font: normal 1.7rem openSansSemiBold; color: #212121; text-decoration: underline }
352   .xleftMenuItemSelected::before { content: '·'; position: absolute; left: 1.5rem; top: 0.6rem; width: 1.2rem; height: 1.2rem; color: transparent; background: #20B0DE; border-radius: 3px }
353   .xleftMenuItemSelected::after { content: '·'; position: absolute; right: 0%; top: 0px; width: 3.5rem; height: 100%; color: transparent; background-image: url(/data/101086/images/leftMenuArrow.png); background-repeat: no-repeat; background-position: center 0.4rem }
354   
355   #pagerExternalWrapper { position: relative; float: left; text-align: center; font-size: 0px }
356   #pagerWrapper { position: relative; display: inline-block }
357   .pagerPreviousNext { position: relative; float: left; margin-left: 2.0rem; margin-right: 2.0rem; font: normal 1.7rem openSansSemiBold; color: #212121; text-decoration: none }
358   .pagerPreviousNext:hover { position: relative; float: left; margin-left: 2.0rem; margin-right: 2.0rem; font: normal 1.7rem openSansSemiBold; color: #212121; text-decoration: underline }
359   .pagerNumberNormal { position: relative; float: left; margin-left: 0.7rem; margin-right: 0.7rem; font: normal 1.7rem openSansRegular; color: #212121; text-decoration: none }
360   .pagerNumberNormal:hover { position: relative; float: left; margin-left: 0.7rem; margin-right: 0.7rem; font: normal 1.7rem openSansRegular; color: #212121; text-decoration: underline }
361   .pagerNumberSelected { position: relative; float: left; margin-left: 0.7rem; margin-right: 0.7rem; font: normal 1.7rem openSansBold; color: #212121 }
362   
363   .xindexServicesItemWrapper { position: relative; float: left; width: 100%; padding-bottom: 8px; background: #FFFFFF; border-radius: 9px; box-shadow: 0px 3px 9px rgba(0, 0, 0, 0.20) }
364   .indexServicesItemWrapper1Off { position: relative; float: left; width: 100%; padding-bottom: 8px; background: #FFFFFF; border-radius: 9px; box-shadow: 0px 3px 9px rgba(0, 0, 0, 0.20); opacity: 0.0; -webkit-transform: translate(0px, 60px); transform: translate(0px, 60px) }
365   .indexServicesItemWrapper1On { position: relative; float: left; width: 100%; padding-bottom: 8px; background: #FFFFFF; border-radius: 9px; box-shadow: 0px 3px 9px rgba(0, 0, 0, 0.20); opacity: 1.0; -webkit-transform: translate(0px, 0px); transform: translate(0px, 0px); -webkit-transition: opacity 1.0s 0.0s ease, transform 1.0s 0.0s ease, box-shadow 0.3s 0.0s ease; transition: opacity 1.0s 0.0s ease, transform 1.0s 0.0s ease, box-shadow 0.3s 0.0s ease }
366   .indexServicesItemWrapper1On:hover { box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.25) }
367   .indexServicesItemWrapper2Off { position: relative; float: left; width: 100%; padding-bottom: 8px; background: #FFFFFF; border-radius: 9px; box-shadow: 0px 3px 9px rgba(0, 0, 0, 0.15); opacity: 0.0; -webkit-transform: translate(0px, 60px); transform: translate(0px, 60px) }
368   .indexServicesItemWrapper2On { position: relative; float: left; width: 100%; padding-bottom: 8px; background: #FFFFFF; border-radius: 9px; box-shadow: 0px 3px 9px rgba(0, 0, 0, 0.15); opacity: 1.0; -webkit-transform: translate(0px, 0px); transform: translate(0px, 0px); -webkit-transition: opacity 1.0s 0.0s ease, transform 1.0s 0.0s ease, box-shadow 0.3s 0.0s ease; transition: opacity 1.0s 0.0s ease, transform 1.0s 0.0s ease, box-shadow 0.3s 0.0s ease }
369   .indexServicesItemWrapper2On:hover { box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.20) }
370   .indexServicesItemImage { position: relative; float: left; overflow: hidden; width: calc(100% - 16px); margin-left: 8px; margin-top: 8px; border-radius: 4px 4px 0px 0px }
371   .indexServicesItemImage img { position: relative; float: left; width: 100%; -webkit-transform: scale(1.00, 1.00); -webkit-transform-origin: 50% 50%; transform: scale(1.00, 1.00); transform-origin: 50% 50%; -webkit-transition: transform 0.3s 0s ease; transition: transform 0.3s 0s ease }
372   .indexServicesItemWrapperOn:hover .indexServicesItemImage img { -webkit-transform: scale(1.15, 1.15); -webkit-transform-origin: 50% 50%; transform: scale(1.15, 1.15); transform-origin: 50% 50%; -webkit-transition: transform 0.6s 0s ease; transition: transform 0.6s 0s ease }
373   .indexServicesItemInfoWrapper { position: relative; float: left; width: calc(100% - 16px); min-height: 23.5rem; margin-left: 8px; padding-bottom: 5.5rem; background-repeat: no-repeat; background-position: right bottom; background-size: 50% auto }
374   .indexServicesItemTitle { position: relative; float: left; width: 90%; margin-left: 5%; margin-top: 3.8rem; font: normal 3.0rem poppinsMedium; color: #3E3B36; line-height: 130% }
375   .indexServicesItemSubtitle { position: relative; float: left; width: 90%; margin-left: 5%; margin-top: 0.6rem; font: normal 2.4rem poppinsMedium; color: #8B6631; line-height: 130% }
376   .indexServicesItemText { position: relative; float: left; width: 90%; margin-left: 5%; margin-top: 1.0rem; font: normal 1.8rem poppinsLight; color: #212121; line-height: 150% }
377
378   .xarticlesItemWrapper { position: relative; float: left; width: 100%; margin-top: 5.0rem }
379   .articlesItemWrapperOff { position: relative; float: left; width: 100%; margin-top: 5.0rem; opacity: 0.0; -webkit-transform: translate(0px, 60px); transform: translate(0px, 60px) }
380   .articlesItemWrapperOn { position: relative; float: left; width: 100%; margin-top: 5.0rem; opacity: 1.0; -webkit-transform: translate(0px, 0px); transform: translate(0px, 0px); -webkit-transition: opacity 1.0s 0.0s ease, transform 1.0s 0.0s ease; transition: opacity 1.0s 0.0s ease, transform 1.0s 0.0s ease }
381   .articlesItemImage { position: relative; float: left; width: 100%; overflow: hidden; margin-top: 2.0rem }
382   .articlesItemImage img { position: relative; float: left; width: 100%; -webkit-transform: scale(1.00, 1.00); -webkit-transform-origin: 50% 50%; transform: scale(1.00, 1.00); transform-origin: 50% 50%; -webkit-transition: transform 0.3s 0s ease; transition: transform 0.3s 0s ease }
383   .articlesItemImage img:hover { -webkit-transform: scale(1.15, 1.15); -webkit-transform-origin: 50% 50%; transform: scale(1.15, 1.15); transform-origin: 50% 50%; -webkit-transition: transform 0.6s 0s ease; transition: transform 0.6s 0s ease }
384   .articlesItemTitle { position: relative; float: left; display: flex; width: 100%; min-height: 6.4rem; margin-top: 2.0rem;  font: normal 2.6rem poppinsRegular; color: #212121; text-decoration: none; line-height: 135%; flex-flow: row wrap; justify-content: center; align-items: flex-end }
385   .articlesItemTitle span { position: relative; float: left; width: 100%; overflow: hidden; display: -webkit-box; text-overflow: ellipsis; -webkit-box-orient: vertical; -webkit-line-clamp: 2 }
386   .articlesItemPublication { position: relative; float: left; width: 100%; margin-top: 1.4rem; font: normal 1.8rem poppinsRegular; color: #AD867B; line-height: 140% }
387   .articlesItemPublication b { font-weight: normal; font-family: poppinsSemiBold }
388   .articlesItemSummary { position: relative; float: left; width: 100%; margin-top: 1.6rem; font: normal 1.8rem poppinsLight; color: #212121; line-height: 150%; overflow: hidden; display: -webkit-box; text-overflow: ellipsis; -webkit-box-orient: vertical; -webkit-line-clamp: 5 }
389   .articlesItemLink { position: relative; float: left; clear: left; margin-top: 1.8rem; font: normal 1.8rem poppinsRegular; color: #39A4A1; text-decoration: underline }
390   
391   @keyframes shakeKeyframes
392   {
393    10%, 90% { transform: translate(-1px, 0px) }
394    20%, 80% { transform: translate(2px, 0px) }
395    30%, 50%, 70% { transform: translate(-4px, 0px) }
396    40%, 60% { transform: translate(4px, 0px) }
397   }
398   
399   @-webkit-keyframes shakeKeyframes
400   {
401    10%, 90% { -webkit-transform: translate(-1px, 0px) }
402    20%, 80% { -webkit-transform: translate(2px, 0px) }
403    30%, 50%, 70% { -webkit-transform: translate(-4px, 0px) }
404    40%, 60% { -webkit-transform: translate(4px, 0px) }
405   }
406   
407  </style>
vendor: 75 bytes, lines 407-410
407
408  
409  
410  <script async src="https://www.googletagmanager.com/gtag/js?id=
410G-E48H6G1QL7
vendor: 15 bytes, lines 410-411
410"></script>
411  
411<script>
412   
vendor: 144 bytes, lines 412-416
412window.dataLayer = window.dataLayer || [];
413   function gtag(){dataLayer.push(arguments);}
414   gtag('js', new Date());
415   
416   gtag('config', '
416G-E48H6G1QL7
vendor: 7 bytes, lines 416-417
416');
417  
417</script>
417
418  
419
420 </head>
421 
422 <body onload='init()'>  
423  
424  
425  
425<script>
vendor: 435 bytes, lines 425-434
425
426   !function(f,b,e,v,n,t,s)
427   {if(f.fbq)return;n=f.fbq=function(){n.callMethod?
428   n.callMethod.apply(n,arguments):n.queue.push(arguments)};
429   if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0';
430   n.queue=[];t=b.createElement(e);t.async=!0;
431   t.src=v;s=b.getElementsByTagName(e)[0];
432   s.parentNode.insertBefore(t,s)}(window, document,'script',
433   'https://connect.facebook.net/en_US/fbevents.js');
434   fbq('init', '
434176628548403664
vendor: 37 bytes, lines 434-436
434');
435   fbq('track', 'PageView');
436  
436</script>
436
437  <noscript><img height="1" width="1" style="display:none"
438   src="https://www.facebook.com/tr?id=176628548403664&ev=PageView&noscript=1"
439  /></noscript>
440  
441  
442  
443  
444  
445
446
447
448
449
450
451
452
453
454
455
456
457
458
459
460
461
462
463
464
465
466
467
468
469
470<style type='text/css'>
471 
472 :root
473 {
474  --indexCarousel1ImageWidth: 100.0%;
475  --indexCarousel1ImageMarginLeft: 0.0%;
476  --indexCarousel1TitleFontSize: 8.0rem;
477  --indexCarousel1TextFontSize: 1.9rem;
478  --indexCarousel1ButtonsMarginTop: 4.5rem;
479 }
480 
481 @media only screen and (min-width: 1201px) and (max-width: 1500px)
482 {
483 	:root
484  {
485   --indexCarousel1ImageWidth: 100.0%;
486   --indexCarousel1ImageMarginLeft: 0.0%;
487   --indexCarousel1TitleFontSize: 7.0rem;
488   --indexCarousel1TextFontSize: 1.8rem;
489   --indexCarousel1ButtonsMarginTop: 4.0rem;
490  }
491 }
492 
493 @media only screen and (min-width: 981px) and (max-width: 1200px)
494 {
495 	:root
496  {
497   --indexCarousel1ImageWidth: 1200px;
498   --indexCarousel1ImageMarginLeft: calc(50% - 600px);
499   --indexCarousel1TitleFontSize: 6.0rem;
500   --indexCarousel1TextFontSize: 1.7rem;
501   --indexCarousel1ButtonsMarginTop: 3.5rem;
502  }
503 }
504 
505 @media only screen and (max-width: 980px)
506 {
507 	:root
508  {
509   --indexCarousel1ImageWidth: 1200px;
510   --indexCarousel1ImageMarginLeft: calc(50% - 600px);
511   --indexCarousel1TitleFontSize: 5.0rem;
512   --indexCarousel1TextFontSize: 1.6rem;
513   --indexCarousel1ButtonsMarginTop: 3.0rem;
514  }
515 }
516 
517 #indexCarousel1BackgroundImageWrapper { position: relative; float: left; overflow: hidden; width: 100% }
518 #indexCarousel1BackgroundImage { position: relative; float: left; width: var(--indexCarousel1ImageWidth); margin-left: var(--indexCarousel1ImageMarginLeft) }
519 #indexCarousel1ForegroundImageWrapper { position: absolute; left: 0%; top: 0.0rem; overflow: hidden; width: 100%; height: 100% }
520 .indexCarousel1ForegroundImageOff { position: relative; float: left; width: var(--indexCarousel1ImageWidth); margin-left: var(--indexCarousel1ImageMarginLeft); opacity: 0.0 }
521 .indexCarousel1ForegroundImageOn { position: relative; float: left; width: var(--indexCarousel1ImageWidth); margin-left: var(--indexCarousel1ImageMarginLeft); opacity: 1.0; -webkit-transition: opacity 2.0s 0.0s ease; transition: opacity 2.0s 0.0s ease }
522 #indexCarouselHeaderWrapper { position: absolute; left: 0%; top: 0.0rem; width: 100%; height: var(--headerHeight) }
523 #indexCarousel1ContentWrapper { position: absolute; left: 0%; top: var(--headerHeight); width: var(--contentWidth); height: calc(100% - var(--headerHeight)); margin-left: var(--contentMarginLeft) }
524 #indexCarousel1InfoExternalWrapper { position: relative; float: left; display: flex; width: 100%; margin-left: 0%; flex-flow: row wrap; justify-content: flex-start; align-items: center }
525 #indexCarousel1InfoWrapper { position: relative; float: left; width: 50%; margin-left: 3% }
526 .indexCarousel1TitleOff { position: relative; float: left; width: 100%; margin-left: 0%; margin-top: 0.0rem; margin-bottom: 0.0rem; font: normal var(--indexCarousel1TitleFontSize) gingerRegular; color: #3E3B36; line-height: 105%; text-align: left; opacity: 0.0; -webkit-transform: translate(0px, 60px); transform: translate(0px, 60px); -webkit-transition: opacity 0.4s 0.4s ease, transform 0.4s 0.4s ease; transition: opacity 0.4s 0.4s ease, transform 0.4s 0.4s ease }
527 .indexCarousel1TitleOn { position: relative; float: left; width: 100%; margin-left: 0%; margin-top: 0.0rem; margin-bottom: 0.0rem; font: normal var(--indexCarousel1TitleFontSize) gingerRegular; color: #3E3B36; line-height: 105%; text-align: left; opacity: 1.0; -webkit-transform: translate(0px, 0px); transform: translate(0px, 0px); -webkit-transition: opacity 1.2s 0.0s ease, transform 1.2s 0.0s ease; transition: opacity 1.2s 0.0s ease, transform 1.2s 0.0s ease }
528 .indexCarousel1TextOff { position: relative; float: left; clear: left; width: 100%; margin-left: 0%; margin-top: 1.8rem; font: normal var(--indexCarousel1TextFontSize) poppinsLight; color: #212121; line-height: 150%; text-align: left; opacity: 0.0; -webkit-transform: translate(0px, 60px); transform: translate(0px, 60px); -webkit-transition: opacity 0.5s 0.2s ease, transform 0.5s 0.2s ease; transition: opacity 0.5s 0.2s ease, transform 0.5s 0.2s ease }
529 .indexCarousel1TextOff b { font-weight: normal; font-family: openSansSemiBold }
530 .indexCarousel1TextOn { position: relative; float: left; clear: left; width: 100%; margin-left: 0%; margin-top: 1.8rem; font: normal var(--indexCarousel1TextFontSize) poppinsLight; color: #212121; line-height: 150%; text-align: left; opacity: 1.0; -webkit-transform: translate(0px, 0px); transform: translate(0px, 0px); -webkit-transition: opacity 1.4s 0.4s ease, transform 1.4s 0.4s ease; transition: opacity 1.4s 0.4s ease, transform 1.4s 0.4s ease }
531 .indexCarousel1TextOn b { font-weight: normal; font-family: openSansSemiBold }
532 .indexCarousel1Link1Off { position: relative; float: left; clear: left; width: 45%; max-width: 22.0rem; margin-left: 0%; margin-top: var(--indexCarousel1ButtonsMarginTop); font-size: 0px; text-align: center; background: #329F9B; border: solid 2px #329F9B; border-radius: 5px; opacity: 0.0; -webkit-transition: opacity 0.4s 0.0s ease, background 0.3s 0.0s ease; transition: opacity 0.4s 0.0s ease, background 0.3s 0.0s ease }
533 .indexCarousel1Link1On { position: relative; float: left; clear: left; width: 45%; max-width: 22.0rem; margin-left: 0%; margin-top: var(--indexCarousel1ButtonsMarginTop); font-size: 0px; text-align: center; background: #329F9B; border: solid 2px #329F9B; border-radius: 5px; opacity: 1.0; -webkit-transition: opacity 0.8s 1.4s ease, background 0.3s 0.0s ease; transition: opacity 0.8s 1.4s ease, background 0.3s 0.0s ease }
534 .indexCarousel1Link1On:hover { background: #298582 }
535 #xindexCarousel1Link1Label { position: relative; display: inline-block; padding: 1.0rem 0.0rem 1.0rem 2.8rem; font: normal 1.8rem poppinsLight; color: #FFFFFF; text-decoration: none; background: url(/data/101086/images/contactIcon.png) no-repeat left center }
536 #indexCarousel1Link1Label { position: relative; display: inline-block; padding: 1.0rem 0.0rem 1.0rem 0.0rem; font: normal 1.8rem poppinsLight; color: #FFFFFF; text-decoration: none }
537 .indexCarousel1Link2Off { position: relative; float: left; width: 45%; max-width: 22.0rem; margin-left: 1.2rem; margin-top: var(--indexCarousel1ButtonsMarginTop); font-size: 0px; text-align: center; background: rgba(80, 80, 80, 0.0); border: solid 2px #3E3936; border-radius: 5px; opacity: 0.0; -webkit-transition: opacity 0.4s 0.0s ease, background 0.3s 0.0s ease; transition: opacity 0.4s 0.0s ease, background 0.3s 0.0s ease }
538 .indexCarousel1Link2On { position: relative; float: left; width: 45%; max-width: 22.0rem; margin-left: 1.2rem; margin-top: var(--indexCarousel1ButtonsMarginTop); font-size: 0px; text-align: center; background: rgba(80, 80, 80, 0.0); border: solid 2px #3E3936; border-radius: 5px; opacity: 1.0; -webkit-transition: opacity 0.8s 1.4s ease, background 0.3s 0.0s ease; transition: opacity 0.8s 1.4s ease, background 0.3s 0.0s ease }
539 .indexCarousel1Link2On:hover { background: rgba(80, 80, 80, 0.10) }
540 #xindexCarousel1Link2Label { position: relative; display: inline-block; padding: 1.0rem 0.0rem 1.0rem 3.0rem; font: normal 1.8rem poppinsLight; color: #212121; text-decoration: none; background: url(/data/101086/images/contactIcon.png) no-repeat left center }
541 #indexCarousel1Link2Label { position: relative; display: inline-block; padding: 1.0rem 0.0rem 1.0rem 0.0rem; font: normal 1.8rem poppinsLight; color: #212121; text-decoration: none }
542 #indexCarousel1SelectorsWrapper { position: relative; float: left; width: 94%; margin-left: 3%; font-size: 0px; text-align: center }
543 .indexCarousel1Selector { position: relative; display: inline-block; width: 1.6rem; height: 1.6rem; margin-left: 0.4rem; margin-right: 0.4rem; background: rgba(255, 255, 255, 0.5); border: solid 0px #FFFFFF; border-radius: 0.8rem; cursor: pointer; -webkit-transition: background 0.3s 0.0s ease; transition: background 0.3s 0.0s ease }
544 .indexCarousel1Selector:hover { position: relative; display: inline-block; width: 1.6rem; height: 1.6rem; margin-left: 0.4rem; margin-right: 0.4rem; background: rgba(50, 159, 155, 0.7); border: solid 0px #FFFFFF; border-radius: 0.8rem; cursor: pointer; -webkit-transition: background 0.3s 0.0s ease; transition: background 0.3s 0.0s ease }
545 .indexCarousel1SelectorSelected { position: relative; display: inline-block; width: 1.6rem; height: 1.6rem; margin-left: 0.4rem; margin-right: 0.4rem; background: rgba(50, 159, 155, 0.7); border: solid 0px #FFFFFF; border-radius: 0.8rem; cursor: pointer; -webkit-transition: background 0.3s 0.0s ease; transition: background 0.3s 0.0s ease }
546 
547 #indexPresentationTitle { position: relative; float: left; width: 94%; margin-left: 3%; margin-top: 9.0rem; margin-bottom: 0.0rem; font: normal 6.5rem gingerRegular; color: #212121; line-height: 130%; text-align: center }
548 #indexPresentationSubtitle { position: relative; float: left; width: 94%; margin-left: 3%; margin-top: 1.0rem; margin-bottom: 0.0rem; font: normal 2.0rem poppinsRegular; color: #AD867B; line-height: 130%; text-align: center }
549 #indexPresentationText { position: relative; float: left; width: 94%; margin-left: 3%; margin-top: 1.5rem; font: normal 1.8rem poppinsLight; color: #212121; line-height: 150%; text-align: center }
550 #indexPresentationText b { font-weight: normal; font-family: poppinsSemiBold }
551 #indexPresentationLink { position: relative; float: left; width: calc(28.0rem - 4px); margin-left: calc(50% - 14.0rem); margin-top: 4.0rem; padding-top: 1.2rem; padding-bottom: 1.2rem; font: normal 1.7rem poppinsLight; color: #212121; text-decoration: none; text-align: center; background: #FFFFFF; border: solid 2px #353B3B; border-radius: 6px; -webkit-transition: background 0.3s 0.0s ease; transition: background 0.3s 0.0s ease }
552 #indexPresentationLink:hover { background: #EEEEEE }
553 
554 #indexServicesHeadingTitle { position: relative; float: left; width: 94%; margin-left: 3%; margin-top: 9.0rem; margin-bottom: 0.0rem; font: normal 6.5rem gingerRegular; color: #FFFFFF; line-height: 120%; text-align: center }
555 #indexServicesHeadingText { position: relative; float: left; width: 94%; margin-left: 3%; margin-top: 1.8rem; font: normal 1.8rem poppinsLight; color: #FFFFFF; text-align: center; line-height: 150% }
556 #indexServicesHeadingText b { font-weight: normal; font-family: poppinsSemiBold }
557 #indexServicesItemsWrapper { position: relative; float: left; display: grid; width: 94%; margin-left: 3%; margin-top: 7.5rem; grid-template-columns: repeat(2, calc(50% - 2.5rem)); grid-column-gap: 5.0rem; grid-row-gap: 5.0rem }
558 
559 #indexArticlesHeadingTitle { position: relative; float: left; width: 94%; margin-left: 3%; margin-top: 9.0rem; margin-bottom: 0.0rem; font: normal 6.5rem gingerRegular; color: #212121; line-height: 130%; text-align: center }
560 #indexArticlesItemsWrapper { position: relative; float: left; display: grid; width: 94%; margin-left: 3%; margin-top: 0.0rem; grid-template-columns: calc(50.0% - 2.0%) calc(50.0% - 2.0%); grid-column-gap: 4.0% }
561 
562</style>
563
564<div class='contentExternalWrapper'>
565 <div id='indexCarousel1BackgroundImageWrapper'>
566  <img id='indexCarousel1BackgroundImage' src='/data/101086/assets/Carrusel/Carrusel%201@1920x900-adjust_middle.jpg' alt='4 Elements Wellness<br>Medical Center'>
567 </div>
568 <div id='indexCarousel1ForegroundImageWrapper'>
569  <img id='indexCarousel1ForegroundImage' src='/data/101086/assets/Carrusel/Carrusel%201@1920x900-adjust_middle.jpg' alt='4 Elements Wellness<br>Medical Center' class='indexCarousel1ForegroundImageOff'>
570 </div>
571 <div id='indexCarouselHeaderWrapper'>
572  <style type='text/css'>
573 
574 :root
575 {
576  --headerHeight: 14.2rem;
577 	--headerLogoWidth: 33.9rem;
578 	--headerLogoMarginTop: 3.2rem;
579 	
580 	--mainMenuWrapperMarginTop: 7.1rem;
581 	--mainMenuItemFontSize: 1.6rem;
582 	--mainMenuItemMargin: 4.5%;
583 }
584 
585 @media only screen and (min-width: 1201px) and (max-width: 1500px)
586 {
587 	:root
588  {
589   --headerHeight: 14.2rem;
590   --headerLogoWidth: 33.9rem;
591 	 --headerLogoMarginTop: 3.2rem;
592 	 
593 	 --mainMenuWrapperMarginTop: 7.1rem;
594 	 --mainMenuItemFontSize: 1.6rem;
595 	 --mainMenuItemMargin: 4.0%;
596  }
597 }
598 
599 @media only screen and (min-width: 981px) and (max-width: 1200px)
600 {
601 	:root
602  {
603   --headerHeight: 14.2rem;
604   --headerLogoWidth: 33.9rem;
605 	 --headerLogoMarginTop: 3.2rem;
606 	 
607 	 --mainMenuWrapperMarginTop: 7.1rem;
608 	 --mainMenuItemFontSize: 1.6rem;
609 	 --mainMenuItemMargin: 3.5%;
610  }
611 }
612 
613 @media only screen and (max-width: 980px)
614 {
615 	:root
616  {
617   --headerHeight: 13.0rem;
618   --headerLogoWidth: 30.0rem;
619 	 --headerLogoMarginTop: 3.2rem;
620 	 
621 	 --mainMenuWrapperMarginTop: 6.3rem;
622 	 --mainMenuItemFontSize: 1.5rem;
623 	 --mainMenuItemMargin: 3.0%;
624  }
625 }
626 
627 #headerWrapper { position: relative; float: left; width: 94%; height: var(--headerHeight); margin-left: 3% }
628 #headerLogo { position: relative; float: left; width: var(--headerLogoWidth); margin-top: var(--headerLogoMarginTop) }
629 #headerLogo img { position: relative; float: left; width: 100% }
630 
631 #headerSocialWrapper { position: absolute; width: calc(98% - var(--headerLogoWidth)); right: 0%; top: calc(var(--mainMenuWrapperMarginTop) - 3.5rem) }
632 #headerSocialLabel { position: relative; float: right; margin-right: 0.8rem; margin-top: 0.5rem; font: italic 1.6rem poppinsLight; color: #7B7366 }
633 .headerSocialLink { position: relative; float: right; width: 2.6rem; height: 2.6rem; margin-left: 1.0rem; margin-top: 0.0rem; background-repeat: no-repeat; background-position: center center }
634 
635 #mainMenuWrapper { position: relative; float: left; width: calc(98% - var(--headerLogoWidth)); margin-left: 2%; margin-top: var(--mainMenuWrapperMarginTop); font-size: 0px; text-align: right }
636 .mainMenuItem { position: relative; display: inline-block; height: 3.0rem; margin-left: var(--mainMenuItemMargin); margin-top: 1.5rem; padding-top: 0.6rem; font: normal var(--mainMenuItemFontSize) poppinsLight; color: #3E3B36; text-decoration: none }
637 .mainMenuItem::after { position: absolute; content: "·"; width: 0%; height: 4px; left: 50%; bottom: 0px; color: transparent; background: #AA897A; border-radius: 2px; -webkit-transition: all 0.2s 0.0s ease; transition: all 0.2s 0.0s ease }
638 .mainMenuItem:hover { }
639 .mainMenuItem:hover::after { width: 100%; left: 0% }
640 .mainMenuItemSelected { position: relative; display: inline-block; height: 3.0rem; margin-left: var(--mainMenuItemMargin); margin-top: 1.5rem; padding-top: 0.6rem; font: normal var(--mainMenuItemFontSize) poppinsLight; color: #3E3B36; text-decoration: none }
641 .mainMenuItemSelected::after { position: absolute; content: "·"; width: 100%; height: 4px; left: 0%; bottom: 0px; color: transparent; background: #AA897A; border-radius: 2px }
642</style>
643
644<div class='contentWrapper'>
645 <div id='headerWrapper'>
646  <a id='headerLogo' href='/inicio.html'>
647   <img src='/data/101086/images/headerLogo.png' alt='Four Elements'>
648  </a>
649  
650  <div id='headerSocialWrapper'>
651   <a href='https://www.instagram.com/4elementsmed' target='_blank' class='headerSocialLink' style='background-image: url(/data/101086/images/headerInstagramIcon.png)'></a>
652   <a href='https://www.facebook.com/profile.php?id=100086382229455' target='_blank' class='headerSocialLink' style='background-image: url(/data/101086/images/headerFacebookIcon.png)'></a>
653   <a href='https://www.youtube.com/channel/UCxnvJ2lkTtfp8cUUDV1iXeA' target='_blank' class='headerSocialLink' style='background-image: url(/data/101086/images/headerYoutubeIcon.png)'></a>
654   <div id='headerSocialLabel'>Síguenos en:</div>
655  </div>
656  
657  <div id='mainMenuWrapper'>
658   <a id='mainMenuItem1' href='/quienes-somos.html' class='mainMenuItem' style='margin-left: 0.0%'>QUIÉNES SOMOS</a>
659   <a id='mainMenuItem2' href='/servicios.html' class='mainMenuItem'>SERVICIOS</a>
660   <a id='mainMenuItem3' href='https://app.clinic-cloud.com/citaonl
660ine.php/4elementswellnessmedicalcenter' target='_blank' class='mainMenuItem'>PIDE CITA</a>
661   <a id='mainMenuItem4' href='/blog.html' class='mainMenuItem'>BLOG</a>
662   <a id='mainMenuItem5' href='/contacto.html' class='mainMenuItem'>CONTACTO</a>
663  </div>
664 </div>
665</div>
666
667<script type='text/javascript'>
668 
669 addInitFunction('initMainMenu()');
670 
671 function initMainMenu()
672 {
673	var selectedIndex = -1;
674	/*
675	if ('/inicio.html' == '/inicio.html')
676	{
677	 selectedIndex = 0;
678  }
679	*/
680	if ('/inicio.html' == '/quienes-somos.html')
681	{
682	 selectedIndex = 1;
683	}
684	if (('/inicio.html' == '/servicios.html') || ('/inicio.html' == '/medicina-de-familia.html') || ('/inicio.html'.indexOf('/servicio-medicina-de-familia/') == 0) || ('/inicio.html' == '/medicina-capilar.html') || ('/inicio.html'.indexOf('/servicio-medicina-capilar/') == 0) || ('/inicio.html' == '/medicina-estetica.html') || ('/inicio.html'.indexOf('/servicio-medicina-estetica/') == 0) || ('/inicio.html' == '/wellness-y-spa.html') || ('/inicio.html'.indexOf('/servicio-wellness-y-spa/') == 0))
685	{
686	 selectedIndex = 2;
687	}
688	if ('/inicio.html' == '/pedir-cita.html')
689	{
690	 selectedIndex = 3;
691	}
692	if (('/inicio.html' == '/blog.html') || ('/inicio.html'.indexOf('/articulo/') == 0))
693	{
694	 selectedIndex = 4;
695	}
696	if ('/inicio.html' == '/contacto.html')
697	{
698	 selectedIndex = 5;
699	}
700	if (selectedIndex >= 0)
701	{
702	 elem('mainMenuItem' + selectedIndex).className = 'mainMenuItemSelected';
703	}
704 }
705 
706</script>
706
707
708 </div>
709 <div id='indexCarousel1ContentWrapper'>
710  <div id='indexCarousel1InfoExternalWrapper' style='height: 100%'>
711   <div id='indexCarousel1InfoWrapper'>
712    <h1 id='indexCarousel1Title' class='indexCarousel1TitleOff'>
713     &nbsp;
714    </h1>
715    <div id='indexCarousel1Text' class='indexCarousel1TextOff'>
716     &nbsp;
717    </div>
718    <a id='indexCarousel1Link1' href='https://app.clinic-cloud.com/citaonline.php/4elementswellnessmedicalcenter' target='_blank' class='indexCarousel1Link1Off'>
719     <span id='indexCarousel1Link1Label'>PEDIR CITA</span>
720    </a>
721    <a id='indexCarousel1Link2' href='/servicios.html' class='indexCarousel1Link2Off'>
722     <span id='indexCarousel1Link2Label'>SERVICIOS</span>
723    </a>
724    
725   </div>
726  </div>
727  <div id='indexCarousel1SelectorsWrapper' style='height: 0.0rem'>
728  </div>
729 </div>
730</div>
731 
732<div class='contentExternalWrapper' style='background-color: #FFFFFF'>
733 <div class='contentReducedWrapper' style='padding-bottom: 9.0rem'>
734 
735  <h2 id='indexPresentationTitle'>
736   Nuestro centro
737  </h2>
738  <div id='indexPresentationSubtitle'>
739   LAS MEJORES INSTALACIONES Y EL MEJOR EQUIPO A TU SERVICIO
740  </div>
741  <div id='indexPresentationText'>
742   4 Elements Wellness Medical Center nace con el propósito de ofrecer un servicio de bienestar avalado médicamente para que nuestros pacientes se sientan bien consigo mismos, en equilibrio y armonía.
743  </div>
744  <a id='indexPresentationLink' href='/quienes-somos.html'>
745   MÁS SOBRE EL CENTRO
746  </a>
747  
748 </div>
749</div>
750
751<div class='contentExternalWrapper' style='background-color: #39A4A1'>
752 <div class='contentReducedWrapper' style='padding-bottom: 14.0rem'>
753  
754  <h2 id='indexServicesHeadingTitle'>
755   Lo que podemos hacer por ti
756  </h2>
757  <div id='indexServicesHeadingText'>
758   Cada persona es única y desde nuestro centro brindamos una atención médica personalizada e integral.
759  </div>
760  <div id='indexServicesItemsWrapper'>
761   
762
763
764
765
766
767
768
769
770<a id='indexServicesItem0' href='/medicina-de-familia.html' class='indexServicesItemWrapper1Off'>
771 <span class='indexServicesItemImage'>
772  <img src='/data/101086/assets/Servicios/Medicina%20de%20Familia/Medicina%20de%20familia@1678916796327@600x325-adjust_middle.jpg' alt='Medicina de Familia'>
773 </span>
774 <span class='indexServicesItemInfoWrapper' style='background-image: url(/data/101086/images/airDecoration.png)'>
775  <span class='indexServicesItemTitle'>
776   Medicina de Familia
777  </span>
778  <span class='indexServicesItemSubtitle'>
779   AIRE
780  </span>
781  <span class='indexServicesItemText'>
782   La Medicina Familiar y Comunitaria es una especialidad que ofrece un enfoque integral en la atención de los problemas de salud del paciente y de su grupo familiar, analizando los factores de riesgo y ofreciendo medidas de prevención y promoción de la salud.
783  </span>
784 </span>
785</a>
786
787<script type='text/javascript'>
788 addScrollAnimatedItem('indexServicesItem0', 'indexServicesItemWrapper1On', 0.15, 200);
789</script>
789
790
791
792
793
794
795
796
797
798<a id='indexServicesItem1' href='/medicina-capilar.html' class='indexServicesItemWrapper1Off'>
799 <span class='indexServicesItemImage'>
800  <img src='/data/101086/assets/Servicios/Medicina%20Capilar/Capilar@1678916780507@600x325-adjust_middle.jpg' alt='Medicina Capilar'>
801 </span>
802 <span class='indexServicesItemInfoWrapper' style='background-image: url(/data/101086/images/earthDecoration.png)'>
803  <span class='indexServicesItemTitle'>
804   Medicina Capilar
805  </span>
806  <span class='indexServicesItemSubtitle'>
807   TIERRA
808  </span>
809  <span class='indexServicesItemText'>
810   La Medicina capilar, también conocida como Tricología, es una especialización de la Medicina que se ocupa del estudio de las enfermedades, anatomía y funciones del cabello. En otras palabras: podemos decir que es la ciencia del cuero cabelludo y del cabello.
811  </span>
812 </span>
813</a>
814
815<script type='text/javascript'>
816 addScrollAnimatedItem('indexServicesItem1', 'indexServicesItemWrapper1On', 0.15, 200);
817</script>
817
818
819
820
821
822
823
824
825
826<a id='indexServicesItem2' href='/medicina-estetica.html' class='indexServicesItemWrapper1Off'>
827 <span class='indexServicesItemImage'>
828  <img src='/data/101086/assets/Servicios/Medicina%20Estetica/Facial/Medicina%20estetica@1678916989086@600x325-adjust_middle.jpg' alt='Medicina Estética'>
829 </span>
830 <span class='indexServicesItemInfoWrapper' style='background-image: url(/data/101086/images/fireDecoration.png)'>
831  <span class='indexServicesItemTitle'>
832   Medicina Estética
833  </span>
834  <span class='indexServicesItemSubtitle'>
835   FUEGO
836  </span>
837  <span class='indexServicesItemText'>
838   La finalidad de la medicina estética es la restauración, el mantenimiento y la promoción de la estética, la belleza y la salud femenina y masculina. En medicina estética se usan prácticas médicas y de pequeña intervención en la que se hace uso de anestesia tópica o local y en régimen ambulatorio.
839  </span>
840 </span>
841</a>
842
843<script type='text/javascript'>
844 addScrollAnimatedItem('indexServicesItem2', 'indexServicesItemWrapper1On', 0.15, 200);
845</script>
845
846
847
848
849
850
851
852
853
854<a id='indexServicesItem3' href='/wellness-y-spa.html' class='indexServicesItemWrapper1Off'>
855 <span class='indexServicesItemImage'>
856  <img src='/data/101086/assets/Servicios/Wellness%20y%20SPA/wellness@1678917159074@600x325-adjust_middle.jpg' alt='Hidrología médica, Wellness & SPA'>
857 </span>
858 <span class='indexServicesItemInfoWrapper' style='background-image: url(/data/101086/images/waterDecoration.png)'>
859  <span class='indexServicesItemTitle'>
860   Hidrología médica, Wellness & SPA
861  </span>
862  <span class='indexServicesItemSubtitle'>
863   AGUA
864  </span>
865  <span class='indexServicesItemText'>
866   La Hidrología Médica tiene como fin el estudio de las aguas mineromedicinales, marinas y potables ordinarias y, en particular, de sus acciones sobre el organismo humano en estado de salud y enfermedad.
867  </span>
868 </span>
869</a>
870
871<script type='text/javascript'>
872 addScrollAnimatedItem('indexServicesItem3', 'indexServicesItemWrapper1On', 0.15, 200);
873</script>
873
874  </div>
875  
876 </div>
877</div>
878
879<div class='contentExternalWrapper' style='background-color: #FFFFFF'>
880 <div class='contentReducedWrapper' style='padding-bottom: 14.0rem'>
881 
882  <h2 id='indexArticlesHeadingTitle'>
883   Lo último en nuestro blog
884  </h2>
885  <div id='indexArticlesItemsWrapper'>
886   
887
888
889
890
891
892
893<div id='articlesItem100024535' class='articlesItemWrapperOff'>
894 <a href='/articulo/que-ocurre-al-dejar-mounjaro-o-wegovy-y-como-evitar-recuperar-el-peso-ref100024535.html' class='articlesItemImage'>
895  <img src='/data/101086/assets/Blog/mantener-peso-tras-dejar-mounjaro-wegovy-4elements@1791290519751@610x350-adjust_middle.jpg' alt='Qué ocurre al dejar Mounjaro o Wegovy y cómo evitar recuperar el peso'>
896 </a>
897 <a href='/articulo/que-ocurre-al-dejar-mounjaro-o-wegovy-y-como-evitar-recuperar-el-peso-ref100024535.html' class='articlesItemTitle'>
898  <span>Qué ocurre al dejar Mounjaro o Wegovy y cómo evitar recuperar el peso</span>
899 </a>
900 <div class='articlesItemPublication'>
901  Por Dra Macias. 4 Elements el <b>06/10/2026</b>
902 </div>
903 <div class='articlesItemSummary'>
904  Dejar Mounjaro o Wegovy puede acompañarse de un aumento del apetito y de una recuperación parcial o importante del peso perdido. No ocurre porque el organismo se haya “acostumbrado” al medicamento ni porque el tratamiento haya fracasado. La obesidad es una enfermedad crónica y, al retirar el fármaco, pueden reaparecer los mecanismos biológicos que favorecían el hambre, reducían la saciedad y dificultaban mantener el peso.
905 </div>
906 <a href='/articulo/que-ocurre-al-dejar-mounjaro-o-wegovy-y-como-evitar-recuperar-el-peso-ref100024535.html' class='articlesItemLink'>
907  LEER MÁS
908 </a>
909</div>
910
911<script type='text/javascript'>
912 addScrollAnimatedItem('articlesItem100024535', 'articlesItemWrapperOn', 0.15, 200);
913</script>
913
914
915
916
917
918
919
920
921<div id='articlesItem100024419' class='articlesItemWrapperOff'>
922 <a href='/articulo/caida-del-cabello-en-otoño-cuando-es-estacional-y-cuando-necesita-valoracion-medica-ref100024419.html' class='articlesItemImage'>
923  <img src='/data/101086/assets/Blog/caida_cabello_otono_4elements_lescala@1790017740442@610x350-adjust_middle.jpg' alt='Caída del cabello en otoño: cuándo es estacional y cuándo necesita valoración médica'>
924 </a>
925 <a href='/articulo/caida-del-cabello-en-otoño-cuando-es-estacional-y-cuando-necesita-valoracion-medica-ref100024419.html' class='articlesItemTitle'>
926  <span>Caída del cabello en otoño: cuándo es estacional y cuándo necesita valoración médica</span>
927 </a>
928 <div class='articlesItemPublication'>
929  Por Dra Macias. 4 Elements el <b>16/09/2026</b>
930 </div>
931 <div class='articlesItemSummary'>
932  La caída del cabello en otoño puede ser temporal, pero la estación no explica todos los casos. Descubre qué cambios conviene observar, cuándo pedir una valoración médica y cómo estudiamos la salud capilar en 4elements, en L’Escala.
933 </div>
934 <a href='/articulo/caida-del-cabello-en-otoño-cuando-es-estacional-y-cuando-necesita-valoracion-medica-ref100024419.html' class='articlesItemLink'>
935  LEER MÁS
936 </a>
937</div>
938
939<script type='text/javascript'>
940 addScrollAnimatedItem('articlesItem100024419', 'articlesItemWrapperOn', 0.15, 200);
941</script>
941
942
943  </div>
944  
945 </div>
946</div>
947
948<style type='text/css'>
949
950 #locationInfoTitle { position: relative; float: left; width: 94%; margin-left: 3%; margin-top: 9.0rem; margin-bottom: 0.0rem; font: normal 6.5rem gingerRegular; color: #3E3B36; line-height: 130%; text-align: center }
951 
952 #locationInfoPhonesWrapper { position: relative; float: left; width: 94%; margin-left: 3%; margin-top: 2.8rem; font-size: 0px; text-align: center }
953 #xlocationInfoPhone1 { position: relative; display: inline-block; padding-left: 27px; font: normal 1.8rem openSansRegular; color: #424242; text-decoration: none; background: url(/data/101086/images/locationPhoneIcon.png) no-repeat left center }
954 #locationInfoPhone1 { position: relative; display: inline-block; padding-left: 52px; font: normal 1.8rem openSansRegular; color: #424242; text-decoration: none; background: url(/data/101086/images/locationWhatsappPhoneIcon.png) no-repeat left center }
955 #xlocationInfoPhone2 { position: relative; display: inline-block; margin-left: 2.5rem; padding-left: 27px; font: normal 1.8rem openSansRegular; color: #424242; text-decoration: none; background: url(/data/101086/images/locationPhoneIcon.png) no-repeat left center }
956 #xlocationInfoPhone2 { position: relative; display: inline-block; margin-left: 2.5rem; padding-left: 52px; font: normal 1.8rem openSansRegular; color: #424242; text-decoration: none; background: url(/data/101086/images/locationWhatsappPhoneIcon.png) no-repeat left center }
957 #locationInfoPhone2 { position: relative; display: inline-block; font: normal 1.8rem openSansRegular; color: #424242; text-decoration: none }
958 #locationInfoPhoneSeparator { position: relative; display: inline-block; margin-left: 0.8rem; margin-right: 0.8rem; font: normal 1.8rem openSansRegular; color: #424242 }
959 #locationInfoEmailWrapper { position: relative; float: left; width: 94%; margin-left: 3%; margin-top: 1.2rem; font-size: 0px; text-align: center }
960 #locationInfoEmail { position: relative; display: inline-block; padding-left: 27px; font: normal 1.8rem openSansRegular; color: #424242; text-decoration: none; background: url(/data/101086/images/locationEmailIcon.png) no-repeat left center }
961 #locationInfoAddressWrapper { position: relative; float: left; width: 94%; margin-left: 3%; margin-top: 1.2rem; font-size: 0px; text-align: center }
962 #locationInfoAddress { position: relative; display: inline-block; padding-left: 27px; font: normal 1.8rem openSansRegular; color: #424242; text-decoration: none; background: url(/data/101086/images/locationAddressIcon.png) no-repeat left center }
963 
964</style>
965
966<div class='contentExternalWrapper' style='background-color: #F5F5F2'>
967 <div class='contentReducedWrapper' style='padding-bottom: 2.0rem'>
968 
969  <div id='locationInfoTitle'>
970   Contacta con nosotros
971  </div>
972  
973  <div id='locationInfoPhonesWrapper'>
974   <a id='locationInfoPhone1' href='tel:972960673'>972960673</a>
975   <span id='locationInfoPhoneSeparator' style='display: inline'>-</span>
976   <a id='locationInfoPhone2' href='tel:674201432' style='display: inline'>674201432</a>
977  </div>
978  <div id='locationInfoEmailWrapper'>
979   <a id='locationInfoEmail' href='mailto:[email protected]'>
980    [email protected]
981   </a>
982  </div>
983  <div id='locationInfoAddressWrapper'>
984   <div id='locationInfoAddress'>
985    Carrer de l&#39;Ave Maria, 29  17130 L&#39;Escala, Girona
986   </div>
987  </div>
988  
989 </div>
990</div>
991
992<style type='text/css'>
993
994 #locationContactFormText { position: relative; float: left; width: 94%; margin-left: 3%; margin-top: 3.0rem; font: normal 1.8rem openSansLight; color: #212121; text-align: center }
995 #locationContactFormWrapper { position: relative; float: left; width: 100%; margin-top: 1.4rem }
996 #locationContactFormCcityInput { display: none }
997 .locationContactFormInputNormal { position: relative; float: left; width: calc(94% - 4.0rem); margin-left: 3%; margin-top: 1.0rem; padding: 1.6rem calc(2.0rem - 1px) 1.6rem calc(2.0rem - 1px); font: normal 1.7rem openSansRegular; color: #424242; border: solid 1px #A1A1A1; -webkit-transition: all 0.2s 0.0s ease; transition: all 0.2s 0.0s ease }
998 .locationContactFormInputSelected { position: relative; float: left; width: calc(94% - 4.0rem); margin-left: 3%; margin-top: 1.0rem; padding: 1.6rem calc(2.0rem - 1px) 1.6rem calc(2.0rem - 1px); font: normal 1.7rem openSansRegular; color: #424242; border: solid 1px #329F9B; -webkit-transition: all 0.2s 0.0s ease; transition: all 0.2s 0.0s ease }
999 .locationContactFormCheckBox { display: none }
1000 .locationContactFormCheckBox + label { position: relative; float: left; width: calc(94% - 3.4rem); min-height: 2.3rem; margin-left: 3%; margin-top: 1.0rem; padding-left: 3.4rem; padding-top: 0.1rem; font: normal 1.7rem openSansLight; color: #555555; background: url(/data/101086/images/checkBox.normal.png) no-repeat left top; cursor: pointer }
1001 .locationContactFormCheckBox + label a { font: normal 1.7rem openSansLight; color: #555555; text-decoration: underline }
1002 .locationContactFormCheckBox:checked + label { position: relative; float: left; width: calc(94% - 3.4rem); min-height: 2.3rem; margin-left: 3%; margin-top: 1.0rem; padding-left: 3.4rem; padding-top: 0.1rem; font: normal 1.7rem openSansLight; color: #555555; background: url(/data/101086/images/checkBox.checked.png) no-repeat left top; cursor: pointer }
1003 .locationContactFormCheckBox:checked + label a { font: normal 1.7rem openSansLight; color: #555555; text-decoration: underline }
1004 #locationContactFormResult { position: relative; float: left; clear: left; width: 94%; margin-left: 3%; margin-top: 2.0rem; font: normal 1.8rem openSansRegular; color: #DD4444; text-align: center }
1005 .locationContactFormSendButtonNormal { position: relative; float: left; clear: left; width: 25.0rem; margin-left: calc(50% - 12.5rem); margin-top: 1.5rem; font-size: 0px; text-align: center; background: #329F9B; border-width: 0px; border-radius: 6px; cursor: pointer; -webkit-transition: all 0.2s 0.0s ease; transition: all 0.2s 0.0s ease }
1006 .locationContactFormSendButtonNormal:hover { background: #298582 }
1007 .locationContactFormSendButtonNormal:disabled { background: #C7C7C7 }
1008 .locationContactFormSendButtonShake { position: relative; float: left; width: 25.0rem; margin-left: calc(50% - 12.5rem); margin-top: 1.5rem; font-size: 0px; text-align: center; background: #298582; border-width: 0px; border-radius: 6px; cursor: pointer; -webkit-transform: translate(0px, 0px); transform: translate(0px, 0px); -webkit-animation: shakeKeyframes 0.7s cubic-bezier(0.36,0.07,0.19,0.97) both; animation: shakeKeyframes 0.7s cubic-bezier(0.36,0.07,0.19,0.97) both }
1009 #locationContactFormSendButtonLabel { position: relative; display: inline-block; padding: 1.4rem 0.0rem 1.4rem 0.0rem; font: normal 1.7rem poppinsLight; color: #FFFFFF }
1010 #xlocationContactFormSendButtonLabel { position: relative; display: inline-block; padding: 1.4rem 0.0rem 1.4rem 4.4rem; font: normal 1.7rem poppinsLight; color: #FFFFFF; background: url(/data/101086/images/contactIcon.png) no-repeat left center }
1011 
1012</style>
1013
1014<div class='contentExternalWrapper' style='background-color: #F5F5F2'>
1015 <div class='contentReducedWrapper' style='padding-bottom: 10.0rem'>
1016  
1017  <div id='locationContactFormText'>
1018   También puedes utilizar este formulario para hacernos llegar cualquier consulta. Te contestaremos lo antes posible.
1019  </div>
1020  <div id='locationContactFormWrapper'>
1021   <form id='locationContactForm' action='/services/sendEmail.do' method='POST' target='hiddenFrame' accept-charset='UTF-8'>
1022    <input name='bodyStyle' type='hidden' value='ST-2'>
1023    <input name='destinationEmail' type='hidden' value='[email protected]'>
1024    <input name='onEndFunction' type='hidden' value='onEndLocationContactFormSendEmail'>
1025    <input name='senderName' type='hidden' value='Consulta web'>
1026    <input name='senderEmail' type='hidden' value='[email protected]'>
1027    <input name='subject' type='hidden' value='Consulta web en Four Elements'>
1028    <input id='locationContactFormCcityInput' name='ccity' type='text' value='MAD'>
1029    
1030    <input id='locationContactFormNameInput' type='text' name='Nombre' data-default-value='nombre' value='nombre' onfocus='onFocusLocationContactFormInput(this)' onblur='onBlurLocationContactFormInput(this)' onkeyup='onKeyUpLocationContactFormInput(this)' class='locationContactFormInputNormal' style='width: calc(46.5% - 4.0rem); margin-left: 3%'>
1031    <input id='locationContactFormEmailInput' type='email' name='Correo electrónico' data-default-value='correo electrónico' value='correo electrónico' onfocus='onFocusLocationContactFormInput(this)' onblur='onBlurLocationContactFormInput(this)' onkeyup='onKeyUpLocationContactFormInput(this)' class='locationContactFormInputNormal' style='width: calc(46.5% - 4.0rem); margin-left: 1%'>
1032    <textarea id='locationContactFormMessageInput' name='Mensaje' data-default-value='mensaje' onfocus='onFocusLocationContactFormInput(this)' onblur='onBlurLocationContactFormInput(this)' onkeyup='onKeyUpLocationContactFormInput(this)' class='locationContactFormInputNormal' style='width: calc(94% - 4.0rem); margin-left: 3%; height: 18.0rem; overflow-x: hidden; overflow-y: auto; resize: none'>mensaje</textarea>
1033   </form>
1034  </div>
1035  
1036  <input id='locationContactFormLegalCheckInput' type='checkbox' onchange='onChangeLocationContactFormLegalCheckBox()' class='locationContactFormCheckBox'><label for='locationContactFormLegalCheckInput'>He leído y acepto la <a href='/politica-de-privacidad.html' target='_blank'>política de privacidad</a></label>
1037  <div id='locationContactFormResult'>&nbsp;</div>
1038  <button id='locationContactFormSendButton' onclick='onClickLocationContactFormSendButton()' class='locationContactFormSendButtonNormal'>
1039   <span id='locationContactFormSendButtonLabel'>ENVIAR</span>
1040  </button>
1041  
1042 </div>
1043</div>
1044
1045<script>
1046
1047 function onFocusLocationContactFormInput(el)
1048 {
1049  el.className = 'locationContactFormInputSelected';
1050  if (el.value == el.dataset.defaultValue)
1051  {
1052   el.value = '';
1053  }
1054 }
1055 
1056 function onBlurLocationContactFormInput(el)
1057 {
1058  el.className = 'locationContactFormInputNormal';
1059  if (el.value == '')
1060  {
1061   el.value = el.dataset.defaultValue;
1062  }
1063 }
1064 
1065 function onKeyUpLocationContactFormInput(el)
1066 {
1067  elem('locationContactFormResult').innerHTML = '&nbsp;';
1068 }
1069
1070 function onChangeLocationContactFormLegalCheckBox()
1071 {
1072	elem('locationContactFormResult').innerHTML = '&nbsp;';
1073 }
1074 
1075 function onClickLocationContactFormSendButton()
1076 {
1077  if ((elem('locationContactFormNameInput').value == '') || (elem('locationContactFormNameInput').value == elem('locationContactFormNameInput').dataset.defaultValue))
1078  {
1079	 showLocationContactFormResult('Falta el nombre');
1080   elem('locationContactFormNameInput').select();
1081   return;
1082  }
1083  if ((elem('locationContactFormEmailInput').value == '') || (elem('locationContactFormEmailInput').value == elem('locationContactFormEmailInput').dataset.defaultValue))
1084  {
1085	 showLocationContactFormResult('Falta el correo electrónico');
1086   elem('locationContactFormEmailInput').select();
1087   return;
1088  }
1089  if (isValidEmail(elem('locationContactFormEmailInput').value) == false)
1090  {
1091	 showLocationContactFormResult('El correo electrónico no es válido');
1092   elem('locationContactFormEmailInput').select();
1093   return;
1094  }
1095  if ((elem('locationContactFormMessageInput').value == '') || (elem('locationContactFormMessageInput').value == elem('locationContactFormMessageInput').dataset.defaultValue))
1096  {
1097	 showLocationContactFormResult('Falta el mensaje');
1098   elem('locationContactFormMessageInput').select();
1099   return;
1100  }
1101  if (elem('locationContactFormLegalCheckInput').checked == false)
1102  {
1103	 showLocationContactFormResult('Acepta la política de privacidad');
1104   return;
1105  }
1106
1107  elem('locationContactFormResult').innerHTML = '&nbsp;';
1108  elem('locationContactFormCcityInput').value = '';
1109  elem('locationContactFormSendButtonLabel').innerHTML = 'ENVIANDO...';
1110  elem('locationContactFormSendButton').disabled = true;
1111  
1112  elem('locationContactForm').submit();
1113 }
1114 
1115 function onEndLocationContactFormSendEmail(res)
1116 {
1117  elem('locationContactFormSendButton').disabled = false;
1118  elem('locationContactFormSendButtonLabel').innerHTML = 'ENVIAR';
1119  if (res == 'OK')
1120  {
1121   elem('locationContactForm').reset();
1122   elem('locationContactFormLegalCheckInput').checked = false;
1123   showWindowMessage('CONSULTA ENVIADA', 'La consulta ha sido enviada correctamente');
1124  }
1125  else
1126  {
1127	  showLocationContactFormResult('No se ha podido enviar la consulta');
1128  }
1129 }
1130 
1131 var locationContactFormResultTimeout1 = null;
1132 var locationContactFormResultTimeout2 = null;
1133 function showLocationContactFormResult(text)
1134 {
1135	if (locationContactFormResultTimeout1 != null)
1136	{
1137	 clearTimeout(locationContactFormResultTimeout1);
1138	}
1139	if (locationContactFormResultTimeout2 != null)
1140	{
1141	 clearTimeout(locationContactFormResultTimeout2);
1142	}
1143	elem('locationContactFormResult').innerHTML = text;
1144	elem('locationContactFormSendButton').className = 'locationContactFormSendButtonShake';
1145	locationContactFormResultTimeout1 = setTimeout("elem('locationContactFormSendButton').className = 'locationContactFormSendButtonNormal';", 750);
1146	locationContactFormResultTimeout2 = setTimeout("elem('locationContactFormResult').innerHTML = '&nbsp;'", 3500);
1147 }
1148  
1149</script>
1149
1150
1151
1152
1153<style type='text/css'>
1154
1155 .windowMessageWindowOff { position: fixed; width: 100%; height: 100%; left: 0px; top: 0px; background: rgba(0, 0, 0, 0.6); opacity: 0.0; z-index: 100; -webkit-transition: all 0.2s 0.0s ease; transition: all 0.2s 0.0s ease }
1156 .windowMessageWindowOn { position: fixed; width: 100%; height: 100%; left: 0px; top: 0px; background: rgba(0, 0, 0, 0.6); opacity: 1.0; z-index: 100; -webkit-transition: all 0.4s 0.0s ease; transition: all 0.4s 0.0s ease }
1157 #windowMessageExternalPanel { position: fixed; display: table; width: 100%; height: 100%; min-width: 980px; left: 0px; top: 0px; z-index: 101 }
1158 #windowMessagePanel { position: relative; display: table-cell; text-align: center; vertical-align: middle }
1159 .windowMessageWrapperOff { position: relative; display: inline-block; width: 60.0rem; padding-bottom: 6.5rem; background: #FFFFFF; border-radius: 4px; border: solid 1px #CCCCCC; box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.20); opacity: 0.0; -webkit-transform: translate(0px, 30px); transform: translate(0px, 30px); -webkit-transition: all 0.2s 0.0s ease; transition: all 0.2s 0.0s ease }
1160 .windowMessageWrapperOn { position: relative; display: inline-block; width: 60.0rem; padding-bottom: 6.5rem; background: #FFFFFF; border-radius: 4px; border: solid 1px #CCCCCC; box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.20); opacity: 1.0; -webkit-transform: translate(0px, 0px); transform: translate(0px, 0px); -webkit-transition: all 0.3s 0.1s cubic-bezier(.17,.67,.57,1.47); transition: all 0.3s 0.1s cubic-bezier(.17,.67,.57,1.47) }
1161 #windowMessageTitle { position: relative; float: left; width: 90%; margin-left: 5%; margin-top: 8.0rem; font: normal 2.4rem openSansSemiBold; color: #212121; line-height: 135%; text-align: center }
1162 #windowMessageText { position: relative; float: left; width: 90%; margin-left: 5%; margin-top: 1.0rem; font: normal 1.8rem openSansLight; color: #212121; line-height: 150%; text-align: center }
1163 #windowMessageText b { font-weight: normal; font-family: openSansSemiBold }
1164 #windowMessageCloseButton { position: relative; float: left; width: 16.0rem; margin-left: calc(50% - 8.0rem); margin-top: 5.0rem; padding-top: 1.6rem; padding-bottom: 1.6rem; font: normal 1.7rem openSansSemiBold; color: #FFFFFF; text-align: center; background: #212121; border-width: 0px; border-radius: 5px; cursor: pointer; -webkit-transition: background 0.2s 0.0s ease; transition: background 0.2s 0.0s ease }
1165 #windowMessageCloseButton:hover { background: #333333 }
1166 
1167</style>
1168
1169<div id='windowMessageWindow' class='windowMessageWindowOff' style='visibility: hidden'>
1170</div>
1171<div id='windowMessageExternalPanel' style='visibility: hidden'>
1172 <div id='windowMessagePanel'>
1173	<div id='windowMessageWrapper' class='windowMessageWrapperOff'>
1174	 <div id='windowMessageTitle'>
1175	  &nbsp;
1176	 </div>
1177   <div id='windowMessageText'>
1178	  &nbsp;
1179	 </div>
1180	 <button id='windowMessageCloseButton' onclick='onClickWindowMessageCloseButton()'>
1181	  CERRAR
1182	 </button>
1183	</div>
1184 </div>
1185</div>
1186
1187<script type='text/javascript'>
1188 
1189 var windowMessageCloseTimer = null;
1190 var windowMessageReturnFunction = null;
1191 function showWindowMessage(title, text, returnFunction)
1192 {
1193	windowMessageReturnFunction = returnFunction;
1194	if (!returnFunction)
1195	{
1196	 windowMessageReturnFunction = null;
1197	}
1198	elem('windowMessageTitle').innerHTML = title;
1199	elem('windowMessageText').innerHTML = text;
1200  elem('windowMessageWindow').style.visibility = '';
1201  elem('windowMessageWindow').className = 'windowMessageWindowOn';
1202  elem('windowMessageExternalPanel').style.visibility = '';
1203  elem('windowMessageWrapper').className = 'windowMessageWrapperOn';
1204 }
1205 
1206 function onClickWindowMessageCloseButton()
1207 {
1208	if (windowMessageCloseTimer != null)
1209	{
1210	 clearTimeout(windowMessageCloseTimer);
1211	}
1212	
1213	elem('windowMessageWrapper').className = 'windowMessageWrapperOff';
1214	elem('windowMessageWindow').className = 'windowMessageWindowOff';
1215	
1216	windowMessageCloseTimer = setTimeout('endWindowMessageCloseButton()', 200);
1217 }
1218 
1219 function endWindowMessageCloseButton()
1220 {
1221	elem('windowMessageExternalPanel').style.visibility = 'hidden';
1222	elem('windowMessageWindow').style.visibility = 'hidden';
1223	if (windowMessageReturnFunction != null)
1224	{
1225	 eval(windowMessageReturnFunction);
1226	 windowMessageReturnFunction = null;
1227	}
1228 }
1229 
1230</script>
1230
1231
1232
1233
1234<style type='text/css'>
1235
1236 .windowOfferWindowOff { position: fixed; width: 100%; height: 100%; left: 0.0rem; top: 0.0rem; background: rgba(0, 0, 0, 0.6); opacity: 0.0; z-index: 100; -webkit-transition: all 0.2s 0.0s ease; transition: all 0.2s 0.0s ease }
1237 .windowOfferWindowOn { position: fixed; width: 100%; height: 100%; left: 0.0rem; top: 0.0rem; background: rgba(0, 0, 0, 0.6); opacity: 1.0; z-index: 100; -webkit-transition: all 0.4s 0.0s ease; transition: all 0.4s 0.0s ease }
1238 #windowOfferExternalPanel { position: fixed; display: table; width: 100%; height: 100%; min-width: 0.0rem; left: 0.0rem; top: 0.0rem; z-index: 101 }
1239 #windowOfferPanel { position: relative; display: table-cell; text-align: center; vertical-align: middle }
1240 .windowOfferWrapperOff { position: relative; display: inline-block; width: 84.0rem; padding-bottom: 2.0rem; background: #FFFFFF; border-radius: 4px; border: solid 1px #CCCCCC; box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.20); opacity: 0.0; -webkit-transform: translate(0px, 30px); transform: translate(0px, 30px); -webkit-transition: all 0.2s 0.0s ease; transition: all 0.2s 0.0s ease }
1241 .windowOfferWrapperOn { position: relative; display: inline-block; width: 84.0rem; padding-bottom: 2.0rem; background: #FFFFFF; border-radius: 4px; border: solid 1px #CCCCCC; box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.20); opacity: 1.0; -webkit-transform: translate(0px, 0px); transform: translate(0px, 0px); -webkit-transition: all 0.3s 0.1s cubic-bezier(.17,.67,.57,1.47); transition: all 0.3s 0.1s cubic-bezier(.17,.67,.57,1.47) }
1242 #windowOfferTitle { position: relative; float: left; width: calc(95% - 7.0rem - 4.0rem); margin-left: 2.0rem; margin-top: 2.0rem; font: normal 3.0rem poppinsRegular; color: #212121; line-height: 130%; text-align: left }
1243 #windowOfferCloseButton { position: relative; float: right; width: 7.0rem; margin-right: 2.0rem; margin-top: 3.0rem; font: normal 1.8rem poppinsRegular; color: #212121; text-decoration: underline; text-align: right; cursor: pointer }
1244 #windowOfferText { position: relative; float: left; width: calc(100% - 4.0rem); margin-left: 2.0rem; margin-top: 1.8rem }
1245 #windowOfferText img { display: block; max-width: 100%; margin: 0px auto }
1246 
1247</style>
1248
1249<div id='windowOfferWindow' class='windowOfferWindowOff' style='visibility: hidden'>
1250</div>
1251<div id='windowOfferExternalPanel' style='visibility: hidden'>
1252 <div id='windowOfferPanel'>
1253	<div id='windowOfferWrapper' class='windowOfferWrapperOff'>
1254	 <div id='windowOfferTitle'>
1255	  PROMOCIÓN ESPECIAL
1256	 </div>
1257	 <div id='windowOfferCloseButton' onclick='onClickWindowOfferCloseButton()'>
1258	  cerrar
1259	 </div>
1260   <a id='windowOfferText' href='https://app.clinic-cloud.com/citaonline.php/4elementswellnessmedicalcenter'>
1261	  <img src='/data/101086/assets/Promociones/Promo%20mensual%20WEB%205@[email protected]' alt='Promoción especial'>
1262	 </a>
1263	</div>
1264 </div>
1265</div>
1266
1267<script type='text/javascript'>
1268 
1269 var windowOfferCloseTimer = null;
1270 function showWindowOffer()
1271 {
1272  elem('windowOfferWindow').style.visibility = '';
1273  elem('windowOfferWindow').className = 'windowOfferWindowOn';
1274  elem('windowOfferExternalPanel').style.visibility = '';
1275  elem('windowOfferWrapper').className = 'windowOfferWrapperOn';
1276 }
1277 
1278 function onClickWindowOfferCloseButton()
1279 {
1280	if (windowOfferCloseTimer != null)
1281	{
1282	 clearTimeout(windowOfferCloseTimer);
1283	}
1284	
1285	elem('windowOfferWrapper').className = 'windowOfferWrapperOff';
1286	elem('windowOfferWindow').className = 'windowOfferWindowOff';
1287	
1288	windowOfferCloseTimer = setTimeout('endWindowOfferCloseButton()', 200);
1289 }
1290 
1291 function endWindowOfferCloseButton()
1292 {
1293	elem('windowOfferExternalPanel').style.visibility = 'hidden';
1294	elem('windowOfferWindow').style.visibility = 'hidden';
1295 }
1296 
1297</script>
1297
1298
1299<script type='text/javascript' src='/data/common/js/imageLoader.js' async></script>
1299
1300
1301<script type='text/javascript'>
1302
1303 var carousel1Images = new Array('/data/101086/assets/Carrusel/Carrusel%201@1920x900-adjust_middle.jpg', '/data/101086/assets/Carrusel/Carrusel2@1670875397712@1920x900-adjust_middle.jpg', '/data/101086/assets/Carrusel/Carrusel3@1670875398212@1920x900-adjust_middle.jpg', '/data/101086/assets/Carrusel/Carrusel4@1670875398454@1920x900-adjust_middle.jpg');
1304 var carousel1Titles = new Array('4 Elements Wellness<br>Medical Center', '4 Elements Wellness<br>Medical Center', '4 Elements Wellness<br>Medical Center', '4 Elements Wellness<br>Medical Center');
1305 var carousel1Texts = new Array('Fluye como el agua, transmuta como el fuego, limpia como el aire y renace como tierra', 'Fluye como el agua, transmuta como el fuego, limpia como el aire y renace como tierra', 'Fluye como el agua, transmuta como el fuego, limpia como el aire y renace como tierra', 'Fluye como el agua, transmuta como el fuego, limpia como el aire y renace como tierra');
1306 var nCarousel1Image = -1;
1307 var carousel1Timer = null;
1308 var isCarousel1Forced = false;
1309 var isCarousel1FirstTime = true;
1310 
1311 function advanceCarousel1(n)
1312 {
1313	if ((carousel1Images.length <= 1) && (nCarousel1Image >= 0))
1314	{
1315	 return;
1316	}
1317	 
1318	if (carousel1Timer != null)
1319	{
1320	 clearTimeout(carousel1Timer);
1321	}
1322
1323	if (nCarousel1Image >= 0)
1324	{
1325	 elem('indexCarousel1Selector' + nCarousel1Image).className = 'indexCarousel1Selector';
1326	 elem('indexCarousel1BackgroundImage').src = carousel1Images[nCarousel1Image];
1327	}
1328 
1329	if (n != null)
1330	{
1331	 nCarousel1Image = n;
1332	 isCarousel1Forced = true;
1333	}
1334	else
1335	{
1336	 nCarousel1Image++;
1337	 isCarousel1Forced = false;
1338	}
1339	if (nCarousel1Image >= carousel1Images.length)
1340	{
1341	 nCarousel1Image = 0;
1342	}
1343
1344	var carousel1NextImageLoader = new ImageLoader();
1345	carousel1NextImageLoader.setOnEndFunction(onEndCarousel1NextImageLoader);
1346	carousel1NextImageLoader.loadImage(carousel1Images[nCarousel1Image]);
1347 }
1348 
1349 function onEndCarousel1NextImageLoader()
1350 {
1351	elem('indexCarousel1ForegroundImage').className = 'indexCarousel1ForegroundImageOff';
1352	elem('indexCarousel1Title').className = 'indexCarousel1TitleOff';
1353	elem('indexCarousel1Text').className = 'indexCarousel1TextOff';
1354	elem('indexCarousel1Link1').className = 'indexCarousel1Link1Off';
1355	elem('indexCarousel1Link2').className = 'indexCarousel1Link2Off';
1356  
1357  if (isCarousel1FirstTime)
1358	{
1359	 carousel1Timer = setTimeout('continueAdvanceCarousel1b()', 100);
1360	 isCarousel1FirstTime = false;
1361	}
1362  else
1363	{
1364	 carousel1Timer = setTimeout('continueAdvanceCarousel1a()', 800); 
1365	}
1366 }
1367 
1368 function continueAdvanceCarousel1a()
1369 {
1370	elem('indexCarousel1ForegroundImage').src = carousel1Images[nCarousel1Image];
1371	elem('indexCarousel1ForegroundImage').className = 'indexCarousel1ForegroundImageOn';
1372	
1373	carousel1Timer = setTimeout('continueAdvanceCarousel1b()', 1000);
1374 }
1375 
1376 function continueAdvanceCarousel1b()
1377 {
1378	if (carousel1Images.length > 1)
1379	{
1380	 elem('indexCarousel1Selector' + nCarousel1Image).className = 'indexCarousel1SelectorSelected';
1381	}
1382	
1383	elem('indexCarousel1Title').innerHTML = carousel1Titles[nCarousel1Image];
1384	elem('indexCarousel1Text').innerHTML = carousel1Texts[nCarousel1Image];
1385	
1386	elem('indexCarousel1Title').className = 'indexCarousel1TitleOn';
1387	elem('indexCarousel1Text').className = 'indexCarousel1TextOn';
1388	elem('indexCarousel1Link1').className = 'indexCarousel1Link1On';
1389	elem('indexCarousel1Link2').className = 'indexCarousel1Link2On';
1390  
1391	if (carousel1Images.length > 1)
1392	{
1393	 var timerDuration = 8000;
1394	 if (isCarousel1Forced)
1395	 {
1396	  timerDuration = 30000;
1397	 }
1398	 carousel1Timer = setTimeout('advanceCarousel1(null)', timerDuration);
1399	}
1400 }
1401 
1402 function onClickCarousel1Selector(e)
1403 {
1404	e.stopPropagation();
1405	advanceCarousel1(parseInt(this.dataset.position));
1406 }
1407 
1408 addInitFunction('initCarousel1()');
1409 
1410 function initCarousel1()
1411 {
1412	var i;
1413	if (carousel1Images.length > 1)
1414	{
1415	 var selectorsHTML = '';
1416	 elem('indexCarousel1InfoExternalWrapper').style.height = 'calc(100% - 5.0rem)';
1417	 elem('indexCarousel1SelectorsWrapper').style.height = '5.0rem';
1418	 for (i = 0; i < carousel1Images.length; i++)
1419	 {
1420	  selectorsHTML += "<div id='indexCarousel1Selector" + i + "' data-position='" + i + "' class='indexCarousel1Selector'></div>";
1421	 }
1422	 elem('indexCarousel1SelectorsWrapper').innerHTML = selectorsHTML;
1423	 for (i = 0; i < carousel1Images.length; i++)
1424	 {
1425	  elem('indexCarousel1Selector' + i).onclick = onClickCarousel1Selector;
1426	 }
1427	}
1428	else
1429	{
1430	 elem('indexCarousel1InfoExternalWrapper').style.height = '100%';
1431	 elem('indexCarousel1SelectorsWrapper').style.height = '0.0rem';
1432	}
1433	advanceCarousel1(null);
1434 }
1435
1436</script>
1436
1437
1438<script type='text/javascript'>
1439
1440 addInitFunction('initOffer()');
1441 
1442 function initOffer()
1443 {
1444    if ((isFirstRequest()) && ('Promociones/Promo mensual WEB [email protected]'.length > 0) && ('https://app.clinic-cloud.com/citaonline.php/4elementswellnessmedicalcenter'.length > 0))
1445    {
1446     showWindowOffer();
1447    }
1448 }
1449 
1450</script>
1450
1451
1452  
1453  
1454  
1455
1456<style type='text/css'>
1457 
1458 :root
1459 {
1460 	--titleFontSize: 4.8rem;
1461 }
1462
1463 @media only screen and (min-width: 1201px) and (max-width: 1500px)
1464 {
1465 	:root
1466  {
1467   --titleFontSize: 4.6rem;
1468  }
1469 }
1470  
1471 @media only screen and (min-width: 981px) and (max-width: 1200px)
1472 {
1473 	:root
1474  {
1475   --titleFontSize: 4.4rem;
1476  }
1477 }
1478
1479 @media only screen and (max-width: 980px)
1480 {
1481 	:root
1482  {
1483   --titleFontSize: 4.2rem;
1484  }
1485 }
1486 
1487 #bandInformationHeadingTitle { position: relative; float: left; width: 94%; margin-left: 3%; margin-top: 6.0rem; margin-bottom: 0.0rem; font: normal var(--titleFontSize) strange; color: #FFFFFF; line-height: 130%; text-align: center }
1488 #bandInformationItemsWrapper { position: relative; float: left; width: 94%; margin-left: 3%; margin-top: 2.5rem; font-size: 0px; text-align: center }
1489 .bandInformationItemLink { position: relative; display: inline-block; margin-left: 2.0rem; margin-right: 2.0rem; margin-top: 2.5rem; font: normal 1.8rem poppinsRegular; color: #FFFFFF; text-decoration: none; line-height: 135% }
1490 .bandInformationItemLink:hover { text-decoration: underline }
1491 .xbandInformationItemSeparator { position: relative; display: inline-block; width: 3.0rem; margin-top: 2.5rem; font: normal 1.8rem poppinsRegular; color: #FFFFFF; text-align: center }
1492 
1493</style>
1494
1495<div class='contentExternalWrapper' style='background-color: #39A49A'>
1496 <div class='contentWrapper' style='padding-bottom: 5.0rem'>
1497  
1498  
1499  <div id='bandInformationItemsWrapper'>
1500   
1501
1502
1503<a href='/servicio/medico-en-lescala-girona-ref100012812.html' class='bandInformationItemLink'>
1504 MÉDICO EN L&#39;ESCALA, GIRONA
1505</a>
1506
1507
1508<a href='/servicio/centro-medico-en-la-escala-atencion-de-calidad-ref100012832.html' class='bandInformationItemLink'>
1509 CENTRO MÉDICO EN LA ESCALA. ATENCIÓN DE CALIDAD
1510</a>
1511
1512
1513<a href='/servicio/spa-en-lescala-ref100012833.html' class='bandInformationItemLink'>
1514 SPA EN L&#39;ESCALA
1515</a>
1516
1517
1518<a href='/servicio/masajes-en-lescala-ref100012834.html' class='bandInformationItemLink'>
1519 MASAJES EN L&#39;ESCALA
1520</a>
1521  </div>
1522  
1523 </div>
1524</div>
1525  <div id='subfooterWrapper' class='contentExternalWrapper' style='background: #FFFFFF'>
1526   <div class='contentWrapper'>
1527    
1528
1529<style type='text/css'>
1530 
1531 #subfooterStampsExternalWrapper { position: relative; float: left; width: var(--contentReducedWidth); margin-left: var(--contentReducedMarginLeft) }
1532 #subfooterStampsWrapper { position: relative; float: left; width: 94%; margin-left: 3%; padding-bottom: 4.0rem; font-size: 0px; text-align: center; border-style: solid; border-width: 0px 0px 1px 0px; border-color: #BCBCBC }
1533 .subfooterStamp { position: relative; display: inline-block; margin: 5.0rem 3.5rem 0.0rem 3.5rem }
1534 #subfooterMenuWrapper { position: relative; float: left; width: 94%; margin-left: 3%; padding-bottom: 14.0rem; font-size: 0px; text-align: center }
1535 .subfooterMenuItem { position: relative; display: inline-block; margin-top: 4.5rem; font: normal 1.8rem openSansRegular; color: #212121; text-decoration: none }
1536 .subfooterMenuItem:hover { text-decoration: underline }
1537 .subfooterMenuItemSeparator { position: relative; display: inline-block; margin: 2.4rem 0.7rem 0.0rem 0.7rem; font: normal 1.8rem openSansRegular; color: #212121 }
1538 
1539</style>
1540
1541<div id='subfooterStampsExternalWrapper'>
1542 <div id='subfooterStampsWrapper'>
1543  <img src='/data/101086/images/subfooterStamp1.png' alt='Sociedad española de hidrología médica' class='subfooterStamp' style='width: calc(1.0 * 20.0rem)'>
1544  <img src='/data/101086/images/subfooterStamp2.png' alt='Collegi de metges de Barcelona' class='subfooterStamp' style='width: calc(1.0 * 41.8rem)'>
1545  
1546  <div class='subfooterStamp' style='width: 200px'>
1546<script src="https://sello.seme.org/macias2768-d6XfwF"></script>
1546</div>
1547 </div>
1548</div>
1549<div id='subfooterMenuWrapper'>
1550 <a href='/aviso-legal.html' class='subfooterMenuItem'>AVISO LEGAL</a>
1551 <span class='subfooterMenuItemSeparator'>-</span>
1552 <a href='/politica-de-privacidad.html' class='subfooterMenuItem'>POLÍTICA DE PRIVACIDAD</a>
1553 
1554</div>
1555   </div>
1556  </div>
1557
1558  <style type='text/css'>
1559 
1560 #floatingReserveLink { position: fixed; width: calc(36.0rem - 12px); left: calc(50% - 36.0rem - 0.7rem); bottom: 4.5rem; font-size: 0px; text-align: center; background: #329B9F; border: solid 6px #FFFFFF; border-radius: 4.5rem; box-shadow: -4px 0px 10px rgba(0, 0, 0, 0.20); -webkit-transition: background 0.3s 0.0s ease; transition: background 0.3s 0.0s ease; z-index: 1 }
1561 #floatingReserveLink:hover { background: #298285 }
1562 #floatingReserveLinkLabel { position: relative; display: inline-block; padding: 1.5rem 0.0rem 1.7rem 5.5rem; font: normal 2.1rem poppinsRegular; color: #FFFFFF; background: url(/data/101086/images/bookingIcon.png) no-repeat left center; background-size: 3.5rem auto }
1563 #floatingWhatsappLink { position: fixed; width: calc(36.0rem - 12px); left: calc(50% + 0.7rem); bottom: 4.5rem; font-size: 0px; text-align: center; background: #329B9F; border: solid 6px #FFFFFF; border-radius: 4.5rem; box-shadow: -4px 0px 10px rgba(0, 0, 0, 0.20); -webkit-transition: background 0.3s 0.0s ease; transition: background 0.3s 0.0s ease; z-index: 1 }
1564 #floatingWhatsappLink:hover { background: #298285 }
1565 #floatingWhatsappLinkLabel { position: relative; display: inline-block; padding: 1.5rem 0.0rem 1.7rem 5.5rem; font: normal 2.1rem poppinsRegular; color: #FFFFFF; background: url(/data/101086/images/whatsappIcon.png) no-repeat left center; background-size: 3.5rem auto }
1566 
1567</style>
1568
1569<a id='floatingReserveLink' href='https://app.clinic-cloud.com/citaonline.php/4elementswellnessmedicalcenter' target='_blank'>
1570 <span id='floatingReserveLinkLabel'>PEDIR CITA</span>
1571</a>
1572<a id='floatingWhatsappLink' href='https://api.whatsapp.com/send?phone=34674201432' target='_blank'>
1573 <span id='floatingWhatsappLinkLabel'>WHATSAPP</span>
1574</a>
1575  
1576  <div class='hiddenWrapper'>
1577   <iframe name='hiddenFrame' width='0' height='0' src='about:blank' style='display: none'>
1578   </iframe>
1579  </div>
1580  
1581  
1582  
1583 </body>
1584</html>

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.