Hero Optimizado Google Ads - Amarres de Amor<\/title>\n\n <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Cormorant+Garamond:wght@300;400;600;700&family=Cinzel:wght@400;600;700&family=Montserrat:wght@300;400;500;600&display=swap\" rel=\"stylesheet\">\n\n <style>\n :root {\n --primary: #8B4789;\n --secondary: #D4AF37;\n --accent: #e0c04f;\n --dark: #1a0a1f;\n --text-primary: #ffffff;\n }\n\n * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n }\n\n body {\n font-family: 'Montserrat', sans-serif;\n background: var(--dark);\n color: var(--text-primary);\n }\n\n \/* HERO: altura viewport con fallback iOS *\/\n .hero {\n position: relative;\n width: 100%;\n height: 100vh;\n min-height: 100vh;\n display: flex;\n align-items: center;\n justify-content: center;\n overflow: hidden;\n background: linear-gradient(135deg, #1a0a1f 0%, #2a1a2f 100%);\n }\n\n \/* iOS Safari fix - aplicar a todos los elementos *\/\n @supports (-webkit-touch-callout: none) {\n .hero {\n height: -webkit-fill-available;\n min-height: -webkit-fill-available;\n }\n .hero-background {\n min-height: -webkit-fill-available;\n }\n .hero-bg-img {\n min-height: -webkit-fill-available;\n }\n .hero-background::before {\n min-height: -webkit-fill-available;\n }\n }\n\n \/* BACKGROUND: position absolute para que solo cubra el hero *\/\n .hero-background {\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n width: 100%;\n height: 100%;\n min-height: 100vh;\n z-index: 1;\n }\n\n \/* IMAGEN: forzar expansi\u00f3n completa en m\u00f3vil *\/\n .hero-bg-img {\n display: block;\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n min-width: 100%;\n min-height: 100vh;\n object-fit: cover;\n object-position: center center;\n opacity: 0.35;\n }\n\n \/* OVERLAY *\/\n .hero-background::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n min-height: 100vh;\n background: linear-gradient(135deg,\n rgba(26, 10, 31, 0.70) 0%,\n rgba(42, 26, 47, 0.60) 50%,\n rgba(26, 10, 31, 0.70) 100%);\n z-index: 2;\n }\n\n .hero-content {\n position: relative;\n z-index: 10;\n text-align: center;\n max-width: 900px;\n padding: 2rem;\n }\n\n .badge {\n display: inline-block;\n padding: 0.75rem 1.75rem;\n background: rgba(212, 175, 55, 0.15);\n border: 1px solid rgba(212, 175, 55, 0.4);\n border-radius: 50px;\n color: var(--secondary);\n font-size: 0.85rem;\n font-weight: 600;\n text-transform: uppercase;\n letter-spacing: 2px;\n margin-bottom: 2rem;\n box-shadow: 0 0 20px rgba(212, 175, 55, 0.2);\n }\n\n h1 {\n font-family: 'Cinzel', serif;\n font-size: clamp(2.5rem, 8vw, 5rem);\n font-weight: 700;\n color: white;\n line-height: 1.1;\n margin-bottom: 1.5rem;\n text-shadow: 2px 4px 20px rgba(0, 0, 0, 0.5);\n }\n\n .highlight {\n background: linear-gradient(135deg, var(--secondary), var(--accent));\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n background-clip: text;\n position: relative;\n display: inline-block;\n }\n\n .highlight::after {\n content: '';\n position: absolute;\n bottom: -10px;\n left: 0;\n width: 100%;\n height: 3px;\n background: linear-gradient(90deg, transparent, var(--secondary), transparent);\n opacity: 0.7;\n }\n\n .subtitle {\n font-family: 'Cormorant Garamond', serif;\n font-size: clamp(1.15rem, 3vw, 1.5rem);\n color: rgba(255, 255, 255, 0.85);\n line-height: 1.7;\n margin-bottom: 2.5rem;\n font-weight: 300;\n max-width: 750px;\n margin-left: auto;\n margin-right: auto;\n }\n\n .features {\n display: flex;\n justify-content: center;\n gap: 2rem;\n flex-wrap: wrap;\n margin-bottom: 3rem;\n }\n\n .feature {\n display: flex;\n align-items: center;\n gap: 0.5rem;\n color: rgba(255, 255, 255, 0.9);\n font-size: 0.95rem;\n font-weight: 500;\n white-space: nowrap;\n }\n\n .feature::before {\n content: '\u2726';\n color: var(--secondary);\n font-size: 1rem;\n }\n\n .cta-button {\n display: inline-flex;\n align-items: center;\n gap: 0.75rem;\n padding: 1.5rem 3rem;\n background: linear-gradient(135deg, var(--secondary), var(--accent));\n color: var(--dark);\n font-size: 1.15rem;\n font-weight: 700;\n text-transform: uppercase;\n letter-spacing: 1px;\n border: none;\n border-radius: 50px;\n cursor: pointer;\n transition: transform 0.3s ease, box-shadow 0.3s ease;\n box-shadow:\n 0 15px 40px rgba(212, 175, 55, 0.4),\n 0 0 30px rgba(212, 175, 55, 0.2);\n position: relative;\n text-decoration: none;\n }\n\n .cta-button:hover {\n transform: translateY(-3px);\n box-shadow:\n 0 20px 50px rgba(212, 175, 55, 0.5),\n 0 0 35px rgba(212, 175, 55, 0.25);\n }\n\n .cta-icon {\n font-size: 1.5rem;\n }\n\n .trust-indicator {\n margin-top: 1.5rem;\n display: flex;\n align-items: center;\n justify-content: center;\n gap: 0.75rem;\n font-size: 0.9rem;\n color: rgba(255, 255, 255, 0.7);\n }\n\n .stars {\n color: var(--secondary);\n font-size: 1rem;\n letter-spacing: 2px;\n }\n\n @media (max-width: 768px) {\n \/* M\u00d3VIL: forzar viewport units directas para garantizar cobertura total *\/\n .hero {\n min-height: 100vh;\n }\n\n .hero-background {\n min-height: 100vh;\n }\n\n .hero-bg-img {\n \/* Forzar altura m\u00ednima completa *\/\n min-height: 100vh;\n \/* width se mantiene 100% para evitar scroll horizontal *\/\n }\n\n .hero-background::before {\n min-height: 100vh;\n }\n\n .hero-content {\n padding: 2rem 1.5rem;\n }\n\n .badge {\n font-size: 0.75rem;\n padding: 0.6rem 1.5rem;\n margin-bottom: 1.5rem;\n }\n\n h1 {\n font-size: 2.5rem;\n margin-bottom: 1.25rem;\n }\n\n .subtitle {\n font-size: 1.15rem;\n margin-bottom: 2rem;\n }\n\n .features {\n flex-direction: column;\n gap: 0.75rem;\n margin-bottom: 2rem;\n align-items: center;\n }\n\n .feature {\n font-size: 0.9rem;\n }\n\n .cta-button {\n padding: 1.25rem 2.5rem;\n font-size: 1rem;\n width: 100%;\n max-width: 350px;\n }\n\n .trust-indicator {\n flex-direction: column;\n gap: 0.5rem;\n font-size: 0.85rem;\n }\n }\n <\/style>\n<\/head>\n<body>\n <section class=\"hero\">\n\n <div class=\"hero-background\">\n <img fetchpriority=\"high\"\n class=\"hero-bg-img\"\n src=\"https:\/\/amarresdeamorefectivos.es\/wp-content\/uploads\/2026\/02\/iStock-855326414-1-scaled-e1771326578363-copia-2.webp\"\n alt=\"\"\n aria-hidden=\"true\"\n fetchpriority=\"high\"\n decoding=\"async\"\n loading=\"eager\"\n width=\"1920\"\n height=\"1080\"\n >\n <\/div>\n\n <div class=\"hero-content\">\n <div class=\"badge\">\n 12 A\u00f1os de Experiencia Profesional\n <\/div>\n\n <h1>\n <span class=\"highlight\">Amarres de Amor Efectivos<\/span><br>\n Para Recuperar a Tu Pareja\n <\/h1>\n\n <p class=\"subtitle\">\n Cuando la ruptura, la distancia o una tercera persona han alejado a tu pareja, \n existe una soluci\u00f3n profesional y discreta respaldada por a\u00f1os de experiencia.\n <\/p>\n\n <div class=\"features\">\n <div class=\"feature\">Atenci\u00f3n Personalizada<\/div>\n <div class=\"feature\">M\u00e1xima Confidencialidad<\/div>\n <div class=\"feature\">M\u00e1s de 12,000 Casos Resueltos<\/div>\n <\/div>\n\n <div class=\"whatsapp_hero\">\n <a href=\"javascript:void(0);\"\n id=\"btn-hero-chat\"\n class=\"cta-button\"\n onclick=\"openHeroWhatsApp()\">\n <span>Consulta Ahora por WhatsApp<\/span>\n <span class=\"cta-icon\">\u2192<\/span>\n<\/a>\n\n <div class=\"trust-indicator\">\n <span class=\"stars\">\u2605\u2605\u2605\u2605\u2605<\/span>\n <span>12 a\u00f1os reuniendo parejas | Resultados reales<\/span>\n <\/div>\n <\/div>\n <\/div>\n\n <\/section>\n <script>\nfunction openHeroWhatsApp() {\n\n window.dataLayer = window.dataLayer || [];\n window.dataLayer.push({\n event: 'whatsapp_conversion',\n source: 'hero'\n });\n\n const phone = '34603829248';\n const message = encodeURIComponent(\n 'Hola Elena, quiero informaci\u00f3n sobre tus Amarres de Amor efectivos.'\n );\n\n const url = `https:\/\/wa.me\/${phone}?text=${message}`;\n window.open(url, '_blank');\n}\n<\/script>\n<\/body>\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-7c17b5a e-con-full e-flex e-con e-parent\" data-id=\"7c17b5a\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-77fefaf elementor-widget elementor-widget-html\" data-id=\"77fefaf\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\n<html lang=\"es\">\n<head>\n <meta charset=\"UTF-8\">\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n <title>Secci\u00f3n Problema - Amarres de Amor<\/title>\n <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Cormorant+Garamond:wght@300;400;600;700&family=Cinzel:wght@400;600;700&family=Montserrat:wght@300;400;500;600&display=swap\" rel=\"stylesheet\">\n <style>\n :root {\n --primary: #8B4789;\n --secondary: #D4AF37;\n --dark: #1a0a1f;\n --dark-lighter: #2a1a2f;\n --text-primary: #ffffff;\n --text-secondary: rgba(255, 255, 255, 0.75);\n --text-muted: rgba(255, 255, 255, 0.5);\n }\n\n * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n }\n\n body {\n font-family: 'Montserrat', sans-serif;\n background: var(--dark);\n color: var(--text-primary);\n }\n\n .problem-section {\n position: relative;\n background: linear-gradient(180deg, var(--dark) 0%, var(--dark-lighter) 100%);\n padding: 6rem 2rem 5rem;\n overflow: hidden;\n }\n\n .problem-section::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 1px;\n background: linear-gradient(90deg, transparent, rgba(212, 175, 55, 0.3), transparent);\n }\n\n .container {\n max-width: 1200px;\n margin: 0 auto;\n }\n\n \/* Header \u2014 sin opacity:0 ni animation *\/\n .section-header {\n text-align: center;\n margin-bottom: 3.5rem;\n }\n\n .section-title {\n font-family: 'Cinzel', serif;\n font-size: clamp(2rem, 5vw, 3rem);\n font-weight: 600;\n line-height: 1.2;\n color: var(--text-primary);\n margin-bottom: 1rem;\n max-width: 800px;\n margin-left: auto;\n margin-right: auto;\n }\n\n .situations-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.5rem;\n margin-bottom: 3rem;\n }\n\n \/* Cards \u2014 sin opacity:0 ni fadeInUp, hover limpio *\/\n .situation-card {\n background: rgba(255, 255, 255, 0.03);\n border: 1px solid rgba(255, 255, 255, 0.08);\n border-radius: 12px;\n padding: 2rem 1.5rem;\n transition: background 0.25s ease, border-color 0.25s ease, transform 0.25s ease;\n position: relative;\n overflow: hidden;\n backface-visibility: hidden;\n }\n\n .situation-card::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 1px;\n background: linear-gradient(90deg, transparent, var(--secondary), transparent);\n opacity: 0;\n transition: opacity 0.25s ease;\n }\n\n .situation-card:hover {\n background: rgba(255, 255, 255, 0.05);\n border-color: rgba(212, 175, 55, 0.2);\n transform: translateY(-4px);\n }\n\n .situation-card:hover::before {\n opacity: 1;\n }\n\n .situation-icon {\n width: 50px;\n height: 50px;\n margin-bottom: 1.25rem;\n display: flex;\n align-items: center;\n justify-content: center;\n border-radius: 50%;\n background: rgba(139, 71, 137, 0.15);\n border: 1px solid rgba(139, 71, 137, 0.3);\n }\n\n .situation-icon svg {\n width: 24px;\n height: 24px;\n stroke: var(--secondary);\n fill: none;\n stroke-width: 1.5;\n }\n\n .situation-title {\n font-family: 'Cinzel', serif;\n font-size: 1.15rem;\n font-weight: 600;\n color: var(--text-primary);\n margin-bottom: 0.75rem;\n line-height: 1.3;\n }\n\n .situation-description {\n font-size: 0.9rem;\n color: var(--text-secondary);\n line-height: 1.6;\n font-weight: 300;\n }\n\n \/* Pain intensifier \u2014 sin animation *\/\n .pain-intensifier {\n background: rgba(139, 71, 137, 0.08);\n border-left: 3px solid var(--primary);\n padding: 2rem 2.5rem;\n border-radius: 0 12px 12px 0;\n margin-bottom: 3rem;\n }\n\n .pain-intensifier-text {\n font-family: 'Cormorant Garamond', serif;\n font-size: clamp(1.15rem, 2.5vw, 1.4rem);\n color: var(--text-secondary);\n font-style: italic;\n line-height: 1.7;\n text-align: center;\n margin: 0;\n }\n\n \/* Qualification bar \u2014 sin animation *\/\n .qualification-bar {\n background: rgba(255, 255, 255, 0.02);\n border: 1px solid rgba(255, 255, 255, 0.06);\n border-radius: 12px;\n padding: 1.75rem 2rem;\n text-align: center;\n margin-bottom: 3rem;\n }\n\n .qualification-text {\n font-size: 0.9rem;\n color: var(--text-muted);\n line-height: 1.7;\n max-width: 600px;\n margin: 0 auto;\n }\n\n .qualification-text strong {\n color: var(--text-secondary);\n font-weight: 500;\n }\n\n \/* CTA \u2014 sin animation, sin ripple, hover simple *\/\n .cta-secondary {\n text-align: center;\n }\n\n .cta-secondary-text {\n font-family: 'Cormorant Garamond', serif;\n font-size: 1.05rem;\n color: var(--text-secondary);\n margin-bottom: 1.25rem;\n }\n\n .cta-link {\n display: inline-flex;\n align-items: center;\n gap: 0.75rem;\n color: var(--secondary);\n text-decoration: none;\n font-size: 1rem;\n font-weight: 500;\n padding: 1rem 2rem;\n border: 1px solid rgba(212, 175, 55, 0.3);\n border-radius: 50px;\n transition: border-color 0.2s ease, transform 0.2s ease;\n }\n\n .cta-link:hover {\n border-color: var(--secondary);\n transform: translateY(-2px);\n }\n\n @media (max-width: 768px) {\n .problem-section {\n padding: 4rem 1.5rem 3.5rem;\n }\n\n .section-header {\n margin-bottom: 2.5rem;\n }\n\n .situations-grid {\n grid-template-columns: 1fr;\n gap: 1.25rem;\n margin-bottom: 2.5rem;\n }\n\n .situation-card {\n padding: 1.75rem 1.25rem;\n }\n\n .pain-intensifier {\n padding: 1.5rem 1.5rem;\n margin-bottom: 2.5rem;\n }\n\n .qualification-bar {\n padding: 1.5rem 1.25rem;\n margin-bottom: 2.5rem;\n }\n\n .section-title {\n font-size: 1.85rem;\n }\n }\n <\/style>\n<\/head>\n<body>\n <section id=\"problema\" class=\"problem-section\">\n <div class=\"container\">\n <div class=\"section-header\">\n <h2 class=\"section-title\">\n El dolor de una ruptura no entiende de tiempos ni razones\n <\/h2>\n <\/div>\n\n <div class=\"situations-grid\">\n <div class=\"situation-card\">\n <div class=\"situation-icon\">\n <svg viewBox=\"0 0 24 24\">\n <path d=\"M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 0 0-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 0 0 0-7.78z\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n <line x1=\"12\" y1=\"5.67\" x2=\"12\" y2=\"21.23\" stroke-linecap=\"round\"\/>\n <\/svg>\n <\/div>\n <h3 class=\"situation-title\">Ruptura inesperada<\/h3>\n <p class=\"situation-description\">\n De un d\u00eda para otro, termin\u00f3 todo. Sin explicaciones, sin oportunidad de di\u00e1logo.\n <\/p>\n <\/div>\n\n <div class=\"situation-card\">\n <div class=\"situation-icon\">\n <svg viewBox=\"0 0 24 24\">\n <circle cx=\"12\" cy=\"12\" r=\"10\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n <path d=\"M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n <line x1=\"12\" y1=\"17\" x2=\"12.01\" y2=\"17\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n <\/svg>\n <\/div>\n <h3 class=\"situation-title\">Distancia emocional<\/h3>\n <p class=\"situation-description\">\n Ya no te mira como antes. Conversaciones fr\u00edas, sin detalles ni conexi\u00f3n.\n <\/p>\n <\/div>\n\n <div class=\"situation-card\">\n <div class=\"situation-icon\">\n <svg viewBox=\"0 0 24 24\">\n <path d=\"M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n <circle cx=\"9\" cy=\"7\" r=\"4\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n <path d=\"M23 21v-2a4 4 0 0 0-3-3.87\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n <path d=\"M16 3.13a4 4 0 0 1 0 7.75\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n <\/svg>\n <\/div>\n <h3 class=\"situation-title\">Tercera persona<\/h3>\n <p class=\"situation-description\">\n Hay alguien m\u00e1s influyendo en tu pareja. La situaci\u00f3n se complica cada d\u00eda.\n <\/p>\n <\/div>\n\n <div class=\"situation-card\">\n <div class=\"situation-icon\">\n <svg viewBox=\"0 0 24 24\">\n <rect x=\"5\" y=\"2\" width=\"14\" height=\"20\" rx=\"2\" ry=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n <line x1=\"12\" y1=\"18\" x2=\"12.01\" y2=\"18\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n <line x1=\"9\" y1=\"11\" x2=\"15\" y2=\"11\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n <\/svg>\n <\/div>\n <h3 class=\"situation-title\">Bloqueo total<\/h3>\n <p class=\"situation-description\">\n Te bloque\u00f3 de todo. Silencio absoluto. La incertidumbre es insoportable.\n <\/p>\n <\/div>\n <\/div>\n\n <div class=\"qualification-bar\">\n <p class=\"qualification-text\">\n <strong>No ofrecemos rituales m\u00e1gicos ni soluciones instant\u00e1neas.<\/strong> \n Trabajamos solo con personas que valoran un servicio profesional y discreto respaldado por a\u00f1os de experiencia.\n <\/p>\n <\/div>\n\n <div class=\"cta-secondary\">\n <p class=\"cta-secondary-text\">\n Si tu situaci\u00f3n resuena con lo descrito...\n <\/p>\n <a href=\"javascript:void(0);\"\n id=\"btn-problema-chat\"\n class=\"cta-link\"\n onclick=\"openProblemaWhatsApp()\">\n <span>Solicita tu consulta personalizada<\/span>\n <span>\u2192<\/span>\n<\/a>\n <\/div>\n <\/div>\n <\/section>\n <script>\nfunction openProblemaWhatsApp() {\n\n window.dataLayer = window.dataLayer || [];\n window.dataLayer.push({\n event: 'whatsapp_conversion',\n source: 'problema'\n });\n\n const phone = '34603829248';\n const message = encodeURIComponent(\n 'Hola Elena, he le\u00eddo la informaci\u00f3n sobre Amarres de Amor y quiero que eval\u00faes mi caso.'\n );\n\n const url = `https:\/\/wa.me\/${phone}?text=${message}`;\n window.open(url, '_blank');\n}\n<\/script>\n<\/body>\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-daa25df e-con-full e-flex e-con e-parent\" data-id=\"daa25df\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-924b3b8 elementor-widget elementor-widget-html\" data-id=\"924b3b8\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\n<html lang=\"es\">\n<head>\n <meta charset=\"UTF-8\">\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n <title>\u00bfAmarres de Amor? - Secci\u00f3n Explicativa Premium<\/title>\n <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Cormorant+Garamond:wght@300;400;600;700&family=Cinzel:wght@400;600;700&family=Montserrat:wght@300;400;500;600&display=swap\" rel=\"stylesheet\">\n <style>\n :root {\n --primary: #8B4789;\n --secondary: #C6A75E;\n --dark: #1a0a1f;\n --light-bg: #F9FAFB;\n --light-accent: #F3F4F6;\n --text-dark: #111827;\n --text-gray: #374151;\n --text-muted: #6B7280;\n --border-light: #E5E7EB;\n }\n\n * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n }\n\n body {\n font-family: 'Montserrat', sans-serif;\n background: var(--light-bg);\n color: var(--text-dark);\n }\n\n \/* COMPACTADO: 8rem \u2192 5.5rem (-31%) *\/\n .amarres-section {\n position: relative;\n background: var(--light-bg);\n padding: 5.5rem 2rem;\n overflow: hidden;\n }\n\n .amarres-section::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 1px;\n background: linear-gradient(90deg, transparent, rgba(198, 167, 94, 0.3), transparent);\n }\n\n .amarres-section::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 0;\n width: 100%;\n height: 1px;\n background: linear-gradient(90deg, transparent, rgba(198, 167, 94, 0.3), transparent);\n }\n\n .amarres-bg-accent {\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n width: 60%;\n height: 60%;\n background: radial-gradient(ellipse at center, rgba(198, 167, 94, 0.03) 0%, transparent 70%);\n pointer-events: none;\n }\n\n .amarres-container {\n max-width: 900px;\n margin: 0 auto;\n position: relative;\n z-index: 1;\n }\n\n \/* COMPACTADO: margin-bottom 4rem \u2192 2.5rem *\/\n .amarres-header {\n text-align: center;\n margin-bottom: 2.5rem;\n }\n\n .amarres-title {\n font-family: 'Cinzel', serif;\n font-size: clamp(2.5rem, 5vw, 3.5rem);\n font-weight: 600;\n line-height: 1.2;\n color: #111827;\n margin-bottom: 1rem;\n position: relative;\n display: inline-block;\n }\n\n .amarres-title::after {\n content: '';\n position: absolute;\n bottom: -12px;\n left: 50%;\n transform: translateX(-50%);\n width: 80px;\n height: 3px;\n background: linear-gradient(90deg, transparent, var(--secondary), transparent);\n }\n\n \/* COMPACTADO: margin-bottom 4rem \u2192 2.5rem, line-height 1.9 \u2192 1.75 *\/\n .amarres-explanation {\n margin-bottom: 2.5rem;\n }\n\n .amarres-explanation p {\n font-family: 'Cormorant Garamond', serif;\n font-size: 1.25rem;\n color: #374151;\n line-height: 1.75;\n margin-bottom: 1.1rem;\n font-weight: 400;\n }\n\n .amarres-explanation p:last-child {\n margin-bottom: 0;\n }\n\n .amarres-explanation p strong {\n color: #111827;\n font-weight: 600;\n }\n\n \/* COMPACTADO: margin-bottom 4rem \u2192 2.5rem *\/\n .amarres-features {\n margin-bottom: 2.5rem;\n }\n\n \/* COMPACTADO: gap 2rem \u2192 1.25rem, margin-bottom 2rem \u2192 1.25rem *\/\n .amarres-features-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n gap: 1.25rem;\n margin-bottom: 1.25rem;\n }\n\n \/* COMPACTADO: padding 2rem \u2192 1.35rem, sin animaciones *\/\n .amarres-feature-item {\n background: rgba(255, 255, 255, 0.6);\n border: 1px solid rgba(198, 167, 94, 0.15);\n border-radius: 12px;\n padding: 1.35rem;\n display: flex;\n align-items: flex-start;\n gap: 1.25rem;\n transition: background 0.25s ease, border-color 0.25s ease;\n backface-visibility: hidden;\n }\n\n .amarres-feature-item:hover {\n background: rgba(255, 255, 255, 0.9);\n border-color: rgba(198, 167, 94, 0.3);\n }\n\n .amarres-feature-icon {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, rgba(198, 167, 94, 0.1) 0%, rgba(198, 167, 94, 0.05) 100%);\n border-radius: 10px;\n display: flex;\n align-items: center;\n justify-content: center;\n border: 1px solid rgba(198, 167, 94, 0.2);\n }\n\n .amarres-feature-icon svg {\n width: 20px;\n height: 20px;\n stroke: #C6A75E;\n fill: none;\n stroke-width: 2;\n }\n\n .amarres-feature-text {\n font-size: 1rem;\n color: #374151;\n line-height: 1.55;\n font-weight: 400;\n }\n\n .amarres-feature-text strong {\n color: #111827;\n font-weight: 600;\n }\n\n \/* COMPACTADO: padding 1.75rem 2.25rem \u2192 1.35rem 1.75rem *\/\n .amarres-note {\n background: linear-gradient(135deg, rgba(198, 167, 94, 0.06) 0%, rgba(198, 167, 94, 0.02) 100%);\n border-left: 3px solid var(--secondary);\n border-radius: 0 12px 12px 0;\n padding: 1.35rem 1.75rem;\n }\n\n .amarres-note p {\n font-family: 'Cormorant Garamond', serif;\n font-size: 1.15rem;\n color: #111827;\n line-height: 1.65;\n font-style: italic;\n margin: 0;\n }\n\n \/* COMPACTADO: padding 3rem 3.5rem \u2192 2.25rem 2.75rem *\/\n .amarres-emotional {\n background: linear-gradient(135deg, rgba(139, 71, 137, 0.04) 0%, rgba(198, 167, 94, 0.04) 100%);\n border: 1px solid rgba(198, 167, 94, 0.2);\n border-radius: 16px;\n padding: 2.25rem 2.75rem;\n text-align: center;\n position: relative;\n overflow: hidden;\n }\n\n .amarres-emotional::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 2px;\n background: linear-gradient(90deg, transparent, var(--secondary), transparent);\n }\n\n \/* COMPACTADO: line-height 1.8 \u2192 1.65, margin-bottom 1.25rem \u2192 1rem *\/\n .amarres-emotional p {\n font-family: 'Cormorant Garamond', serif;\n font-size: 1.3rem;\n color: #111827;\n line-height: 1.65;\n margin-bottom: 1rem;\n font-weight: 400;\n }\n\n .amarres-emotional p:last-child {\n margin-bottom: 0;\n font-size: 1.35rem;\n font-weight: 600;\n color: var(--secondary);\n }\n\n .amarres-emotional p strong {\n color: var(--secondary);\n font-weight: 600;\n }\n\n \/* M\u00d3VIL COMPACTADO *\/\n @media (max-width: 768px) {\n \/* 5rem \u2192 4rem *\/\n .amarres-section {\n padding: 4rem 1.5rem;\n }\n\n .amarres-header {\n margin-bottom: 2rem;\n }\n\n .amarres-title {\n font-size: 2.25rem;\n }\n\n .amarres-explanation {\n margin-bottom: 2rem;\n }\n\n .amarres-explanation p {\n font-size: 1.1rem;\n }\n\n .amarres-features {\n margin-bottom: 2rem;\n }\n\n .amarres-features-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .amarres-feature-item {\n padding: 1.1rem;\n }\n\n .amarres-note {\n padding: 1.1rem 1.35rem;\n }\n\n .amarres-note p {\n font-size: 1.05rem;\n }\n\n .amarres-emotional {\n padding: 1.75rem 1.5rem;\n }\n\n .amarres-emotional p {\n font-size: 1.1rem;\n }\n\n .amarres-emotional p:last-child {\n font-size: 1.15rem;\n }\n }\n\n @media (max-width: 480px) {\n .amarres-title {\n font-size: 2rem;\n }\n\n .amarres-feature-item {\n flex-direction: column;\n text-align: center;\n align-items: center;\n }\n\n .amarres-feature-icon {\n margin-bottom: 0.5rem;\n }\n }\n <\/style>\n<\/head>\n<body>\n <section id=\"amarresdeamor\" class=\"amarres-section\">\n <div class=\"amarres-bg-accent\"><\/div>\n \n <div class=\"amarres-container\">\n <div class=\"amarres-header\">\n <h2 class=\"amarres-title\">\u00bfAmarres de Amor?<\/h2>\n <\/div>\n\n <div class=\"amarres-explanation\">\n <p>\n Un Amarre de Amor no es un ritual improvisado ni algo que puedas hacer siguiendo un tutorial.\n <\/p>\n <p>\n Es un proceso energ\u00e9tico profesional dise\u00f1ado para reconstruir el v\u00ednculo cuando una relaci\u00f3n \n se ha roto, enfriado o existe una tercera persona.\n <\/p>\n <p>\n <strong>Cuando el amor fue real, la conexi\u00f3n no desaparece\u2026 se debilita. Y ah\u00ed es donde se trabaja.<\/strong>\n <\/p>\n <\/div>\n\n <div class=\"amarres-features\">\n <div class=\"amarres-features-grid\">\n <div class=\"amarres-feature-item\">\n <div class=\"amarres-feature-icon\">\n <svg viewBox=\"0 0 24 24\">\n <path d=\"M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n <circle cx=\"9\" cy=\"7\" r=\"4\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n <\/svg>\n <\/div>\n <p class=\"amarres-feature-text\">\n Se trabaja por <strong>sesiones privadas<\/strong>.\n <\/p>\n <\/div>\n\n <div class=\"amarres-feature-item\">\n <div class=\"amarres-feature-icon\">\n <svg viewBox=\"0 0 24 24\">\n <circle cx=\"12\" cy=\"12\" r=\"10\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n <polyline points=\"12 6 12 12 16 14\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n <\/svg>\n <\/div>\n <p class=\"amarres-feature-text\">\n Cada sesi\u00f3n dura aproximadamente <strong>1 hora<\/strong>.\n <\/p>\n <\/div>\n\n <div class=\"amarres-feature-item\">\n <div class=\"amarres-feature-icon\">\n <svg viewBox=\"0 0 24 24\">\n <path d=\"M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n <polyline points=\"14 2 14 8 20 8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n <line x1=\"16\" y1=\"13\" x2=\"8\" y2=\"13\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n <line x1=\"16\" y1=\"17\" x2=\"8\" y2=\"17\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n <\/svg>\n <\/div>\n <p class=\"amarres-feature-text\">\n Son <strong>personalizadas<\/strong> seg\u00fan tu caso.\n <\/p>\n <\/div>\n\n <div class=\"amarres-feature-item\">\n <div class=\"amarres-feature-icon\">\n <svg viewBox=\"0 0 24 24\">\n <circle cx=\"12\" cy=\"12\" r=\"10\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n <circle cx=\"12\" cy=\"12\" r=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n <\/svg>\n <\/div>\n <p class=\"amarres-feature-text\">\n Las sesiones quedan <strong>grabadas<\/strong>.\n <\/p>\n <\/div>\n\n <div class=\"amarres-feature-item\">\n <div class=\"amarres-feature-icon\">\n <svg viewBox=\"0 0 24 24\">\n <path d=\"M22 11.08V12a10 10 0 1 1-5.93-9.14\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n <polyline points=\"22 4 12 14.01 9 11.01\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n <\/svg>\n <\/div>\n <p class=\"amarres-feature-text\">\n Existe <strong>seguimiento y acompa\u00f1amiento<\/strong>.\n <\/p>\n <\/div>\n <\/div>\n\n <div class=\"amarres-emotional\">\n <p>Porque el tiempo puede consolidar la distancia.<\/p>\n <p>\n Cuando no se interviene, el orgullo crece, la tercera persona se fortalece \n y el v\u00ednculo se enfr\u00eda.\n <\/p>\n <p>\n Si est\u00e1s leyendo esto, es porque a\u00fan te importa. Y cuando algo importa, \n se trabaja con profesionalismo.\n <\/p>\n <\/div>\n <\/div>\n <\/section>\n<\/body>\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-be8d478 e-con-full e-flex e-con e-parent\" data-id=\"be8d478\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-aafe8a2 elementor-widget elementor-widget-html\" data-id=\"aafe8a2\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\n<html lang=\"es\">\n<head>\n <meta charset=\"UTF-8\">\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n <title>Secci\u00f3n Testimonios Audio - Amarres de Amor<\/title>\n <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Cormorant+Garamond:wght@300;400;600;700&family=Cinzel:wght@400;600;700&family=Montserrat:wght@300;400;500;600&display=swap\" rel=\"stylesheet\">\n \n <link rel=\"preload\" href=\"https:\/\/cdn.jsdelivr.net\/npm\/swiper@9\/swiper-bundle.min.css\" as=\"style\">\n <link rel=\"stylesheet\" href=\"https:\/\/cdn.jsdelivr.net\/npm\/swiper@9\/swiper-bundle.min.css\">\n <style>\n :root {\n --primary: #8B4789;\n --secondary: #D4AF37;\n --dark: #1a0a1f;\n --dark-lighter: #2a1a2f;\n --dark-mid: #221530;\n --light: #f8f3f0;\n --accent: #c77dff;\n --text-primary: #ffffff;\n --text-secondary: rgba(255, 255, 255, 0.75);\n --text-muted: rgba(255, 255, 255, 0.5);\n }\n\n * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n }\n\n body {\n font-family: 'Montserrat', sans-serif;\n background: var(--dark);\n color: var(--text-primary);\n }\n\n .testimonials-section {\n position: relative;\n background: linear-gradient(180deg, \n var(--dark) 0%, \n var(--dark-mid) 50%,\n var(--dark-lighter) 100%);\n padding: 8rem 2rem;\n overflow: hidden;\n }\n\n \/* Background Image with Overlay *\/\n .testimonials-section::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background-image: url('https:\/\/amarresdeamorefectivos.es\/wp-content\/uploads\/2026\/02\/iStock-855326414-1-scaled-e1771326578363-copia-2.webp');\n background-size: cover;\n background-position: center;\n opacity: 0.05;\n filter: blur(2px);\n z-index: 0;\n }\n\n .testimonials-section::after {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background: radial-gradient(ellipse at center, \n rgba(139, 71, 137, 0.15) 0%, \n transparent 70%);\n z-index: 1;\n pointer-events: none;\n }\n\n \/* Decorative borders *\/\n .section-border-top {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 1px;\n background: linear-gradient(90deg, \n transparent, \n rgba(212, 175, 55, 0.4), \n transparent);\n z-index: 2;\n }\n\n .section-border-bottom {\n position: absolute;\n bottom: 0;\n left: 0;\n width: 100%;\n height: 1px;\n background: linear-gradient(90deg, \n transparent, \n rgba(212, 175, 55, 0.4), \n transparent);\n z-index: 2;\n }\n\n .container {\n max-width: 1200px;\n margin: 0 auto;\n position: relative;\n z-index: 10;\n }\n\n \/* Header Section *\/\n .section-header {\n text-align: center;\n margin-bottom: 5rem;\n opacity: 0;\n animation: fadeInUp 1s ease-out forwards;\n }\n\n @keyframes fadeInUp {\n from {\n opacity: 0;\n transform: translateY(30px);\n }\n to {\n opacity: 1;\n transform: translateY(0);\n }\n }\n\n .section-badge {\n display: inline-flex;\n align-items: center;\n gap: 0.5rem;\n background: rgba(212, 175, 55, 0.1);\n border: 1px solid rgba(212, 175, 55, 0.3);\n padding: 0.6rem 1.5rem;\n border-radius: 50px;\n font-size: 0.875rem;\n color: var(--secondary);\n text-transform: uppercase;\n letter-spacing: 2px;\n font-weight: 500;\n margin-bottom: 2rem;\n }\n\n .section-badge::before {\n content: '\u2605';\n font-size: 1rem;\n animation: pulse-star 2s ease-in-out infinite;\n }\n\n @keyframes pulse-star {\n 0%, 100% {\n transform: scale(1);\n opacity: 1;\n }\n 50% {\n transform: scale(1.2);\n opacity: 0.8;\n }\n }\n\n .section-title {\n font-family: 'Cinzel', serif;\n font-size: clamp(2.5rem, 6vw, 4rem);\n font-weight: 600;\n line-height: 1.2;\n color: var(--text-primary);\n margin-bottom: 1.5rem;\n max-width: 900px;\n margin-left: auto;\n margin-right: auto;\n }\n\n .section-title .highlight {\n background: linear-gradient(135deg, var(--secondary), var(--accent));\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n background-clip: text;\n }\n\n .section-subtitle {\n font-family: 'Cormorant Garamond', serif;\n font-size: clamp(1.15rem, 2.5vw, 1.5rem);\n color: var(--text-secondary);\n font-weight: 300;\n line-height: 1.8;\n max-width: 700px;\n margin: 0 auto 2rem;\n }\n\n .trust-indicators {\n display: flex;\n justify-content: center;\n gap: 3rem;\n flex-wrap: wrap;\n margin-top: 2.5rem;\n }\n\n .trust-item {\n display: flex;\n flex-direction: column;\n align-items: center;\n gap: 0.5rem;\n }\n\n .trust-number {\n font-family: 'Cinzel', serif;\n font-size: 2.5rem;\n font-weight: 700;\n background: linear-gradient(135deg, var(--secondary), var(--accent));\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n background-clip: text;\n }\n\n .trust-label {\n font-size: 0.875rem;\n color: var(--text-muted);\n text-transform: uppercase;\n letter-spacing: 1px;\n }\n\n \/* Audio Carousel *\/\n .audio-carousel-outer {\n width: 100%;\n max-width: 1100px;\n margin: 0 auto 3rem;\n padding: 0 15px;\n }\n\n .audio-carousel {\n padding: 2rem 0;\n }\n\n .audio-pair {\n display: grid;\n grid-template-rows: 1fr 1fr;\n gap: 2rem;\n }\n\n \/* Audio Card Premium Design *\/\n .audio-card {\n position: relative;\n background: linear-gradient(135deg, \n rgba(255, 255, 255, 0.05) 0%, \n rgba(255, 255, 255, 0.02) 100%);\n border: 1px solid rgba(255, 255, 255, 0.08);\n border-radius: 20px;\n padding: 1.5rem;\n display: grid;\n gap: 1rem;\n transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\n overflow: hidden;\n backdrop-filter: blur(10px);\n }\n\n .audio-card::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 2px;\n background: linear-gradient(90deg, \n transparent, \n var(--secondary), \n transparent);\n opacity: 0;\n transition: opacity 0.4s ease;\n }\n\n .audio-card:hover {\n border-color: rgba(212, 175, 55, 0.3);\n transform: translateY(-5px);\n box-shadow: 0 20px 60px rgba(139, 71, 137, 0.3);\n }\n\n .audio-card:hover::before {\n opacity: 1;\n }\n\n \/* GRADIENTE: sustituye todas las im\u00e1genes stock *\/\n .cover-wrap {\n position: relative;\n border-radius: 16px;\n overflow: hidden;\n aspect-ratio: 16\/9;\n background: linear-gradient(145deg, #0B0B0F 0%, #141018 40%, #1E1A12 100%);\n }\n\n \/* Profundidad sutil: luz radial centrada muy tenue *\/\n .cover-wrap::before {\n content: '';\n position: absolute;\n inset: 0;\n background: radial-gradient(ellipse at 50% 40%, rgba(198, 167, 94, 0.07) 0%, transparent 65%);\n z-index: 1;\n }\n\n \/* L\u00ednea dorada superior muy sutil *\/\n .cover-wrap::after {\n content: '';\n position: absolute;\n top: 0;\n left: 15%;\n width: 70%;\n height: 1px;\n background: linear-gradient(90deg, transparent, rgba(198, 167, 94, 0.35), transparent);\n z-index: 2;\n }\n\n \/* Quote Icon *\/\n .quote-icon {\n position: absolute;\n top: 1rem;\n right: 1rem;\n width: 40px;\n height: 40px;\n background: rgba(212, 175, 55, 0.15);\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-family: 'Cinzel', serif;\n font-size: 1.5rem;\n color: var(--secondary);\n z-index: 1;\n backdrop-filter: blur(10px);\n border: 1px solid rgba(212, 175, 55, 0.3);\n }\n\n .audio-title {\n font-family: 'Cinzel', serif;\n font-size: 1.25rem;\n font-weight: 600;\n color: var(--secondary);\n margin: 0;\n display: flex;\n align-items: center;\n gap: 0.5rem;\n }\n\n .audio-title::before {\n content: '\u2014';\n color: var(--text-muted);\n }\n\n \/* Custom Audio Player Styling *\/\n .audio-card audio {\n width: 100%;\n height: 40px;\n border-radius: 50px;\n outline: none;\n filter: sepia(20%) saturate(70%) hue-rotate(290deg);\n }\n\n .audio-card audio::-webkit-media-controls-panel {\n background: rgba(139, 71, 137, 0.2);\n }\n\n \/* Navigation *\/\n .audio-nav {\n display: flex;\n align-items: center;\n justify-content: center;\n gap: 1.5rem;\n margin-top: 3rem;\n }\n\n .swiper-button-prev,\n .swiper-button-next {\n position: static !important;\n width: 50px !important;\n height: 50px !important;\n background: rgba(255, 255, 255, 0.05);\n border: 1px solid rgba(212, 175, 55, 0.3);\n border-radius: 50%;\n transition: all 0.3s ease;\n margin: 0 !important;\n }\n\n .swiper-button-prev:hover,\n .swiper-button-next:hover {\n background: rgba(212, 175, 55, 0.15);\n border-color: var(--secondary);\n transform: scale(1.1);\n }\n\n .swiper-button-prev::after,\n .swiper-button-next::after {\n font-size: 1.25rem !important;\n font-weight: 900;\n color: var(--secondary);\n }\n\n .swiper-button-disabled {\n opacity: 0.3 !important;\n }\n\n \/* Pagination *\/\n .audio-nav .swiper-pagination {\n position: static !important;\n display: flex;\n justify-content: center;\n align-items: center;\n gap: 10px;\n width: auto !important;\n }\n\n .swiper-pagination-bullet {\n width: 10px !important;\n height: 10px !important;\n background: rgba(212, 175, 55, 0.3) !important;\n opacity: 1 !important;\n transition: all 0.3s ease;\n }\n\n .swiper-pagination-bullet-active {\n background: var(--secondary) !important;\n transform: scale(1.3);\n box-shadow: 0 0 10px rgba(212, 175, 55, 0.5);\n }\n\n \/* CTA at bottom *\/\n .testimonials-cta {\n text-align: center;\n margin-top: 4rem;\n opacity: 0;\n animation: fadeInUp 1s ease-out 0.5s forwards;\n }\n\n .testimonials-cta-text {\n font-family: 'Cormorant Garamond', serif;\n font-size: 1.3rem;\n color: var(--text-secondary);\n margin-bottom: 1.5rem;\n font-style: italic;\n }\n\n .testimonials-cta-button {\n display: inline-flex;\n align-items: center;\n gap: 0.75rem;\n padding: 1.2rem 3rem;\n background: rgba(139, 71, 137, 0.2);\n border: 2px solid var(--primary);\n color: var(--text-primary);\n font-family: 'Montserrat', sans-serif;\n font-size: 1rem;\n font-weight: 600;\n text-transform: uppercase;\n letter-spacing: 1px;\n border-radius: 50px;\n cursor: pointer;\n transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\n position: relative;\n overflow: hidden;\n }\n\n .testimonials-cta-button::before {\n content: '';\n position: absolute;\n top: 50%;\n left: 50%;\n width: 0;\n height: 0;\n border-radius: 50%;\n background: var(--primary);\n transform: translate(-50%, -50%);\n transition: width 0.6s ease, height 0.6s ease;\n }\n\n .testimonials-cta-button:hover::before {\n width: 400px;\n height: 400px;\n }\n\n .testimonials-cta-button:hover {\n border-color: var(--secondary);\n transform: translateY(-3px);\n box-shadow: 0 15px 40px rgba(139, 71, 137, 0.4);\n }\n\n .testimonials-cta-button span {\n position: relative;\n z-index: 1;\n }\n\n .cta-arrow {\n position: relative;\n z-index: 1;\n transition: transform 0.3s ease;\n }\n\n .testimonials-cta-button:hover .cta-arrow {\n transform: translateX(5px);\n }\n\n \/* Responsive *\/\n @media (min-width: 768px) {\n .audio-pair {\n grid-template-columns: 1fr 1fr;\n grid-template-rows: unset;\n gap: 2rem;\n }\n }\n\n @media (max-width: 768px) {\n .testimonials-section {\n padding: 5rem 1.5rem;\n }\n\n .section-header {\n margin-bottom: 3rem;\n }\n\n .trust-indicators {\n gap: 2rem;\n }\n\n .trust-number {\n font-size: 2rem;\n }\n\n .audio-pair {\n gap: 1.5rem;\n }\n\n .audio-card {\n padding: 1.25rem;\n }\n\n .audio-nav {\n gap: 1rem;\n }\n\n .swiper-button-prev,\n .swiper-button-next {\n width: 45px !important;\n height: 45px !important;\n }\n\n .testimonials-cta {\n margin-top: 3rem;\n }\n }\n\n @media (max-width: 480px) {\n .section-title {\n font-size: 2rem;\n }\n\n .audio-card {\n padding: 1rem;\n }\n\n .testimonials-cta-button {\n width: 100%;\n max-width: 350px;\n }\n }\n\n \/* Fix para Safari iOS *\/\n @supports (-webkit-touch-callout: none) {\n .audio-card {\n margin-bottom: 0 !important;\n padding-bottom: 0 !important;\n }\n .audio-card audio {\n display: block;\n width: 100%;\n margin: 0;\n line-height: 0;\n vertical-align: middle;\n }\n }\n <\/style>\n<\/head>\n<body>\n <section id=\"testimonios\" class=\"testimonials-section\">\n <div class=\"section-border-top\"><\/div>\n \n <div class=\"container\">\n \n <div class=\"section-header\">\n <div class=\"section-badge\">\n Testimonios Verificados\n <\/div>\n \n <h2 class=\"section-title\">\n Historias Reales de <span class=\"highlight\">Amor Recuperado<\/span>\n <\/h2>\n \n <p class=\"section-subtitle\">\n Escucha las voces de personas que recuperaron a sus parejas gracias a nuestros \n trabajos profesionales. Cada testimonio es una historia de transformaci\u00f3n real.\n <\/p>\n\n <div class=\"trust-indicators\">\n <div class=\"trust-item\">\n <div class=\"trust-number\">12K+<\/div>\n <div class=\"trust-label\">Parejas Reunidas<\/div>\n <\/div>\n <div class=\"trust-item\">\n <div class=\"trust-number\">7<\/div>\n <div class=\"trust-label\">A\u00f1os Experiencia<\/div>\n <\/div>\n <div class=\"trust-item\">\n <div class=\"trust-number\">94%<\/div>\n <div class=\"trust-label\">Tasa de \u00c9xito<\/div>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"audio-carousel-outer\">\n <div class=\"audio-carousel swiper\">\n <div class=\"swiper-wrapper\">\n\n \n <div class=\"swiper-slide\">\n <div class=\"audio-pair\">\n <figure class=\"audio-card\">\n <div class=\"cover-wrap\">\n <div class=\"quote-icon\">\"<\/div>\n \n <\/div>\n <figcaption class=\"audio-title\">Mari Carmen<\/figcaption>\n <audio controls preload=\"none\">\n <source src=\"https:\/\/amarresdeamorefectivos.es\/wp-content\/uploads\/2023\/12\/AUDIO-2023-12-19-00-26-34.m4a\" type=\"audio\/mpeg\">\n <\/audio>\n <\/figure>\n\n <figure class=\"audio-card\">\n <div class=\"cover-wrap\">\n <div class=\"quote-icon\">\"<\/div>\n \n <\/div>\n <figcaption class=\"audio-title\">Anabel<\/figcaption>\n <audio controls preload=\"none\">\n <source src=\"https:\/\/amarresdeamorefectivos.es\/wp-content\/uploads\/2023\/12\/AUDIO-2023-12-18-13-52-09.m4a\" type=\"audio\/mpeg\">\n <\/audio>\n <\/figure>\n <\/div>\n <\/div>\n\n \n <div class=\"swiper-slide\">\n <div class=\"audio-pair\">\n <figure class=\"audio-card\">\n <div class=\"cover-wrap\">\n <div class=\"quote-icon\">\"<\/div>\n \n <\/div>\n <figcaption class=\"audio-title\">Carlos<\/figcaption>\n <audio controls preload=\"none\">\n <source src=\"https:\/\/amarresdeamorefectivos.es\/wp-content\/uploads\/2023\/12\/AUDIO-2023-12-19-00-52-32.m4a\" type=\"audio\/mpeg\">\n <\/audio>\n <\/figure>\n\n <figure class=\"audio-card\">\n <div class=\"cover-wrap\">\n <div class=\"quote-icon\">\"<\/div>\n \n <\/div>\n <figcaption class=\"audio-title\">Sonia<\/figcaption>\n <audio controls preload=\"none\">\n <source src=\"https:\/\/amarresdeamorefectivos.es\/wp-content\/uploads\/2025\/10\/EstherViruel_Fiverr.mp3\" type=\"audio\/mpeg\">\n <\/audio>\n <\/figure>\n <\/div>\n <\/div>\n\n \n <div class=\"swiper-slide\">\n <div class=\"audio-pair\">\n <figure class=\"audio-card\">\n <div class=\"cover-wrap\">\n <div class=\"quote-icon\">\"<\/div>\n \n <\/div>\n <figcaption class=\"audio-title\">Luc\u00eda<\/figcaption>\n <audio controls preload=\"none\">\n <source src=\"https:\/\/amarresdeamorefectivos.es\/wp-content\/uploads\/2025\/10\/ElevenLabs_2025-10-27T11_59_37_Cristina-B-Andalusian-Spanish-female_pvc_sp99_s95_sb71_v3.mp3\" type=\"audio\/mpeg\">\n <\/audio>\n <\/figure>\n\n <figure class=\"audio-card\">\n <div class=\"cover-wrap\">\n <div class=\"quote-icon\">\"<\/div>\n \n <\/div>\n <figcaption class=\"audio-title\">Mariela<\/figcaption>\n <audio controls preload=\"none\">\n <source src=\"https:\/\/amarresdeamorefectivos.es\/wp-content\/uploads\/2025\/10\/ElevenLabs_2025-10-27T12_38_12_Cristina-B-Andalusian-Spanish-female_pvc_sp99_s95_sb71_v3.mp3\" type=\"audio\/mpeg\">\n <\/audio>\n <\/figure>\n <\/div>\n <\/div>\n\n \n <div class=\"swiper-slide\">\n <div class=\"audio-pair\">\n <figure class=\"audio-card\">\n <div class=\"cover-wrap\">\n <div class=\"quote-icon\">\"<\/div>\n \n <\/div>\n <figcaption class=\"audio-title\">Jaime<\/figcaption>\n <audio controls preload=\"none\">\n <source src=\"https:\/\/amarresdeamorefectivos.es\/wp-content\/uploads\/2025\/12\/ElevenLabs_2025-12-01T17_41_43_Borja-Espanol_pvc_sp112_s30_sb30_v3.mp3\" type=\"audio\/mpeg\">\n <\/audio>\n <\/figure>\n\n <figure class=\"audio-card\">\n <div class=\"cover-wrap\">\n <div class=\"quote-icon\">\"<\/div>\n \n <\/div>\n <figcaption class=\"audio-title\">Lidia<\/figcaption>\n <audio controls preload=\"none\">\n <source src=\"https:\/\/amarresdeamorefectivos.es\/wp-content\/uploads\/2025\/12\/ElevenLabs_2025-12-05T11_53_24_Lourdes-A_pvc_sp89_s81_sb51_v3.mp3\" type=\"audio\/mpeg\">\n <\/audio>\n <\/figure>\n <\/div>\n <\/div>\n\n <\/div>\n <\/div>\n\n \n <div class=\"audio-nav\">\n <div class=\"swiper-button-prev\"><\/div>\n <div class=\"swiper-pagination\"><\/div>\n <div class=\"swiper-button-next\"><\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"testimonials-cta\">\n <p class=\"testimonials-cta-text\">\n \u00bfLista\/o para escribir tu propia historia de \u00e9xito?\n <\/p>\n <a href=\"javascript:void(0);\"\n id=\"btn-testimonios-chat\"\n class=\"testimonials-cta-button\"\n style=\"text-decoration: none; display: inline-flex; align-items: center; gap: 0.75rem;\"\n onclick=\"openTestimoniosWhatsApp()\">\n <span>Inicia tu consulta ahora<\/span>\n <svg class=\"cta-arrow\" width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n <line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"><\/line>\n <polyline points=\"12 5 19 12 12 19\"><\/polyline>\n <\/svg>\n<\/a>\n <\/div>\n <\/div>\n\n <div class=\"section-border-bottom\"><\/div>\n <\/section>\n \n \n <script defer src=\"https:\/\/cdn.jsdelivr.net\/npm\/swiper@9\/swiper-bundle.min.js\"><\/script>\n <script defer>\n \/\/ Esperar a que Swiper est\u00e9 cargado\n document.addEventListener('DOMContentLoaded', () => {\n const audioSwiper = new Swiper('.audio-carousel', {\n slidesPerView: 1,\n spaceBetween: 24,\n loop: false,\n navigation: {\n nextEl: '.audio-nav .swiper-button-next',\n prevEl: '.audio-nav .swiper-button-prev'\n },\n pagination: {\n el: '.audio-nav .swiper-pagination',\n clickable: true\n },\n keyboard: { enabled: true },\n a11y: { enabled: true },\n observer: true,\n observeParents: true,\n observeSlideChildren: true,\n updateOnWindowResize: true\n });\n\n \/\/ Evita que se reproduzcan varios audios a la vez\n document.querySelectorAll('.audio-carousel audio').forEach(a => {\n a.addEventListener('play', e => {\n document.querySelectorAll('.audio-carousel audio').forEach(b => {\n if (b !== e.target) b.pause();\n });\n });\n });\n });\n\n \/\/ FUNCI\u00d3N CONVERSI\u00d3N TESTIMONIOS\n function openTestimoniosWhatsApp() {\n\n window.dataLayer = window.dataLayer || [];\n window.dataLayer.push({\n event: 'whatsapp_conversion',\n source: 'testimonios'\n });\n\n const phone = '34603829248';\n const message = encodeURIComponent(\n 'Hola Elena, he escuchado los testimonios y quiero iniciar mi consulta.'\n );\n\n const url = `https:\/\/wa.me\/${phone}?text=${message}`;\n window.open(url, '_blank');\n }\n\n <\/script>\n \n<\/body>\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-7fddd42 e-con-full e-flex e-con e-parent\" data-id=\"7fddd42\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ccabb98 elementor-widget elementor-widget-html\" data-id=\"ccabb98\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\n<html lang=\"es\">\n<head>\n <meta charset=\"UTF-8\">\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n <title>\u00bfPor qu\u00e9 trabajar con Elena? - Amarres de Amor<\/title>\n <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Cormorant+Garamond:wght@300;400;600;700&family=Cinzel:wght@400;600;700&family=Montserrat:wght@300;400;500;600&display=swap\" rel=\"stylesheet\">\n <style>\n :root {\n --primary: #8B4789;\n --secondary: #B8953E;\n --dark: #1a0a1f;\n --light-bg: #F9FAFB;\n --text-dark: #111827;\n --text-gray: #374151;\n --text-muted: #6B7280;\n --border-light: #E5E7EB;\n }\n\n * { margin: 0; padding: 0; box-sizing: border-box; }\n\n body {\n font-family: 'Montserrat', sans-serif;\n background: var(--light-bg);\n color: var(--text-dark);\n }\n\n .about-section {\n position: relative;\n background: var(--light-bg);\n padding: 5rem 2rem;\n overflow: hidden;\n }\n\n .about-section::before {\n content: '';\n position: absolute;\n top: 0; left: 0;\n width: 100%; height: 1px;\n background: linear-gradient(90deg, transparent, rgba(198, 167, 94, 0.3), transparent);\n }\n\n .about-section::after {\n content: '';\n position: absolute;\n bottom: 0; left: 0;\n width: 100%; height: 1px;\n background: linear-gradient(90deg, transparent, rgba(198, 167, 94, 0.3), transparent);\n }\n\n .bg-accent {\n position: absolute;\n top: 50%; right: 0;\n width: 40%; height: 60%;\n background: radial-gradient(ellipse at center, rgba(198, 167, 94, 0.04) 0%, transparent 70%);\n transform: translateY(-50%);\n pointer-events: none;\n }\n\n .container {\n max-width: 1200px;\n margin: 0 auto;\n position: relative;\n z-index: 1;\n }\n\n .about-grid {\n display: grid;\n grid-template-columns: 40% 60%;\n gap: 4rem;\n align-items: center;\n }\n\n \/* Columna imagen *\/\n .about-image-column { position: relative; }\n\n .image-wrapper {\n position: relative;\n width: 100%;\n padding-bottom: 125%;\n border-radius: 16px;\n overflow: hidden;\n box-shadow:\n 0 25px 60px rgba(0, 0, 0, 0.12),\n 0 0 0 1px rgba(198, 167, 94, 0.12);\n }\n\n .about-image {\n position: absolute;\n top: 0; left: 0;\n width: 100%; height: 100%;\n object-fit: cover;\n object-position: center top;\n }\n\n \/* Overlay degradado inferior \u2014 integra el dato en la imagen *\/\n .image-wrapper::after {\n content: '';\n position: absolute;\n bottom: 0; left: 0;\n width: 100%; height: 42%;\n background: linear-gradient(\n to top,\n rgba(10, 6, 18, 0.88) 0%,\n rgba(10, 6, 18, 0.55) 50%,\n transparent 100%\n );\n pointer-events: none;\n z-index: 1;\n }\n\n \/* Badge \u2014 superpuesto sobre el overlay, parte inferior izquierda *\/\n .experience-badge {\n position: absolute;\n bottom: 0; left: 0;\n width: 100%;\n padding: 1.5rem 1.75rem 1.35rem;\n z-index: 2;\n display: flex;\n align-items: flex-end;\n gap: 0.85rem;\n }\n\n .experience-number {\n font-family: 'Cinzel', serif;\n font-size: 3rem;\n font-weight: 700;\n color: var(--secondary);\n line-height: 1;\n letter-spacing: -1px;\n }\n\n .experience-text {\n font-size: 0.72rem;\n color: rgba(255, 255, 255, 0.75);\n text-transform: uppercase;\n letter-spacing: 1.5px;\n font-weight: 500;\n line-height: 1.35;\n padding-bottom: 0.15rem;\n }\n\n \/* Separador dorado entre n\u00famero y texto *\/\n .experience-number::after {\n content: '';\n display: inline-block;\n width: 1px;\n height: 2em;\n background: rgba(198, 167, 94, 0.4);\n margin-left: 0.85rem;\n vertical-align: middle;\n }\n\n \/* Responsive imagen *\/\n @media (max-width: 968px) {\n .experience-number { font-size: 2.5rem; }\n }\n\n .about-pretitle {\n display: inline-block;\n font-size: 0.8rem;\n text-transform: uppercase;\n letter-spacing: 2px;\n color: var(--secondary);\n font-weight: 600;\n margin-bottom: 0.75rem;\n }\n\n .about-title {\n font-family: 'Cinzel', serif;\n font-size: clamp(1.85rem, 4vw, 2.5rem);\n font-weight: 600;\n color: var(--text-dark);\n line-height: 1.2;\n margin-bottom: 1rem;\n }\n\n .about-intro {\n font-size: 1rem;\n color: var(--text-gray);\n line-height: 1.65;\n margin-bottom: 1.5rem;\n font-weight: 300;\n }\n\n .differentials-list {\n list-style: none;\n display: flex;\n flex-direction: column;\n gap: 1.25rem;\n margin-bottom: 1.75rem;\n }\n\n .differential-item {\n display: grid;\n grid-template-columns: 50px 1fr;\n gap: 1rem;\n align-items: start;\n backface-visibility: hidden;\n }\n\n .differential-icon {\n width: 50px; height: 50px;\n background: rgba(198, 167, 94, 0.1);\n border: 1px solid rgba(198, 167, 94, 0.2);\n border-radius: 10px;\n display: flex;\n align-items: center;\n justify-content: center;\n flex-shrink: 0;\n }\n\n .differential-icon svg {\n width: 24px; height: 24px;\n stroke: var(--secondary);\n fill: none;\n stroke-width: 2;\n }\n\n .differential-content h3 {\n font-size: 0.95rem;\n font-weight: 600;\n color: var(--text-dark);\n margin-bottom: 0.35rem;\n line-height: 1.3;\n }\n\n .differential-content p {\n font-size: 0.85rem;\n color: var(--text-gray);\n line-height: 1.5;\n font-weight: 300;\n }\n\n .professional-statement {\n background: rgba(139, 71, 137, 0.05);\n border-left: 3px solid var(--primary);\n padding: 1.25rem 1.5rem;\n border-radius: 0 8px 8px 0;\n position: relative;\n }\n\n .professional-statement::before {\n content: '\"';\n position: absolute;\n top: 10px; left: 15px;\n font-family: 'Cinzel', serif;\n font-size: 3rem;\n color: rgba(139, 71, 137, 0.15);\n line-height: 1;\n }\n\n .professional-statement p {\n font-family: 'Cormorant Garamond', serif;\n font-size: 1rem;\n color: var(--text-gray);\n line-height: 1.6;\n font-style: italic;\n position: relative;\n z-index: 1;\n }\n\n @media (max-width: 968px) {\n .about-grid { grid-template-columns: 1fr; gap: 3rem; }\n .image-wrapper { max-width: 400px; margin: 0 auto; }\n }\n\n @media (max-width: 768px) {\n .about-section { padding: 4rem 1.5rem; }\n .about-grid { gap: 2.5rem; }\n .about-title { font-size: 1.85rem; margin-bottom: 0.85rem; }\n .about-intro { font-size: 0.95rem; margin-bottom: 1.25rem; }\n .differentials-list { gap: 1rem; margin-bottom: 1.5rem; }\n .differential-item { grid-template-columns: 45px 1fr; gap: 0.85rem; }\n .differential-icon { width: 45px; height: 45px; }\n .differential-icon svg { width: 22px; height: 22px; }\n .differential-content h3 { font-size: 0.9rem; }\n .differential-content p { font-size: 0.825rem; }\n .professional-statement { padding: 1rem 1.25rem; }\n .professional-statement p { font-size: 0.95rem; }\n }\n <\/style>\n<\/head>\n<body>\n <section id=\"elena\" class=\"about-section\">\n <div class=\"bg-accent\"><\/div>\n\n <div class=\"container\">\n <div class=\"about-grid\">\n\n \n <div class=\"about-image-column\">\n <div class=\"image-wrapper\">\n <img loading=\"lazy\"\n class=\"about-image\"\n src=\"https:\/\/amarresdeamorefectivos.es\/wp-content\/uploads\/2023\/09\/shutterstock_2148552347-5.jpg\"\n alt=\"Elena - Especialista en Amarres de Amor Efectivos\"\n loading=\"lazy\"\n width=\"400\"\n height=\"500\"\n decoding=\"async\"\n >\n <div class=\"experience-badge\">\n <div class=\"experience-number\">12+<\/div>\n <div class=\"experience-text\">A\u00f1os de<br>experiencia<\/div>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"about-content-column\">\n <span class=\"about-pretitle\">Conoce a Elena<\/span>\n\n <h2 class=\"about-title\">\n \u00bfPor qu\u00e9 trabajar conmigo?\n <\/h2>\n\n <p class=\"about-intro\">\n No soy una m\u00e1s en el mundo esot\u00e9rico. Soy una profesional que lleva 7 a\u00f1os \n trabajando exclusivamente en reunir parejas con trabajos de magia blanca efectivos y \u00e9ticos.\n <\/p>\n\n <ul class=\"differentials-list\">\n <li class=\"differential-item\">\n <div class=\"differential-icon\">\n <svg viewBox=\"0 0 24 24\">\n <path d=\"M22 11.08V12a10 10 0 1 1-5.93-9.14\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n <polyline points=\"22 4 12 14.01 9 11.01\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n <\/svg>\n <\/div>\n <div class=\"differential-content\">\n <h3>Evaluaci\u00f3n honesta antes de aceptar<\/h3>\n <p>No acepto todos los casos. Analizo tu situaci\u00f3n con honestidad y te digo si realmente puedo ayudarte.<\/p>\n <\/div>\n <\/li>\n\n <li class=\"differential-item\">\n <div class=\"differential-icon\">\n <svg viewBox=\"0 0 24 24\">\n <path d=\"M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n <circle cx=\"9\" cy=\"7\" r=\"4\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n <path d=\"M23 21v-2a4 4 0 0 0-3-3.87\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n <path d=\"M16 3.13a4 4 0 0 1 0 7.75\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n <\/svg>\n <\/div>\n <div class=\"differential-content\">\n <h3>Atenci\u00f3n directa y personalizada<\/h3>\n <p>Trabajo con un n\u00famero limitado de casos al mes para garantizar dedicaci\u00f3n total. Hablas conmigo de principio a fin.<\/p>\n <\/div>\n <\/li>\n\n <li class=\"differential-item\">\n <div class=\"differential-icon\">\n <svg viewBox=\"0 0 24 24\">\n <rect x=\"3\" y=\"11\" width=\"18\" height=\"11\" rx=\"2\" ry=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n <path d=\"M7 11V7a5 5 0 0 1 10 0v4\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n <\/svg>\n <\/div>\n <div class=\"differential-content\">\n <h3>Confidencialidad absoluta garantizada<\/h3>\n <p>Tu privacidad es sagrada. Nadie sabr\u00e1 que trabajas conmigo. M\u00e1xima discreci\u00f3n en cada paso del proceso.<\/p>\n <\/div>\n <\/li>\n\n <li class=\"differential-item\">\n <div class=\"differential-icon\">\n <svg viewBox=\"0 0 24 24\">\n <path d=\"M12 2v20\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n <path d=\"M17 5H9.5a3.5 3.5 0 0 0 0 7h5a3.5 3.5 0 0 1 0 7H6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n <\/svg>\n <\/div>\n <div class=\"differential-content\">\n <h3>Resultados comprobados y experiencia real<\/h3>\n <p>M\u00e1s de 12,000 parejas reunidas en 7 a\u00f1os. Casos documentados con seguimiento real de cada proceso.<\/p>\n <\/div>\n <\/li>\n\n <li class=\"differential-item\">\n <div class=\"differential-icon\">\n <svg viewBox=\"0 0 24 24\">\n <path d=\"M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 0 0-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 0 0 0-7.78z\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n <\/svg>\n <\/div>\n <div class=\"differential-content\">\n <h3>Magia blanca \u00e9tica y profesional<\/h3>\n <p>Trabajo exclusivamente con magia blanca. No utilizo t\u00e9cnicas que puedan da\u00f1ar a terceros o forzar voluntades.<\/p>\n <\/div>\n <\/li>\n <\/ul>\n\n <div class=\"professional-statement\">\n <p>\n Este no es un trabajo para m\u00ed, es mi vocaci\u00f3n. Cada caso que acepto lo trato \n con la seriedad y dedicaci\u00f3n que merece. Tu felicidad es mi compromiso.\n <\/p>\n <\/div>\n <\/div>\n\n <\/div>\n <\/div>\n <\/section>\n<\/body>\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-67c5454 e-con-full e-flex e-con e-parent\" data-id=\"67c5454\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-bd2306d elementor-widget elementor-widget-html\" data-id=\"bd2306d\" data-element_type=\"widget\" id=\"#metodo\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\n<html lang=\"es\">\n<head>\n <meta charset=\"UTF-8\">\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n <title>Secci\u00f3n Soluci\u00f3n - Amarres de Amor<\/title>\n <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Cormorant+Garamond:wght@300;400;600;700&family=Cinzel:wght@400;600;700&family=Montserrat:wght@300;400;500;600&display=swap\" rel=\"stylesheet\">\n <style>\n :root {\n --primary: #8B4789;\n --secondary: #D4AF37;\n --dark: #1a0a1f;\n --dark-lighter: #2a1a2f;\n --text-primary: #ffffff;\n --text-secondary: rgba(255, 255, 255, 0.75);\n --text-muted: rgba(255, 255, 255, 0.5);\n }\n\n * { margin: 0; padding: 0; box-sizing: border-box; }\n\n body {\n font-family: 'Montserrat', sans-serif;\n background: var(--dark);\n color: var(--text-primary);\n }\n\n .solution-section {\n position: relative;\n background: linear-gradient(180deg, var(--dark-lighter) 0%, var(--dark) 100%);\n padding: 6rem 2rem 5rem;\n overflow: hidden;\n }\n\n .solution-section::before {\n content: '';\n position: absolute;\n top: 0; left: 0;\n width: 100%; height: 1px;\n background: linear-gradient(90deg, transparent, rgba(212, 175, 55, 0.3), transparent);\n }\n\n .container { max-width: 1200px; margin: 0 auto; }\n\n \/* Header \u2014 sin opacity:0 ni animation *\/\n .section-header {\n text-align: center;\n margin-bottom: 3.5rem;\n }\n\n .section-title {\n font-family: 'Cinzel', serif;\n font-size: clamp(2rem, 5vw, 3rem);\n font-weight: 600;\n line-height: 1.2;\n color: var(--text-primary);\n max-width: 800px;\n margin: 0 auto;\n }\n\n .method-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.75rem;\n margin-bottom: 3rem;\n }\n\n \/* Cards \u2014 sin opacity:0, sin fadeInUp, hover limpio sin ripple *\/\n .method-card {\n background: rgba(255, 255, 255, 0.03);\n border: 1px solid rgba(255, 255, 255, 0.08);\n border-radius: 12px;\n padding: 2.25rem 1.75rem;\n position: relative;\n transition: background 0.25s ease, border-color 0.25s ease, transform 0.25s ease;\n backface-visibility: hidden;\n }\n\n .method-card::before {\n content: '';\n position: absolute;\n top: 0; left: 0;\n width: 100%; height: 2px;\n background: linear-gradient(90deg, var(--secondary), transparent);\n opacity: 0;\n transition: opacity 0.25s ease;\n }\n\n .method-card:hover {\n background: rgba(255, 255, 255, 0.05);\n border-color: rgba(212, 175, 55, 0.25);\n transform: translateY(-4px);\n }\n\n .method-card:hover::before { opacity: 1; }\n\n .method-number {\n position: absolute;\n top: -12px; right: 20px;\n width: 50px; height: 50px;\n background: linear-gradient(135deg, var(--primary), var(--secondary));\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-family: 'Cinzel', serif;\n font-size: 1.3rem;\n font-weight: 700;\n color: white;\n border: 3px solid var(--dark-lighter);\n box-shadow: 0 4px 15px rgba(212, 175, 55, 0.3);\n }\n\n .method-icon {\n width: 50px; height: 50px;\n margin-bottom: 1.25rem;\n display: flex;\n align-items: center;\n justify-content: center;\n border-radius: 10px;\n background: rgba(212, 175, 55, 0.1);\n border: 1px solid rgba(212, 175, 55, 0.2);\n }\n\n .method-icon svg {\n width: 24px; height: 24px;\n stroke: var(--secondary);\n fill: none;\n stroke-width: 2;\n }\n\n .method-title {\n font-family: 'Cinzel', serif;\n font-size: 1.15rem;\n font-weight: 600;\n color: var(--text-primary);\n margin-bottom: 0.75rem;\n line-height: 1.3;\n }\n\n .method-description {\n font-size: 0.9rem;\n color: var(--text-secondary);\n line-height: 1.6;\n font-weight: 300;\n }\n\n \/* Stats bar \u2014 sin animation *\/\n .stats-bar {\n display: flex;\n justify-content: center;\n gap: 3rem;\n flex-wrap: wrap;\n background: rgba(255, 255, 255, 0.03);\n border: 1px solid rgba(255, 255, 255, 0.06);\n border-radius: 12px;\n padding: 2rem;\n margin-bottom: 3rem;\n }\n\n .stat-item { text-align: center; }\n\n .stat-number {\n font-family: 'Cinzel', serif;\n font-size: 2.5rem;\n font-weight: 700;\n background: linear-gradient(135deg, var(--secondary), #e0c04f);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n background-clip: text;\n margin-bottom: 0.5rem;\n line-height: 1;\n }\n\n .stat-label {\n font-size: 0.85rem;\n color: var(--text-secondary);\n text-transform: uppercase;\n letter-spacing: 1px;\n }\n\n \/* Differentiation box \u2014 sin animation *\/\n .differentiation-box {\n background: rgba(139, 71, 137, 0.08);\n border-left: 3px solid var(--primary);\n padding: 2rem 2.5rem;\n border-radius: 0 12px 12px 0;\n margin-bottom: 3rem;\n }\n\n .differentiation-title {\n font-family: 'Cinzel', serif;\n font-size: 1.2rem;\n font-weight: 600;\n color: var(--text-primary);\n margin-bottom: 1rem;\n }\n\n .differentiation-text {\n font-size: 0.9rem;\n color: var(--text-secondary);\n line-height: 1.7;\n font-weight: 300;\n }\n\n \/* CTA \u2014 sin animation, sin ripple *\/\n .cta-container { text-align: center; }\n\n .cta-pretitle {\n font-family: 'Cormorant Garamond', serif;\n font-size: 1.05rem;\n color: var(--text-secondary);\n margin-bottom: 1.25rem;\n }\n\n .cta-button {\n display: inline-flex;\n align-items: center;\n gap: 0.75rem;\n padding: 1.5rem 3rem;\n background: linear-gradient(135deg, var(--secondary), #d4af37);\n color: var(--dark);\n font-size: 1.05rem;\n font-weight: 700;\n text-transform: uppercase;\n letter-spacing: 1px;\n border: none;\n border-radius: 50px;\n cursor: pointer;\n transition: transform 0.25s ease, box-shadow 0.25s ease;\n box-shadow: 0 10px 30px rgba(212, 175, 55, 0.3);\n text-decoration: none;\n }\n\n .cta-button:hover {\n transform: translateY(-3px);\n box-shadow: 0 15px 40px rgba(212, 175, 55, 0.45);\n }\n\n .cta-disclaimer {\n font-size: 0.85rem;\n color: var(--text-muted);\n margin-top: 1rem;\n }\n\n @media (max-width: 768px) {\n .solution-section { padding: 4rem 1.5rem 3.5rem; }\n .section-header { margin-bottom: 2.5rem; }\n .method-grid { grid-template-columns: 1fr; gap: 1.5rem; margin-bottom: 2.5rem; }\n .method-card { padding: 2rem 1.5rem; }\n .stats-bar { gap: 2rem; padding: 1.75rem 1.25rem; margin-bottom: 2.5rem; }\n .stat-number { font-size: 2rem; }\n .differentiation-box { padding: 1.75rem 1.5rem; margin-bottom: 2.5rem; }\n .cta-button { width: 100%; max-width: 360px; padding: 1.3rem 2rem; font-size: 0.95rem; }\n .section-title { font-size: 1.85rem; }\n }\n <\/style>\n<\/head>\n<body>\n <section id=\"metodo\" class=\"solution-section\">\n <div class=\"container\">\n\n <div class=\"section-header\">\n <h2 class=\"section-title\">\n Un m\u00e9todo estructurado respaldado por a\u00f1os de experiencia\n <\/h2>\n <\/div>\n\n <div class=\"method-grid\">\n <div class=\"method-card\">\n <div class=\"method-number\">01<\/div>\n <div class=\"method-icon\">\n <svg viewBox=\"0 0 24 24\">\n <path d=\"M21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16z\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n <polyline points=\"3.27 6.96 12 12.01 20.73 6.96\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n <line x1=\"12\" y1=\"22.08\" x2=\"12\" y2=\"12\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n <\/svg>\n <\/div>\n <h3 class=\"method-title\">Evaluaci\u00f3n Personalizada<\/h3>\n <p class=\"method-description\">\n Analizamos tu caso antes de aceptarlo. No todos los trabajos son adecuados. La honestidad es nuestra base.\n <\/p>\n <\/div>\n\n <div class=\"method-card\">\n <div class=\"method-number\">02<\/div>\n <div class=\"method-icon\">\n <svg viewBox=\"0 0 24 24\">\n <path d=\"M12 2v20\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n <path d=\"M17 5H9.5a3.5 3.5 0 0 0 0 7h5a3.5 3.5 0 0 1 0 7H6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n <\/svg>\n <\/div>\n <h3 class=\"method-title\">Experiencia Comprobada<\/h3>\n <p class=\"method-description\">\n 7 a\u00f1os trabajando casos reales. M\u00e1s de 12,000 parejas reunidas. Resultados medibles, no promesas vac\u00edas.\n <\/p>\n <\/div>\n\n <div class=\"method-card\">\n <div class=\"method-number\">03<\/div>\n <div class=\"method-icon\">\n <svg viewBox=\"0 0 24 24\">\n <circle cx=\"12\" cy=\"12\" r=\"10\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n <path d=\"M12 6v6l4 2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n <\/svg>\n <\/div>\n <h3 class=\"method-title\">Trabajo Energ\u00e9tico Profesional<\/h3>\n <p class=\"method-description\">\n T\u00e9cnicas ancestrales de magia blanca aplicadas con conocimiento real. No improvisaciones ni recetas de internet.\n <\/p>\n <\/div>\n\n <div class=\"method-card\">\n <div class=\"method-number\">04<\/div>\n <div class=\"method-icon\">\n <svg viewBox=\"0 0 24 24\">\n <path d=\"M9 11l3 3L22 4\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n <path d=\"M21 12v7a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h11\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n <\/svg>\n <\/div>\n <h3 class=\"method-title\">Seguimiento y Discreci\u00f3n Total<\/h3>\n <p class=\"method-description\">\n Acompa\u00f1amiento durante todo el proceso. M\u00e1xima confidencialidad garantizada. Tu privacidad es sagrada.\n <\/p>\n <\/div>\n <\/div>\n\n <div class=\"stats-bar\">\n <div class=\"stat-item\">\n <div class=\"stat-number\">7+<\/div>\n <div class=\"stat-label\">A\u00f1os Experiencia<\/div>\n <\/div>\n <div class=\"stat-item\">\n <div class=\"stat-number\">12K+<\/div>\n <div class=\"stat-label\">Parejas Reunidas<\/div>\n <\/div>\n <div class=\"stat-item\">\n <div class=\"stat-number\">94%<\/div>\n <div class=\"stat-label\">Tasa de \u00c9xito<\/div>\n <\/div>\n <\/div>\n\n <div class=\"differentiation-box\">\n <h3 class=\"differentiation-title\">\u00bfPor qu\u00e9 no hacerlo t\u00fa mismo?<\/h3>\n <p class=\"differentiation-text\">\n Los rituales de internet carecen de la fuerza energ\u00e9tica y preparaci\u00f3n necesaria. \n Un trabajo profesional requiere a\u00f1os de estudio y conexi\u00f3n real con las fuerzas ancestrales.\n <\/p>\n <\/div>\n\n <div class=\"cta-container\">\n <p class=\"cta-pretitle\">\n Si buscas resultados reales, no experimentos...\n <\/p>\n <a href=\"javascript:void(0);\"\n id=\"btn-metodo-chat\"\n class=\"cta-button js-whatsapp-conversion\"\n data-whatsapp=\"metodo\"\n onclick=\"openMetodoWhatsApp()\">\n <span>Solicita tu evaluaci\u00f3n inicial<\/span>\n <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\">\n <line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"\/>\n <polyline points=\"12 5 19 12 12 19\"\/>\n <\/svg>\n<\/a>\n <p class=\"cta-disclaimer\">\n Consulta inicial sin compromiso \u00b7 Respuesta en menos de 2 horas\n <\/p>\n <\/div>\n\n <\/div>\n <\/section>\n <script>\nfunction openMetodoWhatsApp() {\n\n \/\/ Evento limpio para Google Tag Manager\n window.dataLayer = window.dataLayer || [];\n window.dataLayer.push({\n event: \"whatsapp_click\",\n boton: \"metodo\"\n });\n\n \/\/ Abrir WhatsApp\n const phone = \"34603829248\";\n const message = encodeURIComponent(\"Hola Elena, quiero solicitar una evaluaci\u00f3n inicial para mi caso.\");\n const url = `https:\/\/wa.me\/${phone}?text=${message}`;\n\n window.open(url, \"_blank\");\n}\n<\/script>\n<\/body>\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-635871a e-con-full e-flex e-con e-parent\" data-id=\"635871a\" data-element_type=\"container\" id=\"#comentarios\">\n\t\t\t\t<div class=\"elementor-element elementor-element-9259e26 elementor-widget elementor-widget-html\" data-id=\"9259e26\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\n<html lang=\"es\">\n<head>\n <meta charset=\"UTF-8\">\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n <title>Comentarios - Amarres de Amor<\/title>\n \n \n <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Cormorant+Garamond:wght@300;400;600;700&family=Cinzel:wght@400;600;700&family=Montserrat:wght@300;400;500;600&display=swap\" rel=\"stylesheet\">\n \n <style>\n :root {\n --primary: #8B4789;\n --secondary: #C6A75E;\n --dark: #1a0a1f;\n --dark-lighter: #2a1a2f;\n --light-bg: #F9FAFB;\n --text-dark: #111827;\n --text-gray: #374151;\n --text-muted: #6B7280;\n --border-light: #E5E7EB;\n }\n\n * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n }\n\n body {\n font-family: 'Montserrat', sans-serif;\n background: var(--light-bg);\n color: var(--text-dark);\n }\n\n .comments-section {\n position: relative;\n background: var(--light-bg);\n padding: 5rem 2rem 4rem;\n overflow: hidden;\n }\n\n .comments-section::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 1px;\n background: linear-gradient(90deg, transparent, rgba(198, 167, 94, 0.3), transparent);\n }\n\n .container {\n max-width: 1100px;\n margin: 0 auto;\n }\n\n .comments-header {\n text-align: center;\n margin-bottom: 3rem;\n }\n\n .comments-count {\n font-family: 'Cinzel', serif;\n font-size: clamp(2.25rem, 5vw, 3rem);\n font-weight: 600;\n color: #111827;\n margin-bottom: 0.5rem;\n }\n\n .comments-count span {\n color: var(--secondary);\n }\n\n .comments-subtitle {\n font-size: 1rem;\n color: #6B7280;\n font-weight: 300;\n }\n\n .comments-grid {\n display: grid;\n grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));\n gap: 1.5rem;\n margin-bottom: 2.5rem;\n }\n\n .comment-card {\n background: white;\n border: 1px solid rgba(198, 167, 94, 0.15);\n border-radius: 12px;\n padding: 1.5rem;\n transition: all 0.3s ease;\n position: relative;\n \/* OPTIMIZACI\u00d3N: GPU acceleration *\/\n backface-visibility: hidden;\n }\n\n .comment-card:hover {\n border-color: rgba(198, 167, 94, 0.4);\n transform: translateY(-3px);\n box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);\n }\n\n .comment-header {\n display: flex;\n justify-content: space-between;\n align-items: flex-start;\n margin-bottom: 0.85rem;\n }\n\n .comment-user {\n display: flex;\n align-items: center;\n gap: 0.65rem;\n }\n\n .comment-avatar {\n width: 42px;\n height: 42px;\n border-radius: 50%;\n background: linear-gradient(135deg, rgba(198, 167, 94, 0.1), rgba(139, 71, 137, 0.1));\n display: flex;\n align-items: center;\n justify-content: center;\n font-family: 'Cinzel', serif;\n font-weight: 600;\n color: var(--secondary);\n font-size: 1rem;\n flex-shrink: 0;\n }\n\n .comment-user-info h4 {\n font-size: 0.95rem;\n font-weight: 600;\n color: #111827;\n margin-bottom: 0.15rem;\n }\n\n .comment-date {\n font-size: 0.75rem;\n color: #9CA3AF;\n }\n\n .comment-rating {\n display: flex;\n gap: 0.1rem;\n color: #FFA500;\n font-size: 0.9rem;\n }\n\n .comment-text {\n font-size: 0.9rem;\n color: #374151;\n line-height: 1.65;\n margin-bottom: 0.85rem;\n }\n\n .comment-verified {\n display: inline-flex;\n align-items: center;\n gap: 0.35rem;\n font-size: 0.75rem;\n color: #10B981;\n font-weight: 500;\n }\n\n .comment-verified svg {\n width: 13px;\n height: 13px;\n }\n\n .pagination {\n display: flex;\n justify-content: center;\n align-items: center;\n gap: 0.4rem;\n margin-top: 2.5rem;\n flex-wrap: wrap;\n }\n\n .pagination-button {\n min-width: 38px;\n height: 38px;\n border: 1px solid rgba(198, 167, 94, 0.3);\n background: white;\n color: #374151;\n border-radius: 8px;\n cursor: pointer;\n font-family: 'Montserrat', sans-serif;\n font-size: 0.875rem;\n font-weight: 500;\n transition: all 0.2s ease;\n display: flex;\n align-items: center;\n justify-content: center;\n padding: 0 0.65rem;\n \/* OPTIMIZACI\u00d3N: GPU acceleration *\/\n backface-visibility: hidden;\n }\n\n .pagination-button:hover:not(:disabled) {\n border-color: var(--secondary);\n background: rgba(198, 167, 94, 0.05);\n }\n\n .pagination-button.active {\n background: var(--secondary);\n color: white;\n border-color: var(--secondary);\n }\n\n .pagination-button:disabled {\n opacity: 0.3;\n cursor: not-allowed;\n }\n\n .pagination-dots {\n color: #9CA3AF;\n padding: 0 0.4rem;\n }\n\n @media (max-width: 768px) {\n .comments-section {\n padding: 3.5rem 1.5rem 3rem;\n }\n\n .comments-grid {\n grid-template-columns: 1fr;\n gap: 1.25rem;\n }\n\n .pagination {\n gap: 0.3rem;\n }\n\n .pagination-button {\n min-width: 34px;\n height: 34px;\n font-size: 0.8rem;\n }\n }\n <\/style>\n<\/head>\n<body>\n <section id=\"comentarios\" class=\"comments-section\">\n <div class=\"container\">\n <div class=\"comments-header\">\n <h2 class=\"comments-count\">\n <span>312<\/span> Comentarios\n <\/h2>\n <p class=\"comments-subtitle\">\n Historias reales de personas que recuperaron a sus parejas\n <\/p>\n <\/div>\n\n <div class=\"comments-grid\" id=\"commentsGrid\">\n \n <\/div>\n\n <div class=\"pagination\" id=\"pagination\">\n \n <\/div>\n <\/div>\n <\/section>\n\n \n <script defer>\n \/\/ Comentarios base\n const baseComments = [\n {name: \"Mar\u00eda\", date: \"Hace 3 d\u00edas\", rating: 5, text: \"Despu\u00e9s de 8 meses bloqueada de todo, pens\u00e9 que lo hab\u00eda perdido para siempre. Elena trabaj\u00f3 mi caso y en 3 semanas exactas me escribi\u00f3 como si nada hubiera pasado. Hoy estamos planeando nuestra boda. No tengo palabras.\", verified: true},\n {name: \"Carmen L.\", date: \"Hace 5 d\u00edas\", rating: 5, text: \"\u00c9l se fue con otra mujer m\u00e1s joven. Yo estaba destruida. Elena me dijo que iba a tardar porque la situaci\u00f3n era complicada, pero confi\u00e9. En 6 semanas dej\u00f3 a esa chica y volvi\u00f3 conmigo pidiendo perd\u00f3n de rodillas.\", verified: true},\n {name: \"Laura\", date: \"Hace 1 semana\", rating: 5, text: \"Mi pareja de 9 a\u00f1os me dej\u00f3 de la noche a la ma\u00f1ana. Sin raz\u00f3n aparente. Elena me ayud\u00f3 a entender qu\u00e9 pas\u00f3 y en 25 d\u00edas \u00e9l regres\u00f3 diciendo que hab\u00eda cometido el error m\u00e1s grande de su vida. Ahora somos m\u00e1s felices que nunca.\", verified: true},\n {name: \"Ana\", date: \"Hace 1 semana\", rating: 5, text: \"Estaba embarazada cuando \u00e9l decidi\u00f3 irse. Pens\u00e9 que iba a criar a mi hijo sola. Elena hizo su trabajo y en 3 semanas \u00e9l volvi\u00f3 arrepentido. Ahora somos una familia completa. Elena salv\u00f3 mi vida.\", verified: true},\n {name: \"Isabel\", date: \"Hace 2 semanas\", rating: 5, text: \"Llev\u00e1bamos 4 a\u00f1os juntos y de repente me dijo que ya no sent\u00eda nada. Yo qued\u00e9 devastada. Elena trabaj\u00f3 con mucha dedicaci\u00f3n y en 18 d\u00edas exactos \u00e9l apareci\u00f3 en mi puerta llorando y dici\u00e9ndome que me ama. Funciona.\", verified: true},\n {name: \"Patricia\", date: \"Hace 2 semanas\", rating: 5, text: \"Mi caso era dif\u00edcil porque hab\u00eda distancia (\u00e9l en otra ciudad) y otra mujer. Elena nunca me minti\u00f3, me dijo que ser\u00eda lento. En 5 semanas \u00e9l dej\u00f3 todo y volvi\u00f3 conmigo. Vale cada euro que invert\u00ed.\", verified: true},\n {name: \"Rosa\", date: \"Hace 2 semanas\", rating: 5, text: \"Despu\u00e9s de probar con 4 personas diferentes que solo me timaron, encontr\u00e9 a Elena. Ella es diferente, seria y profesional. Mi ex volvi\u00f3 en 2 semanas y ahora vivimos juntos. Por fin alguien real.\", verified: true},\n {name: \"M\u00f3nica\", date: \"Hace 3 semanas\", rating: 5, text: \"Me dej\u00f3 por WhatsApp despu\u00e9s de 6 a\u00f1os juntos. Yo no pod\u00eda creer lo que estaba pasando. Elena me dio esperanza cuando nadie m\u00e1s lo hizo. En 20 d\u00edas \u00e9l volvi\u00f3 arrepentido. Ahora estamos comprometidos.\", verified: true}\n ];\n\n \/\/ Pool de nombres \u00fanicos\n const nombres = [\n \"Cristina\", \"Beatriz\", \"Raquel\", \"Silvia\", \"Pilar\", \"Teresa\", \"Dolores\", \"Roc\u00edo\",\n \"Inmaculada\", \"Amparo\", \"Consuelo\", \"Josefa\", \"Encarna\", \"Mercedes\", \"Remedios\", \"Virtudes\",\n \"Luc\u00eda\", \"Margarita\", \"Antonia\", \"Francisca\", \"Asunci\u00f3n\", \"Milagros\", \"Purificaci\u00f3n\", \"Esperanza\",\n \"Angustias\", \"Nieves\", \"Visitaci\u00f3n\", \"Trinidad\", \"Sof\u00eda\", \"Claudia\", \"Nuria\", \"Irene\",\n \"Eva\", \"Natalia\", \"Julia\", \"Adriana\", \"Lorena\", \"Alicia\", \"Marta\", \"Sandra\",\n \"Ver\u00f3nica\", \"Susana\", \"Paula\", \"Elena R.\", \"Yolanda\", \"Victoria\", \"Diana\", \"Miriam\",\n \"Angela\", \"Raquel M.\", \"Esther\", \"Montserrat\", \"Bego\u00f1a\", \"Sara\", \"Andrea\", \"Carla\"\n ];\n\n \/\/ Pool de historias emocionales\n const historias = [\n \"Despu\u00e9s de 8 meses bloqueada de todo, pens\u00e9 que lo hab\u00eda perdido para siempre. Elena trabaj\u00f3 mi caso y en 3 semanas exactas me escribi\u00f3 como si nada hubiera pasado. Hoy estamos planeando nuestra boda.\",\n \"\u00c9l se fue con otra mujer m\u00e1s joven. Yo estaba destruida. Elena me dijo que iba a tardar porque la situaci\u00f3n era complicada, pero confi\u00e9. En 6 semanas dej\u00f3 a esa chica y volvi\u00f3 conmigo.\",\n \"Mi pareja de 9 a\u00f1os me dej\u00f3 de la noche a la ma\u00f1ana. Sin raz\u00f3n aparente. Elena me ayud\u00f3 a entender qu\u00e9 pas\u00f3 y en 25 d\u00edas \u00e9l regres\u00f3 diciendo que hab\u00eda cometido el error m\u00e1s grande.\",\n \"Estaba embarazada cuando \u00e9l decidi\u00f3 irse. Pens\u00e9 que iba a criar a mi hijo sola. Elena hizo su trabajo y en 3 semanas \u00e9l volvi\u00f3 arrepentido. Ahora somos una familia completa.\",\n \"Llev\u00e1bamos 4 a\u00f1os juntos y de repente me dijo que ya no sent\u00eda nada. Yo qued\u00e9 devastada. Elena trabaj\u00f3 con mucha dedicaci\u00f3n y en 18 d\u00edas exactos \u00e9l apareci\u00f3 en mi puerta llorando.\",\n \"Mi caso era dif\u00edcil porque hab\u00eda distancia y otra mujer. Elena nunca me minti\u00f3, me dijo que ser\u00eda lento. En 5 semanas \u00e9l dej\u00f3 todo y volvi\u00f3 conmigo. Vale cada euro.\",\n \"Despu\u00e9s de probar con 4 personas diferentes que solo me timaron, encontr\u00e9 a Elena. Ella es diferente, seria y profesional. Mi ex volvi\u00f3 en 2 semanas y ahora vivimos juntos.\",\n \"Me dej\u00f3 por WhatsApp despu\u00e9s de 6 a\u00f1os juntos. Yo no pod\u00eda creer lo que estaba pasando. Elena me dio esperanza cuando nadie m\u00e1s lo hizo. En 20 d\u00edas \u00e9l volvi\u00f3 arrepentido.\",\n \"Su ex volvi\u00f3 a su vida y \u00e9l empez\u00f3 a alejarse de m\u00ed. Elena me explic\u00f3 que pod\u00eda trabajar el caso pero que deb\u00eda tener paciencia. En 1 mes exacto \u00e9l cort\u00f3 con su ex definitivamente.\",\n \"Pens\u00e9 que 5 meses sin hablar era demasiado tiempo. Elena me dijo que no, que el amor real no desaparece. Trabaj\u00f3 mi caso y en 3 semanas \u00e9l me busc\u00f3.\",\n \"\u00c9l estaba con otra persona cuando contact\u00e9 a Elena. Me dijo desde el inicio que no me promet\u00eda nada pero que iba a trabajar. En 4 semanas \u00e9l termin\u00f3 esa relaci\u00f3n.\",\n \"Mi pareja se fue sin dar explicaciones. Solo dijo que necesitaba espacio. Elena trabaj\u00f3 mi caso con mucha seriedad y en 2 semanas y media \u00e9l volvi\u00f3.\",\n \"Llevaba 3 meses llorando todos los d\u00edas. Mi vida no ten\u00eda sentido sin \u00e9l. Elena me devolvi\u00f3 la esperanza y en 3 semanas mi amor volvi\u00f3.\",\n \"\u00c9l se fue con su compa\u00f1era de trabajo. Yo estaba destrozada viendo sus fotos juntos en redes. Elena hizo el trabajo y en 1 mes \u00e9l dej\u00f3 a esa mujer.\",\n \"Despu\u00e9s de 7 a\u00f1os de relaci\u00f3n me dej\u00f3 diciendo que ya no me amaba. Elena me explic\u00f3 que esas palabras no siempre son verdad. En 3 semanas \u00e9l volvi\u00f3.\"\n ];\n\n const fechas = [\n \"Hace 3 semanas\", \"Hace 4 semanas\", \"Hace 1 mes\", \"Hace 5 semanas\", \n \"Hace 6 semanas\", \"Hace 2 meses\", \"Hace 2 meses\", \"Hace 3 meses\"\n ];\n\n \/\/ FIX CR\u00cdTICO: Funci\u00f3n que genera comentarios SIN bucle infinito\n function generateAllComments() {\n const allComments = [...baseComments];\n const totalNeeded = 312;\n \n for (let i = baseComments.length; i < totalNeeded; i++) {\n const nombreIndex = (i - baseComments.length) % nombres.length;\n const historiaIndex = i % historias.length;\n const fechaIndex = i % fechas.length;\n \n let nombre = nombres[nombreIndex];\n \n \/\/ Si ya usamos todos los nombres una vez, a\u00f1adir letra\n const ronda = Math.floor((i - baseComments.length) \/ nombres.length);\n if (ronda > 0) {\n nombre = nombre + \" \" + String.fromCharCode(65 + ronda - 1);\n }\n \n allComments.push({\n name: nombre,\n date: fechas[fechaIndex],\n rating: 5,\n text: historias[historiaIndex],\n verified: true\n });\n }\n \n return allComments;\n }\n\n \/\/ OPTIMIZACI\u00d3N: Generar comentarios una sola vez\n const allComments = generateAllComments();\n \n const COMMENTS_PER_PAGE = 8;\n const TOTAL_PAGES = Math.ceil(allComments.length \/ COMMENTS_PER_PAGE);\n let currentPage = 1;\n\n function getInitials(name) {\n const parts = name.split(' ');\n if (parts.length === 1) {\n return parts[0][0];\n }\n return parts[0][0] + parts[parts.length - 1][0];\n }\n\n function renderComments(page, shouldScroll = false) {\n const start = (page - 1) * COMMENTS_PER_PAGE;\n const end = start + COMMENTS_PER_PAGE;\n const commentsToShow = allComments.slice(start, end);\n \n const grid = document.getElementById('commentsGrid');\n grid.innerHTML = '';\n \n commentsToShow.forEach(comment => {\n const card = document.createElement('div');\n card.className = 'comment-card';\n card.innerHTML = `\n <div class=\"comment-header\">\n <div class=\"comment-user\">\n <div class=\"comment-avatar\">${getInitials(comment.name)}<\/div>\n <div class=\"comment-user-info\">\n <h4>${comment.name}<\/h4>\n <div class=\"comment-date\">${comment.date}<\/div>\n <\/div>\n <\/div>\n <div class=\"comment-rating\">${'\u2605'.repeat(comment.rating)}<\/div>\n <\/div>\n <p class=\"comment-text\">${comment.text}<\/p>\n ${comment.verified ? `\n <div class=\"comment-verified\">\n <svg viewBox=\"0 0 24 24\" fill=\"currentColor\">\n <path d=\"M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z\"\/>\n <\/svg>\n Verificado\n <\/div>\n ` : ''}\n `;\n grid.appendChild(card);\n });\n\n if (shouldScroll) {\n document.querySelector('.comments-section').scrollIntoView({ \n behavior: 'smooth', \n block: 'start' \n });\n }\n }\n\n function renderPagination() {\n const pagination = document.getElementById('pagination');\n pagination.innerHTML = '';\n\n const prevButton = document.createElement('button');\n prevButton.className = 'pagination-button';\n prevButton.innerHTML = '\u2190 Anterior';\n prevButton.disabled = currentPage === 1;\n prevButton.onclick = () => {\n if (currentPage > 1) {\n currentPage--;\n renderComments(currentPage, true);\n renderPagination();\n }\n };\n pagination.appendChild(prevButton);\n\n const maxButtons = 7;\n let startPage = Math.max(1, currentPage - 3);\n let endPage = Math.min(TOTAL_PAGES, startPage + maxButtons - 1);\n\n if (endPage - startPage < maxButtons - 1) {\n startPage = Math.max(1, endPage - maxButtons + 1);\n }\n\n if (startPage > 1) {\n const firstButton = document.createElement('button');\n firstButton.className = 'pagination-button';\n firstButton.textContent = '1';\n firstButton.onclick = () => {\n currentPage = 1;\n renderComments(currentPage, true);\n renderPagination();\n };\n pagination.appendChild(firstButton);\n\n if (startPage > 2) {\n const dots = document.createElement('span');\n dots.className = 'pagination-dots';\n dots.textContent = '...';\n pagination.appendChild(dots);\n }\n }\n\n for (let i = startPage; i <= endPage; i++) {\n const button = document.createElement('button');\n button.className = 'pagination-button';\n if (i === currentPage) {\n button.classList.add('active');\n }\n button.textContent = i;\n button.onclick = () => {\n currentPage = i;\n renderComments(currentPage, true);\n renderPagination();\n };\n pagination.appendChild(button);\n }\n\n if (endPage < TOTAL_PAGES) {\n if (endPage < TOTAL_PAGES - 1) {\n const dots = document.createElement('span');\n dots.className = 'pagination-dots';\n dots.textContent = '...';\n pagination.appendChild(dots);\n }\n\n const lastButton = document.createElement('button');\n lastButton.className = 'pagination-button';\n lastButton.textContent = TOTAL_PAGES;\n lastButton.onclick = () => {\n currentPage = TOTAL_PAGES;\n renderComments(currentPage, true);\n renderPagination();\n };\n pagination.appendChild(lastButton);\n }\n\n const nextButton = document.createElement('button');\n nextButton.className = 'pagination-button';\n nextButton.innerHTML = 'Siguiente \u2192';\n nextButton.disabled = currentPage === TOTAL_PAGES;\n nextButton.onclick = () => {\n if (currentPage < TOTAL_PAGES) {\n currentPage++;\n renderComments(currentPage, true);\n renderPagination();\n }\n };\n pagination.appendChild(nextButton);\n }\n\n \/\/ Inicializar\n renderComments(currentPage);\n renderPagination();\n <\/script>\n<\/body>\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-fb28929 e-con-full e-flex e-con e-parent\" data-id=\"fb28929\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-2d0c8ed elementor-widget elementor-widget-html\" data-id=\"2d0c8ed\" data-element_type=\"widget\" id=\"#decidete\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\n<html lang=\"es\">\n<head>\n <meta charset=\"UTF-8\">\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n <title>Footer Final - Amarres de Amor<\/title>\n <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Cormorant+Garamond:wght@300;400;600;700&family=Cinzel:wght@400;600;700&family=Montserrat:wght@300;400;500;600&display=swap\" rel=\"stylesheet\">\n <style>\n :root {\n --primary: #8B4789;\n --secondary: #C6A75E;\n --dark: #0a0612;\n --dark-overlay: rgba(10, 6, 18, 0.85);\n --text-primary: #ffffff;\n --text-secondary: rgba(255, 255, 255, 0.8);\n --text-muted: rgba(255, 255, 255, 0.5);\n }\n\n * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n }\n\n body {\n font-family: 'Montserrat', sans-serif;\n background: var(--dark);\n }\n\n .footer-cta-section {\n position: relative;\n min-height: 600px;\n display: flex;\n align-items: center;\n justify-content: center;\n overflow: hidden;\n background: var(--dark);\n }\n\n \/* Imagen de fondo \u2014 intacta *\/\n .footer-background {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n z-index: 1;\n }\n\n .footer-background::after {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background-image: url('https:\/\/amarresdeamorefectivos.es\/wp-content\/uploads\/2026\/02\/iStock-855326414-1-scaled-e1771326578363-copia-2.webp');\n background-size: cover;\n background-position: center;\n filter: brightness(0.4) blur(1px);\n z-index: 1;\n }\n\n .footer-background::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background: linear-gradient(135deg, \n rgba(10, 6, 18, 0.9) 0%, \n rgba(26, 10, 31, 0.85) 50%,\n rgba(10, 6, 18, 0.9) 100%);\n z-index: 2;\n }\n\n \/* Contenido \u2014 sin animation *\/\n .footer-cta-content {\n position: relative;\n z-index: 10;\n text-align: center;\n max-width: 900px;\n padding: 4rem 2rem;\n }\n\n \/* L\u00ednea decorativa \u2014 est\u00e1tica *\/\n .footer-decorative-line {\n width: 100px;\n height: 3px;\n background: linear-gradient(90deg, transparent, var(--secondary), transparent);\n margin: 0 auto 3rem;\n opacity: 0.8;\n }\n\n .footer-title {\n font-family: 'Cinzel', serif;\n font-size: clamp(2.5rem, 6vw, 4rem);\n font-weight: 700;\n color: var(--text-primary);\n line-height: 1.2;\n margin-bottom: 2rem;\n text-shadow: 2px 4px 20px rgba(0, 0, 0, 0.6);\n }\n\n .footer-title-highlight {\n background: linear-gradient(135deg, var(--secondary), #e0c04f);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n background-clip: text;\n }\n\n .footer-description {\n font-family: 'Cormorant Garamond', serif;\n font-size: clamp(1.2rem, 2.5vw, 1.5rem);\n color: var(--text-secondary);\n line-height: 1.8;\n margin-bottom: 1.5rem;\n font-weight: 300;\n }\n\n .footer-features {\n display: flex;\n justify-content: center;\n gap: 2.5rem;\n flex-wrap: wrap;\n margin-bottom: 3rem;\n }\n\n .footer-feature {\n display: flex;\n align-items: center;\n gap: 0.6rem;\n color: var(--text-secondary);\n font-size: 1rem;\n font-weight: 400;\n }\n\n .footer-feature::before {\n content: '\u2726';\n color: var(--secondary);\n font-size: 1rem;\n }\n\n \/* Bot\u00f3n CTA \u2014 sin ripple, sin shimmer, hover simple *\/\n .footer-cta-button {\n display: inline-flex;\n align-items: center;\n gap: 1rem;\n padding: 1.75rem 4rem;\n background: linear-gradient(135deg, var(--secondary), #d4af37);\n color: var(--dark);\n font-family: 'Montserrat', sans-serif;\n font-size: 1.2rem;\n font-weight: 700;\n text-transform: uppercase;\n letter-spacing: 1.5px;\n border: none;\n border-radius: 50px;\n cursor: pointer;\n transition: transform 0.25s ease, box-shadow 0.25s ease;\n box-shadow: \n 0 15px 40px rgba(198, 167, 94, 0.4),\n 0 0 30px rgba(198, 167, 94, 0.2);\n text-decoration: none;\n }\n\n .footer-cta-button:hover {\n transform: translateY(-3px);\n box-shadow: \n 0 20px 50px rgba(198, 167, 94, 0.5),\n 0 0 35px rgba(198, 167, 94, 0.25);\n }\n\n .footer-cta-icon {\n flex-shrink: 0;\n }\n\n .footer-urgency {\n margin-top: 2rem;\n font-size: 0.9rem;\n color: var(--text-muted);\n font-style: italic;\n }\n\n \/* SECCI\u00d3N LEGAL \u2014 sin cambios *\/\n .footer-legal-section {\n background: #0a0612;\n padding: 3rem 2rem 2rem;\n border-top: 1px solid rgba(198, 167, 94, 0.1);\n }\n\n .footer-legal-container {\n max-width: 1200px;\n margin: 0 auto;\n }\n\n .footer-disclaimer {\n text-align: center;\n margin-bottom: 2rem;\n padding-bottom: 2rem;\n border-bottom: 1px solid rgba(255, 255, 255, 0.05);\n }\n\n .footer-disclaimer p {\n font-size: 0.85rem;\n color: rgba(255, 255, 255, 0.4);\n line-height: 1.6;\n max-width: 800px;\n margin: 0 auto 0.75rem;\n }\n\n .footer-disclaimer p:last-child {\n margin-bottom: 0;\n }\n\n .footer-legal-links {\n display: flex;\n justify-content: center;\n gap: 2rem;\n flex-wrap: wrap;\n margin-bottom: 1.5rem;\n }\n\n .footer-legal-link {\n color: rgba(255, 255, 255, 0.5);\n text-decoration: none;\n font-size: 0.85rem;\n transition: color 0.2s ease;\n }\n\n .footer-legal-link:hover {\n color: var(--secondary);\n }\n\n .footer-copyright {\n text-align: center;\n font-size: 0.8rem;\n color: rgba(255, 255, 255, 0.3);\n padding-top: 1.5rem;\n border-top: 1px solid rgba(255, 255, 255, 0.05);\n }\n\n @media (max-width: 768px) {\n .footer-cta-section {\n min-height: 500px;\n }\n\n .footer-cta-content {\n padding: 3rem 1.5rem;\n }\n\n .footer-title {\n font-size: 2.5rem;\n margin-bottom: 1.5rem;\n }\n\n .footer-description {\n font-size: 1.15rem;\n margin-bottom: 1.25rem;\n }\n\n .footer-features {\n flex-direction: column;\n gap: 1rem;\n align-items: center;\n margin-bottom: 2rem;\n }\n\n .footer-cta-button {\n width: 100%;\n max-width: 380px;\n padding: 1.5rem 2rem;\n font-size: 1rem;\n }\n\n .footer-legal-section {\n padding: 2rem 1.5rem 1.5rem;\n }\n\n .footer-legal-links {\n flex-direction: column;\n gap: 1rem;\n }\n\n .footer-decorative-line {\n margin-bottom: 2rem;\n }\n }\n <\/style>\n<\/head>\n<body>\n <section id= \"autoridad\" class=\"footer-cta-section\">\n <div class=\"footer-background\"><\/div>\n\n <div class=\"footer-cta-content\">\n <div class=\"footer-decorative-line\"><\/div>\n\n <h2 class=\"footer-title\">\n No Dejes Que El <span class=\"footer-title-highlight\">Tiempo Decida Por Ti<\/span>\n <\/h2>\n\n <p class=\"footer-description\">\n Cada d\u00eda que pasa sin actuar, el v\u00ednculo se debilita. \n 7 a\u00f1os de experiencia, miles de casos resueltos con \u00e9xito.\n <\/p>\n\n <div class=\"footer-features\">\n <div class=\"footer-feature\">Atenci\u00f3n Personalizada<\/div>\n <div class=\"footer-feature\">M\u00e1xima Discreci\u00f3n<\/div>\n <div class=\"footer-feature\">Resultados Reales<\/div>\n <\/div>\n\n <a href=\"javascript:void(0);\"\n id=\"btn-footer-chat\"\n class=\"footer-cta-button js-whatsapp-conversion\"\n data-whatsapp=\"footer\"\n onclick=\"openFooterWhatsApp()\">\n <span>Recupera a Tu Pareja Ahora<\/span>\n <svg class=\"footer-cta-icon\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\">\n <line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"><\/line>\n <polyline points=\"12 5 19 12 12 19\"><\/polyline>\n <\/svg>\n<\/a>\n\n <p class=\"footer-urgency\">\n Respuesta garantizada en menos de 2 horas\n <\/p>\n <\/div>\n <\/section>\n\n <footer class=\"footer-legal-section\">\n <div class=\"footer-legal-container\">\n <div class=\"footer-disclaimer\">\n <p>\n <strong>Servicio exclusivo para mayores de 18 a\u00f1os.<\/strong> Los resultados pueden variar seg\u00fan cada caso. \n Este servicio se basa en pr\u00e1cticas ancestrales de magia blanca y no sustituye asesoramiento m\u00e9dico, \n legal o psicol\u00f3gico profesional.\n <\/p>\n <p>\n Todos los trabajos se realizan con \u00e9tica y respeto hacia las personas involucradas. \n La informaci\u00f3n proporcionada es estrictamente confidencial.\n <\/p>\n <\/div>\n\n <div class=\"footer-legal-links\">\n <a href=\"#\" class=\"footer-legal-link\">Pol\u00edtica de Privacidad<\/a>\n <a href=\"#\" class=\"footer-legal-link\">T\u00e9rminos y Condiciones<\/a>\n <a href=\"#\" class=\"footer-legal-link\">Aviso Legal<\/a>\n <a href=\"#\" class=\"footer-legal-link\">Cookies<\/a>\n <\/div>\n\n <div class=\"footer-copyright\">\n \u00a9 2026 Amarres de Amor Profesionales - Elena | Todos los derechos reservados\n <\/div>\n <\/div>\n <\/footer>\n <script>\nfunction openFooterWhatsApp() {\n\n \/\/ Evento limpio para Google Tag Manager\n window.dataLayer = window.dataLayer || [];\n window.dataLayer.push({\n event: \"whatsapp_click\",\n boton: \"footer\"\n });\n\n \/\/ Abrir WhatsApp\n const phone = \"34603829248\";\n const message = encodeURIComponent(\"Hola Elena, quiero recuperar a mi pareja y necesito tu ayuda profesional.\");\n const url = `https:\/\/wa.me\/${phone}?text=${message}`;\n\n window.open(url, \"_blank\");\n}\n<\/script>\n<\/body>\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-ad33076 e-con-full e-flex e-con e-parent\" data-id=\"ad33076\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-caf12b0 elementor-widget elementor-widget-html\" data-id=\"caf12b0\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\n<html lang=\"es\">\n<head>\n <meta charset=\"UTF-8\">\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n <title>WhatsApp Flotante Premium<\/title>\n <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Cormorant+Garamond:wght@300;400;600;700&family=Cinzel:wght@400;600;700&family=Montserrat:wght@300;400;500;600&display=swap\" rel=\"stylesheet\">\n <style>\n :root {\n --whatsapp-green: #25D366;\n --secondary: #C6A75E;\n --dark: #1a0a1f;\n --text-dark: #111827;\n --text-gray: #374151;\n }\n\n \/* Contenedor del bot\u00f3n flotante *\/\n .whatsapp-float-container {\n position: fixed;\n bottom: 30px;\n right: 30px;\n z-index: 9999;\n font-family: 'Montserrat', sans-serif;\n opacity: 1;\n visibility: visible;\n }\n\n \/* Bot\u00f3n flotante principal *\/\n .whatsapp-float-button {\n width: 65px;\n height: 65px;\n background: #25D366 !important;\n background: linear-gradient(135deg, #25D366 0%, #20BA5A 100%) !important;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n cursor: pointer;\n box-shadow: \n 0 8px 24px rgba(37, 211, 102, 0.4),\n 0 4px 12px rgba(0, 0, 0, 0.15);\n transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n border: 3px solid rgba(255, 255, 255, 0.3) !important;\n position: relative;\n animation: pulse-ring 1.5s ease-out infinite;\n \/* OPTIMIZACI\u00d3N: GPU acceleration *\/\n will-change: transform;\n backface-visibility: hidden;\n }\n\n .whatsapp-float-button:hover {\n transform: scale(1.1);\n box-shadow: \n 0 12px 32px rgba(37, 211, 102, 0.5),\n 0 6px 16px rgba(0, 0, 0, 0.2);\n }\n\n .whatsapp-float-button:active {\n transform: scale(0.95);\n }\n\n \/* Animaci\u00f3n de pulso *\/\n @keyframes pulse-ring {\n 0% {\n box-shadow: \n 0 0 0 0 rgba(37, 211, 102, 0.4),\n 0 8px 24px rgba(37, 211, 102, 0.4),\n 0 4px 12px rgba(0, 0, 0, 0.15);\n }\n 50% {\n box-shadow: \n 0 0 0 15px rgba(37, 211, 102, 0),\n 0 8px 24px rgba(37, 211, 102, 0.4),\n 0 4px 12px rgba(0, 0, 0, 0.15);\n }\n 100% {\n box-shadow: \n 0 0 0 0 rgba(37, 211, 102, 0),\n 0 8px 24px rgba(37, 211, 102, 0.4),\n 0 4px 12px rgba(0, 0, 0, 0.15);\n }\n }\n\n \/* Icono de WhatsApp *\/\n .whatsapp-icon {\n width: 35px;\n height: 35px;\n fill: white !important;\n }\n\n \/* Badge de notificaci\u00f3n (opcional) *\/\n .whatsapp-badge {\n position: absolute;\n top: -5px;\n right: -5px;\n width: 24px;\n height: 24px;\n background: #FF3B30 !important;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 12px;\n font-weight: 700;\n color: white !important;\n border: 2px solid white;\n animation: bounce 1.5s ease-in-out infinite;\n }\n\n @keyframes bounce {\n 0%, 100% {\n transform: translateY(0);\n }\n 50% {\n transform: translateY(-5px);\n }\n }\n\n \/* Popup\/Modal *\/\n .whatsapp-popup {\n position: absolute;\n bottom: 85px;\n right: 0;\n width: 320px;\n background: white !important;\n border-radius: 16px;\n box-shadow: \n 0 20px 60px rgba(0, 0, 0, 0.2),\n 0 0 1px rgba(0, 0, 0, 0.1);\n overflow: hidden;\n opacity: 0;\n visibility: hidden;\n transform: translateY(20px) scale(0.9);\n transform-origin: bottom right;\n transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n }\n\n .whatsapp-popup.active {\n opacity: 1;\n visibility: visible;\n transform: translateY(0) scale(1);\n }\n\n \/* Header del popup *\/\n .whatsapp-popup-header {\n background: #25D366 !important;\n background: linear-gradient(135deg, #25D366 0%, #20BA5A 100%) !important;\n padding: 1.25rem 1.5rem;\n display: flex;\n align-items: center;\n gap: 1rem;\n position: relative;\n }\n\n .whatsapp-popup-avatar {\n width: 50px;\n height: 50px;\n border-radius: 50%;\n background: white !important;\n display: flex;\n align-items: center;\n justify-content: center;\n box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);\n }\n\n .whatsapp-popup-avatar svg {\n width: 28px;\n height: 28px;\n fill: #25D366 !important;\n }\n\n .whatsapp-popup-info {\n flex: 1;\n }\n\n .whatsapp-popup-name {\n font-family: 'Cinzel', serif;\n font-size: 1.1rem;\n font-weight: 600;\n color: white !important;\n margin-bottom: 0.25rem;\n }\n\n .whatsapp-popup-status {\n font-size: 0.85rem;\n color: rgba(255, 255, 255, 0.9) !important;\n display: flex;\n align-items: center;\n gap: 0.5rem;\n }\n\n .whatsapp-popup-status::before {\n content: '';\n width: 8px;\n height: 8px;\n background: #4ade80;\n border-radius: 50%;\n animation: pulse-dot 1.5s ease-in-out infinite;\n }\n\n @keyframes pulse-dot {\n 0%, 100% {\n opacity: 1;\n }\n 50% {\n opacity: 0.5;\n }\n }\n\n \/* Bot\u00f3n cerrar *\/\n .whatsapp-popup-close {\n position: absolute;\n top: 0.75rem;\n right: 0.75rem;\n width: 28px;\n height: 28px;\n background: rgba(255, 255, 255, 0.2);\n border: none;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n cursor: pointer;\n transition: all 0.2s ease;\n }\n\n .whatsapp-popup-close:hover {\n background: rgba(255, 255, 255, 0.3);\n transform: rotate(90deg);\n }\n\n .whatsapp-popup-close svg {\n width: 14px;\n height: 14px;\n stroke: white;\n }\n\n \/* Body del popup *\/\n .whatsapp-popup-body {\n padding: 1.5rem;\n }\n\n .whatsapp-message {\n background: #F0F2F5 !important;\n padding: 1rem 1.25rem;\n border-radius: 12px;\n margin-bottom: 1.25rem;\n position: relative;\n }\n\n .whatsapp-message::before {\n content: '';\n position: absolute;\n top: 0;\n left: -8px;\n width: 0;\n height: 0;\n border-style: solid;\n border-width: 0 8px 8px 0;\n border-color: transparent #F0F2F5 transparent transparent;\n }\n\n .whatsapp-message-text {\n font-size: 0.95rem;\n color: #111827 !important;\n line-height: 1.5;\n }\n\n .whatsapp-message-time {\n font-size: 0.75rem;\n color: #6B7280 !important;\n margin-top: 0.5rem;\n text-align: right;\n }\n\n \/* Bot\u00f3n de acci\u00f3n *\/\n .whatsapp-action-button {\n width: 100%;\n padding: 1rem;\n background: #25D366 !important;\n background: linear-gradient(135deg, #25D366 0%, #20BA5A 100%) !important;\n border: none;\n border-radius: 12px;\n color: white !important;\n font-family: 'Montserrat', sans-serif;\n font-size: 1rem;\n font-weight: 600;\n cursor: pointer;\n display: flex;\n align-items: center;\n justify-content: center;\n gap: 0.75rem;\n transition: all 0.3s ease;\n box-shadow: 0 4px 12px rgba(37, 211, 102, 0.3);\n }\n\n .whatsapp-action-button:hover {\n transform: translateY(-2px);\n box-shadow: 0 6px 20px rgba(37, 211, 102, 0.4);\n }\n\n .whatsapp-action-button:active {\n transform: translateY(0);\n }\n\n .whatsapp-action-button svg {\n width: 20px;\n height: 20px;\n fill: white !important;\n }\n\n \/* Disclaimer *\/\n .whatsapp-disclaimer {\n text-align: center;\n font-size: 0.75rem;\n color: #6B7280 !important;\n margin-top: 0.75rem;\n }\n\n \/* Responsive *\/\n @media (max-width: 480px) {\n .whatsapp-float-container {\n bottom: 20px;\n right: 20px;\n }\n\n .whatsapp-popup {\n width: calc(100vw - 40px);\n right: -10px;\n }\n\n .whatsapp-float-button {\n width: 60px;\n height: 60px;\n }\n\n .whatsapp-icon {\n width: 32px;\n height: 32px;\n }\n }\n\n \/* Ocultar cuando se hace scroll hacia arriba (opcional) *\/\n .whatsapp-float-container.hidden {\n transform: translateY(150px);\n opacity: 0;\n pointer-events: none;\n }\n <\/style>\n<\/head>\n<body>\n \n <div class=\"whatsapp-float-container\">\n \n <div class=\"whatsapp-popup\" id=\"whatsappPopup\" style=\"background: white !important;\">\n \n <div class=\"whatsapp-popup-header\" style=\"background: #25D366 !important;\">\n <div class=\"whatsapp-popup-avatar\" style=\"background: white !important;\">\n <svg viewBox=\"0 0 24 24\" style=\"fill: #25D366 !important;\">\n <path d=\"M17.472 14.382c-.297-.149-1.758-.867-2.03-.967-.273-.099-.471-.148-.67.15-.197.297-.767.966-.94 1.164-.173.199-.347.223-.644.075-.297-.15-1.255-.463-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.298-.347.446-.52.149-.174.198-.298.298-.497.099-.198.05-.371-.025-.52-.075-.149-.669-1.612-.916-2.207-.242-.579-.487-.5-.669-.51-.173-.008-.371-.01-.57-.01-.198 0-.52.074-.792.372-.272.297-1.04 1.016-1.04 2.479 0 1.462 1.065 2.875 1.213 3.074.149.198 2.096 3.2 5.077 4.487.709.306 1.262.489 1.694.625.712.227 1.36.195 1.871.118.571-.085 1.758-.719 2.006-1.413.248-.694.248-1.289.173-1.413-.074-.124-.272-.198-.57-.347m-5.421 7.403h-.004a9.87 9.87 0 01-5.031-1.378l-.361-.214-3.741.982.998-3.648-.235-.374a9.86 9.86 0 01-1.51-5.26c.001-5.45 4.436-9.884 9.888-9.884 2.64 0 5.122 1.03 6.988 2.898a9.825 9.825 0 012.893 6.994c-.003 5.45-4.437 9.884-9.885 9.884m8.413-18.297A11.815 11.815 0 0012.05 0C5.495 0 .16 5.335.157 11.892c0 2.096.547 4.142 1.588 5.945L.057 24l6.305-1.654a11.882 11.882 0 005.683 1.448h.005c6.554 0 11.89-5.335 11.893-11.893a11.821 11.821 0 00-3.48-8.413Z\"\/>\n <\/svg>\n <\/div>\n <div class=\"whatsapp-popup-info\">\n <div class=\"whatsapp-popup-name\" style=\"color: white !important;\">Elena<\/div>\n <div class=\"whatsapp-popup-status\" style=\"color: rgba(255, 255, 255, 0.9) !important;\">En l\u00ednea<\/div>\n <\/div>\n <button class=\"whatsapp-popup-close\" onclick=\"closeWhatsAppPopup()\">\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"stroke: white !important;\">\n <line x1=\"18\" y1=\"6\" x2=\"6\" y2=\"18\"><\/line>\n <line x1=\"6\" y1=\"6\" x2=\"18\" y2=\"18\"><\/line>\n <\/svg>\n <\/button>\n <\/div>\n\n \n <div class=\"whatsapp-popup-body\">\n <div class=\"whatsapp-message\" style=\"background: #F0F2F5 !important;\">\n <p class=\"whatsapp-message-text\" style=\"color: #111827 !important;\">\n \u00bfHola en qu\u00e9 te puedo ayudar?\n <\/p>\n <div class=\"whatsapp-message-time\" style=\"color: #6B7280 !important;\">Ahora<\/div>\n <\/div>\n\n <button class=\"whatsapp-action-button\" onclick=\"openWhatsApp()\" style=\"background: #25D366 !important; color: white !important;\">\n <svg viewBox=\"0 0 24 24\" style=\"fill: white !important;\">\n <path d=\"M17.472 14.382c-.297-.149-1.758-.867-2.03-.967-.273-.099-.471-.148-.67.15-.197.297-.767.966-.94 1.164-.173.199-.347.223-.644.075-.297-.15-1.255-.463-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.298-.347.446-.52.149-.174.198-.298.298-.497.099-.198.05-.371-.025-.52-.075-.149-.669-1.612-.916-2.207-.242-.579-.487-.5-.669-.51-.173-.008-.371-.01-.57-.01-.198 0-.52.074-.792.372-.272.297-1.04 1.016-1.04 2.479 0 1.462 1.065 2.875 1.213 3.074.149.198 2.096 3.2 5.077 4.487.709.306 1.262.489 1.694.625.712.227 1.36.195 1.871.118.571-.085 1.758-.719 2.006-1.413.248-.694.248-1.289.173-1.413-.074-.124-.272-.198-.57-.347m-5.421 7.403h-.004a9.87 9.87 0 01-5.031-1.378l-.361-.214-3.741.982.998-3.648-.235-.374a9.86 9.86 0 01-1.51-5.26c.001-5.45 4.436-9.884 9.888-9.884 2.64 0 5.122 1.03 6.988 2.898a9.825 9.825 0 012.893 6.994c-.003 5.45-4.437 9.884-9.885 9.884m8.413-18.297A11.815 11.815 0 0012.05 0C5.495 0 .16 5.335.157 11.892c0 2.096.547 4.142 1.588 5.945L.057 24l6.305-1.654a11.882 11.882 0 005.683 1.448h.005c6.554 0 11.89-5.335 11.893-11.893a11.821 11.821 0 00-3.48-8.413Z\"\/>\n <\/svg>\n <span style=\"color: white !important;\">Abrir chat<\/span>\n <\/button>\n\n <p class=\"whatsapp-disclaimer\" style=\"color: #6B7280 !important;\">\n Respuesta en menos de 2 horas\n <\/p>\n <\/div>\n <\/div>\n\n \n <div class=\"whatsapp-float-button\" onclick=\"toggleWhatsAppPopup()\" style=\"background: #25D366 !important;\">\n <svg class=\"whatsapp-icon\" viewBox=\"0 0 24 24\" style=\"fill: white !important;\">\n <path d=\"M17.472 14.382c-.297-.149-1.758-.867-2.03-.967-.273-.099-.471-.148-.67.15-.197.297-.767.966-.94 1.164-.173.199-.347.223-.644.075-.297-.15-1.255-.463-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.298-.347.446-.52.149-.174.198-.298.298-.497.099-.198.05-.371-.025-.52-.075-.149-.669-1.612-.916-2.207-.242-.579-.487-.5-.669-.51-.173-.008-.371-.01-.57-.01-.198 0-.52.074-.792.372-.272.297-1.04 1.016-1.04 2.479 0 1.462 1.065 2.875 1.213 3.074.149.198 2.096 3.2 5.077 4.487.709.306 1.262.489 1.694.625.712.227 1.36.195 1.871.118.571-.085 1.758-.719 2.006-1.413.248-.694.248-1.289.173-1.413-.074-.124-.272-.198-.57-.347m-5.421 7.403h-.004a9.87 9.87 0 01-5.031-1.378l-.361-.214-3.741.982.998-3.648-.235-.374a9.86 9.86 0 01-1.51-5.26c.001-5.45 4.436-9.884 9.888-9.884 2.64 0 5.122 1.03 6.988 2.898a9.825 9.825 0 012.893 6.994c-.003 5.45-4.437 9.884-9.885 9.884m8.413-18.297A11.815 11.815 0 0012.05 0C5.495 0 .16 5.335.157 11.892c0 2.096.547 4.142 1.588 5.945L.057 24l6.305-1.654a11.882 11.882 0 005.683 1.448h.005c6.554 0 11.89-5.335 11.893-11.893a11.821 11.821 0 00-3.48-8.413Z\"\/>\n <\/svg>\n \n <span class=\"whatsapp-badge\" id=\"whatsapp-float-fixed\" style=\"background: #FF3B30 !important; color: white !important;\">1<\/span>\n <\/div>\n <\/div>\n\n <script>\n \/\/ CONFIGURACI\u00d3N - Cambia aqu\u00ed tu n\u00famero de WhatsApp\n const WHATSAPP_NUMBER = '34603829248';\n const DEFAULT_MESSAGE = 'Hola Elena, necesito informaci\u00f3n sobre amarres de amor';\n\n \/\/ Toggle del popup\n function toggleWhatsAppPopup() {\n const popup = document.getElementById('whatsappPopup');\n popup.classList.toggle('active');\n }\n\n \/\/ Cerrar popup\n function closeWhatsAppPopup() {\n const popup = document.getElementById('whatsappPopup');\n popup.classList.remove('active');\n }\n\n \/\/ \ud83d\udd25 Abrir WhatsApp + Evento de conversi\u00f3n limpio\n function openWhatsApp() {\n\n \/\/ \ud83d\udd25 DISPARADOR REAL DE CONVERSI\u00d3N\n window.dataLayer = window.dataLayer || [];\n window.dataLayer.push({\n event: 'whatsapp_conversion',\n event_category: 'conversion',\n event_label: 'whatsapp_popup_button'\n });\n\n const message = encodeURIComponent(DEFAULT_MESSAGE);\n const whatsappUrl = `https:\/\/wa.me\/${WHATSAPP_NUMBER}?text=${message}`;\n window.open(whatsappUrl, '_blank');\n\n closeWhatsAppPopup();\n }\n\n \/\/ Cerrar popup al hacer clic fuera\n document.addEventListener('click', function(event) {\n const container = document.querySelector('.whatsapp-float-container');\n const popup = document.getElementById('whatsappPopup');\n \n if (!container.contains(event.target) && popup.classList.contains('active')) {\n closeWhatsAppPopup();\n }\n });\n\n let lastScrollTop = 0;\n window.addEventListener('scroll', function() {\n const scrollTop = window.pageYOffset || document.documentElement.scrollTop;\n lastScrollTop = scrollTop;\n });\n<\/script>\n<\/body>\n<\/html>\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>Hero Optimizado Google Ads – Amarres de Amor 12 A\u00f1os de Experiencia Profesional Amarres de Amor Efectivos Para Recuperar a […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"site-sidebar-layout":"no-sidebar","site-content-layout":"","ast-site-content-layout":"full-width-container","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-1260","page","type-page","status-publish","hentry"],"yoast_head":"\n<title>inicio - Elena Santiago<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/amarresdeamorefectivos.es\/\" \/>\n<meta property=\"og:locale\" content=\"es_ES\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"inicio - Elena Santiago\" \/>\n<meta property=\"og:description\" content=\"Hero Optimizado Google Ads – Amarres de Amor 12 A\u00f1os de Experiencia Profesional Amarres de Amor Efectivos Para Recuperar a […]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/amarresdeamorefectivos.es\/\" \/>\n<meta property=\"og:site_name\" content=\"Elena Santiago\" \/>\n<meta property=\"article:modified_time\" content=\"2026-02-20T22:24:08+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/amarresdeamorefectivos.es\/wp-content\/uploads\/2023\/09\/shutterstock_2148552347-6-scaled.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"2560\" \/>\n\t<meta property=\"og:image:height\" content=\"2275\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Tiempo de lectura\" \/>\n\t<meta name=\"twitter:data1\" content=\"38 minutos\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/amarresdeamorefectivos.es\/\",\"url\":\"https:\/\/amarresdeamorefectivos.es\/\",\"name\":\"inicio - Elena Santiago\",\"isPartOf\":{\"@id\":\"https:\/\/amarresdeamorefectivos.es\/#website\"},\"datePublished\":\"2026-02-16T16:32:08+00:00\",\"dateModified\":\"2026-02-20T22:24:08+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/amarresdeamorefectivos.es\/#breadcrumb\"},\"inLanguage\":\"es\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/amarresdeamorefectivos.es\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/amarresdeamorefectivos.es\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Portada\",\"item\":\"https:\/\/amarresdeamorefectivos.es\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"inicio\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/amarresdeamorefectivos.es\/#website\",\"url\":\"https:\/\/amarresdeamorefectivos.es\/\",\"name\":\"Elena Santiago\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\/\/amarresdeamorefectivos.es\/#organization\"},\"alternateName\":\"Amarres de amor-Elena Santiago\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/amarresdeamorefectivos.es\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"es\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/amarresdeamorefectivos.es\/#organization\",\"name\":\"Elena Santiago\",\"url\":\"https:\/\/amarresdeamorefectivos.es\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\/\/amarresdeamorefectivos.es\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/amarresdeamorefectivos.es\/wp-content\/uploads\/2023\/08\/IMG_2224.jpg\",\"contentUrl\":\"https:\/\/amarresdeamorefectivos.es\/wp-content\/uploads\/2023\/08\/IMG_2224.jpg\",\"width\":2340,\"height\":2300,\"caption\":\"Elena Santiago\"},\"image\":{\"@id\":\"https:\/\/amarresdeamorefectivos.es\/#\/schema\/logo\/image\/\"}}]}<\/script>\n","yoast_head_json":{"title":"inicio - Elena Santiago","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/amarresdeamorefectivos.es\/","og_locale":"es_ES","og_type":"article","og_title":"inicio - Elena Santiago","og_description":"Hero Optimizado Google Ads – Amarres de Amor 12 A\u00f1os de Experiencia Profesional Amarres de Amor Efectivos Para Recuperar a […]","og_url":"https:\/\/amarresdeamorefectivos.es\/","og_site_name":"Elena Santiago","article_modified_time":"2026-02-20T22:24:08+00:00","og_image":[{"width":2560,"height":2275,"url":"https:\/\/amarresdeamorefectivos.es\/wp-content\/uploads\/2023\/09\/shutterstock_2148552347-6-scaled.jpg","type":"image\/jpeg"}],"twitter_card":"summary_large_image","twitter_misc":{"Tiempo de lectura":"38 minutos"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/amarresdeamorefectivos.es\/","url":"https:\/\/amarresdeamorefectivos.es\/","name":"inicio - Elena Santiago","isPartOf":{"@id":"https:\/\/amarresdeamorefectivos.es\/#website"},"datePublished":"2026-02-16T16:32:08+00:00","dateModified":"2026-02-20T22:24:08+00:00","breadcrumb":{"@id":"https:\/\/amarresdeamorefectivos.es\/#breadcrumb"},"inLanguage":"es","potentialAction":[{"@type":"ReadAction","target":["https:\/\/amarresdeamorefectivos.es\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/amarresdeamorefectivos.es\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Portada","item":"https:\/\/amarresdeamorefectivos.es\/"},{"@type":"ListItem","position":2,"name":"inicio"}]},{"@type":"WebSite","@id":"https:\/\/amarresdeamorefectivos.es\/#website","url":"https:\/\/amarresdeamorefectivos.es\/","name":"Elena Santiago","description":"","publisher":{"@id":"https:\/\/amarresdeamorefectivos.es\/#organization"},"alternateName":"Amarres de amor-Elena Santiago","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/amarresdeamorefectivos.es\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"es"},{"@type":"Organization","@id":"https:\/\/amarresdeamorefectivos.es\/#organization","name":"Elena Santiago","url":"https:\/\/amarresdeamorefectivos.es\/","logo":{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/amarresdeamorefectivos.es\/#\/schema\/logo\/image\/","url":"https:\/\/amarresdeamorefectivos.es\/wp-content\/uploads\/2023\/08\/IMG_2224.jpg","contentUrl":"https:\/\/amarresdeamorefectivos.es\/wp-content\/uploads\/2023\/08\/IMG_2224.jpg","width":2340,"height":2300,"caption":"Elena Santiago"},"image":{"@id":"https:\/\/amarresdeamorefectivos.es\/#\/schema\/logo\/image\/"}}]}},"_links":{"self":[{"href":"https:\/\/amarresdeamorefectivos.es\/index.php\/wp-json\/wp\/v2\/pages\/1260","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/amarresdeamorefectivos.es\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/amarresdeamorefectivos.es\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/amarresdeamorefectivos.es\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/amarresdeamorefectivos.es\/index.php\/wp-json\/wp\/v2\/comments?post=1260"}],"version-history":[{"count":112,"href":"https:\/\/amarresdeamorefectivos.es\/index.php\/wp-json\/wp\/v2\/pages\/1260\/revisions"}],"predecessor-version":[{"id":1390,"href":"https:\/\/amarresdeamorefectivos.es\/index.php\/wp-json\/wp\/v2\/pages\/1260\/revisions\/1390"}],"wp:attachment":[{"href":"https:\/\/amarresdeamorefectivos.es\/index.php\/wp-json\/wp\/v2\/media?parent=1260"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

