{"id":8,"date":"2025-10-07T10:34:40","date_gmt":"2025-10-07T10:34:40","guid":{"rendered":"https:\/\/masajesautoconcepto3547.live-website.com\/?page_id=8"},"modified":"2026-03-31T08:26:16","modified_gmt":"2026-03-31T08:26:16","slug":"home","status":"publish","type":"page","link":"https:\/\/masajesyautoconcepto.es\/en\/","title":{"rendered":"Home"},"content":{"rendered":"<div data-elementor-type=\"wp-page\" data-elementor-id=\"8\" class=\"elementor elementor-8\">\n\t\t\t\t<div class=\"elementor-element elementor-element-df3c603 e-con-full elementor-hidden-tablet elementor-hidden-mobile e-flex wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no e-con e-parent\" data-id=\"df3c603\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-439a70e elementor-widget elementor-widget-html\" data-id=\"439a70e\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- HEADER + HERO + MODAL (SOLO ESCRITORIO) -->   \r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Libre+Baskerville:wght@400;700&family=Poppins:wght@300;400;600;700&display=swap\" rel=\"stylesheet\">\r\n\r\n<style>\r\n:root{\r\n  --bg-1:#eaf6f5; --bg-2:#dfeff0; --surface:#ffffff; --ink:#0f2f2e;\r\n  --muted:#5d6f6c; --teal:#3daaaa; --teal-2:#2f8e8e; --shadow:0 18px 50px rgba(16,60,60,.12);\r\n}\r\n\r\nhtml,body{\r\n  margin:0;\r\n  background:linear-gradient(180deg,var(--bg-1),var(--bg-2));\r\n  font-family:Poppins,Arial,Helvetica,sans-serif;\r\n  color:var(--ink);\r\n  scroll-behavior:smooth;\r\n}\r\na{color:inherit;text-decoration:none}\r\nimg{max-width:100%;display:block}\r\n.wrap{max-width:1700px;margin:0 auto;padding:0 60px}\r\n\r\n\/* HEADER *\/\r\n.header{\r\n  position:fixed;\r\n  top:10px;left:0;right:0;\r\n  z-index:100;\r\n  background:transparent;\r\n}\r\n.topbar{\r\n  display:flex;\r\n  justify-content:space-between;\r\n  align-items:center;\r\n  width:100%;\r\n}\r\n\r\n\/* LOGO IZQUIERDA *\/\r\n.brand{\r\n  display:flex;\r\n  align-items:center;\r\n  flex-shrink:0;\r\n}\r\n\r\n\/* \ud83c\udf1f LOGO ANIMADO *\/\r\n.logo-circle {\r\n  position: relative;\r\n  display:flex;\r\n  align-items:center;\r\n  justify-content:center;\r\n  width:90px;\r\n  height:90px;\r\n  background: rgba(255,255,255,0.25);\r\n  backdrop-filter: blur(15px);\r\n  -webkit-backdrop-filter: blur(15px);\r\n  border-radius: 50%;\r\n  box-shadow: 0 0 25px rgba(255,255,255,0.25), 0 8px 25px rgba(0,0,0,0.1);\r\n  border: 1.5px solid rgba(255,255,255,0.5);\r\n  overflow: hidden;\r\n  animation: glow 6s ease-in-out infinite;\r\n}\r\n@keyframes glow {\r\n  0%,100% { box-shadow: 0 0 15px rgba(255,255,255,0.4), 0 8px 25px rgba(0,0,0,0.1); }\r\n  50% { box-shadow: 0 0 28px rgba(255,255,255,0.8), 0 8px 25px rgba(0,0,0,0.15); }\r\n}\r\n.logo-circle img {\r\n  position: relative;\r\n  height: 82px;\r\n  width: auto;\r\n  object-fit: cover;\r\n  object-position: center;\r\n  border-radius: 12px;\r\n  opacity: 0.95;\r\n  filter: brightness(1.05);\r\n  transition: all 0.5s ease;\r\n}\r\n.logo-circle:hover img {\r\n  transform: scale(1.05);\r\n  filter: brightness(1.2);\r\n}\r\n\r\n\/* BLOQUE DE MEN\u00da DERECHA *\/\r\n.nav-container{\r\n  background:rgba(255,255,255,.6);\r\n  backdrop-filter:blur(10px);\r\n  border:1.8px solid rgba(61,170,170,.25);\r\n  padding:10px 38px;\r\n  border-radius:999px;\r\n  display:flex;\r\n  align-items:center;\r\n  gap:22px;\r\n  margin-right:40px;\r\n  transition: all .3s ease;\r\n}\r\n\r\n\/* MEN\u00da Y BOT\u00d3N *\/\r\n.nav{display:flex;gap:20px}\r\n.nav a{\r\n  font-weight:600;\r\n  color:var(--ink);\r\n  padding:8px 14px;\r\n  border-radius:999px;\r\n  transition:.25s;\r\n}\r\n.nav a:hover{\r\n  background:rgba(61,170,170,.15);\r\n  box-shadow:0 8px 20px rgba(61,170,170,.18);\r\n}\r\n.cta-sm{\r\n  background:var(--teal);\r\n  color:#fff;\r\n  padding:10px 18px;\r\n  border-radius:999px;\r\n  font-weight:700;\r\n  border:none;\r\n  cursor:pointer;\r\n  box-shadow:0 14px 30px rgba(61,170,170,.26);\r\n}\r\n.cta-sm:hover{background:var(--teal-2)}\r\n\r\nbody{padding-top:200px}\r\n\r\n\/* HERO *\/\r\n.hero-full{position:relative;height:90vh;display:flex;align-items:flex-end;justify-content:center;overflow:hidden;border-radius:0 0 80px 80px}\r\n.hero-background{position:absolute;inset:0;border-radius:0 0 80px 80px;overflow:hidden}\r\n.hero-img{width:100%;height:100%;object-fit:cover;object-position:center 40%;transform:scale(1.05);filter:brightness(0.7);transition:transform .6s ease;border-radius:0 0 80px 80px}\r\n.hero-background:hover .hero-img{transform:scale(1.15)}\r\n.hero-card{position:absolute;bottom:-40px;left:28%;transform:translate(-50%,50px);background:rgba(255,255,255,.15);backdrop-filter:blur(20px);padding:30px;border-radius:24px;max-width:540px;color:#fff;box-shadow:0 14px 40px rgba(0,0,0,.25);transition:transform .5s ease;z-index:10}\r\n.hero-card:hover{transform:translate(-50%,-20px)}\r\n.hero-card h1{font-family:'Libre Baskerville',serif;font-size:clamp(2rem,4vw,3.4rem);margin-bottom:14px;line-height:1.1;color:#fff;text-align:left}\r\n.hero-card h1 .price-animated{position:relative;display:inline-block}\r\n.hero-card h1 .price-animated::after{content:\"\";position:absolute;left:0;bottom:-6px;height:3px;background:var(--teal);width:0%;animation:underline 2s ease-in-out infinite}\r\n@keyframes underline{0%{width:0%}50%{width:100%}100%{width:0%}}\r\n.hero-card p{color:#f0f0f0;margin-bottom:24px}\r\n.hero-pills{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:14px}\r\n.hero-pills .pill{background:rgba(255,255,255,.2);padding:8px 12px;border-radius:999px;font-weight:600;font-size:.9rem;color:#fff;border:1px solid rgba(255,255,255,.3)}\r\n.floating-tag{position:absolute;bottom:30px;right:30px;background:rgba(255,255,255,.88);backdrop-filter:blur(8px);padding:12px 16px;border-radius:12px;font-weight:600;color:#1b4c4c;font-size:1rem;box-shadow:0 8px 20px rgba(0,0,0,.15);z-index:5}\r\n.floating-tag strong{font-size:1.4rem;color:#2f8e8e;margin-right:4px}\r\n\r\n\/* MODAL *\/\r\n.modal-overlay{position:fixed;inset:0;background:rgba(0,0,0,.6);display:none;justify-content:center;align-items:center;z-index:1000}\r\n.modal{background:#fff;padding:28px;border-radius:16px;max-width:380px;width:90%;box-shadow:0 14px 40px rgba(0,0,0,.25);text-align:center}\r\n.modal h3{margin-top:0;color:var(--ink)}\r\n.modal .input{width:100%;padding:12px;margin:8px 0;border:1px solid #d9e8e7;border-radius:10px;font-size:1rem}\r\n.modal .input:focus{outline:none;border-color:var(--teal);box-shadow:0 0 0 2px rgba(61,170,170,.2)}\r\n.modal .close-btn{position:absolute;top:20px;right:20px;background:none;border:none;font-size:1.5rem;color:#fff;cursor:pointer}\r\n.thank-you{display:none;color:var(--ink);font-size:1.1rem;padding:20px}\r\n<\/style>\r\n\r\n<header class=\"header\">\r\n  <div class=\"wrap topbar\">\r\n    <div class=\"brand\">\r\n      <a href=\"https:\/\/masajesautoconcepto3547.live-website.com\/\">\r\n        <div class=\"logo-circle\">\r\n          <img decoding=\"async\" src=\"https:\/\/masajesautoconcepto3547.live-website.com\/wp-content\/uploads\/2025\/10\/fulllogo_transparent-e1760701445794.png\" alt=\"Logo\">\r\n        <\/div>\r\n      <\/a>\r\n    <\/div>\r\n    <div class=\"nav-container\">\r\n      <nav class=\"nav\">\r\n        <a href=\"https:\/\/masajesyautoconcepto.es\/en\/tratamientos\/\">Treatments<\/a>\r\n        <a href=\"https:\/\/masajesyautoconcepto.es\/en\/beneficios-masaje-shiatsu\/\">Benefits<\/a>\r\n        <a href=\"#testimonios\">Testimonials<\/a>\r\n        <a href=\"https:\/\/masajesyautoconcepto.es\/en\/articulos-blog\/\">Blog<\/a>\r\n      <\/nav>\r\n      <button class=\"cta-sm\" onclick=\"window.open('https:\/\/booksy.com\/es-es\/157571_autoconcepto_masajes_53009_madrid#ba_s=sh_1','_blank')\">Book appointment<\/button>\r\n    <\/div>\r\n  <\/div>\r\n<\/header>\r\n\r\n<section class=\"hero hero-full\">\r\n  <div class=\"hero-background parallax\">\r\n    <img decoding=\"async\" src=\"https:\/\/masajesautoconcepto3547.live-website.com\/wp-content\/uploads\/2025\/10\/MG_8266-scaled.jpg\" alt=\"Bienestar\" class=\"hero-img\">\r\n  <\/div>\r\n\r\n  <div class=\"hero-card\">\r\n    <div class=\"hero-pills\">\r\n      <span class=\"pill\">Welfare<\/span>\r\n      <span class=\"pill\">Shiatsu<\/span>\r\n      <span class=\"pill\">Sotai<\/span>\r\n    <\/div>\r\n    <h1>DATE UN MASAJE POR <span class=\"price-animated\">49,97\u20ac<\/span><\/h1>\r\n    <p>Transform your well-being with our new massage menu, where traditional techniques and innovation come together. Bring your body and mind into perfect harmony.<\/p> PROMOCI\u00d3N PARA NUEVOS CLIENTES<\/p>\r\n    <button class=\"cta-sm\" onclick=\"openModal()\">Get discount<\/button>\r\n  <\/div>\r\n\r\n  <div class=\"floating-tag\"><strong>+350<\/strong> +350 happy customers<\/div>\r\n<\/section>\r\n\r\n<!-- MODAL -->\r\n<div class=\"modal-overlay\" id=\"modal\">\r\n  <button class=\"close-btn\" onclick=\"closeModal()\">\u2716<\/button>\r\n  <div class=\"modal\">\r\n    <div class=\"form-content\">\r\n      <h3>Name<\/h3>\r\n      <input type=\"text\" id=\"nombre\" class=\"input\" placeholder=\"Name\" required>\r\n      <input type=\"email\" id=\"email\" class=\"input\" placeholder=\"Email\" required>\r\n      <input type=\"tel\" id=\"telefono\" class=\"input\" placeholder=\"Phone\" required>\r\n      <button class=\"cta-sm\" onclick=\"sendForm()\">Send<\/button>\r\n    <\/div>\r\n    <div class=\"thank-you\" id=\"thankYouMsg\">\r\n      \ud83d\udc9a <strong>\u00a1Gracias por tu inter\u00e9s!<\/strong><br>\r\n      En breve recibir\u00e1s tu <strong>cup\u00f3n de descuento exclusivo<\/strong> en tu correo.  \r\n      \u00a1Te esperamos para comenzar tu experiencia de bienestar!\r\n    <\/div>\r\n  <\/div>\r\n<\/div>\r\n\r\n<script>\r\n\/\/ Parallax\r\n(function(){\r\n  const el=document.querySelector('.parallax');\r\n  if(!el)return;\r\n  window.addEventListener('scroll',()=>{el.style.transform=`translateY(${window.scrollY*0.03}px)`;},{passive:true});\r\n})();\r\n\r\n\/\/ Modal\r\nfunction openModal(){document.getElementById('modal').style.display='flex';}\r\nfunction closeModal(){\r\n  const m=document.getElementById('modal');\r\n  m.style.display='none';\r\n  document.querySelector('.form-content').style.display='block';\r\n  document.getElementById('thankYouMsg').style.display='none';\r\n}\r\n\r\n\/\/ Web3Forms\r\nfunction sendForm(){\r\n  const nombre=document.getElementById('nombre').value.trim();\r\n  const email=document.getElementById('email').value.trim();\r\n  const telefono=document.getElementById('telefono').value.trim();\r\n  if(!nombre||!email||!telefono){alert('Por favor completa todos los campos.');return;}\r\n  fetch(\"https:\/\/api.web3forms.com\/submit\",{\r\n    method:\"POST\",\r\n    headers:{\"Content-Type\":\"application\/json\"},\r\n    body:JSON.stringify({\r\n      access_key:\"5fcdf91e-ef05-48d4-bade-bec358f8c777\",\r\n      reply_to: email,  \/\/ Responder\u00e1n al correo del usuario\r\n      subject:\"Nueva solicitud de descuento \u2014 Masajes Autoconcepto\",\r\n      from_name: nombre,\r\n      from_email: \"noreply@web3forms.com\",  \/\/ Remitente v\u00e1lido\r\n      telefono: telefono,\r\n      message:`Nueva solicitud de descuento desde la web.\\n\\nNombre: ${nombre}\\nEmail: ${email}\\nTel\u00e9fono: ${telefono}\\nFecha: ${new Date().toLocaleString()}`\r\n    })\r\n  }).then(r=>r.json()).then(d=>{\r\n    if(d.success){\r\n      document.querySelector('.form-content').style.display='none';\r\n      document.getElementById('thankYouMsg').style.display='block';\r\n      setTimeout(()=>closeModal(),5000);\r\n    } else {\r\n      alert(\"Hubo un problema al enviar el formulario. Int\u00e9ntalo nuevamente.\");\r\n      console.error(\"\u274c Error:\",d);\r\n    }\r\n  }).catch(e=>{\r\n    alert(\"Error de conexi\u00f3n. Intenta nuevamente.\");\r\n    console.error(e);\r\n  });\r\n}\r\n<\/script>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-35c6f49 e-flex e-con-boxed wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no e-con e-parent\" data-id=\"35c6f49\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-52a0ca3 elementor-hidden-desktop elementor-widget elementor-widget-html\" data-id=\"52a0ca3\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- HEADER + HERO + MODAL (VERSI\u00d3N M\u00d3VIL FINAL AJUSTADA Y UNIFICADA CON LA DE ORDENADOR) -->\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Libre+Baskerville:wght@400;700&family=Poppins:wght@300;400;600;700&display=swap\" rel=\"stylesheet\">\r\n\r\n<style>\r\n:root{\r\n  --bg-1:#eaf6f5; --bg-2:#dfeff0; --ink:#0f2f2e; --muted:#5d6f6c;\r\n  --teal:#3daaaa; --teal-2:#2f8e8e;\r\n}\r\nhtml,body{\r\n  margin:0;\r\n  background:linear-gradient(180deg,var(--bg-1),var(--bg-2));\r\n  font-family:Poppins,Arial,Helvetica,sans-serif;\r\n  color:var(--ink);\r\n}\r\na{color:inherit;text-decoration:none}\r\nimg{max-width:100%;display:block}\r\n\r\n\/* ===== HEADER ===== *\/\r\n.header-m{\r\n  position:fixed;\r\n  top:calc(20px + env(safe-area-inset-top));\r\n  left:0; right:0; z-index:10000;\r\n  display:flex; align-items:center; justify-content:center;\r\n  padding:0 16px;\r\n}\r\n.header-m .logo{\r\n  height:80px;\r\n  width:auto;\r\n  transform: translateY(2px);\r\n}\r\n\r\n\/* Bot\u00f3n hamburguesa (a la derecha) *\/\r\n.hamburger{\r\n  position:absolute;\r\n  right:18px;\r\n  display:flex;\r\n  flex-direction:column;\r\n  justify-content:center;\r\n  align-items:center;\r\n  gap:4px;\r\n  cursor:pointer;\r\n  background:rgba(255,255,255,.35);\r\n  backdrop-filter:blur(8px);\r\n  border:1px solid rgba(255,255,255,.55);\r\n  border-radius:50%;\r\n  padding:12px;\r\n  width:50px; height:50px;\r\n  box-shadow:0 6px 18px rgba(0,0,0,.12);\r\n  transform: translateY(4px);\r\n}\r\n.hamburger span{\r\n  width:22px; height:2px; background:var(--ink);\r\n  border-radius:2px; transition:.3s;\r\n}\r\n.hamburger.active span:nth-child(1){transform:rotate(45deg) translateY(6px)}\r\n.hamburger.active span:nth-child(2){opacity:0}\r\n.hamburger.active span:nth-child(3){transform:rotate(-45deg) translateY(-6px)}\r\n\r\n\/* Drawer *\/\r\n.drawer{position:fixed;inset:0;display:none;z-index:12000}\r\n.drawer.open{display:block}\r\n.drawer .backdrop{position:absolute;inset:0;background:rgba(0,0,0,.45)}\r\n.drawer .panel{\r\n  position:absolute; top:0; right:0; height:100%; width:min(84vw,340px);\r\n  background:#fff; border-radius:16px 0 0 16px; padding:18px;\r\n  box-shadow:-10px 0 30px rgba(0,0,0,.18);\r\n  transform:translateX(100%); animation:slideIn .25s ease-out forwards;\r\n  display:flex; flex-direction:column; gap:10px; overflow-y:auto;\r\n}\r\n@keyframes slideIn{to{transform:translateX(0)}}\r\n.drawer nav{display:flex;flex-direction:column;gap:6px}\r\n.drawer nav a{padding:10px;border-radius:10px;font-weight:600;color:#0f2f2e;text-decoration:none}\r\n.drawer nav a:hover{background:rgba(61,170,170,.08)}\r\n.drawer .reserve{\r\n  margin-top:4px;\r\n  background:var(--teal);\r\n  color:#fff;\r\n  border:none;\r\n  border-radius:999px;\r\n  padding:12px;\r\n  font-weight:700;\r\n  width:100%;\r\n  box-shadow:0 8px 18px rgba(61,170,170,.25);\r\n}\r\n\r\n\/* HERO *\/\r\n.hero-m{\r\n  position:relative;\r\n  margin-top:calc(120px + env(safe-area-inset-top));\r\n  border-radius:0 0 32px 32px;\r\n  overflow:hidden;\r\n  height:65vh; min-height:500px;\r\n}\r\n.hero-m img{width:100%;height:100%;object-fit:cover;filter:brightness(.78)}\r\n.hero-heading{\r\n  position:absolute;left:50%;transform:translateX(-50%);\r\n  top:28%;\r\n  width:88%;max-width:520px;text-align:center;\r\n  z-index:6;color:#fff;\r\n}\r\n.hero-heading h1{font-weight:700;font-size:1.25rem;margin:0 0 8px;text-shadow:0 2px 18px rgba(0,0,0,.35)}\r\n.hero-heading p{font-size:.9rem;color:#f4f7f7;text-shadow:0 2px 16px rgba(0,0,0,.35);margin:0 0 10px}\r\n.hero-heading .badge-m{\r\n  display:inline-block;\r\n  margin-top:10px;\r\n  background:rgba(255,255,255,.9);\r\n  backdrop-filter:blur(6px);\r\n  padding:6px 10px;\r\n  border-radius:10px;\r\n  font-weight:700;\r\n  color:#2f8e8e;\r\n  box-shadow:0 6px 16px rgba(0,0,0,.12);\r\n  font-size:.9rem;\r\n}\r\n.hero-heading .badge-m small{color:#0f2f2e;font-weight:600}\r\n\r\n.hero-cta-stack{\r\n  position:absolute;left:50%;transform:translateX(-50%);\r\n  bottom:54px;z-index:6;width:80%;\r\n  display:flex;flex-direction:column;gap:8px;align-items:stretch;\r\n}\r\n.hero-cta-stack .btn{\r\n  appearance:none;border:none;cursor:pointer;font-weight:700;\r\n  border-radius:12px;padding:11px 14px;font-size:.88rem;line-height:1;\r\n  box-shadow:0 8px 18px rgba(0,0,0,.14)\r\n}\r\n.hero-cta-stack .btn-primary{background:var(--teal);color:#fff}\r\n.hero-cta-stack .btn-ghost{\r\n  background:rgba(255,255,255,.36);\r\n  backdrop-filter:blur(10px);\r\n  border:1px solid rgba(255,255,255,.55);\r\n  color:#0f2f2e;\r\n}\r\n\r\n\/* MODAL *\/\r\n.modal-overlay{position:fixed;inset:0;background:rgba(0,0,0,.55);display:none;align-items:flex-end;justify-content:center;z-index:20000}\r\n.modal-overlay.open{display:flex}\r\n.modal{\r\n  width:100%;max-width:520px;background:#fff;\r\n  border-radius:16px 16px 0 0;padding:18px 16px;\r\n  box-shadow:0 -10px 30px rgba(0,0,0,.25);\r\n  animation:sheetUp .3s ease-out forwards;position:relative\r\n}\r\n@keyframes sheetUp{from{transform:translateY(100%)}to{transform:translateY(0)}}\r\n.modal h3{margin:0 0 8px;font-size:1.05rem}\r\n.input{width:100%;padding:11px;border:1px solid #d9e8e7;border-radius:10px;font-size:.95rem;margin-bottom:8px}\r\n.input:focus{outline:none;border-color:#3daaaa;box-shadow:0 0 0 2px rgba(61,170,170,.2)}\r\n.cta{width:100%;background:#3daaaa;color:#fff;border:none;border-radius:999px;padding:11px 14px;font-weight:700}\r\n.close-modal{\r\n  position:absolute;top:10px;right:14px;background:none;border:none;\r\n  font-size:1.4rem;color:#888;cursor:pointer\r\n}\r\n.thank{display:none;text-align:center;font-weight:600}\r\n<\/style>\r\n\r\n<header class=\"header-m\">\r\n  <a href=\"https:\/\/masajesautoconcepto3547.live-website.com\/\">\r\n    <img decoding=\"async\" class=\"logo\" src=\"https:\/\/masajesautoconcepto3547.live-website.com\/wp-content\/uploads\/2025\/10\/fulllogo_transparent.png\" alt=\"Logo\">\r\n  <\/a>\r\n  <button class=\"hamburger\" id=\"hamburger\"><span><\/span><span><\/span><span><\/span><\/button>\r\n<\/header>\r\n\r\n<!-- Drawer -->\r\n<div class=\"drawer\" id=\"drawer\">\r\n  <div class=\"backdrop\" onclick=\"toggleDrawer(false)\"><\/div>\r\n  <div class=\"panel\">\r\n    <nav>\r\n      <a href=\"https:\/\/masajesyautoconcepto.es\/en\/tratamientos\/\" onclick=\"toggleDrawer(false)\">Treatments<\/a>\r\n      <a href=\"https:\/\/masajesyautoconcepto.es\/en\/beneficios-masaje-shiatsu\/\" onclick=\"toggleDrawer(false)\">Benefits<\/a>\r\n      <a href=\"#testimonios\" onclick=\"toggleDrawer(false)\">Testimonials<\/a>\r\n      <a href=\"https:\/\/masajesyautoconcepto.es\/en\/articulos-blog\/\" onclick=\"toggleDrawer(false)\">Blog<\/a>\r\n    <\/nav>\r\n    <button class=\"reserve\" onclick=\"toggleDrawer(false);window.open('https:\/\/booksy.com\/es-es\/157571_autoconcepto_masajes_53009_madrid#ba_s=sh_1','_blank')\">Book appointment<\/button>\r\n  <\/div>\r\n<\/div>\r\n\r\n<!-- HERO -->\r\n<section class=\"hero-m\">\r\n  <img decoding=\"async\" src=\"https:\/\/masajesautoconcepto3547.live-website.com\/wp-content\/uploads\/2025\/10\/MG_8266-scaled.jpg\" alt=\"Bienestar\">\r\n  <div class=\"hero-heading\">\r\n    <h1>DATE UN MASAJE POR S\u00d3LO 49,97\u20ac<\/h1>\r\n    <p>Transform your well-being with our new massage menu, where traditional techniques and innovation come together. Bring your body and mind into perfect harmony.<\/p>\r\n    <div class=\"badge-m\"><span>+350<\/span> <small>+350 happy customers<\/small><\/div>\r\n  <\/div>\r\n  <div class=\"hero-cta-stack\">\r\n    <button class=\"btn btn-primary\" onclick=\"window.open('https:\/\/booksy.com\/es-es\/157571_autoconcepto_masajes_53009_madrid#ba_s=sh_1','_blank')\">Book appointment<\/button>\r\n    <button class=\"btn btn-ghost\" onclick=\"openModalM()\">Promo por 49,97\u20ac<\/button>\r\n  <\/div>\r\n<\/section>\r\n\r\n<!-- MODAL -->\r\n<div class=\"modal-overlay\" id=\"modalM\">\r\n  <div class=\"modal\">\r\n    <button class=\"close-modal\" onclick=\"closeModalM()\">\u2716<\/button>\r\n    <h3>Name<\/h3>\r\n    <div class=\"formM\">\r\n      <input class=\"input\" id=\"nombreM\" type=\"text\" placeholder=\"Name\" required>\r\n      <input class=\"input\" id=\"emailM\" type=\"email\" placeholder=\"Email\" required>\r\n      <input class=\"input\" id=\"telefonoM\" type=\"tel\" placeholder=\"Phone\" required>\r\n      <button class=\"cta\" onclick=\"sendFormM()\">Send<\/button>\r\n    <\/div>\r\n    <div class=\"thank\" id=\"tyM\">\r\n      \ud83d\udc9a <strong>\u00a1Gracias por tu inter\u00e9s!<\/strong><br>\r\n      En breve recibir\u00e1s tu <strong>cup\u00f3n de descuento exclusivo<\/strong> en tu correo.<br>\r\n      \u00a1Te esperamos para comenzar tu experiencia de bienestar!\r\n    <\/div>\r\n  <\/div>\r\n<\/div>\r\n\r\n<script>\r\n\/* Drawer *\/\r\nconst hamburger=document.getElementById('hamburger');\r\nconst drawer=document.getElementById('drawer');\r\nfunction toggleDrawer(open){\r\n  if(open){drawer.classList.add('open');hamburger.classList.add('active');document.body.style.overflow='hidden';}\r\n  else{drawer.classList.remove('open');hamburger.classList.remove('active');document.body.style.overflow='';}\r\n}\r\nhamburger.addEventListener('click',()=>toggleDrawer(!drawer.classList.contains('open')));\r\n\r\n\/* Modal *\/\r\nfunction openModalM(){document.getElementById('modalM').classList.add('open');document.body.style.overflow='hidden';}\r\nfunction closeModalM(){\r\n  const m=document.getElementById('modalM');\r\n  m.classList.remove('open');\r\n  document.querySelector('.formM').style.display='block';\r\n  document.getElementById('tyM').style.display='none';\r\n  document.body.style.overflow='';\r\n}\r\n\r\n\/* Env\u00edo Web3Forms *\/\r\nfunction sendFormM(){\r\n  const nombre=document.getElementById('nombreM').value.trim();\r\n  const email=document.getElementById('emailM').value.trim();\r\n  const telefono=document.getElementById('telefonoM').value.trim();\r\n  if(!nombre||!email||!telefono){alert('Por favor completa todos los campos.');return;}\r\n\r\n  fetch(\"https:\/\/api.web3forms.com\/submit\",{\r\n    method:\"POST\",\r\n    headers:{\"Content-Type\":\"application\/json\"},\r\n    body:JSON.stringify({\r\n      access_key:\"5fcdf91e-ef05-48d4-bade-bec358f8c777\",\r\n      reply_to:\"info@masajesyautoconcepto.es\",\r\n      subject:\"Nueva solicitud de descuento (m\u00f3vil) \u2014 Masajes Autoconcepto\",\r\n      from_name:nombre, from_email:email, telefono:telefono,\r\n      message:`Nueva solicitud de descuento (m\u00f3vil)\\nNombre: ${nombre}\\nEmail: ${email}\\nTel\u00e9fono: ${telefono}\\nP\u00e1gina: ${location.href}\\nFecha: ${new Date().toLocaleString()}`\r\n    })\r\n  })\r\n  .then(r=>r.json())\r\n  .then(d=>{\r\n    if(d.success){\r\n      document.querySelector('.formM').style.display='none';\r\n      document.getElementById('tyM').style.display='block';\r\n      setTimeout(()=>closeModalM(),5000);\r\n    }else{\r\n      alert(\"Hubo un problema al enviar el formulario. Int\u00e9ntalo nuevamente.\");\r\n      console.error(\"\u274c Error:\",d);\r\n    }\r\n  })\r\n  .catch(err=>{\r\n    alert(\"Error de conexi\u00f3n. Intenta nuevamente.\");\r\n    console.error(err);\r\n  });\r\n}\r\n<\/script>\r\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-d15908a e-flex e-con-boxed wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no e-con e-parent\" data-id=\"d15908a\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-804ab4f elementor-widget elementor-widget-html\" data-id=\"804ab4f\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- M\u00c9TRICAS -->\r\n<style>\r\n:root {\r\n  --teal: #3DAAAA;\r\n  --muted: #6c757d;\r\n  --surface: #f8fcfc;\r\n  --shadow: 0 10px 28px rgba(16, 60, 60, .08);\r\n}\r\n\r\n.metrics {\r\n  display: flex;\r\n  flex-wrap: wrap;\r\n  gap: 16px;\r\n  margin: 80px 0 6px;\r\n  justify-content: center;\r\n  text-align: center;\r\n}\r\n.metric {\r\n  background: #fff;\r\n  border-radius: 18px;\r\n  padding: 20px;\r\n  border: 1px solid rgba(61, 170, 170, .18);\r\n  box-shadow: 0 10px 28px rgba(16, 60, 60, .08);\r\n  width: min(100%, 300px);\r\n}\r\n.metric h3 {\r\n  margin: 0;\r\n  color: var(--teal);\r\n  font-size: 2rem;\r\n}\r\n.metric p {\r\n  margin: 6px 0 0;\r\n  color: var(--muted);\r\n}\r\n\r\n.section {\r\n  margin: 46px 0;\r\n  padding: 32px;\r\n  border-radius: 22px;\r\n  background: var(--surface);\r\n  box-shadow: var(--shadow);\r\n}\r\n.section h2 {\r\n  font-family: 'Libre Baskerville', serif;\r\n  margin: 0 0 10px;\r\n  font-size: 2rem;\r\n  text-align: center;\r\n}\r\n.section .muted {\r\n  text-align: center;\r\n}\r\n\r\n.benefits {\r\n  display: flex;\r\n  flex-wrap: wrap;\r\n  gap: 14px;\r\n  margin-top: 10px;\r\n  justify-content: center;\r\n}\r\n.benefit {\r\n  display: flex;\r\n  gap: 14px;\r\n  align-items: flex-start;\r\n  background: linear-gradient(180deg, #f7fbfb, #fff);\r\n  border: 1px solid rgba(61, 170, 170, .16);\r\n  padding: 16px;\r\n  border-radius: 16px;\r\n  width: min(100%, 420px);\r\n}\r\n.benefit span {\r\n  font-size: 1.6rem;\r\n}\r\n\r\n\/* ============================ *\/\r\n\/* TARJETA GIRATORIA FLUIDA *\/\r\n\/* ============================ *\/\r\n.camilla-card-container {\r\n  display: flex;\r\n  justify-content: center;\r\n  margin-top: 40px;\r\n  perspective: 1000px;\r\n}\r\n\r\n.camilla-card {\r\n  width: min(100%, 360px);\r\n  height: 180px;\r\n  position: relative;\r\n  cursor: pointer;\r\n  overflow: hidden;\r\n}\r\n\r\n.camilla-card-inner {\r\n  position: relative;\r\n  width: 100%;\r\n  height: 100%;\r\n  transform-style: preserve-3d;\r\n  transform-origin: center;\r\n  transition: transform 0.8s ease;\r\n  will-change: transform;\r\n}\r\n\r\n.camilla-card:hover .camilla-card-inner {\r\n  transform: rotateY(180deg);\r\n}\r\n\r\n.camilla-card-front,\r\n.camilla-card-back {\r\n  position: absolute;\r\n  width: 100%;\r\n  height: 100%;\r\n  border-radius: 18px;\r\n  backface-visibility: hidden;\r\n  display: flex;\r\n  flex-direction: column;\r\n  justify-content: center;\r\n  align-items: center;\r\n  background: linear-gradient(180deg, #f8fcfc, #fff);\r\n  border: 1px solid rgba(61, 170, 170, .16);\r\n  box-shadow: 0 10px 28px rgba(16, 60, 60, .08);\r\n  padding: 22px;\r\n  text-align: center;\r\n}\r\n\r\n.camilla-card-front h3 {\r\n  margin: 0;\r\n  font-size: 1.25rem;\r\n  color: var(--teal);\r\n  font-weight: 600;\r\n}\r\n\r\n.camilla-card-front p {\r\n  color: var(--muted);\r\n  margin-top: 8px;\r\n  font-size: 0.9rem;\r\n}\r\n\r\n.camilla-card-back {\r\n  transform: rotateY(180deg);\r\n  color: var(--muted);\r\n  font-size: 0.9rem;\r\n  line-height: 1.4;\r\n  overflow-y: auto;\r\n}\r\n\r\n.camilla-card-back::-webkit-scrollbar {\r\n  width: 4px;\r\n}\r\n\r\n.camilla-card-back::-webkit-scrollbar-thumb {\r\n  background-color: rgba(61, 170, 170, 0.3);\r\n  border-radius: 4px;\r\n}\r\n\r\n.highlight {\r\n  text-decoration: underline;\r\n  text-decoration-color: var(--teal);\r\n  text-decoration-thickness: 2px;\r\n  text-underline-offset: 3px;\r\n  font-weight: 500;\r\n  color: var(--teal);\r\n}\r\n<\/style>\r\n\r\n<section class=\"metrics wrap\" id=\"metricsSection\">\r\n  <div class=\"metric\"><h3 class=\"count\" data-target=\"100\">0%<\/h3><p>Natural well-being<\/p><\/div>\r\n  <div class=\"metric\"><h3 class=\"count\" data-target=\"95\">0%<\/h3><p>It improves from the first session<\/p><\/div>\r\n  <div class=\"metric\"><h3 class=\"count\" data-target=\"350\">+0<\/h3><p>Satisfied customers<\/p><\/div>\r\n<\/section>\r\n\r\n<section id=\"beneficios\" class=\"section wrap\">\r\n  <h2>Discover the benefits of our treatments<\/h2>\r\n  <p class=\"muted\">Enjoy our non-invasive and relaxing treatments<\/p>\r\n  <div class=\"benefits\">\r\n    <div class=\"benefit\"><span>\ud83c\udf3f<\/span><div><b>01 \u00b7 Natural products<\/b><br>Used in every treatment.<\/div><\/div>\r\n    <div class=\"benefit\"><span>\ud83e\udeb7<\/span><div><b>02 \u00b7 Relaxing atmosphere<\/b><br>Designed for your well-being.<\/div><\/div>\r\n    <div class=\"benefit\"><span>\u2728<\/span><div><b>03 \u00b7 Revitalize<\/b><br>Body and mind.<\/div><\/div>\r\n    <div class=\"benefit\"><span>\ud83e\udd0d<\/span><div><b>04 \u00b7 Passion for well-being<\/b><br>Friendly and exceptional service.<\/div><\/div>\r\n  <\/div>\r\n\r\n  <!-- TARJETA GIRATORIA -->\r\n  <div class=\"camilla-card-container\">\r\n    <div class=\"camilla-card\">\r\n      <div class=\"camilla-card-inner\">\r\n        <div class=\"camilla-card-front\">\r\n          <h3>\u2728 For all body types<\/h3>\r\n          <p>Things that only we have<\/p>\r\n        <\/div>\r\n        <div class=\"camilla-card-back\">\r\n          <p>\r\n            Our treatment table has been designed to ensure comfort for every body. <span class=\"highlight\">90 cm wide and 2 m long<\/span>It offers more space than the standard. So you can relax without worrying about the edges. Because true rest begins when your body feels supported and balanced.\r\n          <\/p>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<script>\r\n\/\/ ============================\r\n\/\/ Contadores animados al entrar en pantalla\r\n\/\/ ============================\r\nconst counters = document.querySelectorAll('.count');\r\nlet hasRun = false;\r\nconst speed = 120;\r\n\r\nfunction startCounting() {\r\n  counters.forEach(counter => {\r\n    const value = +counter.getAttribute('data-target');\r\n    let current = 0;\r\n    const increment = Math.ceil(value \/ speed);\r\n    const interval = setInterval(() => {\r\n      current += increment;\r\n      if (current >= value) {\r\n        current = value;\r\n        clearInterval(interval);\r\n      }\r\n      const prefix = counter.getAttribute('data-target') === \"350\" ? \"+\" : \"\";\r\n      const suffix = [\"100\", \"95\"].includes(counter.getAttribute('data-target')) ? \"%\" : \"\";\r\n      counter.innerText = prefix + current + suffix;\r\n    }, 40);\r\n  });\r\n}\r\n\r\nconst metricsSection = document.getElementById('metricsSection');\r\nconst observer = new IntersectionObserver((entries) => {\r\n  if (entries[0].isIntersecting && !hasRun) {\r\n    startCounting();\r\n    hasRun = true;\r\n  }\r\n}, { threshold: 0.4 });\r\n\r\nobserver.observe(metricsSection);\r\n<\/script>\r\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-46c4010 e-flex e-con-boxed wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no e-con e-parent\" data-id=\"46c4010\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-876f012 elementor-widget elementor-widget-html\" data-id=\"876f012\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- TRATAMIENTOS sin rect\u00e1ngulo blanco + degradado blanco inferior -->\r\n<style>\r\n\/* Quitar fondo\/blanco SOLO en esta secci\u00f3n *\/\r\n#tratamientos.section{\r\n  background:transparent !important;\r\n  box-shadow:none !important;\r\n  border-radius:0 !important;\r\n  padding:0 !important;     \/* quita el acolchado del contenedor *\/\r\n}\r\n\r\n\/* grid responsivo *\/\r\n.cards{\r\n  display:grid;\r\n  grid-template-columns: repeat(3, minmax(0,1fr));\r\n  gap:18px;\r\n  margin-top:18px;\r\n}\r\n@media (max-width: 960px){ .cards{ grid-template-columns: repeat(2, minmax(0,1fr)); } }\r\n@media (max-width: 640px){ .cards{ grid-template-columns: 1fr; } }\r\n\r\n\/* tarjeta sin fondo ni borde *\/\r\n.card{\r\n  position:relative;\r\n  border-radius:18px;\r\n  overflow:hidden;\r\n  padding:0;\r\n  background:transparent;\r\n  border:none;\r\n  box-shadow:none;\r\n  cursor:pointer;\r\n}\r\n\r\n\/* imagen *\/\r\n.card .photo{\r\n  width:100%;\r\n  height: clamp(220px, 32vw, 300px);\r\n  object-fit:cover;\r\n  display:block;\r\n  transform:scale(1);\r\n  transition:transform .5s ease;\r\n}\r\n.card:hover .photo{ transform:scale(1.05); }\r\n\r\n\/* degradado inferior blanco tenue *\/\r\n.card::after{\r\n  content:\"\";\r\n  position:absolute; inset:0;\r\n  background:linear-gradient(180deg, rgba(255,255,255,0) 50%, rgba(255,255,255,0.9) 100%);\r\n  pointer-events:none;\r\n}\r\n\r\n\/* texto sobre imagen *\/\r\n.card .meta{\r\n  position:absolute;\r\n  left:16px; right:16px; bottom:16px;\r\n  z-index:1;\r\n  color:#222;\r\n}\r\n.card .meta h3{\r\n  margin:0 0 6px;\r\n  font-weight:700;\r\n  font-size:1.05rem;\r\n  color:#222;\r\n}\r\n.card .meta p{\r\n  margin:0;\r\n  font-size:.9rem;\r\n  line-height:1.35;\r\n  color:#444;\r\n}\r\n<\/style>\r\n\r\n<section id=\"tratamientos\" class=\"section wrap\">\r\n  <h2>Learn about our treatments<\/h2>\r\n  <p class=\"muted\">Massages that combine different highly effective techniques and provide relaxation and well-being.<\/p>\r\n\r\n  <div class=\"cards\">\r\n    <article class=\"card\">\r\n      <img decoding=\"async\" class=\"photo\" src=\"https:\/\/masajesautoconcepto3547.live-website.com\/wp-content\/uploads\/2025\/10\/woman-2722936-1-scaled.jpg\" alt=\"Masaje Japon\u00e9s Shiatsu\">\r\n      <div class=\"meta\">\r\n        <h3>Japanese Shiatsu Massage<\/h3>\r\n        <p>Relieve discomfort, improve posture and restore mobility with Japanese techniques.<\/p>\r\n      <\/div>\r\n    <\/article>\r\n\r\n    <article class=\"card\">\r\n      <img decoding=\"async\" class=\"photo\" src=\"https:\/\/masajesautoconcepto3547.live-website.com\/wp-content\/uploads\/2025\/10\/hombre-de-vista-lateral-relajandose-en-el-spa-1-scaled.jpg\" alt=\"M\u00e9todo Sotai\">\r\n      <div class=\"meta\">\r\n        <h3>Sotai Method<\/h3>\r\n        <p>Japanese postural re-education that balances the body and relieves tension.<\/p>\r\n      <\/div>\r\n    <\/article>\r\n\r\n    <article class=\"card\">\r\n      <img decoding=\"async\" class=\"photo\" src=\"https:\/\/masajesautoconcepto3547.live-website.com\/wp-content\/uploads\/2025\/10\/MG_8287-scaled.jpg\" alt=\"Masaje Facial Japon\u00e9s\">\r\n      <div class=\"meta\">\r\n        <h3>Japanese Facial Massage<\/h3>\r\n        <p>It reduces stress, stimulates collagen, and tones facial muscles.<\/p>\r\n      <\/div>\r\n    <\/article>\r\n  <\/div>\r\n<\/section>\r\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-ca0034a e-flex e-con-boxed wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no e-con e-parent\" data-id=\"ca0034a\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-2734459 elementor-widget elementor-widget-html\" data-id=\"2734459\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- SECCI\u00d3N VIDEOS con efecto GLASS aut\u00e9ntico -->\r\n<style>\r\n\/* Fondo de la p\u00e1gina (solo para que se vea bien el efecto glass) *\/\r\nbody {\r\n  background: linear-gradient(135deg, #d8f2f0 0%, #b5e4e0 100%);\r\n}\r\n\r\n\/* Caja transl\u00facida *\/\r\n.video-info-glassbox {\r\n  position: relative;\r\n  isolation: isolate;\r\n  background: rgba(255, 255, 255, 0.6);\r\n  backdrop-filter: blur(15px);\r\n  -webkit-backdrop-filter: blur(15px);\r\n  border-radius: 24px;\r\n  box-shadow: 0 18px 50px rgba(16, 60, 60, 0.15);\r\n  padding: 40px;\r\n  max-width: 1200px;\r\n  margin: 60px auto;\r\n  border: 1px solid rgba(255, 255, 255, 0.5);\r\n}\r\n\r\n\/* Estructura interna *\/\r\n.video-info-section {\r\n  display: grid;\r\n  grid-template-columns: 1fr 1fr;\r\n  align-items: center;\r\n  gap: 40px;\r\n}\r\n@media (max-width: 960px) {\r\n  .video-info-section {\r\n    grid-template-columns: 1fr;\r\n    text-align: center;\r\n  }\r\n}\r\n\r\n\/* T\u00edtulo *\/\r\n.video-info-left h2 {\r\n  font-family: 'Poppins', sans-serif;\r\n  font-size: 2.2rem;\r\n  font-weight: 700;\r\n  margin-bottom: 24px;\r\n  line-height: 1.2;\r\n  color: #0f2f2e;\r\n}\r\n\r\n\/* Bloques de texto con icono *\/\r\n.video-feature {\r\n  display: flex;\r\n  align-items: flex-start;\r\n  gap: 16px;\r\n  margin-bottom: 20px;\r\n  padding: 12px 0;\r\n  border-radius: 12px;\r\n  transition: background 0.25s ease;\r\n}\r\n.video-feature:hover {\r\n  background: rgba(61, 170, 170, 0.08);\r\n}\r\n.video-feature .icon {\r\n  width: 44px;\r\n  height: 44px;\r\n  border-radius: 50%;\r\n  background: rgba(61, 170, 170, 0.12);\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  font-size: 1.4rem;\r\n  color: #2f8e8e;\r\n  flex-shrink: 0;\r\n}\r\n.video-feature h4 {\r\n  margin: 0;\r\n  font-size: 1.05rem;\r\n  font-weight: 600;\r\n  color: #0f2f2e;\r\n}\r\n.video-feature p {\r\n  margin: 4px 0 0;\r\n  font-size: 0.9rem;\r\n  color: #5d6f6c;\r\n  line-height: 1.45;\r\n}\r\n\r\n\/* Video *\/\r\n.video-preview {\r\n  position: relative;\r\n  border-radius: 18px;\r\n  overflow: hidden;\r\n  box-shadow: 0 14px 36px rgba(16, 60, 60, 0.08);\r\n}\r\n.video-preview video {\r\n  width: 100%;\r\n  display: block;\r\n  object-fit: cover;\r\n  max-height: 340px;\r\n  border-radius: 18px;\r\n}\r\n<\/style>\r\n\r\n<div class=\"video-info-glassbox\">\r\n  <section class=\"video-info-section\">\r\n    <!-- Texto -->\r\n    <div class=\"video-info-left\">\r\n      <h2>Discover our massages<\/h2>\r\n      <div class=\"video-feature\">\r\n        <div class=\"icon\">\ud83d\udc86<\/div>\r\n        <div>\r\n          <h4>Japanese Facial Massage<\/h4>\r\n          <p>Draining and muscle-relaxing: reduces stress, activates circulation and tones the skin.<\/p>\r\n        <\/div>\r\n      <\/div>\r\n      <div class=\"video-feature\">\r\n        <div class=\"icon\">\ud83e\udeb7<\/div>\r\n        <div>\r\n          <h4>Sotai Method<\/h4>\r\n          <p>Japanese postural re-education that improves body balance and relieves muscle tension.<\/p>\r\n        <\/div>\r\n      <\/div>\r\n      <div class=\"video-feature\">\r\n        <div class=\"icon\">\ud83c\udf3f<\/div>\r\n        <div>\r\n          <h4>Shiatsu Massage<\/h4>\r\n          <p>Applying pressure to strategic points improves energy, releases blockages, and relieves discomfort.<\/p>\r\n           <\/div>\r\n      <\/div>\r\n      <div class=\"video-feature\">\r\n        <div class=\"icon\">\ud83c\udf3f<\/div>\r\n        <div>\r\n        \r\n            <h4>Masaje Ayuralift<\/h4>\r\n          <p>Combina masaje ayurv\u00e9dico Champi y masaje facial japon\u00e9s. Relaja m\u00fasculos de cara, cuello y cabeza.<\/p>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <!-- V\u00eddeo -->\r\n    <div class=\"video-preview\">\r\n      <video \r\n        autoplay muted loop playsinline\r\n poster=\"https:\/\/masajesautoconcepto3547.live-website.com\/wp-content\/uploads\/2025\/10\/Autoconcepto-V2-2-Idea-10.mp4\">\r\n        <source src=\"https:\/\/masajesautoconcepto3547.live-website.com\/wp-content\/uploads\/2025\/10\/Autoconcepto-V2-2-Idea-10.mp4\" type=\"video\/mp4\">\r\n      <\/video>\r\n    <\/div>\r\n  <\/section>\r\n<\/div>\r\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-e60c32e e-flex e-con-boxed wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no e-con e-parent\" data-id=\"e60c32e\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c8a1e09 elementor-widget elementor-widget-html\" data-id=\"c8a1e09\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- SECCI\u00d3N PREGUNTAS FRECUENTES estilo acorde\u00f3n moderno -->\r\n<style>\r\n.faq-section-container {\r\n  display: grid;\r\n  grid-template-columns: 1fr 1fr;\r\n  gap: 40px;\r\n  max-width: 1200px;\r\n  margin: 60px auto;\r\n  align-items: center;\r\n}\r\n@media (max-width: 960px) {\r\n  .faq-section-container {\r\n    grid-template-columns: 1fr;\r\n  }\r\n}\r\n\r\n.faq-image-box {\r\n  position: relative;\r\n  border-radius: 24px;\r\n  overflow: hidden;\r\n  height: 420px;\r\n  display: flex;\r\n  align-items: flex-end;\r\n  box-shadow: 0 14px 36px rgba(0, 0, 0, 0.1);\r\n}\r\n.faq-image-box img {\r\n  position: absolute;\r\n  inset: 0;\r\n  width: 100%;\r\n  height: 100%;\r\n  object-fit: cover;\r\n}\r\n.faq-image-box .overlay-text {\r\n  position: relative;\r\n  z-index: 2;\r\n  color: #fff;\r\n  padding: 20px 28px;\r\n  font-size: 1.5rem;\r\n  font-weight: 600;\r\n  max-width: 320px;\r\n}\r\n.faq-image-box::after {\r\n  content: \"\";\r\n  position: absolute;\r\n  inset: 0;\r\n  background: linear-gradient(to top, rgba(0,0,0,0.6), rgba(0,0,0,0));\r\n}\r\n.faq-image-box .cta-button {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  gap: 8px;\r\n  margin-top: 12px;\r\n  background: #fff;\r\n  color: #0f2f2e;\r\n  padding: 10px 18px;\r\n  border-radius: 999px;\r\n  font-weight: 600;\r\n  font-size: 0.95rem;\r\n  text-decoration: none;\r\n  transition: all 0.25s ease;\r\n}\r\n.faq-image-box .cta-button:hover {\r\n  background: #2f8e8e;\r\n  color: #fff;\r\n}\r\n\r\n\/* FAQ *\/\r\n.faq-container {\r\n  background: rgba(255, 255, 255, 0.8);\r\n  backdrop-filter: blur(10px);\r\n  border-radius: 24px;\r\n  box-shadow: 0 14px 36px rgba(16, 60, 60, 0.08);\r\n  padding: 30px;\r\n}\r\n.faq-container h2 {\r\n  font-family: 'Poppins', sans-serif;\r\n  font-size: 2rem;\r\n  font-weight: 700;\r\n  margin-bottom: 24px;\r\n  color: #0f2f2e;\r\n}\r\n\r\n\/* Acorde\u00f3n *\/\r\n.faq-item {\r\n  border-bottom: 1px solid rgba(0, 0, 0, 0.1);\r\n}\r\n.faq-question {\r\n  display: flex;\r\n  justify-content: space-between;\r\n  align-items: center;\r\n  cursor: pointer;\r\n  padding: 16px 0;\r\n  font-size: 1.05rem;\r\n  font-weight: 600;\r\n  color: #0f2f2e;\r\n}\r\n.faq-question .icon {\r\n  font-size: 1.4rem;\r\n  transition: transform 0.3s;\r\n}\r\n.faq-answer {\r\n  display: none;\r\n  padding: 0 0 16px;\r\n  font-size: 0.95rem;\r\n  color: #5d6f6c;\r\n  line-height: 1.5;\r\n}\r\n.faq-item.active .faq-answer {\r\n  display: block;\r\n}\r\n.faq-item.active .icon {\r\n  transform: rotate(45deg);\r\n}\r\n<\/style>\r\n\r\n<div class=\"faq-section-container\">\r\n  <!-- Imagen + CTA -->\r\n  <div class=\"faq-image-box\">\r\n    <img decoding=\"async\" src=\"https:\/\/masajesautoconcepto3547.live-website.com\/wp-content\/uploads\/2025\/10\/MG_8141.jpg\" alt=\"Preguntas frecuentes\">\r\n    <div class=\"overlay-text\">\r\n      Do you have any questions?  \r\n      <br>Don't hesitate to contact us!\r\n      <br>\r\n      <a href=\"#contacto\" class=\"cta-button\">Contact<\/a>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <!-- Preguntas frecuentes -->\r\n  <div class=\"faq-container\">\r\n    <h2>Frequently Asked Questions<\/h2>\r\n    \r\n    <div class=\"faq-item\">\r\n      <div class=\"faq-question\">\r\n        <span>Is prior experience necessary to receive a Shiatsu or Sotai massage?<\/span>\r\n        <span class=\"icon\">+<\/span>\r\n      <\/div>\r\n      <div class=\"faq-answer\">\r\n        No. Our massages are designed for everyone. The therapist adapts the technique to your needs and physical condition, even if it's your first session.\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"faq-item\">\r\n      <div class=\"faq-question\">\r\n        <span>How long does a session last and what should I bring?<\/span>\r\n        <span class=\"icon\">+<\/span>\r\n      <\/div>\r\n      <div class=\"faq-answer\">\r\n        The session lasts approximately 60 minutes. You only need comfortable clothing that allows freedom of movement. No oils are used in Shiatsu or Sotai.\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"faq-item\">\r\n      <div class=\"faq-question\">\r\n        <span>Can I combine several treatments in the same visit?<\/span>\r\n        <span class=\"icon\">+<\/span>\r\n      <\/div>\r\n      <div class=\"faq-answer\">\r\n        Yes! Many clients combine Shiatsu with Sotai or Japanese facial massage for a more complete sense of well-being. We'll advise you based on your goals.\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"faq-item\">\r\n      <div class=\"faq-question\">\r\n        <span>How often is it recommended to receive these massages?<\/span>\r\n        <span class=\"icon\">+<\/span>\r\n      <\/div>\r\n      <div class=\"faq-answer\">\r\n        We recommend one session per week initially to maximize results. Afterward, you can space them out according to your maintenance needs.\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"faq-item\">\r\n      <div class=\"faq-question\">\r\n        <span>Can I give a session as a gift to someone else?<\/span>\r\n        <span class=\"icon\">+<\/span>\r\n      <\/div>\r\n      <div class=\"faq-answer\">\r\n        Of course! We have personalized gift cards so you can give the gift of well-being to whomever you want.\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/div>\r\n\r\n<script>\r\n\/\/ Acorde\u00f3n\r\ndocument.querySelectorAll('.faq-question').forEach(button => {\r\n  button.addEventListener('click', () => {\r\n    const faqItem = button.parentElement;\r\n    const isActive = faqItem.classList.contains('active');\r\n    document.querySelectorAll('.faq-item').forEach(item => item.classList.remove('active'));\r\n    if (!isActive) faqItem.classList.add('active');\r\n  });\r\n});\r\n<\/script>\r\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-ad4962c e-flex e-con-boxed wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no e-con e-parent\" data-id=\"ad4962c\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-7edd585 elementor-widget elementor-widget-html\" data-id=\"7edd585\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- TESTIMONIOS + CONTACTO con selecci\u00f3n de d\u00eda, hora y REGALO -->\r\n<style>\r\n.testi{\r\n  display:flex;\r\n  flex-wrap:wrap;\r\n  gap:18px;\r\n  justify-content:center;\r\n  margin-top:12px;\r\n}\r\n.tcard{\r\n  padding:18px;\r\n  border-radius:18px;\r\n  background:#fff;\r\n  border:1px solid rgba(61,170,170,.14);\r\n  box-shadow:0 12px 30px rgba(16,60,60,.06);\r\n  width:min(100%, 340px);\r\n}\r\n.stars{color:#f0b429;font-weight:800}\r\n.google-btn{\r\n  display:inline-flex;align-items:center;gap:8px;margin-top:8px;\r\n  background:#fff;border:1.8px solid #1a73e8;color:#1a73e8;\r\n  padding:10px 14px;border-radius:999px;font-weight:700;\r\n}\r\n.google-btn:hover{background:#1a73e8;color:#fff}\r\n\r\n.cta-final{border-radius:22px;padding:38px;background:linear-gradient(180deg,#e7f3f3,#fff)}\r\n.cta-grid{display:grid;gap:20px}\r\n@media(min-width:960px){.cta-grid{grid-template-columns:1.2fr .8fr}}\r\n\r\n.hours{margin:10px 0 18px;display:grid;gap:8px}\r\n.hours .row{display:flex;justify-content:space-between;background:#fff;border:1px solid rgba(61,170,170,.14);padding:10px 14px;border-radius:12px}\r\n.badge{background:var(--chip);color:var(--teal-2);border:1px solid rgba(61,170,170,.25);padding:6px 10px;border-radius:999px;font-weight:700}\r\n\r\n.cta-form{background:#fff;padding:22px;border-radius:18px;border:1px solid rgba(61,170,170,.16);box-shadow:0 12px 30px rgba(16,60,60,.06);text-align:center}\r\n.cta-form h3{margin-top:0;margin-bottom:1rem}\r\n\r\n\/* \ud83c\udfaf BOT\u00d3N RESERVAR CITA *\/\r\n.reserve-btn {\r\n  background: linear-gradient(90deg,#1eb5a1,#009688);\r\n  color: white;\r\n  font-weight: 700;\r\n  font-size: 1.1rem;\r\n  padding: 14px 22px;\r\n  border: none;\r\n  border-radius: 999px;\r\n  width: 100%;\r\n  cursor: pointer;\r\n  transition: all 0.3s ease;\r\n  box-shadow: 0 6px 16px rgba(0,150,136,0.3);\r\n}\r\n.reserve-btn:hover {\r\n  transform: translateY(-2px);\r\n  box-shadow: 0 8px 22px rgba(0,150,136,0.4);\r\n  background: linear-gradient(90deg,#00a794,#00897b);\r\n}\r\n\r\n.gift-section {\r\n  background: linear-gradient(180deg, #fff8e6, #ffeec9);\r\n  border: 1.5px solid #e2c07c;\r\n  padding: 20px;\r\n  margin-top: 20px;\r\n  border-radius: 18px;\r\n  text-align: center;\r\n  box-shadow: 0 6px 20px rgba(226,192,124,0.25);\r\n}\r\n.gift-section h4 {\r\n  font-size: 1.3rem;\r\n  font-weight: 700;\r\n  color: #a0741d;\r\n  margin-bottom: 10px;\r\n}\r\n.gift-section p {\r\n  font-size: 0.95rem;\r\n  color: #7b6020;\r\n  margin-bottom: 16px;\r\n}\r\n.gift-section .gift-input {\r\n  width: 100%;\r\n  padding: 11px;\r\n  border-radius: 10px;\r\n  border: 1px solid #e2c07c;\r\n  margin-bottom: 8px;\r\n  font-size: 0.95rem;\r\n  background: #fffdf5;\r\n}\r\n.gift-section .gift-input:focus {\r\n  outline: none;\r\n  border-color: #d2a93a;\r\n  box-shadow: 0 0 0 2px rgba(226,192,124,0.4);\r\n}\r\n.gift-btn {\r\n  background: #d2a93a;\r\n  color: white;\r\n  font-weight: 600;\r\n  padding: 10px 16px;\r\n  border: none;\r\n  border-radius: 999px;\r\n  cursor: pointer;\r\n  transition: 0.3s;\r\n}\r\n.gift-btn:hover {\r\n  background: #a0741d;\r\n}\r\n<\/style>\r\n\r\n<section id=\"testimonios\" class=\"section wrap\">\r\n  <h2>Testimonials<\/h2>\r\n  <div class=\"testi\">\r\n    <div class=\"tcard\">\r\n      <div class=\"stars\">\u2605\u2605\u2605\u2605\u2605<\/div>\r\n      <p>\u201cI went to the open house and it was a great decision. Azucena has such talent.\u201d<\/p>\r\n      <a class=\"google-btn\" target=\"_blank\" href=\"https:\/\/www.google.com\/search?q=masajesyautoconcepto\">\u2b50 View on Google<\/a>\r\n    <\/div>\r\n    <div class=\"tcard\">\r\n      <div class=\"stars\">\u2605\u2605\u2605\u2605\u2605<\/div>\r\n      <p>\"My feeling is that he didn't leave a single muscle untouched. I left feeling renewed.\"<\/p>\r\n      <a class=\"google-btn\" target=\"_blank\" href=\"https:\/\/www.google.com\/search?q=masajesyautoconcepto\">\u2b50 View on Google<\/a>\r\n    <\/div>\r\n    <div class=\"tcard\">\r\n      <div class=\"stars\">\u2605\u2605\u2605\u2605\u2605<\/div>\r\n      <p>\u201cA calm and professional atmosphere. Excellent service.\u201d<\/p>\r\n      <a class=\"google-btn\" target=\"_blank\" href=\"https:\/\/www.google.com\/search?q=masajesyautoconcepto\">\u2b50 View on Google<\/a>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<section id=\"contacto\" class=\"cta-final wrap\">\r\n  <div class=\"cta-grid\">\r\n    <div>\r\n      <h2>Try and enjoy Japanese massages<\/h2>\r\n      <p class=\"muted\">Visible results from the first session in a pleasant and highly relaxing environment.<\/p>\r\n      <div class=\"hours\">\r\n        <div class=\"row\"><span>Monday<\/span><span class=\"badge\">15:00 \u2013 20:00<\/span><\/div>\r\n        <div class=\"row\"><span>Tuesday<\/span><span class=\"badge\">15:00 \u2013 20:00<\/span><\/div>\r\n        <div class=\"row\"><span>Wednesday<\/span><span class=\"badge\">11:00 \u2013 15:00<\/span><\/div>\r\n        <div class=\"row\"><span>Thursday<\/span><span class=\"badge\">11:00 \u2013 15:00 \u00b7 16:00 \u2013 20:00<\/span><\/div>\r\n        <div class=\"row\"><span>Friday<\/span><span class=\"badge\">11:00 \u2013 15:00 \u00b7 16:00 \u2013 20:00<\/span><\/div>\r\n        <div class=\"row\"><span>Saturday<\/span><span class=\"badge\">Closed<\/span><\/div>\r\n        <div class=\"row\"><span>Sunday<\/span><span class=\"badge\">Closed<\/span><\/div>\r\n      <\/div>\r\n      <div class=\"map\" style=\"border-radius:16px;overflow:hidden;box-shadow:0 12px 30px rgba(16,60,60,.08);border:1px solid rgba(61,170,170,.18)\">\r\n        <iframe src=\"https:\/\/www.google.com\/maps?q=C%2F%20Montele%C3%B3n%2031%2C%20Madrid&output=embed\" width=\"100%\" height=\"260\" style=\"border:0;\" allowfullscreen loading=\"lazy\"><\/iframe>\r\n      <\/div>\r\n    <\/div>\r\n    <div class=\"cta-form\">\r\n      <h3>Book your appointment<\/h3>\r\n      <!-- \ud83d\udd39 Solo bot\u00f3n -->\r\n      <button class=\"reserve-btn\" id=\"booksyButton\">Book appointment<\/button>\r\n\r\n      <!-- \ud83c\udf81 REGALAR A UN AMIGO -->\r\n      <form class=\"gift-section\" action=\"https:\/\/api.web3forms.com\/submit\" method=\"POST\">\r\n        <h4>\ud83c\udf81 Give as a gift to a friend<\/h4>\r\n        <p>Give a special gift and allow someone to enjoy a unique wellness experience.  \r\n        <br>\u2728 Valid during <strong>1 year<\/strong>.  \r\n        <br>\ud83d\udcde We will contact you to process the voucher.<\/p>\r\n        <input type=\"hidden\" name=\"access_key\" value=\"5fcdf91e-ef05-48d4-bade-bec358f8c777\">\r\n        <input type=\"text\" class=\"gift-input\" name=\"nombre\" placeholder=\"Name\">\r\n        <input type=\"email\" class=\"gift-input\" name=\"email\" placeholder=\"Email\">\r\n        <input type=\"text\" class=\"gift-input\" name=\"para\" placeholder=\"Name of the person to give the gift to\">\r\n        <input type=\"tel\" class=\"gift-input\" name=\"telefono\" placeholder=\"Contact phone\">\r\n        <button class=\"gift-btn\" type=\"submit\">Send Gift<\/button>\r\n        <div class=\"thankyou_message\" style=\"display:none; color:#a0741d; margin-top:10px;\">\r\n          \u2705 \u00a1Gracias! Hemos recibido tu solicitud de regalo.\r\n        <\/div>\r\n      <\/form>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<!-- \ud83d\udce6 SCRIPT DEL WIDGET DE BOOKSY -->\r\n<script src=\"https:\/\/booksy.com\/widget\/code.js?id=157571&country=es&lang=es\" async><\/script>\r\n\r\n<script>\r\n\/\/ \u2705 Abrir Booksy o redirigir al perfil p\u00fablico\r\nconst openBooksy = () => {\r\n  if (window.booksy && booksy.widget) {\r\n    booksy.widget.open();\r\n  } else {\r\n    window.open(\"https:\/\/booksy.com\/es-es\/157571_autoconcepto_masajes_53009_madrid#ba_s=sh_1\", \"_blank\");\r\n  }\r\n};\r\ndocument.getElementById(\"booksyButton\").addEventListener(\"click\", openBooksy);\r\n\r\n\/\/ \u2705 Enviar regalo con Web3Forms\r\ndocument.querySelector(\".gift-section\").addEventListener(\"submit\", async function(e) {\r\n  e.preventDefault();\r\n  const form = e.target;\r\n  const data = new FormData(form);\r\n  const response = await fetch(form.action, { method: form.method, body: data });\r\n  if (response.ok) {\r\n    form.querySelector(\".thankyou_message\").style.display = \"block\";\r\n    form.reset();\r\n  } else {\r\n    alert(\"Hubo un error al enviar el formulario. Int\u00e9ntalo de nuevo.\");\r\n  }\r\n});\r\n<\/script>\r\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-c22953b e-con-full e-flex wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no e-con e-parent\" data-id=\"c22953b\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c7ac71d elementor-widget elementor-widget-html\" data-id=\"c7ac71d\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ESTILO GENERAL + FOOTER FINAL -->\r\n<style>\r\nhtml, body {\r\n  height: 100%;\r\n  margin: 0;\r\n  padding: 0;\r\n  font-family: 'Poppins', sans-serif;\r\n  overflow-x: hidden;\r\n  background: linear-gradient(180deg, #eaf6f8 0%, #d9edf0 100%);\r\n}\r\n\r\nbody {\r\n  display: flex;\r\n  flex-direction: column;\r\n  min-height: 100vh;\r\n}\r\n\r\n\/* =======================\r\n   FOOTER PERSONALIZADO\r\n======================= *\/\r\n.footer-section {\r\n  position: relative;\r\n  overflow: hidden;\r\n  color: #ffffff;\r\n  padding: 60px 20px 30px;\r\n  border-top-left-radius: 40px;\r\n  border-top-right-radius: 40px;\r\n  margin-top: auto;\r\n}\r\n\r\n.footer-section::before {\r\n  content: \"\";\r\n  position: absolute;\r\n  inset: 0;\r\n  background: url('https:\/\/masajesautoconcepto3547.live-website.com\/wp-content\/uploads\/2025\/10\/MG_8266-scaled.jpg') center\/cover no-repeat;\r\n  filter: blur(12px);\r\n  transform: scale(1.1);\r\n  z-index: 0;\r\n}\r\n\r\n.footer-section::after {\r\n  content: \"\";\r\n  position: absolute;\r\n  inset: 0;\r\n  background: rgba(0, 0, 0, 0.6);\r\n  z-index: 1;\r\n}\r\n\r\n.footer-container {\r\n  position: relative;\r\n  z-index: 2;\r\n  max-width: 1200px;\r\n  margin: 0 auto;\r\n  display: grid;\r\n  grid-template-columns: 2fr 1fr 1fr 1fr;\r\n  gap: 40px;\r\n}\r\n\r\n@media (max-width: 960px) {\r\n  .footer-container {\r\n    grid-template-columns: 1fr;\r\n    text-align: center;\r\n  }\r\n}\r\n\r\n.footer-left h3 {\r\n  font-size: 1.9rem;\r\n  font-weight: 700;\r\n  margin-bottom: 16px;\r\n}\r\n.footer-left p {\r\n  font-size: 0.95rem;\r\n  color: #dddddd;\r\n  margin-bottom: 24px;\r\n}\r\n\r\n\/* Suscripci\u00f3n *\/\r\n.subscribe-box {\r\n  display: flex;\r\n  align-items: center;\r\n  background: rgba(255,255,255,0.1);\r\n  border-radius: 999px;\r\n  overflow: hidden;\r\n  max-width: 300px;\r\n}\r\n.subscribe-box input {\r\n  flex: 1;\r\n  background: transparent;\r\n  border: none;\r\n  padding: 12px 16px;\r\n  color: #fff;\r\n  font-size: 0.95rem;\r\n}\r\n.subscribe-box input::placeholder {\r\n  color: #ccc;\r\n}\r\n.subscribe-box button {\r\n  background: #fff;\r\n  color: #000;\r\n  border: none;\r\n  padding: 12px 16px;\r\n  cursor: pointer;\r\n  font-size: 1.2rem;\r\n  transition: background 0.25s;\r\n}\r\n.subscribe-box button:hover {\r\n  background: #2f8e8e;\r\n  color: #fff;\r\n}\r\n\r\n\/* Redes sociales *\/\r\n.social-icons {\r\n  display: flex;\r\n  gap: 12px;\r\n  margin-top: 20px;\r\n  justify-content: flex-start;\r\n}\r\n.social-icons a {\r\n  display: inline-flex;\r\n  justify-content: center;\r\n  align-items: center;\r\n  width: 38px;\r\n  height: 38px;\r\n  border-radius: 50%;\r\n  background: rgba(255,255,255,0.15);\r\n  color: #fff;\r\n  font-size: 1.4rem;\r\n  text-decoration: none;\r\n  transition: background 0.25s;\r\n}\r\n.social-icons a:hover {\r\n  background: #2f8e8e;\r\n}\r\n\r\n\/* Columnas *\/\r\n.footer-column h4 {\r\n  font-size: 1.1rem;\r\n  margin-bottom: 14px;\r\n  font-weight: 600;\r\n}\r\n.footer-column ul {\r\n  list-style: none;\r\n  padding: 0;\r\n  margin: 0;\r\n}\r\n.footer-column li {\r\n  margin-bottom: 10px;\r\n}\r\n.footer-column a {\r\n  color: #ccc;\r\n  font-size: 0.95rem;\r\n  text-decoration: none;\r\n  transition: color 0.25s;\r\n}\r\n.footer-column a:hover {\r\n  color: #fff;\r\n}\r\n\r\n\/* L\u00ednea inferior *\/\r\n.footer-bottom {\r\n  position: relative;\r\n  z-index: 2;\r\n  text-align: center;\r\n  border-top: 1px solid rgba(255,255,255,0.2);\r\n  padding-top: 20px;\r\n  margin-top: 40px;\r\n  font-size: 0.85rem;\r\n  color: #ccc;\r\n}\r\n\r\n.footer-credit {\r\n  margin-top: 8px;\r\n  font-size: 0.8rem;\r\n  color: #aaa;\r\n}\r\n.footer-credit a {\r\n  color: #fff;\r\n  text-decoration: none;\r\n  font-weight: 600;\r\n}\r\n.footer-credit a:hover {\r\n  text-decoration: underline;\r\n}\r\n\r\n\/* Eliminar footers y headers globales *\/\r\n.elementor-location-footer,\r\nfooter.elementor-location-footer,\r\n.site-footer,\r\nfooter.site-footer,\r\nfooter[data-elementor-type=\"footer\"],\r\n.elementor-location-header,\r\nheader.elementor-location-header {\r\n  display: none !important;\r\n  height: 0 !important;\r\n  margin: 0 !important;\r\n  padding: 0 !important;\r\n  overflow: hidden !important;\r\n  position: absolute !important;\r\n  top: -9999px !important;\r\n}\r\n<\/style>\r\n\r\n<footer class=\"footer-section\">\r\n  <div class=\"footer-container\">\r\n    <!-- Columna Izquierda -->\r\n    <div class=\"footer-left\">\r\n      <h3>Experience well-being<\/h3>\r\n      <p>Japanese Shiatsu, Sotai, and facial massages that transform body and mind. Well-being, balance, and harmony in every session.<\/p>\r\n\r\n      <!-- Suscripci\u00f3n con env\u00edo de email -->\r\n      <form class=\"subscribe-box\" id=\"emailForm\" action=\"\">\r\n        <input type=\"email\" id=\"emailInput\" placeholder=\"Ingresa tu email\" required>\r\n        <button type=\"submit\">\u2794<\/button>\r\n      <input type=\"hidden\" name=\"trp-form-language\" value=\"en\"\/><\/form>\r\n\r\n      <div class=\"social-icons\">\r\n        <a href=\"https:\/\/www.instagram.com\/_auto_concepto\/\" target=\"_blank\" aria-label=\"Instagram\">\ud83d\udcf8<\/a>\r\n        <a href=\"https:\/\/www.youtube.com\/watch?v=aUnxiEO-DGw\" target=\"_blank\" aria-label=\"YouTube\">\u25b6\ufe0f<\/a>\r\n        <a href=\"tel:+34623448631\" aria-label=\"Phone\">\ud83d\udcde<\/a>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <!-- Contactos -->\r\n    <div class=\"footer-column\">\r\n      <h4>Contact us<\/h4>\r\n      <ul>\r\n        <li>\ud83d\udccd C\/ Montele\u00f3n 31, Madrid<\/li>\r\n        <li>\ud83d\udcde 623 44 86 31<\/li>\r\n        <li>\u2709\ufe0f <a href=\"mailto:Info@masajesyautoconcepto.es\">Info@masajesyautoconcepto.es<\/a><\/li>\r\n      <\/ul>\r\n    <\/div>\r\n\r\n    <!-- Servicios -->\r\n    <div class=\"footer-column\">\r\n      <h4>Services<\/h4>\r\n      <ul>\r\n        <li><a href=\"https:\/\/masajesyautoconcepto.es\/en\/tratamientos\/\" target=\"_blank\">Shiatsu Massage<\/a><\/li>\r\n        <li><a href=\"https:\/\/masajesyautoconcepto.es\/en\/tratamientos\/\" target=\"_blank\">Sotai Method<\/a><\/li>\r\n        <li><a href=\"https:\/\/masajesyautoconcepto.es\/en\/tratamientos\/\" target=\"_blank\">Japanese Facial Massage<\/a><\/li>\r\n      <\/ul>\r\n    <\/div>\r\n\r\n    <!-- Explora -->\r\n    <div class=\"footer-column\">\r\n      <h4>Explore<\/h4>\r\n      <ul>\r\n        <li><a href=\"https:\/\/masajesyautoconcepto.es\/en\/beneficios-masaje-shiatsu\/\" target=\"_blank\">Benefits<\/a><\/li>\r\n        <li><a href=\"https:\/\/www.google.com\/search?sca_esv=54da88b08537de17&sxsrf=AE3TifNsYS9_uiw8bgliYzEXGuU7rCa0eQ:1762172666381&q=masajesyautoconcepto&si=AMgyJEtREmoPL4P1I5IDCfuA8gybfVI2d5Uj7QMwYCZHKDZ-Ey4yqX_x2OVTgoJu9e_UflZDoZQ6DyDYvnwxUz1BRyr9r66_c38OSNeZHJLlCj6L5ZG5FaA%3D&uds=AOm0WdFRYvIbG8WuVt20BADsgGfgOHu-FcKOcU8e12HloaLg2-oILKZ_XJN4-UtZ1rvbOlg0o7w0COOdfLHN-qYbnrCZb4NoSaEHCYH7AczNW1LHnPLKBK-cO_ecqVa_OG3nsOWMCzi_&sa=X&ved=2ahUKEwjz6r_e_NWQAxUdWaQEHT63GXUQ3PALegQINBAF&biw=1920&bih=945&dpr=1\" target=\"_blank\">Testimonials<\/a><\/li>\r\n        \r\n      <\/ul>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <div class=\"footer-bottom\">\r\n    \u00a9 2025 Masajes y Autoconcepto. Todos los derechos reservados.\r\n    <div class=\"footer-credit\">\r\n      \r\n    <\/div>\r\n  <\/div>\r\n<\/footer>\r\n\r\n<!-- Script para enviar email -->\r\n<script>\r\ndocument.getElementById('emailForm').addEventListener('submit', function(event) {\r\n  event.preventDefault();\r\n  const email = document.getElementById('emailInput').value;\r\n  const subject = 'Nuevo suscriptor';\r\n  const body = `Esta persona ha ingresado su email para obtener m\u00e1s informaci\u00f3n: ${email}`;\r\n  window.location.href = `mailto:Info@masajesyautoconcepto.es?subject=${encodeURIComponent(subject)}&body=${encodeURIComponent(body)}`;\r\n});\r\n<\/script>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>Tratamientos Beneficios Testimonios Art\u00edculos Reservar cita Bienestar Shiatsu Sotai DATE UN MASAJE POR 49,97\u20ac Transforma tu bienestar con nuestro nuevo men\u00fa de masajes, donde las t\u00e9cnicas tradicionales y la innovaci\u00f3n se combinan. Haz que tu cuerpo y mente se sientan en armon\u00eda a la perfecci\u00f3n. PROMOCI\u00d3N PARA NUEVOS CLIENTES Obtener Descuento +350 clientes felices \u2716 Obt\u00e9n tu descuento Enviar \ud83d\udc9a \u00a1Gracias por tu inter\u00e9s! En breve recibir\u00e1s tu cup\u00f3n de descuento exclusivo en tu correo. \u00a1Te esperamos para comenzar tu experiencia de bienestar! Tratamientos Beneficios Testimonios Art\u00edculos Reservar cita DATE UN MASAJE POR S\u00d3LO 49,97\u20ac Transforma tu bienestar con nuestro nuevo men\u00fa de masajes, donde las t\u00e9cnicas tradicionales y la innovaci\u00f3n se combinan. Haz que tu cuerpo y mente se sientan en armon\u00eda a la perfecci\u00f3n. +350 clientes felices Reservar cita Promo por 49,97\u20ac \u2716 Obt\u00e9n tu descuento Enviar \ud83d\udc9a \u00a1Gracias por tu inter\u00e9s! En breve recibir\u00e1s tu cup\u00f3n de descuento exclusivo en tu correo. \u00a1Te esperamos para comenzar tu experiencia de bienestar! 0% Bienestar natural 0% Mejora desde la primera sesi\u00f3n +0 Clientes satisfechos Descubre los beneficios de nuestros tratamientos Disfruta nuestros tratamientos no invasivos y relajantes \ud83c\udf3f01 \u00b7 Productos naturalesUtilizados en cada tratamiento. \ud83e\udeb702 \u00b7 Ambiente relajanteDise\u00f1ado para tu bienestar. \u272803 \u00b7 RevitalizaCuerpo y mente. \ud83e\udd0d04 \u00b7 Pasi\u00f3n por el bienestarServicio cercano y excepcional. \u2728 Para todo tipo de cuerpos Cosas que solo nosotros tenemos Nuestra camilla ha sido dise\u00f1ada para que cada cuerpo se sienta c\u00f3modo. Con 90&nbsp;cm de ancho y 2&nbsp;m de largo, ofrece un espacio m\u00e1s amplio que el est\u00e1ndar. As\u00ed, podr\u00e1s relajarte sin preocuparte por los bordes. Porque el verdadero descanso comienza cuando tu cuerpo se siente sostenido y en equilibrio. Conoce nuestros tratamientos Masajes que combinan distintas t\u00e9cnicas de gran efectividad y que aportan relajaci\u00f3n y bienestar. Masaje Japon\u00e9s Shiatsu Alivia molestias, mejora la postura y recupera movilidad con t\u00e9cnicas japonesas. M\u00e9todo Sotai Reeducaci\u00f3n postural japonesa que equilibra el cuerpo y alivia tensiones. Masaje Facial Japon\u00e9s Reduce estr\u00e9s, estimula col\u00e1geno y tonifica la musculatura facial. Descubre nuestros masajes \ud83d\udc86 Masaje Facial Japon\u00e9s Drenante y descontracturante: reduce estr\u00e9s, activa la circulaci\u00f3n y tonifica la piel. \ud83e\udeb7 M\u00e9todo Sotai Reeducaci\u00f3n postural japonesa que mejora el equilibrio corporal y alivia tensiones musculares. \ud83c\udf3f Masaje Shiatsu Aplicaci\u00f3n de presi\u00f3n en puntos estrat\u00e9gicos que mejora la energ\u00eda, libera bloqueos y alivia molestias. \ud83c\udf3f Masaje Ayuralift Combina masaje ayurv\u00e9dico Champi y masaje facial japon\u00e9s. Relaja m\u00fasculos de cara, cuello y cabeza. \u00bfTienes dudas? \u00a1No dudes en consultarnos! Contactar Preguntas Frecuentes \u00bfEs necesario tener experiencia previa para recibir un masaje Shiatsu o Sotai? + No. Nuestros masajes est\u00e1n dise\u00f1ados para cualquier persona. El terapeuta adapta la t\u00e9cnica a tus necesidades y condici\u00f3n f\u00edsica, incluso si es tu primera sesi\u00f3n. \u00bfCu\u00e1nto dura una sesi\u00f3n y qu\u00e9 debo llevar? + La sesi\u00f3n dura aproximadamente 60 minutos. Solo necesitas ropa c\u00f3moda que permita libertad de movimiento. No se utilizan aceites en Shiatsu ni Sotai. \u00bfPuedo combinar varios tratamientos en una misma visita? + \u00a1S\u00ed! Muchos clientes combinan Shiatsu con Sotai o masaje facial japon\u00e9s para lograr un bienestar m\u00e1s completo. Te asesoraremos seg\u00fan tus objetivos. \u00bfCada cu\u00e1nto se recomienda recibir estos masajes? + Recomendamos una sesi\u00f3n semanal al inicio para maximizar resultados. Posteriormente, se puede espaciar seg\u00fan tus necesidades de mantenimiento. \u00bfPuedo regalar una sesi\u00f3n a otra persona? + \u00a1Por supuesto! Disponemos de tarjetas regalo personalizadas para que puedas obsequiar bienestar a quien quieras. Testimonios \u2605\u2605\u2605\u2605\u2605 \u201cFui a las jornadas de puertas abiertas y fue un acierto en toda regla. Qu\u00e9 manos tiene Azucena.\u201d \u2b50 Ver en Google \u2605\u2605\u2605\u2605\u2605 \u201cMi sensaci\u00f3n es que no dej\u00f3 ni un m\u00fasculo por tocar. Sal\u00ed renovada.\u201d \u2b50 Ver en Google \u2605\u2605\u2605\u2605\u2605 \u201cAmbiente sereno y profesional. Atenci\u00f3n de diez.\u201d \u2b50 Ver en Google Prueba y disfruta los masajes japoneses Resultados visibles desde la primera sesi\u00f3n en un entorno agradable y de m\u00e1xima relajaci\u00f3n. Lunes15:00 \u2013 20:00 Martes15:00 \u2013 20:00 Mi\u00e9rcoles11:00 \u2013 15:00 Jueves11:00 \u2013 15:00 \u00b7 16:00 \u2013 20:00 Viernes11:00 \u2013 15:00 \u00b7 16:00 \u2013 20:00 S\u00e1badoCerrado DomingoCerrado Reserva tu cita Reservar cita \ud83c\udf81 Regalar a un amigo Haz un regalo especial y permite a alguien disfrutar de una experiencia \u00fanica de bienestar. \u2728 V\u00e1lido durante 1 a\u00f1o. \ud83d\udcde Nos pondremos en contacto contigo para gestionar el bono. Enviar regalo \u2705 \u00a1Gracias! Hemos recibido tu solicitud de regalo. Vive la experiencia del bienestar Masajes japoneses Shiatsu, Sotai y masaje facial que transforman cuerpo y mente. Bienestar, equilibrio y armon\u00eda en cada sesi\u00f3n. \u2794 \ud83d\udcf8 \u25b6\ufe0f \ud83d\udcde Cont\u00e1ctanos \ud83d\udccd C\/ Montele\u00f3n 31, Madrid \ud83d\udcde 623 44 86 31 \u2709\ufe0f Info@masajesyautoconcepto.es Servicios Masaje Shiatsu M\u00e9todo Sotai Masaje Facial Japon\u00e9s Explora Beneficios Testimonios \u00a9 2025 Masajes y Autoconcepto. Todos los derechos reservados.<\/p>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"om_disable_all_campaigns":false,"footnotes":""},"class_list":["post-8","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/masajesyautoconcepto.es\/en\/wp-json\/wp\/v2\/pages\/8","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/masajesyautoconcepto.es\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/masajesyautoconcepto.es\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/masajesyautoconcepto.es\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/masajesyautoconcepto.es\/en\/wp-json\/wp\/v2\/comments?post=8"}],"version-history":[{"count":306,"href":"https:\/\/masajesyautoconcepto.es\/en\/wp-json\/wp\/v2\/pages\/8\/revisions"}],"predecessor-version":[{"id":792,"href":"https:\/\/masajesyautoconcepto.es\/en\/wp-json\/wp\/v2\/pages\/8\/revisions\/792"}],"wp:attachment":[{"href":"https:\/\/masajesyautoconcepto.es\/en\/wp-json\/wp\/v2\/media?parent=8"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}