{"id":100,"date":"2025-06-04T04:52:39","date_gmt":"2025-06-04T04:52:39","guid":{"rendered":"https:\/\/terapiasmaestras.mx\/?page_id=100"},"modified":"2026-04-15T17:36:54","modified_gmt":"2026-04-15T23:36:54","slug":"inicio","status":"publish","type":"page","link":"https:\/\/terapiasmaestras.mx\/","title":{"rendered":"Inicio"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"100\" class=\"elementor elementor-100\">\n\t\t\t\t<div class=\"elementor-element elementor-element-08e178f e-con-full e-flex e-con e-parent\" data-id=\"08e178f\" data-element_type=\"container\" data-e-type=\"container\" id=\"set-height\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-2d65d25 elementor-widget elementor-widget-html\" data-id=\"2d65d25\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- =========================\r\n     BASE ZAPPER FINAL + MOBILE PRO\r\n========================= -->\r\n<div class=\"mi-seccion-zapper\" id=\"zapper-section\">\r\n\r\n  <!-- TITULO -->\r\n  <div class=\"contenedor-titulo-zapper\">\r\n    <div class=\"caja-neumorfica-zapper\">\r\n      <h3>ZAPPER HULDA CLARK<\/h3>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <!-- VIDEO 1 -->\r\n  <video id=\"v0\" muted autoplay loop playsinline webkit-playsinline preload=\"auto\" class=\"video-fondo frente\">\r\n    <source src=\"https:\/\/terapiasmaestras.mx\/wp-content\/uploads\/2026\/04\/080426_03.mp4\" type=\"video\/mp4\">\r\n  <\/video>\r\n\r\n  <!-- VIDEO 2 -->\r\n  <video id=\"v1\" muted loop playsinline webkit-playsinline preload=\"metadata\" class=\"video-fondo fondo\">\r\n    <source src=\"https:\/\/terapiasmaestras.mx\/wp-content\/uploads\/2026\/04\/Zapper_Organico_02.mp4\" type=\"video\/mp4\">\r\n  <\/video>\r\n\r\n  <!-- STORY -->\r\n  <div class=\"storytelling\">\r\n\r\n    <div class=\"bloque\">\r\n      <div class=\"bloque-contenido\">\r\n        <h2>Desintoxicaci\u00f3n profunda<\/h2>\r\n        <p>Activa procesos naturales del cuerpo sin qu\u00edmicos.<\/p>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"bloque\">\r\n      <div class=\"bloque-contenido\">\r\n        <h2>Frecuencia inteligente<\/h2>\r\n        <p>Tecnolog\u00eda basada en principios bioel\u00e9ctricos.<\/p>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"bloque\">\r\n      <div class=\"bloque-contenido\">\r\n        <h2>Resultados reales<\/h2>\r\n        <p>Usuarios reportan mejoras desde los primeros usos.<\/p>\r\n      <\/div>\r\n    <\/div>\r\n\r\n  <\/div>\r\n\r\n  <!-- CTA -->\r\n  <a href=\"https:\/\/terapiasmaestras.mx\/index.php\/tienda\/\" class=\"cta-flotante\">\r\n    Comprar ahora\r\n  <\/a>\r\n\r\n<\/div>\r\n\r\n<style>\r\n.mi-seccion-zapper * { box-sizing:border-box; }\r\n\r\n\/* limpiar Elementor *\/\r\n.mi-seccion-zapper,\r\n.mi-seccion-zapper .elementor-section,\r\n.mi-seccion-zapper .elementor-container,\r\n.mi-seccion-zapper .elementor-column,\r\n.mi-seccion-zapper .elementor-widget-container {\r\n  background: transparent !important;\r\n}\r\n\r\n\/* =========================\r\n   VIDEO BASE (DESKTOP)\r\n========================= *\/\r\n.video-fondo{\r\n  position: fixed;\r\n  top: 100px;\r\n  left: 0;\r\n  width: 100vw;\r\n\r\n  height: calc(100dvh - 100px); \/* \ud83d\udd25 clave *\/\r\n\r\n  object-fit: cover;\r\n  pointer-events: none;\r\n\r\n  transition: opacity 0.8s ease;\r\n  will-change: opacity;\r\n}\r\n\r\n\/* CAPAS *\/\r\n.frente { z-index: 1; opacity: 1; visibility: visible; }\r\n.fondo  { z-index: 0; opacity: 0; visibility: hidden; }\r\n\r\n\/* =========================\r\n   MOBILE PRO EXPERIENCE\r\n========================= *\/\r\n@media (max-width: 768px){\r\n  .video-fondo{\r\n    object-fit: contain;\r\n    background: #FFFFFD;\r\n  }\r\n}\r\n\r\n\/* iOS fallback *\/\r\n@supports (-webkit-touch-callout: none) {\r\n  .video-fondo{\r\n    height: -webkit-fill-available;\r\n  }\r\n}\r\n\r\n\/* =========================\r\n   SAFE AREAS (iPhone notch)\r\n========================= *\/\r\n.video-fondo{\r\n  padding-top: env(safe-area-inset-top);\r\n  padding-bottom: env(safe-area-inset-bottom);\r\n}\r\n\r\n\/* =========================\r\n   TITULO\r\n========================= *\/\r\n.contenedor-titulo-zapper{\r\n  position: relative;\r\n  padding: 40px 9%;\r\n  z-index: 100;\r\n}\r\n\r\n.caja-neumorfica-zapper{\r\n  padding: 15px 35px;\r\n  border-radius: 50px;\r\n  background: rgba(0,0,0,.6);\r\n  backdrop-filter: blur(10px);\r\n}\r\n\r\n.caja-neumorfica-zapper h3{\r\n  margin: 0;\r\n  color: #fff;\r\n}\r\n\r\n\/* =========================\r\n   STORY\r\n========================= *\/\r\n.storytelling{\r\n  position: relative;\r\n  z-index: 100;\r\n}\r\n\r\n.bloque{\r\n  height: 100vh;\r\n  display:flex;\r\n  align-items:center;\r\n  justify-content:flex-start;\r\n  padding:0 10%;\r\n  opacity:0;\r\n  transform:translateY(60px);\r\n  transition:.6s;\r\n}\r\n\r\n.bloque:nth-child(even){\r\n  justify-content:flex-end;\r\n}\r\n\r\n.bloque.activo{\r\n  opacity:1;\r\n  transform:translateY(0);\r\n}\r\n\r\n.bloque-contenido{\r\n  max-width:520px;\r\n  padding:30px;\r\n  background: rgba(0,0,0,.6);\r\n  border-radius:20px;\r\n  backdrop-filter: blur(10px);\r\n}\r\n\r\n.bloque-contenido h2{ color:#fff; }\r\n.bloque-contenido p{ color:#d0e3f5; }\r\n\r\n\/* =========================\r\n   CTA\r\n========================= *\/\r\n.cta-flotante{\r\n  position: fixed;\r\n  bottom: 25px;\r\n  right: 25px;\r\n  z-index: 2000;\r\n\r\n  padding: 14px 22px;\r\n  border-radius: 30px;\r\n\r\n  background: rgba(41, 86, 129, 0.85);\r\n  color: #fff;\r\n\r\n  backdrop-filter: blur(10px);\r\n  border: 1px solid rgba(255,255,255,0.25);\r\n\r\n  box-shadow: 0 10px 25px rgba(0,0,0,0.25);\r\n\r\n  opacity: 0;\r\n  transform: translateY(20px);\r\n  pointer-events: none;\r\n\r\n  transition: all 0.4s ease;\r\n}\r\n\r\n.cta-flotante.visible{\r\n  opacity: 1;\r\n  transform: translateY(0);\r\n  pointer-events: auto;\r\n}\r\n\r\n.cta-flotante.visible:hover{\r\n  transform: translateY(-2px) scale(1.03);\r\n}\r\n<\/style>\r\n\r\n<script>\r\ndocument.addEventListener(\"DOMContentLoaded\", () => {\r\n\r\n  const cfg = {\r\n    headerOffsetPx: 100,\r\n    fadeDistanceVh: 0.85,\r\n    safetyZone: 0.03\r\n  };\r\n\r\n  const section = document.getElementById(\"zapper-section\");\r\n  const v0 = document.getElementById(\"v0\");\r\n  const v1 = document.getElementById(\"v1\");\r\n  const bloques = document.querySelectorAll(\".bloque\");\r\n  const cta = document.querySelector(\".cta-flotante\");\r\n\r\n  let raf = 0;\r\n  let lastMode = \"\";\r\n  let lastP = -1;\r\n  let ctaTicking = false;\r\n\r\n  function clamp01(n){ return Math.max(0, Math.min(1, n)); }\r\n\r\n  function safePlay(video){\r\n    if (!video) return;\r\n    video.muted = true;\r\n    video.play().catch(()=>{});\r\n  }\r\n\r\n  function safePause(video){\r\n    if (!video) return;\r\n    try { video.pause(); } catch(e) {}\r\n  }\r\n\r\n  function ensureLoaded(video){\r\n    if (!video) return;\r\n    if (video.readyState < 2) video.load();\r\n  }\r\n\r\n  ensureLoaded(v0);\r\n  safePlay(v0);\r\n\r\n  function computeProgress(){\r\n    const rect = section.getBoundingClientRect();\r\n    const sectionTopAbs = rect.top + window.scrollY;\r\n    const y = window.scrollY + cfg.headerOffsetPx;\r\n    const fadeDistPx = Math.max(240, window.innerHeight * cfg.fadeDistanceVh);\r\n    return clamp01((y - sectionTopAbs) \/ fadeDistPx);\r\n  }\r\n\r\n  function setBlend(p){\r\n    const z = cfg.safetyZone;\r\n\r\n    if (p <= z){\r\n      v0.style.opacity = \"1\";\r\n      v1.style.opacity = \"0\";\r\n      v0.style.visibility = \"visible\";\r\n      v1.style.visibility = \"hidden\";\r\n      safePause(v1);\r\n      safePlay(v0);\r\n      return;\r\n    }\r\n\r\n    if (p >= 1 - z){\r\n      v0.style.opacity = \"0\";\r\n      v1.style.opacity = \"1\";\r\n      v0.style.visibility = \"hidden\";\r\n      v1.style.visibility = \"visible\";\r\n      safePause(v0);\r\n      ensureLoaded(v1);\r\n      safePlay(v1);\r\n      return;\r\n    }\r\n\r\n    v0.style.opacity = (1 - p);\r\n    v1.style.opacity = p;\r\n    v0.style.visibility = \"visible\";\r\n    v1.style.visibility = \"visible\";\r\n\r\n    ensureLoaded(v0);\r\n    ensureLoaded(v1);\r\n    safePlay(v0);\r\n    safePlay(v1);\r\n  }\r\n\r\n  function updateStory(){\r\n    const wh = window.innerHeight;\r\n    bloques.forEach((b) => {\r\n      const r = b.getBoundingClientRect();\r\n      if (r.top < wh * 0.6 && r.bottom > wh * 0.4){\r\n        b.classList.add(\"activo\");\r\n      } else {\r\n        b.classList.remove(\"activo\");\r\n      }\r\n    });\r\n  }\r\n\r\n  function update(){\r\n    raf = 0;\r\n    const p = computeProgress();\r\n    setBlend(p);\r\n    updateStory();\r\n  }\r\n\r\n  function scheduleUpdate(){\r\n    if (raf) return;\r\n    raf = requestAnimationFrame(update);\r\n  }\r\n\r\n  function updateCTA(){\r\n    ctaTicking = false;\r\n    if (!cta) return;\r\n\r\n    if (window.scrollY > window.innerHeight * 0.6){\r\n      cta.classList.add(\"visible\");\r\n    } else {\r\n      cta.classList.remove(\"visible\");\r\n    }\r\n  }\r\n\r\n  function scheduleCTAUpdate(){\r\n    if (ctaTicking) return;\r\n    ctaTicking = true;\r\n    requestAnimationFrame(updateCTA);\r\n  }\r\n\r\n  window.addEventListener(\"scroll\", scheduleUpdate, { passive: true });\r\n  window.addEventListener(\"resize\", scheduleUpdate, { passive: true });\r\n\r\n  window.addEventListener(\"scroll\", scheduleCTAUpdate, { passive: true });\r\n  window.addEventListener(\"resize\", scheduleCTAUpdate, { passive: true });\r\n\r\n  scheduleUpdate();\r\n  scheduleCTAUpdate();\r\n});\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-a1c5a02 e-con-full e-flex e-con e-parent\" data-id=\"a1c5a02\" data-element_type=\"container\" data-e-type=\"container\" id=\"seccion-final\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c4af440 elementor-widget elementor-widget-html\" data-id=\"c4af440\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- =========================\r\n     CONTENEDOR 2 \u2013 OPINIONES GLASS PRO\r\n========================= -->\r\n\r\n<div class=\"reviews-section\">\r\n\r\n  <div class=\"contenedor-externo\">\r\n    <div class=\"reviews-box\">\r\n      <h3>OPINIONES<\/h3>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <div class=\"carousel-wrapper\">\r\n    <div class=\"carousel-track\" id=\"reviews-track\">\r\n\r\n      <div class=\"card-review\">\r\n        <div class=\"stars\">\u2605\u2605\u2605\u2605\u2605<\/div>\r\n        <p>\"Excelente producto, me ha ayudado much\u00edsimo en mi bienestar diario. \u00a1Gracias!\"<\/p>\r\n        <span class=\"author\">- Genaro M.<\/span>\r\n      <\/div>\r\n\r\n      <div class=\"card-review\">\r\n        <div class=\"stars\">\u2605\u2605\u2605\u2605\u2605<\/div>\r\n        <p>\"Muy satisfecha con los resultados, super\u00f3 mis expectativas.\"<\/p>\r\n        <span class=\"author\">- Luc\u00eda R.<\/span>\r\n      <\/div>\r\n\r\n      <div class=\"card-review\">\r\n        <div class=\"stars\">\u2605\u2605\u2605\u2605\u2605<\/div>\r\n        <p>\"Incre\u00edble experiencia, sin duda lo recomiendo ampliamente.\"<\/p>\r\n        <span class=\"author\">- Pedro G.<\/span>\r\n      <\/div>\r\n\r\n      <div class=\"card-review\">\r\n        <div class=\"stars\">\u2605\u2605\u2605\u2605\u2605<\/div>\r\n        <p>\"Muy buena calidad y f\u00e1cil de usar, totalmente agradecida.\"<\/p>\r\n        <span class=\"author\">- Patricia D.<\/span>\r\n      <\/div>\r\n\r\n    <\/div>\r\n  <\/div>\r\n\r\n<\/div>\r\n\r\n<style>\r\n\r\n\/* =========================\r\n   FONDO TRANSL\u00daCIDO REAL\r\n========================= *\/\r\n\r\n.reviews-section{\r\n  position: relative;\r\n  z-index: 200;\r\n\r\n  \/* Transparencia evidente *\/\r\n  background: rgba(255,255,255,0.25);\r\n\r\n  backdrop-filter: blur(18px) saturate(140%);\r\n  -webkit-backdrop-filter: blur(18px) saturate(140%);\r\n\r\n  box-shadow: 0 -40px 80px rgba(0,0,0,0.25);\r\n}\r\n\r\n\/* Eliminamos fondos s\u00f3lidos *\/\r\n.contenedor-externo,\r\n.carousel-wrapper{\r\n  background: transparent;\r\n}\r\n\r\n\/* T\u00cdTULO *\/\r\n.contenedor-externo{\r\n  width: 100%;\r\n  padding: 80px 5% 20px 5%;\r\n}\r\n\r\n.reviews-box{\r\n  display: inline-block;\r\n  padding: 12px 30px;\r\n  border-radius: 47px;\r\n\r\n  background: rgba(255,255,255,0.35);\r\n  backdrop-filter: blur(10px);\r\n\r\n  box-shadow: 0 15px 40px rgba(0,0,0,0.25);\r\n}\r\n\r\n.reviews-box h3{\r\n  margin: 0;\r\n  color: #295681;\r\n  font-size: 1.6rem;\r\n  letter-spacing: 1px;\r\n}\r\n\r\n\/* CARRUSEL *\/\r\n.carousel-wrapper{\r\n  width: 100%;\r\n  overflow: hidden;\r\n  padding: 60px 0 80px 0;\r\n \r\n}\r\n\r\n.carousel-track{\r\n  display: flex;\r\n  gap: 40px;\r\n  will-change: transform;\r\n}\r\n\r\n\/* TARJETAS M\u00c1S TRANSPARENTES *\/\r\n.card-review{\r\n  width: 260px;\r\n  height: 280px;\r\n  padding: 30px;\r\n\r\n  display: flex;\r\n  flex-direction: column;\r\n  justify-content: space-between;\r\n  flex-shrink: 0;\r\n\r\n  border-radius: 30px;\r\n\r\n  \/* Transparencia evidente *\/\r\n  background: rgba(255,255,255,0.55);\r\n\r\n  backdrop-filter: blur(12px);\r\n\r\n  box-shadow:\r\n    0 20px 60px rgba(0,0,0,0.25),\r\n    inset 0 0 20px rgba(255,255,255,0.3);\r\n\r\n  transition: transform 0.4s ease;\r\n}\r\n\r\n.card-review:hover{\r\n  transform: translateY(-8px) scale(1.05);\r\n}\r\n\r\n.stars{\r\n  color: #f1c40f;\r\n  font-size: 1.3rem;\r\n}\r\n\r\n.card-review p{\r\n  font-style: italic;\r\n  color: #1f2a38;\r\n  font-size: 1rem;\r\n  line-height: 1.5;\r\n}\r\n\r\n.author{\r\n  font-weight: bold;\r\n  text-align: right;\r\n  color: #295681;\r\n}\r\n\r\n<\/style>\r\n\r\n<script>\r\ndocument.addEventListener(\"DOMContentLoaded\", () => {\r\n\r\n  const track = document.getElementById(\"reviews-track\");\r\n  if (!track) return;\r\n\r\n  let scrollAmount = 0;\r\n  let isPaused = false;\r\n\r\n  if (!track.dataset.cloned) {\r\n    track.innerHTML += track.innerHTML;\r\n    track.dataset.cloned = \"true\";\r\n  }\r\n\r\n  const halfWidth = track.scrollWidth \/ 2;\r\n\r\n  function animate(){\r\n    if (!isPaused){\r\n      scrollAmount += 0.7;\r\n      if (scrollAmount >= halfWidth) scrollAmount = 0;\r\n      track.style.transform = `translateX(-${scrollAmount}px)`;\r\n    }\r\n    requestAnimationFrame(animate);\r\n  }\r\n\r\n  track.addEventListener(\"mouseenter\", () => isPaused = true);\r\n  track.addEventListener(\"mouseleave\", () => isPaused = false);\r\n\r\n  animate();\r\n\r\n});\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-3aaded9 e-con-full contenedor-3-glass e-flex e-con e-parent\" data-id=\"3aaded9\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-7c577ae elementor-widget elementor-widget-html\" data-id=\"7c577ae\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\r\n\r\n<!-- =========================\r\n     CONTENEDOR 3 \u2013 GLASS PRO NO DESTRUCTIVO\r\n========================= -->\r\n\r\n<div class=\"contenedor-3-glass\">\r\n\r\n  <!-- TU CONTENIDO ORIGINAL DEL CONTENEDOR 3 VA AQU\u00cd -->\r\n  <!-- NO MODIFICAR TUS CARDS, GRID, HOVER, ETC -->\r\n  \r\n  <!-- 1. ENCABEZADO DE SECCI\u00d3N CON ANIMACI\u00d3N -->\r\n<div class=\"contenedor-externo-beneficios\">\r\n    <div class=\"beneficios-box\">\r\n        <h3>BENEFICIOS<\/h3>\r\n    <\/div>\r\n<\/div>\r\n  \r\n  <!-- 2. GRID DE BENEFICIOS 3D -->\r\n<div class=\"beneficios-grid\">\r\n  <!-- Bienestar -->\r\n  <div class=\"parent\">\r\n    <div class=\"card\">\r\n      <div class=\"logo\">\r\n        <span class=\"circle circle1\"><\/span><span class=\"circle circle2\"><\/span><span class=\"circle circle3\"><\/span><span class=\"circle circle4\"><\/span>\r\n        <span class=\"circle circle5\">\r\n          <svg class=\"svg\" viewBox=\"0 0 24 24\"><path d=\"M12 3L4 5v6.09c0 5.05 3.41 9.76 8 10.91 4.59-1.15 8-5.86 8-10.91V5l-8-2zm0 15c-3.31 0-6-2.69-6-6s2.69-6 6-6 6 2.69 6 6-2.69 6-6 6z\"\/><\/svg>\r\n        <\/span>\r\n      <\/div>\r\n      <div class=\"glass\"><\/div>\r\n      <div class=\"content\">\r\n        <span class=\"title\">BIENESTAR<\/span>\r\n        <span class=\"text\">Sensaci\u00f3n general de equilibrio y apoyo integral a tu cuidado personal cotidiano.<\/span>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <!-- Practicidad -->\r\n  <div class=\"parent\">\r\n    <div class=\"card\">\r\n      <div class=\"logo\">\r\n        <span class=\"circle circle1\"><\/span><span class=\"circle circle2\"><\/span><span class=\"circle circle3\"><\/span><span class=\"circle circle4\"><\/span>\r\n        <span class=\"circle circle5\">\r\n          <svg class=\"svg\" viewBox=\"0 0 24 24\"><path d=\"M22.7 19l-9.1-9.1c.9-2.3.4-5-1.5-6.9-2-2-5-2.4-7.4-1.3L9 6 6 9 1.6 4.7C.5 7.1.9 10.1 2.9 12.1c1.9 1.9 4.6 2.4 6.9 1.5l9.1 9.1c.4.4 1 .4 1.4 0l2.3-2.3c.5-.4.5-1.1.1-1.4z\"\/><\/svg>\r\n        <\/span>\r\n      <\/div>\r\n      <div class=\"glass\"><\/div>\r\n      <div class=\"content\">\r\n        <span class=\"title\">PRACTICIDAD<\/span>\r\n        <span class=\"text\">Dise\u00f1o intuitivo que facilita integrarlo en tu rutina diaria sin ninguna complicaci\u00f3n.<\/span>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <!-- Comodidad -->\r\n  <div class=\"parent\">\r\n    <div class=\"card\">\r\n      <div class=\"logo\">\r\n        <span class=\"circle circle1\"><\/span><span class=\"circle circle2\"><\/span><span class=\"circle circle3\"><\/span><span class=\"circle circle4\"><\/span>\r\n        <span class=\"circle circle5\">\r\n          <svg class=\"svg\" viewBox=\"0 0 24 24\"><path d=\"M10 9h4V6h3l-5-5-5 5h3v3zm-1 1H6V7l-5 5 5 5v-3h3v-4zm14 2l-5-5v3h-3v4h3v3l5-5zm-9 1h-4v3H7l5 5 5-5h-3v-3z\"\/><\/svg>\r\n        <\/span>\r\n      <\/div>\r\n      <div class=\"glass\"><\/div>\r\n      <div class=\"content\">\r\n        <span class=\"title\">COMODIDAD<\/span>\r\n        <span class=\"text\">Uso externo no invasivo, lo que lo hace accesible y agradable para cualquier persona.<\/span>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <!-- Complemento -->\r\n  <div class=\"parent\">\r\n    <div class=\"card\">\r\n      <div class=\"logo\">\r\n        <span class=\"circle circle1\"><\/span><span class=\"circle circle2\"><\/span><span class=\"circle circle3\"><\/span><span class=\"circle circle4\"><\/span>\r\n        <span class=\"circle circle5\">\r\n          <svg class=\"svg\" viewBox=\"0 0 24 24\"><path d=\"M20 10c0-4.41-3.59-8-8-8s-8 3.59-8 8c0 3.1 1.76 5.79 4.35 7.16.1.56.3 1.08.6 1.55l-3.25 3.26 1.41 1.41 3.22-3.22c.52.36 1.1.64 1.72.82V21h4v-1.02c.62-.18 1.2-.46 1.72-.82l3.22 3.22 1.41-1.41-3.25-3.26c.3-.47.5-1 .6-1.55C18.24 15.79 20 13.1 20 10zM12 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8z\"\/><\/svg>\r\n        <\/span>\r\n      <\/div>\r\n      <div class=\"glass\"><\/div>\r\n      <div class=\"content\">\r\n        <span class=\"title\">COMPLEMENTO<\/span>\r\n        <span class=\"text\">El apoyo ideal para un estilo de vida saludable, buena alimentaci\u00f3n y descanso.<\/span>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <!-- Portabilidad -->\r\n  <div class=\"parent\">\r\n    <div class=\"card\">\r\n      <div class=\"logo\">\r\n        <span class=\"circle circle1\"><\/span><span class=\"circle circle2\"><\/span><span class=\"circle circle3\"><\/span><span class=\"circle circle4\"><\/span>\r\n        <span class=\"circle circle5\">\r\n          <svg class=\"svg\" viewBox=\"0 0 24 24\"><path d=\"M20 6h-4V4c0-1.11-.89-2-2-2h-4c-1.11 0-2 .89-2 2v2H4c-1.11 0-1.99.89-1.99 2L2 19c0 1.11.89 2 2 2h16c1.11 0 2-.89 2-2V8c0-1.11-.89-2-2-2zm-8-2h4v2h-4V4z\"\/><\/svg>\r\n        <\/span>\r\n      <\/div>\r\n      <div class=\"glass\"><\/div>\r\n      <div class=\"content\">\r\n        <span class=\"title\">PORTABILIDAD<\/span>\r\n        <span class=\"text\">Tama\u00f1o compacto para llevarlo contigo y utilizarlo donde sea que lo necesites.<\/span>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/div>\r\n\r\n\r\n<\/div>\r\n\r\n\r\n<style>\r\n\r\n\/* =========================\r\n   CONTENEDOR 3 \u2013 GLASS SOLO FONDO\r\n   (CUADROS INTACTOS)\r\n========================= *\/\r\n.contenedor-3-glass{\r\n  position: relative;\r\n  z-index: 200;\r\n  background: rgba(255,255,255,0.32);\r\n  backdrop-filter: blur(18px) saturate(140%);\r\n  -webkit-backdrop-filter: blur(18px) saturate(140%);\r\n  box-shadow: 0 -40px 80px rgba(0,0,0,0.25);\r\n  margin-top: 0;v\r\n}\r\n@supports not (backdrop-filter: blur(10px)) {\r\n  .contenedor-3-glass{ background: rgba(255,255,255,0.92); }\r\n}\r\n\/* Elimina fondos s\u00f3lidos en padres Elementor *\/\r\n.contenedor-3-glass,\r\n.contenedor-3-glass .elementor-section,\r\n.contenedor-3-glass .elementor-column {\r\n  background: transparent !important;\r\n}\r\n\r\n\/* \ud83d\udeab IMPORTANTE: NO tocamos .card ni .beneficio-card *\/\r\n\/* Tus cuadros se mantienen exactamente iguales *\/\r\n\r\n\r\n\r\n\r\n\/* --- ANIMACI\u00d3N T\u00cdTULO --- *\/\r\n@keyframes entradaHBeneficios {\r\n  from { opacity: 0; transform: translateX(-100px); }\r\n  to { opacity: 1; transform: translateX(0); }\r\n}\r\n\r\n.contenedor-externo-beneficios {\r\n  width: 100%;\r\n  padding: 60px 5% 20px 5%;\r\n  position: relative;\r\n  z-index: 100;\r\n  background: transparent;\r\n}\r\n\r\n.beneficios-box {\r\n  display: inline-block;\r\n  padding: 12px 30px;\r\n  border-radius: 47px;\r\n  background: #F7F7F7;\r\n  box-shadow: -10px 10px 30px #afafaf, 10px -10px 30px #ffffff;\r\n  animation: entradaHBeneficios 1.2s ease-out forwards;\r\n}\r\n\r\n.beneficios-box h3 { margin: 0; color: #333; font-size: 1.5rem; }\r\n\r\n\/* --- GRID Y TARJETAS --- *\/\r\n.beneficios-grid {\r\n  display: flex;\r\n  flex-wrap: wrap;\r\n  gap: 40px;\r\n  justify-content: center;\r\n  padding: 40px 20px 80px 20px;\r\n  background: transparent;\r\n  position: relative;\r\n  z-index: 100;\r\n}\r\n\r\n.parent { width: 290px; height: 330px; perspective: 1000px; }\r\n\r\n.card {\r\n  height: 100%;\r\n  border-radius: 50px;\r\n  background: linear-gradient(135deg, #295681 0%, #1c3d5c 100%);\r\n  transition: all 0.5s ease-in-out;\r\n  transform-style: preserve-3d;\r\n  box-shadow: rgba(0, 0, 0, 0.3) 0px 25px 25px -5px;\r\n}\r\n\r\n.glass {\r\n  transform-style: preserve-3d;\r\n  position: absolute;\r\n  inset: 8px;\r\n  border-radius: 55px;\r\n  border-top-right-radius: 100%;\r\n  background: linear-gradient(0deg, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0.3) 100%);\r\n  transform: translate3d(0px, 0px, 25px);\r\n  border-left: 1px solid rgba(255, 255, 255, 0.3);\r\n  border-bottom: 1px solid rgba(255, 255, 255, 0.3);\r\n  transition: all 0.5s ease-in-out;\r\n}\r\n\r\n.content { padding: 90px 25px 0px 25px; transform: translate3d(0, 0, 26px); }\r\n.content .title { display: block; color: #ffffff; font-weight: 900; font-size: 20px; text-transform: uppercase; }\r\n.content .text { display: block; color: rgba(255, 255, 255, 0.85); font-size: 14.5px; margin-top: 15px; line-height: 1.5; }\r\n\r\n.logo { position: absolute; right: 0; top: 0; transform-style: preserve-3d; }\r\n.logo .circle { display: block; position: absolute; aspect-ratio: 1; border-radius: 50%; top: 0; right: 0; background: rgba(255, 255, 255, 0.1); transition: all 0.5s ease-in-out; }\r\n.logo .circle1 { width: 160px; transform: translate3d(0, 0, 20px); top: 8px; right: 8px; }\r\n.logo .circle2 { width: 130px; transform: translate3d(0, 0, 40px); top: 10px; right: 10px; }\r\n.logo .circle3 { width: 100px; transform: translate3d(0, 0, 60px); top: 15px; right: 15px; }\r\n.logo .circle4 { width: 75px; transform: translate3d(0, 0, 80px); top: 20px; right: 20px; }\r\n\r\n.logo .circle5 {\r\n  width: 50px;\r\n  transform: translate3d(0, 0, 100px);\r\n  top: 25px;\r\n  right: 25px;\r\n  display: grid;\r\n  place-content: center;\r\n  background: #ffffff;\r\n  transition: all 0.5s ease-in-out;\r\n}\r\n\r\n.logo .circle5 .svg { width: 22px; fill: #295681; }\r\n\r\n.parent:hover .card { transform: rotate3d(1, 1, 0, 25deg); box-shadow: rgba(0, 0, 0, 0.4) 30px 50px 25px -40px; }\r\n.parent:hover .card .logo .circle2 { transform: translate3d(0, 0, 60px); }\r\n.parent:hover .card .logo .circle3 { transform: translate3d(0, 0, 80px); }\r\n.parent:hover .card .logo .circle4 { transform: translate3d(0, 0, 100px); }\r\n.parent:hover .card .logo .circle5 { transform: translate3d(0, 0, 130px); background: #ededed; }\r\n\r\n@media (max-width: 768px) {\r\n  .beneficios-grid { gap: 30px; }\r\n  .parent { width: 90%; max-width: 320px; }\r\n}\r\n<\/style>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>ZAPPER HULDA CLARK Desintoxicaci\u00f3n profunda Activa procesos naturales del cuerpo sin qu\u00edmicos. Frecuencia inteligente Tecnolog\u00eda basada en principios bioel\u00e9ctricos. Resultados reales Usuarios reportan mejoras desde los primeros usos. Comprar ahora OPINIONES \u2605\u2605\u2605\u2605\u2605 \u00abExcelente producto, me ha ayudado much\u00edsimo en mi bienestar diario. \u00a1Gracias!\u00bb &#8211; Genaro M. \u2605\u2605\u2605\u2605\u2605 \u00abMuy satisfecha con los resultados, super\u00f3 mis expectativas.\u00bb &hellip; <\/p>\n<p class=\"link-more\"><a href=\"https:\/\/terapiasmaestras.mx\/\" class=\"more-link\">Leer m\u00e1s<span class=\"screen-reader-text\"> \u00abInicio\u00bb<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"inspiro_hide_title":false,"footnotes":""},"class_list":["post-100","page","type-page","status-publish","hentry"],"aioseo_notices":[],"jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/terapiasmaestras.mx\/index.php\/wp-json\/wp\/v2\/pages\/100","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/terapiasmaestras.mx\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/terapiasmaestras.mx\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/terapiasmaestras.mx\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/terapiasmaestras.mx\/index.php\/wp-json\/wp\/v2\/comments?post=100"}],"version-history":[{"count":873,"href":"https:\/\/terapiasmaestras.mx\/index.php\/wp-json\/wp\/v2\/pages\/100\/revisions"}],"predecessor-version":[{"id":1175,"href":"https:\/\/terapiasmaestras.mx\/index.php\/wp-json\/wp\/v2\/pages\/100\/revisions\/1175"}],"wp:attachment":[{"href":"https:\/\/terapiasmaestras.mx\/index.php\/wp-json\/wp\/v2\/media?parent=100"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}