\n\t\t\t\t

\n\t\t\t\t\t\n\n\n \n \n Hero Optimizado Google Ads - Amarres de Amor<\/title>\n\n <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Cormorant+Garamond:wght@300;400;600;700&family=Cinzel:wght@400;600;700&family=Montserrat:wght@300;400;500;600&display=swap\" rel=\"stylesheet\">\n\n <style>\n :root {\n --primary: #8B4789;\n --secondary: #D4AF37;\n --accent: #e0c04f;\n --dark: #1a0a1f;\n --text-primary: #ffffff;\n }\n\n * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n }\n\n body {\n font-family: 'Montserrat', sans-serif;\n background: var(--dark);\n color: var(--text-primary);\n }\n\n \/* HERO: altura viewport con fallback iOS *\/\n .hero {\n position: relative;\n width: 100%;\n height: 100vh;\n min-height: 100vh;\n display: flex;\n align-items: center;\n justify-content: center;\n overflow: hidden;\n background: linear-gradient(135deg, #1a0a1f 0%, #2a1a2f 100%);\n }\n\n \/* iOS Safari fix - aplicar a todos los elementos *\/\n @supports (-webkit-touch-callout: none) {\n .hero {\n height: -webkit-fill-available;\n min-height: -webkit-fill-available;\n }\n .hero-background {\n min-height: -webkit-fill-available;\n }\n .hero-bg-img {\n min-height: -webkit-fill-available;\n }\n .hero-background::before {\n min-height: -webkit-fill-available;\n }\n }\n\n \/* BACKGROUND: position absolute para que solo cubra el hero *\/\n .hero-background {\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n width: 100%;\n height: 100%;\n min-height: 100vh;\n z-index: 1;\n }\n\n \/* IMAGEN: forzar expansi\u00f3n completa en m\u00f3vil *\/\n .hero-bg-img {\n display: block;\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n min-width: 100%;\n min-height: 100vh;\n object-fit: cover;\n object-position: center center;\n opacity: 0.35;\n }\n\n \/* OVERLAY *\/\n .hero-background::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n min-height: 100vh;\n background: linear-gradient(135deg,\n rgba(26, 10, 31, 0.70) 0%,\n rgba(42, 26, 47, 0.60) 50%,\n rgba(26, 10, 31, 0.70) 100%);\n z-index: 2;\n }\n\n .hero-content {\n position: relative;\n z-index: 10;\n text-align: center;\n max-width: 900px;\n padding: 2rem;\n }\n\n .badge {\n display: inline-block;\n padding: 0.75rem 1.75rem;\n background: rgba(212, 175, 55, 0.15);\n border: 1px solid rgba(212, 175, 55, 0.4);\n border-radius: 50px;\n color: var(--secondary);\n font-size: 0.85rem;\n font-weight: 600;\n text-transform: uppercase;\n letter-spacing: 2px;\n margin-bottom: 2rem;\n box-shadow: 0 0 20px rgba(212, 175, 55, 0.2);\n }\n\n h1 {\n font-family: 'Cinzel', serif;\n font-size: clamp(2.5rem, 8vw, 5rem);\n font-weight: 700;\n color: white;\n line-height: 1.1;\n margin-bottom: 1.5rem;\n text-shadow: 2px 4px 20px rgba(0, 0, 0, 0.5);\n }\n\n .highlight {\n background: linear-gradient(135deg, var(--secondary), var(--accent));\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n background-clip: text;\n position: relative;\n display: inline-block;\n }\n\n .highlight::after {\n content: '';\n position: absolute;\n bottom: -10px;\n left: 0;\n width: 100%;\n height: 3px;\n background: linear-gradient(90deg, transparent, var(--secondary), transparent);\n opacity: 0.7;\n }\n\n .subtitle {\n font-family: 'Cormorant Garamond', serif;\n font-size: clamp(1.15rem, 3vw, 1.5rem);\n color: rgba(255, 255, 255, 0.85);\n line-height: 1.7;\n margin-bottom: 2.5rem;\n font-weight: 300;\n max-width: 750px;\n margin-left: auto;\n margin-right: auto;\n }\n\n .features {\n display: flex;\n justify-content: center;\n gap: 2rem;\n flex-wrap: wrap;\n margin-bottom: 3rem;\n }\n\n .feature {\n display: flex;\n align-items: center;\n gap: 0.5rem;\n color: rgba(255, 255, 255, 0.9);\n font-size: 0.95rem;\n font-weight: 500;\n white-space: nowrap;\n }\n\n .feature::before {\n content: '\u2726';\n color: var(--secondary);\n font-size: 1rem;\n }\n\n .cta-button {\n display: inline-flex;\n align-items: center;\n gap: 0.75rem;\n padding: 1.5rem 3rem;\n background: linear-gradient(135deg, var(--secondary), var(--accent));\n color: var(--dark);\n font-size: 1.15rem;\n font-weight: 700;\n text-transform: uppercase;\n letter-spacing: 1px;\n border: none;\n border-radius: 50px;\n cursor: pointer;\n transition: transform 0.3s ease, box-shadow 0.3s ease;\n box-shadow:\n 0 15px 40px rgba(212, 175, 55, 0.4),\n 0 0 30px rgba(212, 175, 55, 0.2);\n position: relative;\n text-decoration: none;\n }\n\n .cta-button:hover {\n transform: translateY(-3px);\n box-shadow:\n 0 20px 50px rgba(212, 175, 55, 0.5),\n 0 0 35px rgba(212, 175, 55, 0.25);\n }\n\n .cta-icon {\n font-size: 1.5rem;\n }\n\n .trust-indicator {\n margin-top: 1.5rem;\n display: flex;\n align-items: center;\n justify-content: center;\n gap: 0.75rem;\n font-size: 0.9rem;\n color: rgba(255, 255, 255, 0.7);\n }\n\n .stars {\n color: var(--secondary);\n font-size: 1rem;\n letter-spacing: 2px;\n }\n\n @media (max-width: 768px) {\n \/* M\u00d3VIL: forzar viewport units directas para garantizar cobertura total *\/\n .hero {\n min-height: 100vh;\n }\n\n .hero-background {\n min-height: 100vh;\n }\n\n .hero-bg-img {\n \/* Forzar altura m\u00ednima completa *\/\n min-height: 100vh;\n \/* width se mantiene 100% para evitar scroll horizontal *\/\n }\n\n .hero-background::before {\n min-height: 100vh;\n }\n\n .hero-content {\n padding: 2rem 1.5rem;\n }\n\n .badge {\n font-size: 0.75rem;\n padding: 0.6rem 1.5rem;\n margin-bottom: 1.5rem;\n }\n\n h1 {\n font-size: 2.5rem;\n margin-bottom: 1.25rem;\n }\n\n .subtitle {\n font-size: 1.15rem;\n margin-bottom: 2rem;\n }\n\n .features {\n flex-direction: column;\n gap: 0.75rem;\n margin-bottom: 2rem;\n align-items: center;\n }\n\n .feature {\n font-size: 0.9rem;\n }\n\n .cta-button {\n padding: 1.25rem 2.5rem;\n font-size: 1rem;\n width: 100%;\n max-width: 350px;\n }\n\n .trust-indicator {\n flex-direction: column;\n gap: 0.5rem;\n font-size: 0.85rem;\n }\n }\n <\/style>\n<\/head>\n<body>\n <section class=\"hero\">\n\n <div class=\"hero-background\">\n <img fetchpriority=\"high\"\n class=\"hero-bg-img\"\n src=\"https:\/\/amarresdeamorefectivos.es\/wp-content\/uploads\/2026\/02\/iStock-855326414-1-scaled-e1771326578363-copia-2.webp\"\n alt=\"\"\n aria-hidden=\"true\"\n fetchpriority=\"high\"\n decoding=\"async\"\n loading=\"eager\"\n width=\"1920\"\n height=\"1080\"\n >\n <\/div>\n\n <div class=\"hero-content\">\n <div class=\"badge\">\n 12 A\u00f1os de Experiencia Profesional\n <\/div>\n\n <h1>\n <span class=\"highlight\">Amarres de Amor Efectivos<\/span><br>\n Para Recuperar a Tu Pareja\n <\/h1>\n\n <p class=\"subtitle\">\n Cuando la ruptura, la distancia o una tercera persona han alejado a tu pareja, \n existe una soluci\u00f3n profesional y discreta respaldada por a\u00f1os de experiencia.\n <\/p>\n\n <div class=\"features\">\n <div class=\"feature\">Atenci\u00f3n Personalizada<\/div>\n <div class=\"feature\">M\u00e1xima Confidencialidad<\/div>\n <div class=\"feature\">M\u00e1s de 12,000 Casos Resueltos<\/div>\n <\/div>\n\n <div class=\"whatsapp_hero\">\n <a href=\"javascript:void(0);\"\n id=\"btn-hero-chat\"\n class=\"cta-button\"\n onclick=\"openHeroWhatsApp()\">\n <span>Consulta Ahora por WhatsApp<\/span>\n <span class=\"cta-icon\">\u2192<\/span>\n<\/a>\n\n <div class=\"trust-indicator\">\n <span class=\"stars\">\u2605\u2605\u2605\u2605\u2605<\/span>\n <span>12 a\u00f1os reuniendo parejas | Resultados reales<\/span>\n <\/div>\n <\/div>\n <\/div>\n\n <\/section>\n <script>\nfunction openHeroWhatsApp() {\n\n window.dataLayer = window.dataLayer || [];\n window.dataLayer.push({\n event: 'whatsapp_conversion',\n source: 'hero'\n });\n\n const phone = '34603829248';\n const message = encodeURIComponent(\n 'Hola Elena, quiero informaci\u00f3n sobre tus Amarres de Amor efectivos.'\n );\n\n const url = `https:\/\/wa.me\/${phone}?text=${message}`;\n window.open(url, '_blank');\n}\n<\/script>\n<\/body>\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-7c17b5a e-con-full e-flex e-con e-parent\" data-id=\"7c17b5a\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-77fefaf elementor-widget elementor-widget-html\" data-id=\"77fefaf\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\n<html lang=\"es\">\n<head>\n <meta charset=\"UTF-8\">\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n <title>Secci\u00f3n Problema - Amarres de Amor<\/title>\n <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Cormorant+Garamond:wght@300;400;600;700&family=Cinzel:wght@400;600;700&family=Montserrat:wght@300;400;500;600&display=swap\" rel=\"stylesheet\">\n <style>\n :root {\n --primary: #8B4789;\n --secondary: #D4AF37;\n --dark: #1a0a1f;\n --dark-lighter: #2a1a2f;\n --text-primary: #ffffff;\n --text-secondary: rgba(255, 255, 255, 0.75);\n --text-muted: rgba(255, 255, 255, 0.5);\n }\n\n * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n }\n\n body {\n font-family: 'Montserrat', sans-serif;\n background: var(--dark);\n color: var(--text-primary);\n }\n\n .problem-section {\n position: relative;\n background: linear-gradient(180deg, var(--dark) 0%, var(--dark-lighter) 100%);\n padding: 6rem 2rem 5rem;\n overflow: hidden;\n }\n\n .problem-section::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 1px;\n background: linear-gradient(90deg, transparent, rgba(212, 175, 55, 0.3), transparent);\n }\n\n .container {\n max-width: 1200px;\n margin: 0 auto;\n }\n\n \/* Header \u2014 sin opacity:0 ni animation *\/\n .section-header {\n text-align: center;\n margin-bottom: 3.5rem;\n }\n\n .section-title {\n font-family: 'Cinzel', serif;\n font-size: clamp(2rem, 5vw, 3rem);\n font-weight: 600;\n line-height: 1.2;\n color: var(--text-primary);\n margin-bottom: 1rem;\n max-width: 800px;\n margin-left: auto;\n margin-right: auto;\n }\n\n .situations-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.5rem;\n margin-bottom: 3rem;\n }\n\n \/* Cards \u2014 sin opacity:0 ni fadeInUp, hover limpio *\/\n .situation-card {\n background: rgba(255, 255, 255, 0.03);\n border: 1px solid rgba(255, 255, 255, 0.08);\n border-radius: 12px;\n padding: 2rem 1.5rem;\n transition: background 0.25s ease, border-color 0.25s ease, transform 0.25s ease;\n position: relative;\n overflow: hidden;\n backface-visibility: hidden;\n }\n\n .situation-card::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 1px;\n background: linear-gradient(90deg, transparent, var(--secondary), transparent);\n opacity: 0;\n transition: opacity 0.25s ease;\n }\n\n .situation-card:hover {\n background: rgba(255, 255, 255, 0.05);\n border-color: rgba(212, 175, 55, 0.2);\n transform: translateY(-4px);\n }\n\n .situation-card:hover::before {\n opacity: 1;\n }\n\n .situation-icon {\n width: 50px;\n height: 50px;\n margin-bottom: 1.25rem;\n display: flex;\n align-items: center;\n justify-content: center;\n border-radius: 50%;\n background: rgba(139, 71, 137, 0.15);\n border: 1px solid rgba(139, 71, 137, 0.3);\n }\n\n .situation-icon svg {\n width: 24px;\n height: 24px;\n stroke: var(--secondary);\n fill: none;\n stroke-width: 1.5;\n }\n\n .situation-title {\n font-family: 'Cinzel', serif;\n font-size: 1.15rem;\n font-weight: 600;\n color: var(--text-primary);\n margin-bottom: 0.75rem;\n line-height: 1.3;\n }\n\n .situation-description {\n font-size: 0.9rem;\n color: var(--text-secondary);\n line-height: 1.6;\n font-weight: 300;\n }\n\n \/* Pain intensifier \u2014 sin animation *\/\n .pain-intensifier {\n background: rgba(139, 71, 137, 0.08);\n border-left: 3px solid var(--primary);\n padding: 2rem 2.5rem;\n border-radius: 0 12px 12px 0;\n margin-bottom: 3rem;\n }\n\n .pain-intensifier-text {\n font-family: 'Cormorant Garamond', serif;\n font-size: clamp(1.15rem, 2.5vw, 1.4rem);\n color: var(--text-secondary);\n font-style: italic;\n line-height: 1.7;\n text-align: center;\n margin: 0;\n }\n\n \/* Qualification bar \u2014 sin animation *\/\n .qualification-bar {\n background: rgba(255, 255, 255, 0.02);\n border: 1px solid rgba(255, 255, 255, 0.06);\n border-radius: 12px;\n padding: 1.75rem 2rem;\n text-align: center;\n margin-bottom: 3rem;\n }\n\n .qualification-text {\n font-size: 0.9rem;\n color: var(--text-muted);\n line-height: 1.7;\n max-width: 600px;\n margin: 0 auto;\n }\n\n .qualification-text strong {\n color: var(--text-secondary);\n font-weight: 500;\n }\n\n \/* CTA \u2014 sin animation, sin ripple, hover simple *\/\n .cta-secondary {\n text-align: center;\n }\n\n .cta-secondary-text {\n font-family: 'Cormorant Garamond', serif;\n font-size: 1.05rem;\n color: var(--text-secondary);\n margin-bottom: 1.25rem;\n }\n\n .cta-link {\n display: inline-flex;\n align-items: center;\n gap: 0.75rem;\n color: var(--secondary);\n text-decoration: none;\n font-size: 1rem;\n font-weight: 500;\n padding: 1rem 2rem;\n border: 1px solid rgba(212, 175, 55, 0.3);\n border-radius: 50px;\n transition: border-color 0.2s ease, transform 0.2s ease;\n }\n\n .cta-link:hover {\n border-color: var(--secondary);\n transform: translateY(-2px);\n }\n\n @media (max-width: 768px) {\n .problem-section {\n padding: 4rem 1.5rem 3.5rem;\n }\n\n .section-header {\n margin-bottom: 2.5rem;\n }\n\n .situations-grid {\n grid-template-columns: 1fr;\n gap: 1.25rem;\n margin-bottom: 2.5rem;\n }\n\n .situation-card {\n padding: 1.75rem 1.25rem;\n }\n\n .pain-intensifier {\n padding: 1.5rem 1.5rem;\n margin-bottom: 2.5rem;\n }\n\n .qualification-bar {\n padding: 1.5rem 1.25rem;\n margin-bottom: 2.5rem;\n }\n\n .section-title {\n font-size: 1.85rem;\n }\n }\n <\/style>\n<\/head>\n<body>\n <section id=\"problema\" class=\"problem-section\">\n <div class=\"container\">\n <div class=\"section-header\">\n <h2 class=\"section-title\">\n El dolor de una ruptura no entiende de tiempos ni razones\n <\/h2>\n <\/div>\n\n <div class=\"situations-grid\">\n <div class=\"situation-card\">\n <div class=\"situation-icon\">\n <svg viewBox=\"0 0 24 24\">\n <path d=\"M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 0 0-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 0 0 0-7.78z\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n <line x1=\"12\" y1=\"5.67\" x2=\"12\" y2=\"21.23\" stroke-linecap=\"round\"\/>\n <\/svg>\n <\/div>\n <h3 class=\"situation-title\">Ruptura inesperada<\/h3>\n <p class=\"situation-description\">\n De un d\u00eda para otro, termin\u00f3 todo. Sin explicaciones, sin oportunidad de di\u00e1logo.\n <\/p>\n <\/div>\n\n <div class=\"situation-card\">\n <div class=\"situation-icon\">\n <svg viewBox=\"0 0 24 24\">\n <circle cx=\"12\" cy=\"12\" r=\"10\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n <path d=\"M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n <line x1=\"12\" y1=\"17\" x2=\"12.01\" y2=\"17\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n <\/svg>\n <\/div>\n <h3 class=\"situation-title\">Distancia emocional<\/h3>\n <p class=\"situation-description\">\n Ya no te mira como antes. Conversaciones fr\u00edas, sin detalles ni conexi\u00f3n.\n <\/p>\n <\/div>\n\n <div class=\"situation-card\">\n <div class=\"situation-icon\">\n <svg viewBox=\"0 0 24 24\">\n <path d=\"M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n <circle cx=\"9\" cy=\"7\" r=\"4\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n <path d=\"M23 21v-2a4 4 0 0 0-3-3.87\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n <path d=\"M16 3.13a4 4 0 0 1 0 7.75\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n <\/svg>\n <\/div>\n <h3 class=\"situation-title\">Tercera persona<\/h3>\n <p class=\"situation-description\">\n Hay alguien m\u00e1s influyendo en tu pareja. La situaci\u00f3n se complica cada d\u00eda.\n <\/p>\n <\/div>\n\n <div class=\"situation-card\">\n <div class=\"situation-icon\">\n <svg viewBox=\"0 0 24 24\">\n <rect x=\"5\" y=\"2\" width=\"14\" height=\"20\" rx=\"2\" ry=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n <line x1=\"12\" y1=\"18\" x2=\"12.01\" y2=\"18\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n <line x1=\"9\" y1=\"11\" x2=\"15\" y2=\"11\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n <\/svg>\n <\/div>\n <h3 class=\"situation-title\">Bloqueo total<\/h3>\n <p class=\"situation-description\">\n Te bloque\u00f3 de todo. Silencio absoluto. La incertidumbre es insoportable.\n <\/p>\n <\/div>\n <\/div>\n\n <div class=\"qualification-bar\">\n <p class=\"qualification-text\">\n <strong>No ofrecemos rituales m\u00e1gicos ni soluciones instant\u00e1neas.<\/strong> \n Trabajamos solo con personas que valoran un servicio profesional y discreto respaldado por a\u00f1os de experiencia.\n <\/p>\n <\/div>\n\n <div class=\"cta-secondary\">\n <p class=\"cta-secondary-text\">\n Si tu situaci\u00f3n resuena con lo descrito...\n <\/p>\n <a href=\"javascript:void(0);\"\n id=\"btn-problema-chat\"\n class=\"cta-link\"\n onclick=\"openProblemaWhatsApp()\">\n <span>Solicita tu consulta personalizada<\/span>\n <span>\u2192<\/span>\n<\/a>\n <\/div>\n <\/div>\n <\/section>\n <script>\nfunction openProblemaWhatsApp() {\n\n window.dataLayer = window.dataLayer || [];\n window.dataLayer.push({\n event: 'whatsapp_conversion',\n source: 'problema'\n });\n\n const phone = '34603829248';\n const message = encodeURIComponent(\n 'Hola Elena, he le\u00eddo la informaci\u00f3n sobre Amarres de Amor y quiero que eval\u00faes mi caso.'\n );\n\n const url = `https:\/\/wa.me\/${phone}?text=${message}`;\n window.open(url, '_blank');\n}\n<\/script>\n<\/body>\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-daa25df e-con-full e-flex e-con e-parent\" data-id=\"daa25df\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-924b3b8 elementor-widget elementor-widget-html\" data-id=\"924b3b8\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\n<html lang=\"es\">\n<head>\n <meta charset=\"UTF-8\">\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n <title>\u00bfAmarres de Amor? - Secci\u00f3n Explicativa Premium<\/title>\n <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Cormorant+Garamond:wght@300;400;600;700&family=Cinzel:wght@400;600;700&family=Montserrat:wght@300;400;500;600&display=swap\" rel=\"stylesheet\">\n <style>\n :root {\n --primary: #8B4789;\n --secondary: #C6A75E;\n --dark: #1a0a1f;\n --light-bg: #F9FAFB;\n --light-accent: #F3F4F6;\n --text-dark: #111827;\n --text-gray: #374151;\n --text-muted: #6B7280;\n --border-light: #E5E7EB;\n }\n\n * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n }\n\n body {\n font-family: 'Montserrat', sans-serif;\n background: var(--light-bg);\n color: var(--text-dark);\n }\n\n \/* COMPACTADO: 8rem \u2192 5.5rem (-31%) *\/\n .amarres-section {\n position: relative;\n background: var(--light-bg);\n padding: 5.5rem 2rem;\n overflow: hidden;\n }\n\n .amarres-section::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 1px;\n background: linear-gradient(90deg, transparent, rgba(198, 167, 94, 0.3), transparent);\n }\n\n .amarres-section::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 0;\n width: 100%;\n height: 1px;\n background: linear-gradient(90deg, transparent, rgba(198, 167, 94, 0.3), transparent);\n }\n\n .amarres-bg-accent {\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n width: 60%;\n height: 60%;\n background: radial-gradient(ellipse at center, rgba(198, 167, 94, 0.03) 0%, transparent 70%);\n pointer-events: none;\n }\n\n .amarres-container {\n max-width: 900px;\n margin: 0 auto;\n position: relative;\n z-index: 1;\n }\n\n \/* COMPACTADO: margin-bottom 4rem \u2192 2.5rem *\/\n .amarres-header {\n text-align: center;\n margin-bottom: 2.5rem;\n }\n\n .amarres-title {\n font-family: 'Cinzel', serif;\n font-size: clamp(2.5rem, 5vw, 3.5rem);\n font-weight: 600;\n line-height: 1.2;\n color: #111827;\n margin-bottom: 1rem;\n position: relative;\n display: inline-block;\n }\n\n .amarres-title::after {\n content: '';\n position: absolute;\n bottom: -12px;\n left: 50%;\n transform: translateX(-50%);\n width: 80px;\n height: 3px;\n background: linear-gradient(90deg, transparent, var(--secondary), transparent);\n }\n\n \/* COMPACTADO: margin-bottom 4rem \u2192 2.5rem, line-height 1.9 \u2192 1.75 *\/\n .amarres-explanation {\n margin-bottom: 2.5rem;\n }\n\n .amarres-explanation p {\n font-family: 'Cormorant Garamond', serif;\n font-size: 1.25rem;\n color: #374151;\n line-height: 1.75;\n margin-bottom: 1.1rem;\n font-weight: 400;\n }\n\n .amarres-explanation p:last-child {\n margin-bottom: 0;\n }\n\n .amarres-explanation p strong {\n color: #111827;\n font-weight: 600;\n }\n\n \/* COMPACTADO: margin-bottom 4rem \u2192 2.5rem *\/\n .amarres-features {\n margin-bottom: 2.5rem;\n }\n\n \/* COMPACTADO: gap 2rem \u2192 1.25rem, margin-bottom 2rem \u2192 1.25rem *\/\n .amarres-features-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n gap: 1.25rem;\n margin-bottom: 1.25rem;\n }\n\n \/* COMPACTADO: padding 2rem \u2192 1.35rem, sin animaciones *\/\n .amarres-feature-item {\n background: rgba(255, 255, 255, 0.6);\n border: 1px solid rgba(198, 167, 94, 0.15);\n border-radius: 12px;\n padding: 1.35rem;\n display: flex;\n align-items: flex-start;\n gap: 1.25rem;\n transition: background 0.25s ease, border-color 0.25s ease;\n backface-visibility: hidden;\n }\n\n .amarres-feature-item:hover {\n background: rgba(255, 255, 255, 0.9);\n border-color: rgba(198, 167, 94, 0.3);\n }\n\n .amarres-feature-icon {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, rgba(198, 167, 94, 0.1) 0%, rgba(198, 167, 94, 0.05) 100%);\n border-radius: 10px;\n display: flex;\n align-items: center;\n justify-content: center;\n border: 1px solid rgba(198, 167, 94, 0.2);\n }\n\n .amarres-feature-icon svg {\n width: 20px;\n height: 20px;\n stroke: #C6A75E;\n fill: none;\n stroke-width: 2;\n }\n\n .amarres-feature-text {\n font-size: 1rem;\n color: #374151;\n line-height: 1.55;\n font-weight: 400;\n }\n\n .amarres-feature-text strong {\n color: #111827;\n font-weight: 600;\n }\n\n \/* COMPACTADO: padding 1.75rem 2.25rem \u2192 1.35rem 1.75rem *\/\n .amarres-note {\n background: linear-gradient(135deg, rgba(198, 167, 94, 0.06) 0%, rgba(198, 167, 94, 0.02) 100%);\n border-left: 3px solid var(--secondary);\n border-radius: 0 12px 12px 0;\n padding: 1.35rem 1.75rem;\n }\n\n .amarres-note p {\n font-family: 'Cormorant Garamond', serif;\n font-size: 1.15rem;\n color: #111827;\n line-height: 1.65;\n font-style: italic;\n margin: 0;\n }\n\n \/* COMPACTADO: padding 3rem 3.5rem \u2192 2.25rem 2.75rem *\/\n .amarres-emotional {\n background: linear-gradient(135deg, rgba(139, 71, 137, 0.04) 0%, rgba(198, 167, 94, 0.04) 100%);\n border: 1px solid rgba(198, 167, 94, 0.2);\n border-radius: 16px;\n padding: 2.25rem 2.75rem;\n text-align: center;\n position: relative;\n overflow: hidden;\n }\n\n .amarres-emotional::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 2px;\n background: linear-gradient(90deg, transparent, var(--secondary), transparent);\n }\n\n \/* COMPACTADO: line-height 1.8 \u2192 1.65, margin-bottom 1.25rem \u2192 1rem *\/\n .amarres-emotional p {\n font-family: 'Cormorant Garamond', serif;\n font-size: 1.3rem;\n color: #111827;\n line-height: 1.65;\n margin-bottom: 1rem;\n font-weight: 400;\n }\n\n .amarres-emotional p:last-child {\n margin-bottom: 0;\n font-size: 1.35rem;\n font-weight: 600;\n color: var(--secondary);\n }\n\n .amarres-emotional p strong {\n color: var(--secondary);\n font-weight: 600;\n }\n\n \/* M\u00d3VIL COMPACTADO *\/\n @media (max-width: 768px) {\n \/* 5rem \u2192 4rem *\/\n .amarres-section {\n padding: 4rem 1.5rem;\n }\n\n .amarres-header {\n margin-bottom: 2rem;\n }\n\n .amarres-title {\n font-size: 2.25rem;\n }\n\n .amarres-explanation {\n margin-bottom: 2rem;\n }\n\n .amarres-explanation p {\n font-size: 1.1rem;\n }\n\n .amarres-features {\n margin-bottom: 2rem;\n }\n\n .amarres-features-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .amarres-feature-item {\n padding: 1.1rem;\n }\n\n .amarres-note {\n padding: 1.1rem 1.35rem;\n }\n\n .amarres-note p {\n font-size: 1.05rem;\n }\n\n .amarres-emotional {\n padding: 1.75rem 1.5rem;\n }\n\n .amarres-emotional p {\n font-size: 1.1rem;\n }\n\n .amarres-emotional p:last-child {\n font-size: 1.15rem;\n }\n }\n\n @media (max-width: 480px) {\n .amarres-title {\n font-size: 2rem;\n }\n\n .amarres-feature-item {\n flex-direction: column;\n text-align: center;\n align-items: center;\n }\n\n .amarres-feature-icon {\n margin-bottom: 0.5rem;\n }\n }\n <\/style>\n<\/head>\n<body>\n <section id=\"amarresdeamor\" class=\"amarres-section\">\n <div class=\"amarres-bg-accent\"><\/div>\n \n <div class=\"amarres-container\">\n <div class=\"amarres-header\">\n <h2 class=\"amarres-title\">\u00bfAmarres de Amor?<\/h2>\n <\/div>\n\n <div class=\"amarres-explanation\">\n <p>\n Un Amarre de Amor no es un ritual improvisado ni algo que puedas hacer siguiendo un tutorial.\n <\/p>\n <p>\n Es un proceso energ\u00e9tico profesional dise\u00f1ado para reconstruir el v\u00ednculo cuando una relaci\u00f3n \n se ha roto, enfriado o existe una tercera persona.\n <\/p>\n <p>\n <strong>Cuando el amor fue real, la conexi\u00f3n no desaparece\u2026 se debilita. Y ah\u00ed es donde se trabaja.<\/strong>\n <\/p>\n <\/div>\n\n <div class=\"amarres-features\">\n <div class=\"amarres-features-grid\">\n <div class=\"amarres-feature-item\">\n <div class=\"amarres-feature-icon\">\n <svg viewBox=\"0 0 24 24\">\n <path d=\"M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n <circle cx=\"9\" cy=\"7\" r=\"4\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n <\/svg>\n <\/div>\n <p class=\"amarres-feature-text\">\n Se trabaja por <strong>sesiones privadas<\/strong>.\n <\/p>\n <\/div>\n\n <div class=\"amarres-feature-item\">\n <div class=\"amarres-feature-icon\">\n <svg viewBox=\"0 0 24 24\">\n <circle cx=\"12\" cy=\"12\" r=\"10\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n <polyline points=\"12 6 12 12 16 14\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n <\/svg>\n <\/div>\n <p class=\"amarres-feature-text\">\n Cada sesi\u00f3n dura aproximadamente <strong>1 hora<\/strong>.\n <\/p>\n <\/div>\n\n <div class=\"amarres-feature-item\">\n <div class=\"amarres-feature-icon\">\n <svg viewBox=\"0 0 24 24\">\n <path d=\"M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n <polyline points=\"14 2 14 8 20 8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n <line x1=\"16\" y1=\"13\" x2=\"8\" y2=\"13\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n <line x1=\"16\" y1=\"17\" x2=\"8\" y2=\"17\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n <\/svg>\n <\/div>\n <p class=\"amarres-feature-text\">\n Son <strong>personalizadas<\/strong> seg\u00fan tu caso.\n <\/p>\n <\/div>\n\n <div class=\"amarres-feature-item\">\n <div class=\"amarres-feature-icon\">\n <svg viewBox=\"0 0 24 24\">\n <circle cx=\"12\" cy=\"12\" r=\"10\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n <circle cx=\"12\" cy=\"12\" r=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n <\/svg>\n <\/div>\n <p class=\"amarres-feature-text\">\n Las sesiones quedan <strong>grabadas<\/strong>.\n <\/p>\n <\/div>\n\n <div class=\"amarres-feature-item\">\n <div class=\"amarres-feature-icon\">\n <svg viewBox=\"0 0 24 24\">\n <path d=\"M22 11.08V12a10 10 0 1 1-5.93-9.14\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n <polyline points=\"22 4 12 14.01 9 11.01\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n <\/svg>\n <\/div>\n <p class=\"amarres-feature-text\">\n Existe <strong>seguimiento y acompa\u00f1amiento<\/strong>.\n <\/p>\n <\/div>\n <\/div>\n\n <div class=\"amarres-emotional\">\n <p>Porque el tiempo puede consolidar la distancia.<\/p>\n <p>\n Cuando no se interviene, el orgullo crece, la tercera persona se fortalece \n y el v\u00ednculo se enfr\u00eda.\n <\/p>\n <p>\n Si est\u00e1s leyendo esto, es porque a\u00fan te importa. Y cuando algo importa, \n se trabaja con profesionalismo.\n <\/p>\n <\/div>\n <\/div>\n <\/section>\n<\/body>\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-be8d478 e-con-full e-flex e-con e-parent\" data-id=\"be8d478\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-aafe8a2 elementor-widget elementor-widget-html\" data-id=\"aafe8a2\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\n<html lang=\"es\">\n<head>\n <meta charset=\"UTF-8\">\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n <title>Secci\u00f3n Testimonios Audio - Amarres de Amor<\/title>\n <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Cormorant+Garamond:wght@300;400;600;700&family=Cinzel:wght@400;600;700&family=Montserrat:wght@300;400;500;600&display=swap\" rel=\"stylesheet\">\n \n <link rel=\"preload\" href=\"https:\/\/cdn.jsdelivr.net\/npm\/swiper@9\/swiper-bundle.min.css\" as=\"style\">\n <link rel=\"stylesheet\" href=\"https:\/\/cdn.jsdelivr.net\/npm\/swiper@9\/swiper-bundle.min.css\">\n <style>\n :root {\n --primary: #8B4789;\n --secondary: #D4AF37;\n --dark: #1a0a1f;\n --dark-lighter: #2a1a2f;\n --dark-mid: #221530;\n --light: #f8f3f0;\n --accent: #c77dff;\n --text-primary: #ffffff;\n --text-secondary: rgba(255, 255, 255, 0.75);\n --text-muted: rgba(255, 255, 255, 0.5);\n }\n\n * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n }\n\n body {\n font-family: 'Montserrat', sans-serif;\n background: var(--dark);\n color: var(--text-primary);\n }\n\n .testimonials-section {\n position: relative;\n background: linear-gradient(180deg, \n var(--dark) 0%, \n var(--dark-mid) 50%,\n var(--dark-lighter) 100%);\n padding: 8rem 2rem;\n overflow: hidden;\n }\n\n \/* Background Image with Overlay *\/\n .testimonials-section::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background-image: url('https:\/\/amarresdeamorefectivos.es\/wp-content\/uploads\/2026\/02\/iStock-855326414-1-scaled-e1771326578363-copia-2.webp');\n background-size: cover;\n background-position: center;\n opacity: 0.05;\n filter: blur(2px);\n z-index: 0;\n }\n\n .testimonials-section::after {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background: radial-gradient(ellipse at center, \n rgba(139, 71, 137, 0.15) 0%, \n transparent 70%);\n z-index: 1;\n pointer-events: none;\n }\n\n \/* Decorative borders *\/\n .section-border-top {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 1px;\n background: linear-gradient(90deg, \n transparent, \n rgba(212, 175, 55, 0.4), \n transparent);\n z-index: 2;\n }\n\n .section-border-bottom {\n position: absolute;\n bottom: 0;\n left: 0;\n width: 100%;\n height: 1px;\n background: linear-gradient(90deg, \n transparent, \n rgba(212, 175, 55, 0.4), \n transparent);\n z-index: 2;\n }\n\n .container {\n max-width: 1200px;\n margin: 0 auto;\n position: relative;\n z-index: 10;\n }\n\n \/* Header Section *\/\n .section-header {\n text-align: center;\n margin-bottom: 5rem;\n opacity: 0;\n animation: fadeInUp 1s ease-out forwards;\n }\n\n @keyframes fadeInUp {\n from {\n opacity: 0;\n transform: translateY(30px);\n }\n to {\n opacity: 1;\n transform: translateY(0);\n }\n }\n\n .section-badge {\n display: inline-flex;\n align-items: center;\n gap: 0.5rem;\n background: rgba(212, 175, 55, 0.1);\n border: 1px solid rgba(212, 175, 55, 0.3);\n padding: 0.6rem 1.5rem;\n border-radius: 50px;\n font-size: 0.875rem;\n color: var(--secondary);\n text-transform: uppercase;\n letter-spacing: 2px;\n font-weight: 500;\n margin-bottom: 2rem;\n }\n\n .section-badge::before {\n content: '\u2605';\n font-size: 1rem;\n animation: pulse-star 2s ease-in-out infinite;\n }\n\n @keyframes pulse-star {\n 0%, 100% {\n transform: scale(1);\n opacity: 1;\n }\n 50% {\n transform: scale(1.2);\n opacity: 0.8;\n }\n }\n\n .section-title {\n font-family: 'Cinzel', serif;\n font-size: clamp(2.5rem, 6vw, 4rem);\n font-weight: 600;\n line-height: 1.2;\n color: var(--text-primary);\n margin-bottom: 1.5rem;\n max-width: 900px;\n margin-left: auto;\n margin-right: auto;\n }\n\n .section-title .highlight {\n background: linear-gradient(135deg, var(--secondary), var(--accent));\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n background-clip: text;\n }\n\n .section-subtitle {\n font-family: 'Cormorant Garamond', serif;\n font-size: clamp(1.15rem, 2.5vw, 1.5rem);\n color: var(--text-secondary);\n font-weight: 300;\n line-height: 1.8;\n max-width: 700px;\n margin: 0 auto 2rem;\n }\n\n .trust-indicators {\n display: flex;\n justify-content: center;\n gap: 3rem;\n flex-wrap: wrap;\n margin-top: 2.5rem;\n }\n\n .trust-item {\n display: flex;\n flex-direction: column;\n align-items: center;\n gap: 0.5rem;\n }\n\n .trust-number {\n font-family: 'Cinzel', serif;\n font-size: 2.5rem;\n font-weight: 700;\n background: linear-gradient(135deg, var(--secondary), var(--accent));\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n background-clip: text;\n }\n\n .trust-label {\n font-size: 0.875rem;\n color: var(--text-muted);\n text-transform: uppercase;\n letter-spacing: 1px;\n }\n\n \/* Audio Carousel *\/\n .audio-carousel-outer {\n width: 100%;\n max-width: 1100px;\n margin: 0 auto 3rem;\n padding: 0 15px;\n }\n\n .audio-carousel {\n padding: 2rem 0;\n }\n\n .audio-pair {\n display: grid;\n grid-template-rows: 1fr 1fr;\n gap: 2rem;\n }\n\n \/* Audio Card Premium Design *\/\n .audio-card {\n position: relative;\n background: linear-gradient(135deg, \n rgba(255, 255, 255, 0.05) 0%, \n rgba(255, 255, 255, 0.02) 100%);\n border: 1px solid rgba(255, 255, 255, 0.08);\n border-radius: 20px;\n padding: 1.5rem;\n display: grid;\n gap: 1rem;\n transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\n overflow: hidden;\n backdrop-filter: blur(10px);\n }\n\n .audio-card::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 2px;\n background: linear-gradient(90deg, \n transparent, \n var(--secondary), \n transparent);\n opacity: 0;\n transition: opacity 0.4s ease;\n }\n\n .audio-card:hover {\n border-color: rgba(212, 175, 55, 0.3);\n transform: translateY(-5px);\n box-shadow: 0 20px 60px rgba(139, 71, 137, 0.3);\n }\n\n .audio-card:hover::before {\n opacity: 1;\n }\n\n \/* GRADIENTE: sustituye todas las im\u00e1genes stock *\/\n .cover-wrap {\n position: relative;\n border-radius: 16px;\n overflow: hidden;\n aspect-ratio: 16\/9;\n background: linear-gradient(145deg, #0B0B0F 0%, #141018 40%, #1E1A12 100%);\n }\n\n \/* Profundidad sutil: luz radial centrada muy tenue *\/\n .cover-wrap::before {\n content: '';\n position: absolute;\n inset: 0;\n background: radial-gradient(ellipse at 50% 40%, rgba(198, 167, 94, 0.07) 0%, transparent 65%);\n z-index: 1;\n }\n\n \/* L\u00ednea dorada superior muy sutil *\/\n .cover-wrap::after {\n content: '';\n position: absolute;\n top: 0;\n left: 15%;\n width: 70%;\n height: 1px;\n background: linear-gradient(90deg, transparent, rgba(198, 167, 94, 0.35), transparent);\n z-index: 2;\n }\n\n \/* Quote Icon *\/\n .quote-icon {\n position: absolute;\n top: 1rem;\n right: 1rem;\n width: 40px;\n height: 40px;\n background: rgba(212, 175, 55, 0.15);\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-family: 'Cinzel', serif;\n font-size: 1.5rem;\n color: var(--secondary);\n z-index: 1;\n backdrop-filter: blur(10px);\n border: 1px solid rgba(212, 175, 55, 0.3);\n }\n\n .audio-title {\n font-family: 'Cinzel', serif;\n font-size: 1.25rem;\n font-weight: 600;\n color: var(--secondary);\n margin: 0;\n display: flex;\n align-items: center;\n gap: 0.5rem;\n }\n\n .audio-title::before {\n content: '\u2014';\n color: var(--text-muted);\n }\n\n \/* Custom Audio Player Styling *\/\n .audio-card audio {\n width: 100%;\n height: 40px;\n border-radius: 50px;\n outline: none;\n filter: sepia(20%) saturate(70%) hue-rotate(290deg);\n }\n\n .audio-card audio::-webkit-media-controls-panel {\n background: rgba(139, 71, 137, 0.2);\n }\n\n \/* Navigation *\/\n .audio-nav {\n display: flex;\n align-items: center;\n justify-content: center;\n gap: 1.5rem;\n margin-top: 3rem;\n }\n\n .swiper-button-prev,\n .swiper-button-next {\n position: static !important;\n width: 50px !important;\n height: 50px !important;\n background: rgba(255, 255, 255, 0.05);\n border: 1px solid rgba(212, 175, 55, 0.3);\n border-radius: 50%;\n transition: all 0.3s ease;\n margin: 0 !important;\n }\n\n .swiper-button-prev:hover,\n .swiper-button-next:hover {\n background: rgba(212, 175, 55, 0.15);\n border-color: var(--secondary);\n transform: scale(1.1);\n }\n\n .swiper-button-prev::after,\n .swiper-button-next::after {\n font-size: 1.25rem !important;\n font-weight: 900;\n color: var(--secondary);\n }\n\n .swiper-button-disabled {\n opacity: 0.3 !important;\n }\n\n \/* Pagination *\/\n .audio-nav .swiper-pagination {\n position: static !important;\n display: flex;\n justify-content: center;\n align-items: center;\n gap: 10px;\n width: auto !important;\n }\n\n .swiper-pagination-bullet {\n width: 10px !important;\n height: 10px !important;\n background: rgba(212, 175, 55, 0.3) !important;\n opacity: 1 !important;\n transition: all 0.3s ease;\n }\n\n .swiper-pagination-bullet-active {\n background: var(--secondary) !important;\n transform: scale(1.3);\n box-shadow: 0 0 10px rgba(212, 175, 55, 0.5);\n }\n\n \/* CTA at bottom *\/\n .testimonials-cta {\n text-align: center;\n margin-top: 4rem;\n opacity: 0;\n animation: fadeInUp 1s ease-out 0.5s forwards;\n }\n\n .testimonials-cta-text {\n font-family: 'Cormorant Garamond', serif;\n font-size: 1.3rem;\n color: var(--text-secondary);\n margin-bottom: 1.5rem;\n font-style: italic;\n }\n\n .testimonials-cta-button {\n display: inline-flex;\n align-items: center;\n gap: 0.75rem;\n padding: 1.2rem 3rem;\n background: rgba(139, 71, 137, 0.2);\n border: 2px solid var(--primary);\n color: var(--text-primary);\n font-family: 'Montserrat', sans-serif;\n font-size: 1rem;\n font-weight: 600;\n text-transform: uppercase;\n letter-spacing: 1px;\n border-radius: 50px;\n cursor: pointer;\n transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\n position: relative;\n overflow: hidden;\n }\n\n .testimonials-cta-button::before {\n content: '';\n position: absolute;\n top: 50%;\n left: 50%;\n width: 0;\n height: 0;\n border-radius: 50%;\n background: var(--primary);\n transform: translate(-50%, -50%);\n transition: width 0.6s ease, height 0.6s ease;\n }\n\n .testimonials-cta-button:hover::before {\n width: 400px;\n height: 400px;\n }\n\n .testimonials-cta-button:hover {\n border-color: var(--secondary);\n transform: translateY(-3px);\n box-shadow: 0 15px 40px rgba(139, 71, 137, 0.4);\n }\n\n .testimonials-cta-button span {\n position: relative;\n z-index: 1;\n }\n\n .cta-arrow {\n position: relative;\n z-index: 1;\n transition: transform 0.3s ease;\n }\n\n .testimonials-cta-button:hover .cta-arrow {\n transform: translateX(5px);\n }\n\n \/* Responsive *\/\n @media (min-width: 768px) {\n .audio-pair {\n grid-template-columns: 1fr 1fr;\n grid-template-rows: unset;\n gap: 2rem;\n }\n }\n\n @media (max-width: 768px) {\n .testimonials-section {\n padding: 5rem 1.5rem;\n }\n\n .section-header {\n margin-bottom: 3rem;\n }\n\n .trust-indicators {\n gap: 2rem;\n }\n\n .trust-number {\n font-size: 2rem;\n }\n\n .audio-pair {\n gap: 1.5rem;\n }\n\n .audio-card {\n padding: 1.25rem;\n }\n\n .audio-nav {\n gap: 1rem;\n }\n\n .swiper-button-prev,\n .swiper-button-next {\n width: 45px !important;\n height: 45px !important;\n }\n\n .testimonials-cta {\n margin-top: 3rem;\n }\n }\n\n @media (max-width: 480px) {\n .section-title {\n font-size: 2rem;\n }\n\n .audio-card {\n padding: 1rem;\n }\n\n .testimonials-cta-button {\n width: 100%;\n max-width: 350px;\n }\n }\n\n \/* Fix para Safari iOS *\/\n @supports (-webkit-touch-callout: none) {\n .audio-card {\n margin-bottom: 0 !important;\n padding-bottom: 0 !important;\n }\n .audio-card audio {\n display: block;\n width: 100%;\n margin: 0;\n line-height: 0;\n vertical-align: middle;\n }\n }\n <\/style>\n<\/head>\n<body>\n <section id=\"testimonios\" class=\"testimonials-section\">\n <div class=\"section-border-top\"><\/div>\n \n <div class=\"container\">\n \n <div class=\"section-header\">\n <div class=\"section-badge\">\n Testimonios Verificados\n <\/div>\n \n <h2 class=\"section-title\">\n Historias Reales de <span class=\"highlight\">Amor Recuperado<\/span>\n <\/h2>\n \n <p class=\"section-subtitle\">\n Escucha las voces de personas que recuperaron a sus parejas gracias a nuestros \n trabajos profesionales. Cada testimonio es una historia de transformaci\u00f3n real.\n <\/p>\n\n <div class=\"trust-indicators\">\n <div class=\"trust-item\">\n <div class=\"trust-number\">12K+<\/div>\n <div class=\"trust-label\">Parejas Reunidas<\/div>\n <\/div>\n <div class=\"trust-item\">\n <div class=\"trust-number\">7<\/div>\n <div class=\"trust-label\">A\u00f1os Experiencia<\/div>\n <\/div>\n <div class=\"trust-item\">\n <div class=\"trust-number\">94%<\/div>\n <div class=\"trust-label\">Tasa de \u00c9xito<\/div>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"audio-carousel-outer\">\n <div class=\"audio-carousel swiper\">\n <div class=\"swiper-wrapper\">\n\n \n <div class=\"swiper-slide\">\n <div class=\"audio-pair\">\n <figure class=\"audio-card\">\n <div class=\"cover-wrap\">\n <div class=\"quote-icon\">\"<\/div>\n \n <\/div>\n <figcaption class=\"audio-title\">Mari Carmen<\/figcaption>\n <audio controls preload=\"none\">\n <source src=\"https:\/\/amarresdeamorefectivos.es\/wp-content\/uploads\/2023\/12\/AUDIO-2023-12-19-00-26-34.m4a\" type=\"audio\/mpeg\">\n <\/audio>\n <\/figure>\n\n <figure class=\"audio-card\">\n <div class=\"cover-wrap\">\n <div class=\"quote-icon\">\"<\/div>\n \n <\/div>\n <figcaption class=\"audio-title\">Anabel<\/figcaption>\n <audio controls preload=\"none\">\n <source src=\"https:\/\/amarresdeamorefectivos.es\/wp-content\/uploads\/2023\/12\/AUDIO-2023-12-18-13-52-09.m4a\" type=\"audio\/mpeg\">\n <\/audio>\n <\/figure>\n <\/div>\n <\/div>\n\n \n <div class=\"swiper-slide\">\n <div class=\"audio-pair\">\n <figure class=\"audio-card\">\n <div class=\"cover-wrap\">\n <div class=\"quote-icon\">\"<\/div>\n \n <\/div>\n <figcaption class=\"audio-title\">Carlos<\/figcaption>\n <audio controls preload=\"none\">\n <source src=\"https:\/\/amarresdeamorefectivos.es\/wp-content\/uploads\/2023\/12\/AUDIO-2023-12-19-00-52-32.m4a\" type=\"audio\/mpeg\">\n <\/audio>\n <\/figure>\n\n <figure class=\"audio-card\">\n <div class=\"cover-wrap\">\n <div class=\"quote-icon\">\"<\/div>\n \n <\/div>\n <figcaption class=\"audio-title\">Sonia<\/figcaption>\n <audio controls preload=\"none\">\n <source src=\"https:\/\/amarresdeamorefectivos.es\/wp-content\/uploads\/2025\/10\/EstherViruel_Fiverr.mp3\" type=\"audio\/mpeg\">\n <\/audio>\n <\/figure>\n <\/div>\n <\/div>\n\n \n <div class=\"swiper-slide\">\n <div class=\"audio-pair\">\n <figure class=\"audio-card\">\n <div class=\"cover-wrap\">\n <div class=\"quote-icon\">\"<\/div>\n \n <\/div>\n <figcaption class=\"audio-title\">Luc\u00eda<\/figcaption>\n <audio controls preload=\"none\">\n <source src=\"https:\/\/amarresdeamorefectivos.es\/wp-content\/uploads\/2025\/10\/ElevenLabs_2025-10-27T11_59_37_Cristina-B-Andalusian-Spanish-female_pvc_sp99_s95_sb71_v3.mp3\" type=\"audio\/mpeg\">\n <\/audio>\n <\/figure>\n\n <figure class=\"audio-card\">\n <div class=\"cover-wrap\">\n <div class=\"quote-icon\">\"<\/div>\n \n <\/div>\n <figcaption class=\"audio-title\">Mariela<\/figcaption>\n <audio controls preload=\"none\">\n <source src=\"https:\/\/amarresdeamorefectivos.es\/wp-content\/uploads\/2025\/10\/ElevenLabs_2025-10-27T12_38_12_Cristina-B-Andalusian-Spanish-female_pvc_sp99_s95_sb71_v3.mp3\" type=\"audio\/mpeg\">\n <\/audio>\n <\/figure>\n <\/div>\n <\/div>\n\n \n <div class=\"swiper-slide\">\n <div class=\"audio-pair\">\n <figure class=\"audio-card\">\n <div class=\"cover-wrap\">\n <div class=\"quote-icon\">\"<\/div>\n \n <\/div>\n <figcaption class=\"audio-title\">Jaime<\/figcaption>\n <audio controls preload=\"none\">\n <source src=\"https:\/\/amarresdeamorefectivos.es\/wp-content\/uploads\/2025\/12\/ElevenLabs_2025-12-01T17_41_43_Borja-Espanol_pvc_sp112_s30_sb30_v3.mp3\" type=\"audio\/mpeg\">\n <\/audio>\n <\/figure>\n\n <figure class=\"audio-card\">\n <div class=\"cover-wrap\">\n <div class=\"quote-icon\">\"<\/div>\n \n <\/div>\n <figcaption class=\"audio-title\">Lidia<\/figcaption>\n <audio controls preload=\"none\">\n <source src=\"https:\/\/amarresdeamorefectivos.es\/wp-content\/uploads\/2025\/12\/ElevenLabs_2025-12-05T11_53_24_Lourdes-A_pvc_sp89_s81_sb51_v3.mp3\" type=\"audio\/mpeg\">\n <\/audio>\n <\/figure>\n <\/div>\n <\/div>\n\n <\/div>\n <\/div>\n\n \n <div class=\"audio-nav\">\n <div class=\"swiper-button-prev\"><\/div>\n <div class=\"swiper-pagination\"><\/div>\n <div class=\"swiper-button-next\"><\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"testimonials-cta\">\n <p class=\"testimonials-cta-text\">\n \u00bfLista\/o para escribir tu propia historia de \u00e9xito?\n <\/p>\n <a href=\"javascript:void(0);\"\n id=\"btn-testimonios-chat\"\n class=\"testimonials-cta-button\"\n style=\"text-decoration: none; display: inline-flex; align-items: center; gap: 0.75rem;\"\n onclick=\"openTestimoniosWhatsApp()\">\n <span>Inicia tu consulta ahora<\/span>\n <svg class=\"cta-arrow\" width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n <line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"><\/line>\n <polyline points=\"12 5 19 12 12 19\"><\/polyline>\n <\/svg>\n<\/a>\n <\/div>\n <\/div>\n\n <div class=\"section-border-bottom\"><\/div>\n <\/section>\n \n \n <script defer src=\"https:\/\/cdn.jsdelivr.net\/npm\/swiper@9\/swiper-bundle.min.js\"><\/script>\n <script defer>\n \/\/ Esperar a que Swiper est\u00e9 cargado\n document.addEventListener('DOMContentLoaded', () => {\n const audioSwiper = new Swiper('.audio-carousel', {\n slidesPerView: 1,\n spaceBetween: 24,\n loop: false,\n navigation: {\n nextEl: '.audio-nav .swiper-button-next',\n prevEl: '.audio-nav .swiper-button-prev'\n },\n pagination: {\n el: '.audio-nav .swiper-pagination',\n clickable: true\n },\n keyboard: { enabled: true },\n a11y: { enabled: true },\n observer: true,\n observeParents: true,\n observeSlideChildren: true,\n updateOnWindowResize: true\n });\n\n \/\/ Evita que se reproduzcan varios audios a la vez\n document.querySelectorAll('.audio-carousel audio').forEach(a => {\n a.addEventListener('play', e => {\n document.querySelectorAll('.audio-carousel audio').forEach(b => {\n if (b !== e.target) b.pause();\n });\n });\n });\n });\n\n \/\/ FUNCI\u00d3N CONVERSI\u00d3N TESTIMONIOS\n function openTestimoniosWhatsApp() {\n\n window.dataLayer = window.dataLayer || [];\n window.dataLayer.push({\n event: 'whatsapp_conversion',\n source: 'testimonios'\n });\n\n const phone = '34603829248';\n const message = encodeURIComponent(\n 'Hola Elena, he escuchado los testimonios y quiero iniciar mi consulta.'\n );\n\n const url = `https:\/\/wa.me\/${phone}?text=${message}`;\n window.open(url, '_blank');\n }\n\n <\/script>\n \n<\/body>\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-7fddd42 e-con-full e-flex e-con e-parent\" data-id=\"7fddd42\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ccabb98 elementor-widget elementor-widget-html\" data-id=\"ccabb98\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\n<html lang=\"es\">\n<head>\n <meta charset=\"UTF-8\">\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n <title>\u00bfPor qu\u00e9 trabajar con Elena? - Amarres de Amor<\/title>\n <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Cormorant+Garamond:wght@300;400;600;700&family=Cinzel:wght@400;600;700&family=Montserrat:wght@300;400;500;600&display=swap\" rel=\"stylesheet\">\n <style>\n :root {\n --primary: #8B4789;\n --secondary: #B8953E;\n --dark: #1a0a1f;\n --light-bg: #F9FAFB;\n --text-dark: #111827;\n --text-gray: #374151;\n --text-muted: #6B7280;\n --border-light: #E5E7EB;\n }\n\n * { margin: 0; padding: 0; box-sizing: border-box; }\n\n body {\n font-family: 'Montserrat', sans-serif;\n background: var(--light-bg);\n color: var(--text-dark);\n }\n\n .about-section {\n position: relative;\n background: var(--light-bg);\n padding: 5rem 2rem;\n overflow: hidden;\n }\n\n .about-section::before {\n content: '';\n position: absolute;\n top: 0; left: 0;\n width: 100%; height: 1px;\n background: linear-gradient(90deg, transparent, rgba(198, 167, 94, 0.3), transparent);\n }\n\n .about-section::after {\n content: '';\n position: absolute;\n bottom: 0; left: 0;\n width: 100%; height: 1px;\n background: linear-gradient(90deg, transparent, rgba(198, 167, 94, 0.3), transparent);\n }\n\n .bg-accent {\n position: absolute;\n top: 50%; right: 0;\n width: 40%; height: 60%;\n background: radial-gradient(ellipse at center, rgba(198, 167, 94, 0.04) 0%, transparent 70%);\n transform: translateY(-50%);\n pointer-events: none;\n }\n\n .container {\n max-width: 1200px;\n margin: 0 auto;\n position: relative;\n z-index: 1;\n }\n\n .about-grid {\n display: grid;\n grid-template-columns: 40% 60%;\n gap: 4rem;\n align-items: center;\n }\n\n \/* Columna imagen *\/\n .about-image-column { position: relative; }\n\n .image-wrapper {\n position: relative;\n width: 100%;\n padding-bottom: 125%;\n border-radius: 16px;\n overflow: hidden;\n box-shadow:\n 0 25px 60px rgba(0, 0, 0, 0.12),\n 0 0 0 1px rgba(198, 167, 94, 0.12);\n }\n\n .about-image {\n position: absolute;\n top: 0; left: 0;\n width: 100%; height: 100%;\n object-fit: cover;\n object-position: center top;\n }\n\n \/* Overlay degradado inferior \u2014 integra el dato en la imagen *\/\n .image-wrapper::after {\n content: '';\n position: absolute;\n bottom: 0; left: 0;\n width: 100%; height: 42%;\n background: linear-gradient(\n to top,\n rgba(10, 6, 18, 0.88) 0%,\n rgba(10, 6, 18, 0.55) 50%,\n transparent 100%\n );\n pointer-events: none;\n z-index: 1;\n }\n\n \/* Badge \u2014 superpuesto sobre el overlay, parte inferior izquierda *\/\n .experience-badge {\n position: absolute;\n bottom: 0; left: 0;\n width: 100%;\n padding: 1.5rem 1.75rem 1.35rem;\n z-index: 2;\n display: flex;\n align-items: flex-end;\n gap: 0.85rem;\n }\n\n .experience-number {\n font-family: 'Cinzel', serif;\n font-size: 3rem;\n font-weight: 700;\n color: var(--secondary);\n line-height: 1;\n letter-spacing: -1px;\n }\n\n .experience-text {\n font-size: 0.72rem;\n color: rgba(255, 255, 255, 0.75);\n text-transform: uppercase;\n letter-spacing: 1.5px;\n font-weight: 500;\n line-height: 1.35;\n padding-bottom: 0.15rem;\n }\n\n \/* Separador dorado entre n\u00famero y texto *\/\n .experience-number::after {\n content: '';\n display: inline-block;\n width: 1px;\n height: 2em;\n background: rgba(198, 167, 94, 0.4);\n margin-left: 0.85rem;\n vertical-align: middle;\n }\n\n \/* Responsive imagen *\/\n @media (max-width: 968px) {\n .experience-number { font-size: 2.5rem; }\n }\n\n .about-pretitle {\n display: inline-block;\n font-size: 0.8rem;\n text-transform: uppercase;\n letter-spacing: 2px;\n color: var(--secondary);\n font-weight: 600;\n margin-bottom: 0.75rem;\n }\n\n .about-title {\n font-family: 'Cinzel', serif;\n font-size: clamp(1.85rem, 4vw, 2.5rem);\n font-weight: 600;\n color: var(--text-dark);\n line-height: 1.2;\n margin-bottom: 1rem;\n }\n\n .about-intro {\n font-size: 1rem;\n color: var(--text-gray);\n line-height: 1.65;\n margin-bottom: 1.5rem;\n font-weight: 300;\n }\n\n .differentials-list {\n list-style: none;\n display: flex;\n flex-direction: column;\n gap: 1.25rem;\n margin-bottom: 1.75rem;\n }\n\n .differential-item {\n display: grid;\n grid-template-columns: 50px 1fr;\n gap: 1rem;\n align-items: start;\n backface-visibility: hidden;\n }\n\n .differential-icon {\n width: 50px; height: 50px;\n background: rgba(198, 167, 94, 0.1);\n border: 1px solid rgba(198, 167, 94, 0.2);\n border-radius: 10px;\n display: flex;\n align-items: center;\n justify-content: center;\n flex-shrink: 0;\n }\n\n .differential-icon svg {\n width: 24px; height: 24px;\n stroke: var(--secondary);\n fill: none;\n stroke-width: 2;\n }\n\n .differential-content h3 {\n font-size: 0.95rem;\n font-weight: 600;\n color: var(--text-dark);\n margin-bottom: 0.35rem;\n line-height: 1.3;\n }\n\n .differential-content p {\n font-size: 0.85rem;\n color: var(--text-gray);\n line-height: 1.5;\n font-weight: 300;\n }\n\n .professional-statement {\n background: rgba(139, 71, 137, 0.05);\n border-left: 3px solid var(--primary);\n padding: 1.25rem 1.5rem;\n border-radius: 0 8px 8px 0;\n position: relative;\n }\n\n .professional-statement::before {\n content: '\"';\n position: absolute;\n top: 10px; left: 15px;\n font-family: 'Cinzel', serif;\n font-size: 3rem;\n color: rgba(139, 71, 137, 0.15);\n line-height: 1;\n }\n\n .professional-statement p {\n font-family: 'Cormorant Garamond', serif;\n font-size: 1rem;\n color: var(--text-gray);\n line-height: 1.6;\n font-style: italic;\n position: relative;\n z-index: 1;\n }\n\n @media (max-width: 968px) {\n .about-grid { grid-template-columns: 1fr; gap: 3rem; }\n .image-wrapper { max-width: 400px; margin: 0 auto; }\n }\n\n @media (max-width: 768px) {\n .about-section { padding: 4rem 1.5rem; }\n .about-grid { gap: 2.5rem; }\n .about-title { font-size: 1.85rem; margin-bottom: 0.85rem; }\n .about-intro { font-size: 0.95rem; margin-bottom: 1.25rem; }\n .differentials-list { gap: 1rem; margin-bottom: 1.5rem; }\n .differential-item { grid-template-columns: 45px 1fr; gap: 0.85rem; }\n .differential-icon { width: 45px; height: 45px; }\n .differential-icon svg { width: 22px; height: 22px; }\n .differential-content h3 { font-size: 0.9rem; }\n .differential-content p { font-size: 0.825rem; }\n .professional-statement { padding: 1rem 1.25rem; }\n .professional-statement p { font-size: 0.95rem; }\n }\n <\/style>\n<\/head>\n<body>\n <section id=\"elena\" class=\"about-section\">\n <div class=\"bg-accent\"><\/div>\n\n <div class=\"container\">\n <div class=\"about-grid\">\n\n \n <div class=\"about-image-column\">\n <div class=\"image-wrapper\">\n <img loading=\"lazy\"\n class=\"about-image\"\n src=\"https:\/\/amarresdeamorefectivos.es\/wp-content\/uploads\/2023\/09\/shutterstock_2148552347-5.jpg\"\n alt=\"Elena - Especialista en Amarres de Amor Efectivos\"\n loading=\"lazy\"\n width=\"400\"\n height=\"500\"\n decoding=\"async\"\n >\n <div class=\"experience-badge\">\n <div class=\"experience-number\">12+<\/div>\n <div class=\"experience-text\">A\u00f1os de<br>experiencia<\/div>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"about-content-column\">\n <span class=\"about-pretitle\">Conoce a Elena<\/span>\n\n <h2 class=\"about-title\">\n \u00bfPor qu\u00e9 trabajar conmigo?\n <\/h2>\n\n <p class=\"about-intro\">\n No soy una m\u00e1s en el mundo esot\u00e9rico. Soy una profesional que lleva 7 a\u00f1os \n trabajando exclusivamente en reunir parejas con trabajos de magia blanca efectivos y \u00e9ticos.\n <\/p>\n\n <ul class=\"differentials-list\">\n <li class=\"differential-item\">\n <div class=\"differential-icon\">\n <svg viewBox=\"0 0 24 24\">\n <path d=\"M22 11.08V12a10 10 0 1 1-5.93-9.14\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n <polyline points=\"22 4 12 14.01 9 11.01\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n <\/svg>\n <\/div>\n <div class=\"differential-content\">\n <h3>Evaluaci\u00f3n honesta antes de aceptar<\/h3>\n <p>No acepto todos los casos. Analizo tu situaci\u00f3n con honestidad y te digo si realmente puedo ayudarte.<\/p>\n <\/div>\n <\/li>\n\n <li class=\"differential-item\">\n <div class=\"differential-icon\">\n <svg viewBox=\"0 0 24 24\">\n <path d=\"M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n <circle cx=\"9\" cy=\"7\" r=\"4\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n <path d=\"M23 21v-2a4 4 0 0 0-3-3.87\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n <path d=\"M16 3.13a4 4 0 0 1 0 7.75\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n <\/svg>\n <\/div>\n <div class=\"differential-content\">\n <h3>Atenci\u00f3n directa y personalizada<\/h3>\n <p>Trabajo con un n\u00famero limitado de casos al mes para garantizar dedicaci\u00f3n total. Hablas conmigo de principio a fin.<\/p>\n <\/div>\n <\/li>\n\n <li class=\"differential-item\">\n <div class=\"differential-icon\">\n <svg viewBox=\"0 0 24 24\">\n <rect x=\"3\" y=\"11\" width=\"18\" height=\"11\" rx=\"2\" ry=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n <path d=\"M7 11V7a5 5 0 0 1 10 0v4\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n <\/svg>\n <\/div>\n <div class=\"differential-content\">\n <h3>Confidencialidad absoluta garantizada<\/h3>\n <p>Tu privacidad es sagrada. Nadie sabr\u00e1 que trabajas conmigo. M\u00e1xima discreci\u00f3n en cada paso del proceso.<\/p>\n <\/div>\n <\/li>\n\n <li class=\"differential-item\">\n <div class=\"differential-icon\">\n <svg viewBox=\"0 0 24 24\">\n <path d=\"M12 2v20\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n <path d=\"M17 5H9.5a3.5 3.5 0 0 0 0 7h5a3.5 3.5 0 0 1 0 7H6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n <\/svg>\n <\/div>\n <div class=\"differential-content\">\n <h3>Resultados comprobados y experiencia real<\/h3>\n <p>M\u00e1s de 12,000 parejas reunidas en 7 a\u00f1os. Casos documentados con seguimiento real de cada proceso.<\/p>\n <\/div>\n <\/li>\n\n <li class=\"differential-item\">\n <div class=\"differential-icon\">\n <svg viewBox=\"0 0 24 24\">\n <path d=\"M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 0 0-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 0 0 0-7.78z\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n <\/svg>\n <\/div>\n <div class=\"differential-content\">\n <h3>Magia blanca \u00e9tica y profesional<\/h3>\n <p>Trabajo exclusivamente con magia blanca. No utilizo t\u00e9cnicas que puedan da\u00f1ar a terceros o forzar voluntades.<\/p>\n <\/div>\n <\/li>\n <\/ul>\n\n <div class=\"professional-statement\">\n <p>\n Este no es un trabajo para m\u00ed, es mi vocaci\u00f3n. Cada caso que acepto lo trato \n con la seriedad y dedicaci\u00f3n que merece. Tu felicidad es mi compromiso.\n <\/p>\n <\/div>\n <\/div>\n\n <\/div>\n <\/div>\n <\/section>\n<\/body>\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-67c5454 e-con-full e-flex e-con e-parent\" data-id=\"67c5454\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-bd2306d elementor-widget elementor-widget-html\" data-id=\"bd2306d\" data-element_type=\"widget\" id=\"#metodo\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\n<html lang=\"es\">\n<head>\n <meta charset=\"UTF-8\">\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n <title>Secci\u00f3n Soluci\u00f3n - Amarres de Amor<\/title>\n <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Cormorant+Garamond:wght@300;400;600;700&family=Cinzel:wght@400;600;700&family=Montserrat:wght@300;400;500;600&display=swap\" rel=\"stylesheet\">\n <style>\n :root {\n --primary: #8B4789;\n --secondary: #D4AF37;\n --dark: #1a0a1f;\n --dark-lighter: #2a1a2f;\n --text-primary: #ffffff;\n --text-secondary: rgba(255, 255, 255, 0.75);\n --text-muted: rgba(255, 255, 255, 0.5);\n }\n\n * { margin: 0; padding: 0; box-sizing: border-box; }\n\n body {\n font-family: 'Montserrat', sans-serif;\n background: var(--dark);\n color: var(--text-primary);\n }\n\n .solution-section {\n position: relative;\n background: linear-gradient(180deg, var(--dark-lighter) 0%, var(--dark) 100%);\n padding: 6rem 2rem 5rem;\n overflow: hidden;\n }\n\n .solution-section::before {\n content: '';\n position: absolute;\n top: 0; left: 0;\n width: 100%; height: 1px;\n background: linear-gradient(90deg, transparent, rgba(212, 175, 55, 0.3), transparent);\n }\n\n .container { max-width: 1200px; margin: 0 auto; }\n\n \/* Header \u2014 sin opacity:0 ni animation *\/\n .section-header {\n text-align: center;\n margin-bottom: 3.5rem;\n }\n\n .section-title {\n font-family: 'Cinzel', serif;\n font-size: clamp(2rem, 5vw, 3rem);\n font-weight: 600;\n line-height: 1.2;\n color: var(--text-primary);\n max-width: 800px;\n margin: 0 auto;\n }\n\n .method-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.75rem;\n margin-bottom: 3rem;\n }\n\n \/* Cards \u2014 sin opacity:0, sin fadeInUp, hover limpio sin ripple *\/\n .method-card {\n background: rgba(255, 255, 255, 0.03);\n border: 1px solid rgba(255, 255, 255, 0.08);\n border-radius: 12px;\n padding: 2.25rem 1.75rem;\n position: relative;\n transition: background 0.25s ease, border-color 0.25s ease, transform 0.25s ease;\n backface-visibility: hidden;\n }\n\n .method-card::before {\n content: '';\n position: absolute;\n top: 0; left: 0;\n width: 100%; height: 2px;\n background: linear-gradient(90deg, var(--secondary), transparent);\n opacity: 0;\n transition: opacity 0.25s ease;\n }\n\n .method-card:hover {\n background: rgba(255, 255, 255, 0.05);\n border-color: rgba(212, 175, 55, 0.25);\n transform: translateY(-4px);\n }\n\n .method-card:hover::before { opacity: 1; }\n\n .method-number {\n position: absolute;\n top: -12px; right: 20px;\n width: 50px; height: 50px;\n background: linear-gradient(135deg, var(--primary), var(--secondary));\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-family: 'Cinzel', serif;\n font-size: 1.3rem;\n font-weight: 700;\n color: white;\n border: 3px solid var(--dark-lighter);\n box-shadow: 0 4px 15px rgba(212, 175, 55, 0.3);\n }\n\n .method-icon {\n width: 50px; height: 50px;\n margin-bottom: 1.25rem;\n display: flex;\n align-items: center;\n justify-content: center;\n border-radius: 10px;\n background: rgba(212, 175, 55, 0.1);\n border: 1px solid rgba(212, 175, 55, 0.2);\n }\n\n .method-icon svg {\n width: 24px; height: 24px;\n stroke: var(--secondary);\n fill: none;\n stroke-width: 2;\n }\n\n .method-title {\n font-family: 'Cinzel', serif;\n font-size: 1.15rem;\n font-weight: 600;\n color: var(--text-primary);\n margin-bottom: 0.75rem;\n line-height: 1.3;\n }\n\n .method-description {\n font-size: 0.9rem;\n color: var(--text-secondary);\n line-height: 1.6;\n font-weight: 300;\n }\n\n \/* Stats bar \u2014 sin animation *\/\n .stats-bar {\n display: flex;\n justify-content: center;\n gap: 3rem;\n flex-wrap: wrap;\n background: rgba(255, 255, 255, 0.03);\n border: 1px solid rgba(255, 255, 255, 0.06);\n border-radius: 12px;\n padding: 2rem;\n margin-bottom: 3rem;\n }\n\n .stat-item { text-align: center; }\n\n .stat-number {\n font-family: 'Cinzel', serif;\n font-size: 2.5rem;\n font-weight: 700;\n background: linear-gradient(135deg, var(--secondary), #e0c04f);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n background-clip: text;\n margin-bottom: 0.5rem;\n line-height: 1;\n }\n\n .stat-label {\n font-size: 0.85rem;\n color: var(--text-secondary);\n text-transform: uppercase;\n letter-spacing: 1px;\n }\n\n \/* Differentiation box \u2014 sin animation *\/\n .differentiation-box {\n background: rgba(139, 71, 137, 0.08);\n border-left: 3px solid var(--primary);\n padding: 2rem 2.5rem;\n border-radius: 0 12px 12px 0;\n margin-bottom: 3rem;\n }\n\n .differentiation-title {\n font-family: 'Cinzel', serif;\n font-size: 1.2rem;\n font-weight: 600;\n color: var(--text-primary);\n margin-bottom: 1rem;\n }\n\n .differentiation-text {\n font-size: 0.9rem;\n color: var(--text-secondary);\n line-height: 1.7;\n font-weight: 300;\n }\n\n \/* CTA \u2014 sin animation, sin ripple *\/\n .cta-container { text-align: center; }\n\n .cta-pretitle {\n font-family: 'Cormorant Garamond', serif;\n font-size: 1.05rem;\n color: var(--text-secondary);\n margin-bottom: 1.25rem;\n }\n\n .cta-button {\n display: inline-flex;\n align-items: center;\n gap: 0.75rem;\n padding: 1.5rem 3rem;\n background: linear-gradient(135deg, var(--secondary), #d4af37);\n color: var(--dark);\n font-size: 1.05rem;\n font-weight: 700;\n text-transform: uppercase;\n letter-spacing: 1px;\n border: none;\n border-radius: 50px;\n cursor: pointer;\n transition: transform 0.25s ease, box-shadow 0.25s ease;\n box-shadow: 0 10px 30px rgba(212, 175, 55, 0.3);\n text-decoration: none;\n }\n\n .cta-button:hover {\n transform: translateY(-3px);\n box-shadow: 0 15px 40px rgba(212, 175, 55, 0.45);\n }\n\n .cta-disclaimer {\n font-size: 0.85rem;\n color: var(--text-muted);\n margin-top: 1rem;\n }\n\n @media (max-width: 768px) {\n .solution-section { padding: 4rem 1.5rem 3.5rem; }\n .section-header { margin-bottom: 2.5rem; }\n .method-grid { grid-template-columns: 1fr; gap: 1.5rem; margin-bottom: 2.5rem; }\n .method-card { padding: 2rem 1.5rem; }\n .stats-bar { gap: 2rem; padding: 1.75rem 1.25rem; margin-bottom: 2.5rem; }\n .stat-number { font-size: 2rem; }\n .differentiation-box { padding: 1.75rem 1.5rem; margin-bottom: 2.5rem; }\n .cta-button { width: 100%; max-width: 360px; padding: 1.3rem 2rem; font-size: 0.95rem; }\n .section-title { font-size: 1.85rem; }\n }\n <\/style>\n<\/head>\n<body>\n <section id=\"metodo\" class=\"solution-section\">\n <div class=\"container\">\n\n <div class=\"section-header\">\n <h2 class=\"section-title\">\n Un m\u00e9todo estructurado respaldado por a\u00f1os de experiencia\n <\/h2>\n <\/div>\n\n <div class=\"method-grid\">\n <div class=\"method-card\">\n <div class=\"method-number\">01<\/div>\n <div class=\"method-icon\">\n <svg viewBox=\"0 0 24 24\">\n <path d=\"M21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16z\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n <polyline points=\"3.27 6.96 12 12.01 20.73 6.96\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n <line x1=\"12\" y1=\"22.08\" x2=\"12\" y2=\"12\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n <\/svg>\n <\/div>\n <h3 class=\"method-title\">Evaluaci\u00f3n Personalizada<\/h3>\n <p class=\"method-description\">\n Analizamos tu caso antes de aceptarlo. No todos los trabajos son adecuados. La honestidad es nuestra base.\n <\/p>\n <\/div>\n\n <div class=\"method-card\">\n <div class=\"method-number\">02<\/div>\n <div class=\"method-icon\">\n <svg viewBox=\"0 0 24 24\">\n <path d=\"M12 2v20\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n <path d=\"M17 5H9.5a3.5 3.5 0 0 0 0 7h5a3.5 3.5 0 0 1 0 7H6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n <\/svg>\n <\/div>\n <h3 class=\"method-title\">Experiencia Comprobada<\/h3>\n <p class=\"method-description\">\n 7 a\u00f1os trabajando casos reales. M\u00e1s de 12,000 parejas reunidas. Resultados medibles, no promesas vac\u00edas.\n <\/p>\n <\/div>\n\n <div class=\"method-card\">\n <div class=\"method-number\">03<\/div>\n <div class=\"method-icon\">\n <svg viewBox=\"0 0 24 24\">\n <circle cx=\"12\" cy=\"12\" r=\"10\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n <path d=\"M12 6v6l4 2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n <\/svg>\n <\/div>\n <h3 class=\"method-title\">Trabajo Energ\u00e9tico Profesional<\/h3>\n <p class=\"method-description\">\n T\u00e9cnicas ancestrales de magia blanca aplicadas con conocimiento real. No improvisaciones ni recetas de internet.\n <\/p>\n <\/div>\n\n <div class=\"method-card\">\n <div class=\"method-number\">04<\/div>\n <div class=\"method-icon\">\n <svg viewBox=\"0 0 24 24\">\n <path d=\"M9 11l3 3L22 4\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n <path d=\"M21 12v7a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h11\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n <\/svg>\n <\/div>\n <h3 class=\"method-title\">Seguimiento y Discreci\u00f3n Total<\/h3>\n <p class=\"method-description\">\n Acompa\u00f1amiento durante todo el proceso. M\u00e1xima confidencialidad garantizada. Tu privacidad es sagrada.\n <\/p>\n <\/div>\n <\/div>\n\n <div class=\"stats-bar\">\n <div class=\"stat-item\">\n <div class=\"stat-number\">7+<\/div>\n <div class=\"stat-label\">A\u00f1os Experiencia<\/div>\n <\/div>\n <div class=\"stat-item\">\n <div class=\"stat-number\">12K+<\/div>\n <div class=\"stat-label\">Parejas Reunidas<\/div>\n <\/div>\n <div class=\"stat-item\">\n <div class=\"stat-number\">94%<\/div>\n <div class=\"stat-label\">Tasa de \u00c9xito<\/div>\n <\/div>\n <\/div>\n\n <div class=\"differentiation-box\">\n <h3 class=\"differentiation-title\">\u00bfPor qu\u00e9 no hacerlo t\u00fa mismo?<\/h3>\n <p class=\"differentiation-text\">\n Los rituales de internet carecen de la fuerza energ\u00e9tica y preparaci\u00f3n necesaria. \n Un trabajo profesional requiere a\u00f1os de estudio y conexi\u00f3n real con las fuerzas ancestrales.\n <\/p>\n <\/div>\n\n <div class=\"cta-container\">\n <p class=\"cta-pretitle\">\n Si buscas resultados reales, no experimentos...\n <\/p>\n <a href=\"javascript:void(0);\"\n id=\"btn-metodo-chat\"\n class=\"cta-button js-whatsapp-conversion\"\n data-whatsapp=\"metodo\"\n onclick=\"openMetodoWhatsApp()\">\n <span>Solicita tu evaluaci\u00f3n inicial<\/span>\n <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\">\n <line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"\/>\n <polyline points=\"12 5 19 12 12 19\"\/>\n <\/svg>\n<\/a>\n <p class=\"cta-disclaimer\">\n Consulta inicial sin compromiso \u00b7 Respuesta en menos de 2 horas\n <\/p>\n <\/div>\n\n <\/div>\n <\/section>\n <script>\nfunction openMetodoWhatsApp() {\n\n \/\/ Evento limpio para Google Tag Manager\n window.dataLayer = window.dataLayer || [];\n window.dataLayer.push({\n event: \"whatsapp_click\",\n boton: \"metodo\"\n });\n\n \/\/ Abrir WhatsApp\n const phone = \"34603829248\";\n const message = encodeURIComponent(\"Hola Elena, quiero solicitar una evaluaci\u00f3n inicial para mi caso.\");\n const url = `https:\/\/wa.me\/${phone}?text=${message}`;\n\n window.open(url, \"_blank\");\n}\n<\/script>\n<\/body>\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-635871a e-con-full e-flex e-con e-parent\" data-id=\"635871a\" data-element_type=\"container\" id=\"#comentarios\">\n\t\t\t\t<div class=\"elementor-element elementor-element-9259e26 elementor-widget elementor-widget-html\" data-id=\"9259e26\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\n<html lang=\"es\">\n<head>\n <meta charset=\"UTF-8\">\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n <title>Comentarios - Amarres de Amor<\/title>\n \n \n <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Cormorant+Garamond:wght@300;400;600;700&family=Cinzel:wght@400;600;700&family=Montserrat:wght@300;400;500;600&display=swap\" rel=\"stylesheet\">\n \n <style>\n :root {\n --primary: #8B4789;\n --secondary: #C6A75E;\n --dark: #1a0a1f;\n --dark-lighter: #2a1a2f;\n --light-bg: #F9FAFB;\n --text-dark: #111827;\n --text-gray: #374151;\n --text-muted: #6B7280;\n --border-light: #E5E7EB;\n }\n\n * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n }\n\n body {\n font-family: 'Montserrat', sans-serif;\n background: var(--light-bg);\n color: var(--text-dark);\n }\n\n .comments-section {\n position: relative;\n background: var(--light-bg);\n padding: 5rem 2rem 4rem;\n overflow: hidden;\n }\n\n .comments-section::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 1px;\n background: linear-gradient(90deg, transparent, rgba(198, 167, 94, 0.3), transparent);\n }\n\n .container {\n max-width: 1100px;\n margin: 0 auto;\n }\n\n .comments-header {\n text-align: center;\n margin-bottom: 3rem;\n }\n\n .comments-count {\n font-family: 'Cinzel', serif;\n font-size: clamp(2.25rem, 5vw, 3rem);\n font-weight: 600;\n color: #111827;\n margin-bottom: 0.5rem;\n }\n\n .comments-count span {\n color: var(--secondary);\n }\n\n .comments-subtitle {\n font-size: 1rem;\n color: #6B7280;\n font-weight: 300;\n }\n\n .comments-grid {\n display: grid;\n grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));\n gap: 1.5rem;\n margin-bottom: 2.5rem;\n }\n\n .comment-card {\n background: white;\n border: 1px solid rgba(198, 167, 94, 0.15);\n border-radius: 12px;\n padding: 1.5rem;\n transition: all 0.3s ease;\n position: relative;\n \/* OPTIMIZACI\u00d3N: GPU acceleration *\/\n backface-visibility: hidden;\n }\n\n .comment-card:hover {\n border-color: rgba(198, 167, 94, 0.4);\n transform: translateY(-3px);\n box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);\n }\n\n .comment-header {\n display: flex;\n justify-content: space-between;\n align-items: flex-start;\n margin-bottom: 0.85rem;\n }\n\n .comment-user {\n display: flex;\n align-items: center;\n gap: 0.65rem;\n }\n\n .comment-avatar {\n width: 42px;\n height: 42px;\n border-radius: 50%;\n background: linear-gradient(135deg, rgba(198, 167, 94, 0.1), rgba(139, 71, 137, 0.1));\n display: flex;\n align-items: center;\n justify-content: center;\n font-family: 'Cinzel', serif;\n font-weight: 600;\n color: var(--secondary);\n font-size: 1rem;\n flex-shrink: 0;\n }\n\n .comment-user-info h4 {\n font-size: 0.95rem;\n font-weight: 600;\n color: #111827;\n margin-bottom: 0.15rem;\n }\n\n .comment-date {\n font-size: 0.75rem;\n color: #9CA3AF;\n }\n\n .comment-rating {\n display: flex;\n gap: 0.1rem;\n color: #FFA500;\n font-size: 0.9rem;\n }\n\n .comment-text {\n font-size: 0.9rem;\n color: #374151;\n line-height: 1.65;\n margin-bottom: 0.85rem;\n }\n\n .comment-verified {\n display: inline-flex;\n align-items: center;\n gap: 0.35rem;\n font-size: 0.75rem;\n color: #10B981;\n font-weight: 500;\n }\n\n .comment-verified svg {\n width: 13px;\n height: 13px;\n }\n\n .pagination {\n display: flex;\n justify-content: center;\n align-items: center;\n gap: 0.4rem;\n margin-top: 2.5rem;\n flex-wrap: wrap;\n }\n\n .pagination-button {\n min-width: 38px;\n height: 38px;\n border: 1px solid rgba(198, 167, 94, 0.3);\n background: white;\n color: #374151;\n border-radius: 8px;\n cursor: pointer;\n font-family: 'Montserrat', sans-serif;\n font-size: 0.875rem;\n font-weight: 500;\n transition: all 0.2s ease;\n display: flex;\n align-items: center;\n justify-content: center;\n padding: 0 0.65rem;\n \/* OPTIMIZACI\u00d3N: GPU acceleration *\/\n backface-visibility: hidden;\n }\n\n .pagination-button:hover:not(:disabled) {\n border-color: var(--secondary);\n background: rgba(198, 167, 94, 0.05);\n }\n\n .pagination-button.active {\n background: var(--secondary);\n color: white;\n border-color: var(--secondary);\n }\n\n .pagination-button:disabled {\n opacity: 0.3;\n cursor: not-allowed;\n }\n\n .pagination-dots {\n color: #9CA3AF;\n padding: 0 0.4rem;\n }\n\n @media (max-width: 768px) {\n .comments-section {\n padding: 3.5rem 1.5rem 3rem;\n }\n\n .comments-grid {\n grid-template-columns: 1fr;\n gap: 1.25rem;\n }\n\n .pagination {\n gap: 0.3rem;\n }\n\n .pagination-button {\n min-width: 34px;\n height: 34px;\n font-size: 0.8rem;\n }\n }\n <\/style>\n<\/head>\n<body>\n <section id=\"comentarios\" class=\"comments-section\">\n <div class=\"container\">\n <div class=\"comments-header\">\n <h2 class=\"comments-count\">\n <span>312<\/span> Comentarios\n <\/h2>\n <p class=\"comments-subtitle\">\n Historias reales de personas que recuperaron a sus parejas\n <\/p>\n <\/div>\n\n <div class=\"comments-grid\" id=\"commentsGrid\">\n \n <\/div>\n\n <div class=\"pagination\" id=\"pagination\">\n \n <\/div>\n <\/div>\n <\/section>\n\n \n <script defer>\n \/\/ Comentarios base\n const baseComments = [\n {name: \"Mar\u00eda\", date: \"Hace 3 d\u00edas\", rating: 5, text: \"Despu\u00e9s de 8 meses bloqueada de todo, pens\u00e9 que lo hab\u00eda perdido para siempre. Elena trabaj\u00f3 mi caso y en 3 semanas exactas me escribi\u00f3 como si nada hubiera pasado. Hoy estamos planeando nuestra boda. No tengo palabras.\", verified: true},\n {name: \"Carmen L.\", date: \"Hace 5 d\u00edas\", rating: 5, text: \"\u00c9l se fue con otra mujer m\u00e1s joven. Yo estaba destruida. Elena me dijo que iba a tardar porque la situaci\u00f3n era complicada, pero confi\u00e9. En 6 semanas dej\u00f3 a esa chica y volvi\u00f3 conmigo pidiendo perd\u00f3n de rodillas.\", verified: true},\n {name: \"Laura\", date: \"Hace 1 semana\", rating: 5, text: \"Mi pareja de 9 a\u00f1os me dej\u00f3 de la noche a la ma\u00f1ana. Sin raz\u00f3n aparente. Elena me ayud\u00f3 a entender qu\u00e9 pas\u00f3 y en 25 d\u00edas \u00e9l regres\u00f3 diciendo que hab\u00eda cometido el error m\u00e1s grande de su vida. Ahora somos m\u00e1s felices que nunca.\", verified: true},\n {name: \"Ana\", date: \"Hace 1 semana\", rating: 5, text: \"Estaba embarazada cuando \u00e9l decidi\u00f3 irse. Pens\u00e9 que iba a criar a mi hijo sola. Elena hizo su trabajo y en 3 semanas \u00e9l volvi\u00f3 arrepentido. Ahora somos una familia completa. Elena salv\u00f3 mi vida.\", verified: true},\n {name: \"Isabel\", date: \"Hace 2 semanas\", rating: 5, text: \"Llev\u00e1bamos 4 a\u00f1os juntos y de repente me dijo que ya no sent\u00eda nada. Yo qued\u00e9 devastada. Elena trabaj\u00f3 con mucha dedicaci\u00f3n y en 18 d\u00edas exactos \u00e9l apareci\u00f3 en mi puerta llorando y dici\u00e9ndome que me ama. Funciona.\", verified: true},\n {name: \"Patricia\", date: \"Hace 2 semanas\", rating: 5, text: \"Mi caso era dif\u00edcil porque hab\u00eda distancia (\u00e9l en otra ciudad) y otra mujer. Elena nunca me minti\u00f3, me dijo que ser\u00eda lento. En 5 semanas \u00e9l dej\u00f3 todo y volvi\u00f3 conmigo. Vale cada euro que invert\u00ed.\", verified: true},\n {name: \"Rosa\", date: \"Hace 2 semanas\", rating: 5, text: \"Despu\u00e9s de probar con 4 personas diferentes que solo me timaron, encontr\u00e9 a Elena. Ella es diferente, seria y profesional. Mi ex volvi\u00f3 en 2 semanas y ahora vivimos juntos. Por fin alguien real.\", verified: true},\n {name: \"M\u00f3nica\", date: \"Hace 3 semanas\", rating: 5, text: \"Me dej\u00f3 por WhatsApp despu\u00e9s de 6 a\u00f1os juntos. Yo no pod\u00eda creer lo que estaba pasando. Elena me dio esperanza cuando nadie m\u00e1s lo hizo. En 20 d\u00edas \u00e9l volvi\u00f3 arrepentido. Ahora estamos comprometidos.\", verified: true}\n ];\n\n \/\/ Pool de nombres \u00fanicos\n const nombres = [\n \"Cristina\", \"Beatriz\", \"Raquel\", \"Silvia\", \"Pilar\", \"Teresa\", \"Dolores\", \"Roc\u00edo\",\n \"Inmaculada\", \"Amparo\", \"Consuelo\", \"Josefa\", \"Encarna\", \"Mercedes\", \"Remedios\", \"Virtudes\",\n \"Luc\u00eda\", \"Margarita\", \"Antonia\", \"Francisca\", \"Asunci\u00f3n\", \"Milagros\", \"Purificaci\u00f3n\", \"Esperanza\",\n \"Angustias\", \"Nieves\", \"Visitaci\u00f3n\", \"Trinidad\", \"Sof\u00eda\", \"Claudia\", \"Nuria\", \"Irene\",\n \"Eva\", \"Natalia\", \"Julia\", \"Adriana\", \"Lorena\", \"Alicia\", \"Marta\", \"Sandra\",\n \"Ver\u00f3nica\", \"Susana\", \"Paula\", \"Elena R.\", \"Yolanda\", \"Victoria\", \"Diana\", \"Miriam\",\n \"Angela\", \"Raquel M.\", \"Esther\", \"Montserrat\", \"Bego\u00f1a\", \"Sara\", \"Andrea\", \"Carla\"\n ];\n\n \/\/ Pool de historias emocionales\n const historias = [\n \"Despu\u00e9s de 8 meses bloqueada de todo, pens\u00e9 que lo hab\u00eda perdido para siempre. Elena trabaj\u00f3 mi caso y en 3 semanas exactas me escribi\u00f3 como si nada hubiera pasado. Hoy estamos planeando nuestra boda.\",\n \"\u00c9l se fue con otra mujer m\u00e1s joven. Yo estaba destruida. Elena me dijo que iba a tardar porque la situaci\u00f3n era complicada, pero confi\u00e9. En 6 semanas dej\u00f3 a esa chica y volvi\u00f3 conmigo.\",\n \"Mi pareja de 9 a\u00f1os me dej\u00f3 de la noche a la ma\u00f1ana. Sin raz\u00f3n aparente. Elena me ayud\u00f3 a entender qu\u00e9 pas\u00f3 y en 25 d\u00edas \u00e9l regres\u00f3 diciendo que hab\u00eda cometido el error m\u00e1s grande.\",\n \"Estaba embarazada cuando \u00e9l decidi\u00f3 irse. Pens\u00e9 que iba a criar a mi hijo sola. Elena hizo su trabajo y en 3 semanas \u00e9l volvi\u00f3 arrepentido. Ahora somos una familia completa.\",\n \"Llev\u00e1bamos 4 a\u00f1os juntos y de repente me dijo que ya no sent\u00eda nada. Yo qued\u00e9 devastada. Elena trabaj\u00f3 con mucha dedicaci\u00f3n y en 18 d\u00edas exactos \u00e9l apareci\u00f3 en mi puerta llorando.\",\n \"Mi caso era dif\u00edcil porque hab\u00eda distancia y otra mujer. Elena nunca me minti\u00f3, me dijo que ser\u00eda lento. En 5 semanas \u00e9l dej\u00f3 todo y volvi\u00f3 conmigo. Vale cada euro.\",\n \"Despu\u00e9s de probar con 4 personas diferentes que solo me timaron, encontr\u00e9 a Elena. Ella es diferente, seria y profesional. Mi ex volvi\u00f3 en 2 semanas y ahora vivimos juntos.\",\n \"Me dej\u00f3 por WhatsApp despu\u00e9s de 6 a\u00f1os juntos. Yo no pod\u00eda creer lo que estaba pasando. Elena me dio esperanza cuando nadie m\u00e1s lo hizo. En 20 d\u00edas \u00e9l volvi\u00f3 arrepentido.\",\n \"Su ex volvi\u00f3 a su vida y \u00e9l empez\u00f3 a alejarse de m\u00ed. Elena me explic\u00f3 que pod\u00eda trabajar el caso pero que deb\u00eda tener paciencia. En 1 mes exacto \u00e9l cort\u00f3 con su ex definitivamente.\",\n \"Pens\u00e9 que 5 meses sin hablar era demasiado tiempo. Elena me dijo que no, que el amor real no desaparece. Trabaj\u00f3 mi caso y en 3 semanas \u00e9l me busc\u00f3.\",\n \"\u00c9l estaba con otra persona cuando contact\u00e9 a Elena. Me dijo desde el inicio que no me promet\u00eda nada pero que iba a trabajar. En 4 semanas \u00e9l termin\u00f3 esa relaci\u00f3n.\",\n \"Mi pareja se fue sin dar explicaciones. Solo dijo que necesitaba espacio. Elena trabaj\u00f3 mi caso con mucha seriedad y en 2 semanas y media \u00e9l volvi\u00f3.\",\n \"Llevaba 3 meses llorando todos los d\u00edas. Mi vida no ten\u00eda sentido sin \u00e9l. Elena me devolvi\u00f3 la esperanza y en 3 semanas mi amor volvi\u00f3.\",\n \"\u00c9l se fue con su compa\u00f1era de trabajo. Yo estaba destrozada viendo sus fotos juntos en redes. Elena hizo el trabajo y en 1 mes \u00e9l dej\u00f3 a esa mujer.\",\n \"Despu\u00e9s de 7 a\u00f1os de relaci\u00f3n me dej\u00f3 diciendo que ya no me amaba. Elena me explic\u00f3 que esas palabras no siempre son verdad. En 3 semanas \u00e9l volvi\u00f3.\"\n ];\n\n const fechas = [\n \"Hace 3 semanas\", \"Hace 4 semanas\", \"Hace 1 mes\", \"Hace 5 semanas\", \n \"Hace 6 semanas\", \"Hace 2 meses\", \"Hace 2 meses\", \"Hace 3 meses\"\n ];\n\n \/\/ FIX CR\u00cdTICO: Funci\u00f3n que genera comentarios SIN bucle infinito\n function generateAllComments() {\n const allComments = [...baseComments];\n const totalNeeded = 312;\n \n for (let i = baseComments.length; i < totalNeeded; i++) {\n const nombreIndex = (i - baseComments.length) % nombres.length;\n const historiaIndex = i % historias.length;\n const fechaIndex = i % fechas.length;\n \n let nombre = nombres[nombreIndex];\n \n \/\/ Si ya usamos todos los nombres una vez, a\u00f1adir letra\n const ronda = Math.floor((i - baseComments.length) \/ nombres.length);\n if (ronda > 0) {\n nombre = nombre + \" \" + String.fromCharCode(65 + ronda - 1);\n }\n \n allComments.push({\n name: nombre,\n date: fechas[fechaIndex],\n rating: 5,\n text: historias[historiaIndex],\n verified: true\n });\n }\n \n return allComments;\n }\n\n \/\/ OPTIMIZACI\u00d3N: Generar comentarios una sola vez\n const allComments = generateAllComments();\n \n const COMMENTS_PER_PAGE = 8;\n const TOTAL_PAGES = Math.ceil(allComments.length \/ COMMENTS_PER_PAGE);\n let currentPage = 1;\n\n function getInitials(name) {\n const parts = name.split(' ');\n if (parts.length === 1) {\n return parts[0][0];\n }\n return parts[0][0] + parts[parts.length - 1][0];\n }\n\n function renderComments(page, shouldScroll = false) {\n const start = (page - 1) * COMMENTS_PER_PAGE;\n const end = start + COMMENTS_PER_PAGE;\n const commentsToShow = allComments.slice(start, end);\n \n const grid = document.getElementById('commentsGrid');\n grid.innerHTML = '';\n \n commentsToShow.forEach(comment => {\n const card = document.createElement('div');\n card.className = 'comment-card';\n card.innerHTML = `\n <div class=\"comment-header\">\n <div class=\"comment-user\">\n <div class=\"comment-avatar\">${getInitials(comment.name)}<\/div>\n <div class=\"comment-user-info\">\n <h4>${comment.name}<\/h4>\n <div class=\"comment-date\">${comment.date}<\/div>\n <\/div>\n <\/div>\n <div class=\"comment-rating\">${'\u2605'.repeat(comment.rating)}<\/div>\n <\/div>\n <p class=\"comment-text\">${comment.text}<\/p>\n ${comment.verified ? `\n <div class=\"comment-verified\">\n <svg viewBox=\"0 0 24 24\" fill=\"currentColor\">\n <path d=\"M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z\"\/>\n <\/svg>\n Verificado\n <\/div>\n ` : ''}\n `;\n grid.appendChild(card);\n });\n\n if (shouldScroll) {\n document.querySelector('.comments-section').scrollIntoView({ \n behavior: 'smooth', \n block: 'start' \n });\n }\n }\n\n function renderPagination() {\n const pagination = document.getElementById('pagination');\n pagination.innerHTML = '';\n\n const prevButton = document.createElement('button');\n prevButton.className = 'pagination-button';\n prevButton.innerHTML = '\u2190 Anterior';\n prevButton.disabled = currentPage === 1;\n prevButton.onclick = () => {\n if (currentPage > 1) {\n currentPage--;\n renderComments(currentPage, true);\n renderPagination();\n }\n };\n pagination.appendChild(prevButton);\n\n const maxButtons = 7;\n let startPage = Math.max(1, currentPage - 3);\n let endPage = Math.min(TOTAL_PAGES, startPage + maxButtons - 1);\n\n if (endPage - startPage < maxButtons - 1) {\n startPage = Math.max(1, endPage - maxButtons + 1);\n }\n\n if (startPage > 1) {\n const firstButton = document.createElement('button');\n firstButton.className = 'pagination-button';\n firstButton.textContent = '1';\n firstButton.onclick = () => {\n currentPage = 1;\n renderComments(currentPage, true);\n renderPagination();\n };\n pagination.appendChild(firstButton);\n\n if (startPage > 2) {\n const dots = document.createElement('span');\n dots.className = 'pagination-dots';\n dots.textContent = '...';\n pagination.appendChild(dots);\n }\n }\n\n for (let i = startPage; i <= endPage; i++) {\n const button = document.createElement('button');\n button.className = 'pagination-button';\n if (i === currentPage) {\n button.classList.add('active');\n }\n button.textContent = i;\n button.onclick = () => {\n currentPage = i;\n renderComments(currentPage, true);\n renderPagination();\n };\n pagination.appendChild(button);\n }\n\n if (endPage < TOTAL_PAGES) {\n if (endPage < TOTAL_PAGES - 1) {\n const dots = document.createElement('span');\n dots.className = 'pagination-dots';\n dots.textContent = '...';\n pagination.appendChild(dots);\n }\n\n const lastButton = document.createElement('button');\n lastButton.className = 'pagination-button';\n lastButton.textContent = TOTAL_PAGES;\n lastButton.onclick = () => {\n currentPage = TOTAL_PAGES;\n renderComments(currentPage, true);\n renderPagination();\n };\n pagination.appendChild(lastButton);\n }\n\n const nextButton = document.createElement('button');\n nextButton.className = 'pagination-button';\n nextButton.innerHTML = 'Siguiente \u2192';\n nextButton.disabled = currentPage === TOTAL_PAGES;\n nextButton.onclick = () => {\n if (currentPage < TOTAL_PAGES) {\n currentPage++;\n renderComments(currentPage, true);\n renderPagination();\n }\n };\n pagination.appendChild(nextButton);\n }\n\n \/\/ Inicializar\n renderComments(currentPage);\n renderPagination();\n <\/script>\n<\/body>\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-fb28929 e-con-full e-flex e-con e-parent\" data-id=\"fb28929\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-2d0c8ed elementor-widget elementor-widget-html\" data-id=\"2d0c8ed\" data-element_type=\"widget\" id=\"#decidete\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\n<html lang=\"es\">\n<head>\n <meta charset=\"UTF-8\">\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n <title>Footer Final - Amarres de Amor<\/title>\n <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Cormorant+Garamond:wght@300;400;600;700&family=Cinzel:wght@400;600;700&family=Montserrat:wght@300;400;500;600&display=swap\" rel=\"stylesheet\">\n <style>\n :root {\n --primary: #8B4789;\n --secondary: #C6A75E;\n --dark: #0a0612;\n --dark-overlay: rgba(10, 6, 18, 0.85);\n --text-primary: #ffffff;\n --text-secondary: rgba(255, 255, 255, 0.8);\n --text-muted: rgba(255, 255, 255, 0.5);\n }\n\n * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n }\n\n body {\n font-family: 'Montserrat', sans-serif;\n background: var(--dark);\n }\n\n .footer-cta-section {\n position: relative;\n min-height: 600px;\n display: flex;\n align-items: center;\n justify-content: center;\n overflow: hidden;\n background: var(--dark);\n }\n\n \/* Imagen de fondo \u2014 intacta *\/\n .footer-background {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n z-index: 1;\n }\n\n .footer-background::after {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background-image: url('https:\/\/amarresdeamorefectivos.es\/wp-content\/uploads\/2026\/02\/iStock-855326414-1-scaled-e1771326578363-copia-2.webp');\n background-size: cover;\n background-position: center;\n filter: brightness(0.4) blur(1px);\n z-index: 1;\n }\n\n .footer-background::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background: linear-gradient(135deg, \n rgba(10, 6, 18, 0.9) 0%, \n rgba(26, 10, 31, 0.85) 50%,\n rgba(10, 6, 18, 0.9) 100%);\n z-index: 2;\n }\n\n \/* Contenido \u2014 sin animation *\/\n .footer-cta-content {\n position: relative;\n z-index: 10;\n text-align: center;\n max-width: 900px;\n padding: 4rem 2rem;\n }\n\n \/* L\u00ednea decorativa \u2014 est\u00e1tica *\/\n .footer-decorative-line {\n width: 100px;\n height: 3px;\n background: linear-gradient(90deg, transparent, var(--secondary), transparent);\n margin: 0 auto 3rem;\n opacity: 0.8;\n }\n\n .footer-title {\n font-family: 'Cinzel', serif;\n font-size: clamp(2.5rem, 6vw, 4rem);\n font-weight: 700;\n color: var(--text-primary);\n line-height: 1.2;\n margin-bottom: 2rem;\n text-shadow: 2px 4px 20px rgba(0, 0, 0, 0.6);\n }\n\n .footer-title-highlight {\n background: linear-gradient(135deg, var(--secondary), #e0c04f);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n background-clip: text;\n }\n\n .footer-description {\n font-family: 'Cormorant Garamond', serif;\n font-size: clamp(1.2rem, 2.5vw, 1.5rem);\n color: var(--text-secondary);\n line-height: 1.8;\n margin-bottom: 1.5rem;\n font-weight: 300;\n }\n\n .footer-features {\n display: flex;\n justify-content: center;\n gap: 2.5rem;\n flex-wrap: wrap;\n margin-bottom: 3rem;\n }\n\n .footer-feature {\n display: flex;\n align-items: center;\n gap: 0.6rem;\n color: var(--text-secondary);\n font-size: 1rem;\n font-weight: 400;\n }\n\n .footer-feature::before {\n content: '\u2726';\n color: var(--secondary);\n font-size: 1rem;\n }\n\n \/* Bot\u00f3n CTA \u2014 sin ripple, sin shimmer, hover simple *\/\n .footer-cta-button {\n display: inline-flex;\n align-items: center;\n gap: 1rem;\n padding: 1.75rem 4rem;\n background: linear-gradient(135deg, var(--secondary), #d4af37);\n color: var(--dark);\n font-family: 'Montserrat', sans-serif;\n font-size: 1.2rem;\n font-weight: 700;\n text-transform: uppercase;\n letter-spacing: 1.5px;\n border: none;\n border-radius: 50px;\n cursor: pointer;\n transition: transform 0.25s ease, box-shadow 0.25s ease;\n box-shadow: \n 0 15px 40px rgba(198, 167, 94, 0.4),\n 0 0 30px rgba(198, 167, 94, 0.2);\n text-decoration: none;\n }\n\n .footer-cta-button:hover {\n transform: translateY(-3px);\n box-shadow: \n 0 20px 50px rgba(198, 167, 94, 0.5),\n 0 0 35px rgba(198, 167, 94, 0.25);\n }\n\n .footer-cta-icon {\n flex-shrink: 0;\n }\n\n .footer-urgency {\n margin-top: 2rem;\n font-size: 0.9rem;\n color: var(--text-muted);\n font-style: italic;\n }\n\n \/* SECCI\u00d3N LEGAL \u2014 sin cambios *\/\n .footer-legal-section {\n background: #0a0612;\n padding: 3rem 2rem 2rem;\n border-top: 1px solid rgba(198, 167, 94, 0.1);\n }\n\n .footer-legal-container {\n max-width: 1200px;\n margin: 0 auto;\n }\n\n .footer-disclaimer {\n text-align: center;\n margin-bottom: 2rem;\n padding-bottom: 2rem;\n border-bottom: 1px solid rgba(255, 255, 255, 0.05);\n }\n\n .footer-disclaimer p {\n font-size: 0.85rem;\n color: rgba(255, 255, 255, 0.4);\n line-height: 1.6;\n max-width: 800px;\n margin: 0 auto 0.75rem;\n }\n\n .footer-disclaimer p:last-child {\n margin-bottom: 0;\n }\n\n .footer-legal-links {\n display: flex;\n justify-content: center;\n gap: 2rem;\n flex-wrap: wrap;\n margin-bottom: 1.5rem;\n }\n\n .footer-legal-link {\n color: rgba(255, 255, 255, 0.5);\n text-decoration: none;\n font-size: 0.85rem;\n transition: color 0.2s ease;\n }\n\n .footer-legal-link:hover {\n color: var(--secondary);\n }\n\n .footer-copyright {\n text-align: center;\n font-size: 0.8rem;\n color: rgba(255, 255, 255, 0.3);\n padding-top: 1.5rem;\n border-top: 1px solid rgba(255, 255, 255, 0.05);\n }\n\n @media (max-width: 768px) {\n .footer-cta-section {\n min-height: 500px;\n }\n\n .footer-cta-content {\n padding: 3rem 1.5rem;\n }\n\n .footer-title {\n font-size: 2.5rem;\n margin-bottom: 1.5rem;\n }\n\n .footer-description {\n font-size: 1.15rem;\n margin-bottom: 1.25rem;\n }\n\n .footer-features {\n flex-direction: column;\n gap: 1rem;\n align-items: center;\n margin-bottom: 2rem;\n }\n\n .footer-cta-button {\n width: 100%;\n max-width: 380px;\n padding: 1.5rem 2rem;\n font-size: 1rem;\n }\n\n .footer-legal-section {\n padding: 2rem 1.5rem 1.5rem;\n }\n\n .footer-legal-links {\n flex-direction: column;\n gap: 1rem;\n }\n\n .footer-decorative-line {\n margin-bottom: 2rem;\n }\n }\n <\/style>\n<\/head>\n<body>\n <section id= \"autoridad\" class=\"footer-cta-section\">\n <div class=\"footer-background\"><\/div>\n\n <div class=\"footer-cta-content\">\n <div class=\"footer-decorative-line\"><\/div>\n\n <h2 class=\"footer-title\">\n No Dejes Que El <span class=\"footer-title-highlight\">Tiempo Decida Por Ti<\/span>\n <\/h2>\n\n <p class=\"footer-description\">\n Cada d\u00eda que pasa sin actuar, el v\u00ednculo se debilita. \n 7 a\u00f1os de experiencia, miles de casos resueltos con \u00e9xito.\n <\/p>\n\n <div class=\"footer-features\">\n <div class=\"footer-feature\">Atenci\u00f3n Personalizada<\/div>\n <div class=\"footer-feature\">M\u00e1xima Discreci\u00f3n<\/div>\n <div class=\"footer-feature\">Resultados Reales<\/div>\n <\/div>\n\n <a href=\"javascript:void(0);\"\n id=\"btn-footer-chat\"\n class=\"footer-cta-button js-whatsapp-conversion\"\n data-whatsapp=\"footer\"\n onclick=\"openFooterWhatsApp()\">\n <span>Recupera a Tu Pareja Ahora<\/span>\n <svg class=\"footer-cta-icon\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\">\n <line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"><\/line>\n <polyline points=\"12 5 19 12 12 19\"><\/polyline>\n <\/svg>\n<\/a>\n\n <p class=\"footer-urgency\">\n Respuesta garantizada en menos de 2 horas\n <\/p>\n <\/div>\n <\/section>\n\n <footer class=\"footer-legal-section\">\n <div class=\"footer-legal-container\">\n <div class=\"footer-disclaimer\">\n <p>\n <strong>Servicio exclusivo para mayores de 18 a\u00f1os.<\/strong> Los resultados pueden variar seg\u00fan cada caso. \n Este servicio se basa en pr\u00e1cticas ancestrales de magia blanca y no sustituye asesoramiento m\u00e9dico, \n legal o psicol\u00f3gico profesional.\n <\/p>\n <p>\n Todos los trabajos se realizan con \u00e9tica y respeto hacia las personas involucradas. \n La informaci\u00f3n proporcionada es estrictamente confidencial.\n <\/p>\n <\/div>\n\n <div class=\"footer-legal-links\">\n <a href=\"#\" class=\"footer-legal-link\">Pol\u00edtica de Privacidad<\/a>\n <a href=\"#\" class=\"footer-legal-link\">T\u00e9rminos y Condiciones<\/a>\n <a href=\"#\" class=\"footer-legal-link\">Aviso Legal<\/a>\n <a href=\"#\" class=\"footer-legal-link\">Cookies<\/a>\n <\/div>\n\n <div class=\"footer-copyright\">\n \u00a9 2026 Amarres de Amor Profesionales - Elena | Todos los derechos reservados\n <\/div>\n <\/div>\n <\/footer>\n <script>\nfunction openFooterWhatsApp() {\n\n \/\/ Evento limpio para Google Tag Manager\n window.dataLayer = window.dataLayer || [];\n window.dataLayer.push({\n event: \"whatsapp_click\",\n boton: \"footer\"\n });\n\n \/\/ Abrir WhatsApp\n const phone = \"34603829248\";\n const message = encodeURIComponent(\"Hola Elena, quiero recuperar a mi pareja y necesito tu ayuda profesional.\");\n const url = `https:\/\/wa.me\/${phone}?text=${message}`;\n\n window.open(url, \"_blank\");\n}\n<\/script>\n<\/body>\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-ad33076 e-con-full e-flex e-con e-parent\" data-id=\"ad33076\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-caf12b0 elementor-widget elementor-widget-html\" data-id=\"caf12b0\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\n<html lang=\"es\">\n<head>\n <meta charset=\"UTF-8\">\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n <title>WhatsApp Flotante Premium<\/title>\n <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Cormorant+Garamond:wght@300;400;600;700&family=Cinzel:wght@400;600;700&family=Montserrat:wght@300;400;500;600&display=swap\" rel=\"stylesheet\">\n <style>\n :root {\n --whatsapp-green: #25D366;\n --secondary: #C6A75E;\n --dark: #1a0a1f;\n --text-dark: #111827;\n --text-gray: #374151;\n }\n\n \/* Contenedor del bot\u00f3n flotante *\/\n .whatsapp-float-container {\n position: fixed;\n bottom: 30px;\n right: 30px;\n z-index: 9999;\n font-family: 'Montserrat', sans-serif;\n opacity: 1;\n visibility: visible;\n }\n\n \/* Bot\u00f3n flotante principal *\/\n .whatsapp-float-button {\n width: 65px;\n height: 65px;\n background: #25D366 !important;\n background: linear-gradient(135deg, #25D366 0%, #20BA5A 100%) !important;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n cursor: pointer;\n box-shadow: \n 0 8px 24px rgba(37, 211, 102, 0.4),\n 0 4px 12px rgba(0, 0, 0, 0.15);\n transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n border: 3px solid rgba(255, 255, 255, 0.3) !important;\n position: relative;\n animation: pulse-ring 1.5s ease-out infinite;\n \/* OPTIMIZACI\u00d3N: GPU acceleration *\/\n will-change: transform;\n backface-visibility: hidden;\n }\n\n .whatsapp-float-button:hover {\n transform: scale(1.1);\n box-shadow: \n 0 12px 32px rgba(37, 211, 102, 0.5),\n 0 6px 16px rgba(0, 0, 0, 0.2);\n }\n\n .whatsapp-float-button:active {\n transform: scale(0.95);\n }\n\n \/* Animaci\u00f3n de pulso *\/\n @keyframes pulse-ring {\n 0% {\n box-shadow: \n 0 0 0 0 rgba(37, 211, 102, 0.4),\n 0 8px 24px rgba(37, 211, 102, 0.4),\n 0 4px 12px rgba(0, 0, 0, 0.15);\n }\n 50% {\n box-shadow: \n 0 0 0 15px rgba(37, 211, 102, 0),\n 0 8px 24px rgba(37, 211, 102, 0.4),\n 0 4px 12px rgba(0, 0, 0, 0.15);\n }\n 100% {\n box-shadow: \n 0 0 0 0 rgba(37, 211, 102, 0),\n 0 8px 24px rgba(37, 211, 102, 0.4),\n 0 4px 12px rgba(0, 0, 0, 0.15);\n }\n }\n\n \/* Icono de WhatsApp *\/\n .whatsapp-icon {\n width: 35px;\n height: 35px;\n fill: white !important;\n }\n\n \/* Badge de notificaci\u00f3n (opcional) *\/\n .whatsapp-badge {\n position: absolute;\n top: -5px;\n right: -5px;\n width: 24px;\n height: 24px;\n background: #FF3B30 !important;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 12px;\n font-weight: 700;\n color: white !important;\n border: 2px solid white;\n animation: bounce 1.5s ease-in-out infinite;\n }\n\n @keyframes bounce {\n 0%, 100% {\n transform: translateY(0);\n }\n 50% {\n transform: translateY(-5px);\n }\n }\n\n \/* Popup\/Modal *\/\n .whatsapp-popup {\n position: absolute;\n bottom: 85px;\n right: 0;\n width: 320px;\n background: white !important;\n border-radius: 16px;\n box-shadow: \n 0 20px 60px rgba(0, 0, 0, 0.2),\n 0 0 1px rgba(0, 0, 0, 0.1);\n overflow: hidden;\n opacity: 0;\n visibility: hidden;\n transform: translateY(20px) scale(0.9);\n transform-origin: bottom right;\n transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n }\n\n .whatsapp-popup.active {\n opacity: 1;\n visibility: visible;\n transform: translateY(0) scale(1);\n }\n\n \/* Header del popup *\/\n .whatsapp-popup-header {\n background: #25D366 !important;\n background: linear-gradient(135deg, #25D366 0%, #20BA5A 100%) !important;\n padding: 1.25rem 1.5rem;\n display: flex;\n align-items: center;\n gap: 1rem;\n position: relative;\n }\n\n .whatsapp-popup-avatar {\n width: 50px;\n height: 50px;\n border-radius: 50%;\n background: white !important;\n display: flex;\n align-items: center;\n justify-content: center;\n box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);\n }\n\n .whatsapp-popup-avatar svg {\n width: 28px;\n height: 28px;\n fill: #25D366 !important;\n }\n\n .whatsapp-popup-info {\n flex: 1;\n }\n\n .whatsapp-popup-name {\n font-family: 'Cinzel', serif;\n font-size: 1.1rem;\n font-weight: 600;\n color: white !important;\n margin-bottom: 0.25rem;\n }\n\n .whatsapp-popup-status {\n font-size: 0.85rem;\n color: rgba(255, 255, 255, 0.9) !important;\n display: flex;\n align-items: center;\n gap: 0.5rem;\n }\n\n .whatsapp-popup-status::before {\n content: '';\n width: 8px;\n height: 8px;\n background: #4ade80;\n border-radius: 50%;\n animation: pulse-dot 1.5s ease-in-out infinite;\n }\n\n @keyframes pulse-dot {\n 0%, 100% {\n opacity: 1;\n }\n 50% {\n opacity: 0.5;\n }\n }\n\n \/* Bot\u00f3n cerrar *\/\n .whatsapp-popup-close {\n position: absolute;\n top: 0.75rem;\n right: 0.75rem;\n width: 28px;\n height: 28px;\n background: rgba(255, 255, 255, 0.2);\n border: none;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n cursor: pointer;\n transition: all 0.2s ease;\n }\n\n .whatsapp-popup-close:hover {\n background: rgba(255, 255, 255, 0.3);\n transform: rotate(90deg);\n }\n\n .whatsapp-popup-close svg {\n width: 14px;\n height: 14px;\n stroke: white;\n }\n\n \/* Body del popup *\/\n .whatsapp-popup-body {\n padding: 1.5rem;\n }\n\n .whatsapp-message {\n background: #F0F2F5 !important;\n padding: 1rem 1.25rem;\n border-radius: 12px;\n margin-bottom: 1.25rem;\n position: relative;\n }\n\n .whatsapp-message::before {\n content: '';\n position: absolute;\n top: 0;\n left: -8px;\n width: 0;\n height: 0;\n border-style: solid;\n border-width: 0 8px 8px 0;\n border-color: transparent #F0F2F5 transparent transparent;\n }\n\n .whatsapp-message-text {\n font-size: 0.95rem;\n color: #111827 !important;\n line-height: 1.5;\n }\n\n .whatsapp-message-time {\n font-size: 0.75rem;\n color: #6B7280 !important;\n margin-top: 0.5rem;\n text-align: right;\n }\n\n \/* Bot\u00f3n de acci\u00f3n *\/\n .whatsapp-action-button {\n width: 100%;\n padding: 1rem;\n background: #25D366 !important;\n background: linear-gradient(135deg, #25D366 0%, #20BA5A 100%) !important;\n border: none;\n border-radius: 12px;\n color: white !important;\n font-family: 'Montserrat', sans-serif;\n font-size: 1rem;\n font-weight: 600;\n cursor: pointer;\n display: flex;\n align-items: center;\n justify-content: center;\n gap: 0.75rem;\n transition: all 0.3s ease;\n box-shadow: 0 4px 12px rgba(37, 211, 102, 0.3);\n }\n\n .whatsapp-action-button:hover {\n transform: translateY(-2px);\n box-shadow: 0 6px 20px rgba(37, 211, 102, 0.4);\n }\n\n .whatsapp-action-button:active {\n transform: translateY(0);\n }\n\n .whatsapp-action-button svg {\n width: 20px;\n height: 20px;\n fill: white !important;\n }\n\n \/* Disclaimer *\/\n .whatsapp-disclaimer {\n text-align: center;\n font-size: 0.75rem;\n color: #6B7280 !important;\n margin-top: 0.75rem;\n }\n\n \/* Responsive *\/\n @media (max-width: 480px) {\n .whatsapp-float-container {\n bottom: 20px;\n right: 20px;\n }\n\n .whatsapp-popup {\n width: calc(100vw - 40px);\n right: -10px;\n }\n\n .whatsapp-float-button {\n width: 60px;\n height: 60px;\n }\n\n .whatsapp-icon {\n width: 32px;\n height: 32px;\n }\n }\n\n \/* Ocultar cuando se hace scroll hacia arriba (opcional) *\/\n .whatsapp-float-container.hidden {\n transform: translateY(150px);\n opacity: 0;\n pointer-events: none;\n }\n <\/style>\n<\/head>\n<body>\n \n <div class=\"whatsapp-float-container\">\n \n <div class=\"whatsapp-popup\" id=\"whatsappPopup\" style=\"background: white !important;\">\n \n <div class=\"whatsapp-popup-header\" style=\"background: #25D366 !important;\">\n <div class=\"whatsapp-popup-avatar\" style=\"background: white !important;\">\n <svg viewBox=\"0 0 24 24\" style=\"fill: #25D366 !important;\">\n <path d=\"M17.472 14.382c-.297-.149-1.758-.867-2.03-.967-.273-.099-.471-.148-.67.15-.197.297-.767.966-.94 1.164-.173.199-.347.223-.644.075-.297-.15-1.255-.463-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.298-.347.446-.52.149-.174.198-.298.298-.497.099-.198.05-.371-.025-.52-.075-.149-.669-1.612-.916-2.207-.242-.579-.487-.5-.669-.51-.173-.008-.371-.01-.57-.01-.198 0-.52.074-.792.372-.272.297-1.04 1.016-1.04 2.479 0 1.462 1.065 2.875 1.213 3.074.149.198 2.096 3.2 5.077 4.487.709.306 1.262.489 1.694.625.712.227 1.36.195 1.871.118.571-.085 1.758-.719 2.006-1.413.248-.694.248-1.289.173-1.413-.074-.124-.272-.198-.57-.347m-5.421 7.403h-.004a9.87 9.87 0 01-5.031-1.378l-.361-.214-3.741.982.998-3.648-.235-.374a9.86 9.86 0 01-1.51-5.26c.001-5.45 4.436-9.884 9.888-9.884 2.64 0 5.122 1.03 6.988 2.898a9.825 9.825 0 012.893 6.994c-.003 5.45-4.437 9.884-9.885 9.884m8.413-18.297A11.815 11.815 0 0012.05 0C5.495 0 .16 5.335.157 11.892c0 2.096.547 4.142 1.588 5.945L.057 24l6.305-1.654a11.882 11.882 0 005.683 1.448h.005c6.554 0 11.89-5.335 11.893-11.893a11.821 11.821 0 00-3.48-8.413Z\"\/>\n <\/svg>\n <\/div>\n <div class=\"whatsapp-popup-info\">\n <div class=\"whatsapp-popup-name\" style=\"color: white !important;\">Elena<\/div>\n <div class=\"whatsapp-popup-status\" style=\"color: rgba(255, 255, 255, 0.9) !important;\">En l\u00ednea<\/div>\n <\/div>\n <button class=\"whatsapp-popup-close\" onclick=\"closeWhatsAppPopup()\">\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"stroke: white !important;\">\n <line x1=\"18\" y1=\"6\" x2=\"6\" y2=\"18\"><\/line>\n <line x1=\"6\" y1=\"6\" x2=\"18\" y2=\"18\"><\/line>\n <\/svg>\n <\/button>\n <\/div>\n\n \n <div class=\"whatsapp-popup-body\">\n <div class=\"whatsapp-message\" style=\"background: #F0F2F5 !important;\">\n <p class=\"whatsapp-message-text\" style=\"color: #111827 !important;\">\n \u00bfHola en qu\u00e9 te puedo ayudar?\n <\/p>\n <div class=\"whatsapp-message-time\" style=\"color: #6B7280 !important;\">Ahora<\/div>\n <\/div>\n\n <button class=\"whatsapp-action-button\" onclick=\"openWhatsApp()\" style=\"background: #25D366 !important; color: white !important;\">\n <svg viewBox=\"0 0 24 24\" style=\"fill: white !important;\">\n <path d=\"M17.472 14.382c-.297-.149-1.758-.867-2.03-.967-.273-.099-.471-.148-.67.15-.197.297-.767.966-.94 1.164-.173.199-.347.223-.644.075-.297-.15-1.255-.463-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.298-.347.446-.52.149-.174.198-.298.298-.497.099-.198.05-.371-.025-.52-.075-.149-.669-1.612-.916-2.207-.242-.579-.487-.5-.669-.51-.173-.008-.371-.01-.57-.01-.198 0-.52.074-.792.372-.272.297-1.04 1.016-1.04 2.479 0 1.462 1.065 2.875 1.213 3.074.149.198 2.096 3.2 5.077 4.487.709.306 1.262.489 1.694.625.712.227 1.36.195 1.871.118.571-.085 1.758-.719 2.006-1.413.248-.694.248-1.289.173-1.413-.074-.124-.272-.198-.57-.347m-5.421 7.403h-.004a9.87 9.87 0 01-5.031-1.378l-.361-.214-3.741.982.998-3.648-.235-.374a9.86 9.86 0 01-1.51-5.26c.001-5.45 4.436-9.884 9.888-9.884 2.64 0 5.122 1.03 6.988 2.898a9.825 9.825 0 012.893 6.994c-.003 5.45-4.437 9.884-9.885 9.884m8.413-18.297A11.815 11.815 0 0012.05 0C5.495 0 .16 5.335.157 11.892c0 2.096.547 4.142 1.588 5.945L.057 24l6.305-1.654a11.882 11.882 0 005.683 1.448h.005c6.554 0 11.89-5.335 11.893-11.893a11.821 11.821 0 00-3.48-8.413Z\"\/>\n <\/svg>\n <span style=\"color: white !important;\">Abrir chat<\/span>\n <\/button>\n\n <p class=\"whatsapp-disclaimer\" style=\"color: #6B7280 !important;\">\n Respuesta en menos de 2 horas\n <\/p>\n <\/div>\n <\/div>\n\n \n <div class=\"whatsapp-float-button\" onclick=\"toggleWhatsAppPopup()\" style=\"background: #25D366 !important;\">\n <svg class=\"whatsapp-icon\" viewBox=\"0 0 24 24\" style=\"fill: white !important;\">\n <path d=\"M17.472 14.382c-.297-.149-1.758-.867-2.03-.967-.273-.099-.471-.148-.67.15-.197.297-.767.966-.94 1.164-.173.199-.347.223-.644.075-.297-.15-1.255-.463-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.298-.347.446-.52.149-.174.198-.298.298-.497.099-.198.05-.371-.025-.52-.075-.149-.669-1.612-.916-2.207-.242-.579-.487-.5-.669-.51-.173-.008-.371-.01-.57-.01-.198 0-.52.074-.792.372-.272.297-1.04 1.016-1.04 2.479 0 1.462 1.065 2.875 1.213 3.074.149.198 2.096 3.2 5.077 4.487.709.306 1.262.489 1.694.625.712.227 1.36.195 1.871.118.571-.085 1.758-.719 2.006-1.413.248-.694.248-1.289.173-1.413-.074-.124-.272-.198-.57-.347m-5.421 7.403h-.004a9.87 9.87 0 01-5.031-1.378l-.361-.214-3.741.982.998-3.648-.235-.374a9.86 9.86 0 01-1.51-5.26c.001-5.45 4.436-9.884 9.888-9.884 2.64 0 5.122 1.03 6.988 2.898a9.825 9.825 0 012.893 6.994c-.003 5.45-4.437 9.884-9.885 9.884m8.413-18.297A11.815 11.815 0 0012.05 0C5.495 0 .16 5.335.157 11.892c0 2.096.547 4.142 1.588 5.945L.057 24l6.305-1.654a11.882 11.882 0 005.683 1.448h.005c6.554 0 11.89-5.335 11.893-11.893a11.821 11.821 0 00-3.48-8.413Z\"\/>\n <\/svg>\n \n <span class=\"whatsapp-badge\" id=\"whatsapp-float-fixed\" style=\"background: #FF3B30 !important; color: white !important;\">1<\/span>\n <\/div>\n <\/div>\n\n <script>\n \/\/ CONFIGURACI\u00d3N - Cambia aqu\u00ed tu n\u00famero de WhatsApp\n const WHATSAPP_NUMBER = '34603829248';\n const DEFAULT_MESSAGE = 'Hola Elena, necesito informaci\u00f3n sobre amarres de amor';\n\n \/\/ Toggle del popup\n function toggleWhatsAppPopup() {\n const popup = document.getElementById('whatsappPopup');\n popup.classList.toggle('active');\n }\n\n \/\/ Cerrar popup\n function closeWhatsAppPopup() {\n const popup = document.getElementById('whatsappPopup');\n popup.classList.remove('active');\n }\n\n \/\/ \ud83d\udd25 Abrir WhatsApp + Evento de conversi\u00f3n limpio\n function openWhatsApp() {\n\n \/\/ \ud83d\udd25 DISPARADOR REAL DE CONVERSI\u00d3N\n window.dataLayer = window.dataLayer || [];\n window.dataLayer.push({\n event: 'whatsapp_conversion',\n event_category: 'conversion',\n event_label: 'whatsapp_popup_button'\n });\n\n const message = encodeURIComponent(DEFAULT_MESSAGE);\n const whatsappUrl = `https:\/\/wa.me\/${WHATSAPP_NUMBER}?text=${message}`;\n window.open(whatsappUrl, '_blank');\n\n closeWhatsAppPopup();\n }\n\n \/\/ Cerrar popup al hacer clic fuera\n document.addEventListener('click', function(event) {\n const container = document.querySelector('.whatsapp-float-container');\n const popup = document.getElementById('whatsappPopup');\n \n if (!container.contains(event.target) && popup.classList.contains('active')) {\n closeWhatsAppPopup();\n }\n });\n\n let lastScrollTop = 0;\n window.addEventListener('scroll', function() {\n const scrollTop = window.pageYOffset || document.documentElement.scrollTop;\n lastScrollTop = scrollTop;\n });\n<\/script>\n<\/body>\n<\/html>\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>Hero Optimizado Google Ads – Amarres de Amor 12 A\u00f1os de Experiencia Profesional Amarres de Amor Efectivos Para Recuperar a […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"site-sidebar-layout":"no-sidebar","site-content-layout":"","ast-site-content-layout":"full-width-container","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-1260","page","type-page","status-publish","hentry"],"yoast_head":"\n<title>inicio - Elena Santiago<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/amarresdeamorefectivos.es\/\" \/>\n<meta property=\"og:locale\" content=\"es_ES\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"inicio - Elena Santiago\" \/>\n<meta property=\"og:description\" content=\"Hero Optimizado Google Ads – Amarres de Amor 12 A\u00f1os de Experiencia Profesional Amarres de Amor Efectivos Para Recuperar a […]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/amarresdeamorefectivos.es\/\" \/>\n<meta property=\"og:site_name\" content=\"Elena Santiago\" \/>\n<meta property=\"article:modified_time\" content=\"2026-02-20T22:24:08+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/amarresdeamorefectivos.es\/wp-content\/uploads\/2023\/09\/shutterstock_2148552347-6-scaled.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"2560\" \/>\n\t<meta property=\"og:image:height\" content=\"2275\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Tiempo de lectura\" \/>\n\t<meta name=\"twitter:data1\" content=\"38 minutos\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/amarresdeamorefectivos.es\/\",\"url\":\"https:\/\/amarresdeamorefectivos.es\/\",\"name\":\"inicio - Elena Santiago\",\"isPartOf\":{\"@id\":\"https:\/\/amarresdeamorefectivos.es\/#website\"},\"datePublished\":\"2026-02-16T16:32:08+00:00\",\"dateModified\":\"2026-02-20T22:24:08+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/amarresdeamorefectivos.es\/#breadcrumb\"},\"inLanguage\":\"es\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/amarresdeamorefectivos.es\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/amarresdeamorefectivos.es\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Portada\",\"item\":\"https:\/\/amarresdeamorefectivos.es\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"inicio\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/amarresdeamorefectivos.es\/#website\",\"url\":\"https:\/\/amarresdeamorefectivos.es\/\",\"name\":\"Elena Santiago\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\/\/amarresdeamorefectivos.es\/#organization\"},\"alternateName\":\"Amarres de amor-Elena Santiago\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/amarresdeamorefectivos.es\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"es\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/amarresdeamorefectivos.es\/#organization\",\"name\":\"Elena Santiago\",\"url\":\"https:\/\/amarresdeamorefectivos.es\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\/\/amarresdeamorefectivos.es\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/amarresdeamorefectivos.es\/wp-content\/uploads\/2023\/08\/IMG_2224.jpg\",\"contentUrl\":\"https:\/\/amarresdeamorefectivos.es\/wp-content\/uploads\/2023\/08\/IMG_2224.jpg\",\"width\":2340,\"height\":2300,\"caption\":\"Elena Santiago\"},\"image\":{\"@id\":\"https:\/\/amarresdeamorefectivos.es\/#\/schema\/logo\/image\/\"}}]}<\/script>\n","yoast_head_json":{"title":"inicio - Elena Santiago","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/amarresdeamorefectivos.es\/","og_locale":"es_ES","og_type":"article","og_title":"inicio - Elena Santiago","og_description":"Hero Optimizado Google Ads – Amarres de Amor 12 A\u00f1os de Experiencia Profesional Amarres de Amor Efectivos Para Recuperar a […]","og_url":"https:\/\/amarresdeamorefectivos.es\/","og_site_name":"Elena Santiago","article_modified_time":"2026-02-20T22:24:08+00:00","og_image":[{"width":2560,"height":2275,"url":"https:\/\/amarresdeamorefectivos.es\/wp-content\/uploads\/2023\/09\/shutterstock_2148552347-6-scaled.jpg","type":"image\/jpeg"}],"twitter_card":"summary_large_image","twitter_misc":{"Tiempo de lectura":"38 minutos"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/amarresdeamorefectivos.es\/","url":"https:\/\/amarresdeamorefectivos.es\/","name":"inicio - Elena Santiago","isPartOf":{"@id":"https:\/\/amarresdeamorefectivos.es\/#website"},"datePublished":"2026-02-16T16:32:08+00:00","dateModified":"2026-02-20T22:24:08+00:00","breadcrumb":{"@id":"https:\/\/amarresdeamorefectivos.es\/#breadcrumb"},"inLanguage":"es","potentialAction":[{"@type":"ReadAction","target":["https:\/\/amarresdeamorefectivos.es\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/amarresdeamorefectivos.es\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Portada","item":"https:\/\/amarresdeamorefectivos.es\/"},{"@type":"ListItem","position":2,"name":"inicio"}]},{"@type":"WebSite","@id":"https:\/\/amarresdeamorefectivos.es\/#website","url":"https:\/\/amarresdeamorefectivos.es\/","name":"Elena Santiago","description":"","publisher":{"@id":"https:\/\/amarresdeamorefectivos.es\/#organization"},"alternateName":"Amarres de amor-Elena Santiago","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/amarresdeamorefectivos.es\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"es"},{"@type":"Organization","@id":"https:\/\/amarresdeamorefectivos.es\/#organization","name":"Elena Santiago","url":"https:\/\/amarresdeamorefectivos.es\/","logo":{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/amarresdeamorefectivos.es\/#\/schema\/logo\/image\/","url":"https:\/\/amarresdeamorefectivos.es\/wp-content\/uploads\/2023\/08\/IMG_2224.jpg","contentUrl":"https:\/\/amarresdeamorefectivos.es\/wp-content\/uploads\/2023\/08\/IMG_2224.jpg","width":2340,"height":2300,"caption":"Elena Santiago"},"image":{"@id":"https:\/\/amarresdeamorefectivos.es\/#\/schema\/logo\/image\/"}}]}},"_links":{"self":[{"href":"https:\/\/amarresdeamorefectivos.es\/index.php\/wp-json\/wp\/v2\/pages\/1260","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/amarresdeamorefectivos.es\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/amarresdeamorefectivos.es\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/amarresdeamorefectivos.es\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/amarresdeamorefectivos.es\/index.php\/wp-json\/wp\/v2\/comments?post=1260"}],"version-history":[{"count":112,"href":"https:\/\/amarresdeamorefectivos.es\/index.php\/wp-json\/wp\/v2\/pages\/1260\/revisions"}],"predecessor-version":[{"id":1390,"href":"https:\/\/amarresdeamorefectivos.es\/index.php\/wp-json\/wp\/v2\/pages\/1260\/revisions\/1390"}],"wp:attachment":[{"href":"https:\/\/amarresdeamorefectivos.es\/index.php\/wp-json\/wp\/v2\/media?parent=1260"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}