Mariana Popovici \u2014 Hipnoterapia & Bienestar<\/title>\r\n<meta name=\"description\" content=\"Hipnoterapia cl\u00ednica con Mariana Popovici. Acompa\u00f1amiento profundo para mujeres que se sienten perdidas, sobrecargadas o desconectadas de s\u00ed mismas. Online y presencial.\">\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Instrument+Serif:ital@0;1&family=Instrument+Sans:wght@300;400;500&family=JetBrains+Mono:wght@400;500&display=swap\" rel=\"stylesheet\">\r\n<style>\r\n\/* ====== TOKENS ====== *\/\r\n:root {\r\n --bg: #F7F5F0;\r\n --bg-2: #EEF3FF;\r\n --bg-3: #E4EDFF;\r\n --ink: #141828;\r\n --ink-60: rgba(20,24,40,.58);\r\n --ink-30: rgba(20,24,40,.22);\r\n --ink-10: rgba(20,24,40,.08);\r\n --blue: #3A6FD8;\r\n --blue-2: #5F8FE8;\r\n --blue-3: #8AABEF;\r\n --blue-pale: #C8DAFF;\r\n --blue-ghost:#EEF3FF;\r\n --gold: #C9A96E;\r\n --white: #FFFFFF;\r\n\r\n --serif: \"Instrument Serif\", \"Georgia\", serif;\r\n --sans: \"Instrument Sans\", system-ui, sans-serif;\r\n --mono: \"JetBrains Mono\", ui-monospace, monospace;\r\n\r\n --radius: 3px;\r\n --max: 1320px;\r\n --pad-x: clamp(20px, 4vw, 56px);\r\n}\r\n\r\n\/* ====== RESET ====== *\/\r\n*,*::before,*::after { box-sizing:border-box; margin:0; padding:0; }\r\nhtml,body { background:var(--bg); color:var(--ink); -webkit-font-smoothing:antialiased; }\r\nbody {\r\n font-family: var(--sans);\r\n font-size: 16px;\r\n line-height: 1.55;\r\n letter-spacing: -.005em;\r\n overflow-x: hidden;\r\n}\r\nimg,svg { display:block; max-width:100%; }\r\na { color:inherit; text-decoration:none; }\r\nbutton { font:inherit; background:none; border:0; color:inherit; cursor:pointer; }\r\n\r\n\/* ====== ATMOSPHERE ====== *\/\r\nbody::after {\r\n content:\"\"; position:fixed; inset:0; pointer-events:none; z-index:0;\r\n background:\r\n radial-gradient(ellipse 55% 40% at 90% 5%, rgba(58,111,216,.10), transparent 60%),\r\n radial-gradient(ellipse 45% 35% at 5% 95%, rgba(95,143,232,.08), transparent 60%);\r\n}\r\n\r\n\/* ====== CUSTOM CURSOR ====== *\/\r\n.cursor {\r\n position:fixed; top:0; left:0; width:16px; height:16px;\r\n border:1.5px solid var(--blue-2); border-radius:50%;\r\n transform:translate(-50%,-50%); pointer-events:none; z-index:9999;\r\n transition: width .25s, height .25s, background .25s, border-color .25s;\r\n}\r\n.cursor.is-hover { width:44px; height:44px; background:rgba(58,111,216,.12); border-color:var(--blue); }\r\n@media (pointer:coarse) { .cursor{display:none;} }\r\n\r\n\/* ====== UTILITIES ====== *\/\r\n.wrap { max-width:var(--max); margin:0 auto; padding-left:var(--pad-x); padding-right:var(--pad-x); }\r\n.eyebrow {\r\n font-family:var(--mono); font-size:11px; font-weight:500; letter-spacing:.18em; text-transform:uppercase;\r\n color:var(--blue-2); display:inline-flex; align-items:center; gap:10px;\r\n}\r\n.eyebrow::before { content:\"\"; width:22px; height:1px; background:var(--blue-2); }\r\n.pill {\r\n display:inline-flex; align-items:center; gap:8px; padding:6px 14px;\r\n border:1px solid var(--ink-10); border-radius:999px; font-size:12px; color:var(--ink-60);\r\n font-family:var(--mono); letter-spacing:.04em; background:var(--white);\r\n}\r\n.pill .dot { width:6px; height:6px; border-radius:50%; background:var(--blue); box-shadow:0 0 10px var(--blue); animation:pulse 2s infinite; }\r\n@keyframes pulse { 0%,100%{opacity:1} 50%{opacity:.4} }\r\n\r\n\/* ====== LANG TOGGLE ====== *\/\r\n.lang-toggle {\r\n position:fixed; top:1.2rem; right:1.5rem; z-index:200;\r\n display:flex; gap:.4rem;\r\n}\r\n.lang-btn {\r\n font-family:var(--mono); font-size:.7rem; font-weight:500; letter-spacing:.12em;\r\n padding:.35rem .8rem; border-radius:999px; cursor:pointer;\r\n border:1px solid var(--ink-10); color:var(--ink-60); background:var(--white);\r\n transition:all .3s;\r\n}\r\n.lang-btn.active, .lang-btn:hover {\r\n background:var(--blue); color:var(--white); border-color:var(--blue);\r\n}\r\n\r\n\/* ====== BUTTONS ====== *\/\r\n.btn {\r\n position:relative; display:inline-flex; align-items:center; gap:12px; padding:17px 26px;\r\n background:var(--blue); color:var(--white); border-radius:999px; font-weight:500;\r\n letter-spacing:-.01em; overflow:hidden; isolation:isolate;\r\n transition:transform .4s cubic-bezier(.2,.7,.2,1);\r\n box-shadow:0 12px 40px -12px rgba(58,111,216,.35), inset 0 0 0 1px rgba(255,255,255,.1);\r\n}\r\n.btn::before {\r\n content:\"\"; position:absolute; inset:0;\r\n background:linear-gradient(180deg, var(--blue-2), var(--blue));\r\n transform:translateY(100%); transition:transform .4s cubic-bezier(.2,.7,.2,1); z-index:-1;\r\n}\r\n.btn:hover::before { transform:translateY(0); }\r\n.btn:hover { transform:translateY(-2px); }\r\n.btn svg { width:15px; height:15px; transition:transform .3s; }\r\n.btn:hover svg { transform:translate(3px,-3px); }\r\n\r\n.btn-ghost {\r\n display:inline-flex; align-items:center; gap:10px; padding:16px 24px;\r\n border-radius:999px; border:1.5px solid var(--ink-30); color:var(--ink);\r\n transition:border-color .3s, background .3s, color .3s;\r\n}\r\n.btn-ghost:hover { border-color:var(--blue); background:var(--blue-ghost); color:var(--blue); }\r\n\r\n\/* ====== NAV ====== *\/\r\n.nav {\r\n position:fixed; top:0; left:0; right:0; z-index:100;\r\n display:flex; align-items:center; justify-content:space-between;\r\n padding:20px var(--pad-x);\r\n backdrop-filter:blur(16px);\r\n background:rgba(247,245,240,.82);\r\n border-bottom:1px solid transparent;\r\n transition:border-color .4s, background .4s;\r\n}\r\n.nav.is-scrolled { border-bottom-color:var(--ink-10); }\r\n.nav-logo img { height:42px; }\r\n.nav-links { display:flex; gap:32px; font-size:14px; color:var(--ink-60); }\r\n.nav-links a { position:relative; transition:color .3s; }\r\n.nav-links a::after {\r\n content:\"\"; position:absolute; left:0; bottom:-5px; width:0; height:1px;\r\n background:var(--blue); transition:width .35s cubic-bezier(.2,.7,.2,1);\r\n}\r\n.nav-links a:hover { color:var(--ink); }\r\n.nav-links a:hover::after { width:100%; }\r\n.nav-cta {\r\n font-size:13px; padding:10px 20px; border-radius:999px;\r\n border:1.5px solid var(--ink-30); transition:all .3s;\r\n margin-right:7rem;\r\n}\r\n.nav-cta:hover { border-color:var(--blue); background:var(--blue); color:var(--white); }\r\n@media(max-width:820px) { .nav-links{display:none;} .nav-cta{margin-right:5rem;} }\r\n\r\n\/* ====== HERO ====== *\/\r\n.hero {\r\n position:relative; min-height:100svh; padding:100px var(--pad-x) 70px;\r\n display:flex; flex-direction:column; justify-content:center;\r\n overflow:hidden; z-index:2;\r\n}\r\n.hero-bg { position:absolute; inset:0; z-index:-1; pointer-events:none; }\r\n.hero-bg .orb {\r\n position:absolute; width:min(580px,68vw); aspect-ratio:1; border-radius:50%;\r\n background:radial-gradient(circle at 35% 35%, rgba(95,143,232,.32), rgba(58,111,216,.18) 40%, transparent 70%);\r\n filter:blur(60px); right:-5%; top:8%;\r\n animation:drift 16s ease-in-out infinite alternate;\r\n}\r\n.hero-bg .orb-2 {\r\n width:min(380px,50vw); left:-6%; bottom:-10%;\r\n background:radial-gradient(circle at 50% 50%, rgba(58,111,216,.2), transparent 70%);\r\n animation-duration:22s;\r\n}\r\n.hero-bg svg { position:absolute; inset:0; width:100%; height:100%; }\r\n@keyframes drift { to { transform:translate(-25px,18px) scale(1.04); } }\r\n\r\n.hero-content {\r\n display:grid;\r\n grid-template-columns:1fr 1fr;\r\n gap:clamp(32px,5vw,80px);\r\n align-items:center;\r\n width:100%;\r\n}\r\n.hero-left { display:flex; flex-direction:column; gap:clamp(24px,3vw,40px); }\r\n\r\n.hero h1 {\r\n font-family:var(--serif); font-weight:400;\r\n font-size:clamp(52px, 8.5vw, 140px);\r\n line-height:.9; letter-spacing:-.03em;\r\n}\r\n.hero h1 .row { display:block; overflow:hidden; }\r\n.hero h1 .row > span {\r\n display:inline-block; transform:translateY(110%);\r\n animation:rise 1.1s cubic-bezier(.2,.7,.2,1) forwards;\r\n}\r\n.hero h1 .row:nth-child(1) > span { animation-delay:.08s; }\r\n.hero h1 .row:nth-child(2) > span { animation-delay:.2s; }\r\n.hero h1 em { font-style:italic; color:var(--blue); }\r\n@keyframes rise { to { transform:translateY(0); } }\r\n\r\n.hero-lead {\r\n font-family:var(--serif); font-size:clamp(18px,1.8vw,24px); line-height:1.4;\r\n color:var(--ink); max-width:38ch; letter-spacing:-.01em;\r\n}\r\n.hero-lead em { color:var(--blue-2); font-style:italic; }\r\n\r\n.hero-actions { display:flex; gap:12px; flex-wrap:wrap; align-items:center; }\r\n\r\n.hero-photo-desktop {\r\n width:100%; aspect-ratio:3\/4;\r\n border-radius:var(--radius); overflow:hidden;\r\n background:var(--bg-2); border:1px solid var(--ink-10);\r\n}\r\n.hero-photo-desktop img { width:100%; height:100%; object-fit:cover; object-position:center top; }\r\n\r\n.hero-photo-mobile { display:none; }\r\n\r\n@media(max-width:820px) {\r\n .hero-content { grid-template-columns:1fr; }\r\n .hero-photo-desktop { display:none; }\r\n .hero-photo-mobile {\r\n display:block; width:100%;\r\n border-top:1px solid var(--ink-10);\r\n }\r\n .hero-photo-mobile img { width:100%; height:auto; display:block; }\r\n}\r\n\r\n\/* TICKER *\/\r\n.ticker {\r\n margin-top:80px; padding-top:24px; border-top:1px solid var(--ink-10);\r\n overflow:hidden; white-space:nowrap;\r\n font-family:var(--serif); font-size:clamp(30px,5.5vw,68px); line-height:1;\r\n letter-spacing:-.02em; color:var(--ink-30);\r\n}\r\n.ticker-track { display:inline-flex; gap:56px; animation:ticker 36s linear infinite; }\r\n.ticker em { color:var(--blue-2); font-style:italic; margin-right:56px; }\r\n.ticker .star { color:var(--blue-3); }\r\n@keyframes ticker { to { transform:translateX(-50%); } }\r\n\r\n\/* ====== SECTIONS ====== *\/\r\nsection { position:relative; z-index:2; }\r\n.section { padding:clamp(90px,13vw,160px) 0; border-top:1px solid var(--ink-10); }\r\n.section-head {\r\n display:grid; grid-template-columns:auto 1fr; gap:clamp(36px,6vw,110px);\r\n align-items:flex-start; margin-bottom:clamp(50px,8vw,110px);\r\n}\r\n@media(max-width:820px) { .section-head { grid-template-columns:1fr; gap:24px; } }\r\n.section-num { font-family:var(--mono); font-size:12px; color:var(--blue-2); letter-spacing:.12em; white-space:nowrap; padding-top:10px; }\r\n.section-title {\r\n font-family:var(--serif); font-size:clamp(38px,6.5vw,88px); line-height:.95;\r\n letter-spacing:-.025em; font-weight:400; max-width:18ch;\r\n}\r\n.section-title em { color:var(--blue); font-style:italic; }\r\n.section-title .sub {\r\n display:block; margin-top:20px; font-family:var(--sans); font-size:clamp(14px,1.2vw,16px);\r\n color:var(--ink-60); max-width:54ch; letter-spacing:-.005em; line-height:1.65;\r\n font-style:normal; font-weight:300;\r\n}\r\n\r\n\/* ====== HISTORIA ====== *\/\r\n.about-grid {\r\n display:grid; grid-template-columns:5fr 7fr; gap:clamp(36px,6vw,90px);\r\n align-items:flex-start;\r\n}\r\n@media(max-width:820px) { .about-grid { grid-template-columns:1fr; } }\r\n\r\n.portrait {\r\n position:relative; aspect-ratio:4\/5; overflow:hidden; border-radius:var(--radius);\r\n background:linear-gradient(135deg, var(--blue-ghost), var(--bg-2));\r\n border:1px solid var(--ink-10);\r\n}\r\n.portrait img { width:100%; height:100%; object-fit:contain; padding:2rem; }\r\n.portrait .tag {\r\n position:absolute; left:16px; bottom:16px; font-family:var(--mono); font-size:10px;\r\n letter-spacing:.08em; color:var(--ink-60); background:rgba(247,245,240,.85);\r\n backdrop-filter:blur(8px); padding:7px 12px; border-radius:4px; border:1px solid var(--ink-10);\r\n}\r\n\r\n.about-body p {\r\n font-family:var(--serif); font-size:clamp(18px,1.8vw,24px); line-height:1.5;\r\n letter-spacing:-.005em; color:var(--ink); margin-bottom:22px;\r\n}\r\n.about-body p + p { color:var(--ink-60); font-size:16px; font-family:var(--sans); line-height:1.75; font-weight:300; }\r\n.about-body p + p + p { color:var(--ink-60); font-size:16px; font-family:var(--sans); line-height:1.75; font-weight:300; }\r\n\r\n.about-quote {\r\n border-left:2px solid var(--blue-pale); padding-left:1.4rem; margin:2rem 0 2.4rem;\r\n font-family:var(--serif); font-size:clamp(17px,1.6vw,21px); font-style:italic;\r\n color:var(--blue); line-height:1.45;\r\n}\r\n\r\n.credentials {\r\n margin-top:44px; display:grid; grid-template-columns:repeat(3,1fr); gap:14px;\r\n}\r\n@media(max-width:600px) { .credentials { grid-template-columns:repeat(2,1fr); } }\r\n.cred {\r\n padding:22px 18px; border:1px solid var(--ink-10); border-radius:var(--radius);\r\n background:var(--white);\r\n transition:border-color .4s, transform .4s, box-shadow .4s;\r\n}\r\n.cred:hover { border-color:var(--blue-pale); transform:translateY(-2px); box-shadow:0 8px 24px rgba(58,111,216,.08); }\r\n.cred .num { font-family:var(--serif); font-size:36px; color:var(--blue); line-height:1; letter-spacing:-.03em; }\r\n.cred .lbl { margin-top:8px; font-size:12px; color:var(--ink-60); line-height:1.4; font-family:var(--mono); letter-spacing:.02em; }\r\n\r\n\/* ====== SERVICIOS ====== *\/\r\n.services-list { display:flex; flex-direction:column; border-top:1px solid var(--ink-10); }\r\n.service {\r\n display:grid; grid-template-columns:70px 1.2fr 2fr 130px;\r\n gap:36px; align-items:center; padding:32px 0;\r\n border-bottom:1px solid var(--ink-10);\r\n transition:background .35s, padding .35s;\r\n position:relative; cursor:default;\r\n}\r\n.service::before {\r\n content:\"\"; position:absolute; inset:0;\r\n background:linear-gradient(90deg, rgba(58,111,216,.05), transparent 70%);\r\n opacity:0; transition:opacity .4s;\r\n}\r\n.service:hover { padding-left:16px; }\r\n.service:hover::before { opacity:1; }\r\n.service .idx { font-family:var(--mono); font-size:12px; color:var(--blue-2); letter-spacing:.1em; }\r\n.service .name { font-family:var(--serif); font-size:clamp(22px,2.6vw,36px); line-height:1.05; letter-spacing:-.02em; }\r\n.service .name em { font-style:italic; color:var(--blue-2); }\r\n.service .desc { color:var(--ink-60); font-size:14px; line-height:1.6; font-weight:300; }\r\n.service .dur { color:var(--ink-60); font-family:var(--mono); font-size:11px; text-align:right; letter-spacing:.05em; }\r\n@media(max-width:820px) {\r\n .service { grid-template-columns:36px 1fr; gap:12px; padding:24px 0; }\r\n .service .desc, .service .dur { grid-column:2; }\r\n .service .dur { text-align:left; }\r\n}\r\n\r\n\/* ====== PROCESO ====== *\/\r\n.process-grid {\r\n display:grid; grid-template-columns:repeat(4,1fr); gap:2px;\r\n background:var(--ink-10); border:1px solid var(--ink-10);\r\n border-radius:var(--radius); overflow:hidden;\r\n}\r\n@media(max-width:820px) { .process-grid { grid-template-columns:1fr 1fr; } }\r\n@media(max-width:520px) { .process-grid { grid-template-columns:1fr; } }\r\n.step {\r\n background:var(--bg); padding:36px 28px 32px;\r\n min-height:260px; display:flex; flex-direction:column; gap:20px;\r\n transition:background .4s;\r\n}\r\n.step:hover { background:var(--bg-2); }\r\n.step .k { font-family:var(--mono); font-size:11px; color:var(--blue-2); letter-spacing:.12em; }\r\n.step .t { font-family:var(--serif); font-size:26px; line-height:1.05; letter-spacing:-.02em; margin-top:auto; }\r\n.step .d { color:var(--ink-60); font-size:13px; line-height:1.6; font-weight:300; }\r\n.step svg { width:32px; height:32px; stroke:var(--blue-2); }\r\n\r\n\/* ====== TESTIMONIOS ====== *\/\r\n.quotes { display:grid; grid-template-columns:repeat(2,1fr); gap:18px; }\r\n@media(max-width:820px) { .quotes { grid-template-columns:1fr; } }\r\n.quote {\r\n border:1px solid var(--ink-10); border-radius:var(--radius); padding:clamp(24px,2.8vw,40px);\r\n background:var(--white);\r\n display:flex; flex-direction:column; gap:20px;\r\n transition:border-color .4s, transform .4s, box-shadow .4s;\r\n}\r\n.quote:hover { border-color:var(--blue-pale); transform:translateY(-3px); box-shadow:0 12px 36px rgba(58,111,216,.09); }\r\n.quote blockquote {\r\n font-family:var(--serif); font-size:clamp(17px,1.6vw,22px); line-height:1.45; letter-spacing:-.01em;\r\n color:var(--ink);\r\n}\r\n.quote blockquote::before { content:\"\\201C\"; color:var(--blue-2); margin-right:3px; font-size:1.2em; }\r\n.quote blockquote::after { content:\"\\201D\"; color:var(--blue-2); font-size:1.2em; }\r\n.quote footer {\r\n display:flex; align-items:center; gap:12px; margin-top:auto;\r\n padding-top:18px; border-top:1px solid var(--ink-10);\r\n}\r\n.quote .avi {\r\n width:40px; height:40px; border-radius:50%;\r\n background:linear-gradient(135deg, var(--blue), var(--blue-3));\r\n display:flex; align-items:center; justify-content:center;\r\n font-family:var(--serif); color:var(--white); font-size:16px; font-style:italic;\r\n}\r\n.quote .who { font-size:13px; }\r\n.quote .who .nm { color:var(--ink); font-weight:500; }\r\n.quote .who .ro { color:var(--ink-60); font-size:11px; font-family:var(--mono); letter-spacing:.05em; }\r\n.stars { display:flex; gap:2px; margin-left:auto; color:var(--gold); font-size:12px; }\r\n\r\n\/* ====== FAQ ====== *\/\r\n.faq-list { border-top:1px solid var(--ink-10); }\r\n.faq {\r\n border-bottom:1px solid var(--ink-10); padding:24px 0; cursor:pointer;\r\n display:grid; grid-template-columns:1fr auto; gap:24px; align-items:flex-start;\r\n transition:padding .4s;\r\n}\r\n.faq:hover { padding-left:10px; }\r\n.faq .q { font-family:var(--serif); font-size:clamp(18px,1.9vw,24px); line-height:1.25; letter-spacing:-.01em; }\r\n.faq .plus {\r\n width:30px; height:30px; border-radius:50%; border:1px solid var(--ink-30);\r\n display:flex; align-items:center; justify-content:center; flex-shrink:0;\r\n position:relative;\r\n transition:transform .4s, background .4s, border-color .4s;\r\n}\r\n.faq .plus::before,\r\n.faq .plus::after { content:\"\"; position:absolute; width:11px; height:1px; background:currentColor; transition:transform .4s; }\r\n.faq .plus::after { transform:rotate(90deg); }\r\n.faq[open] .plus { background:var(--blue); border-color:var(--blue); color:var(--white); }\r\n.faq[open] .plus::after { transform:rotate(0); }\r\n.faq .a {\r\n grid-column:1 \/ -1; color:var(--ink-60); font-size:15px; line-height:1.7;\r\n max-width:76ch; font-weight:300;\r\n max-height:0; overflow:hidden; transition:max-height .5s cubic-bezier(.2,.7,.2,1), margin-top .5s;\r\n}\r\n.faq[open] .a { max-height:400px; margin-top:16px; }\r\n\r\n\/* ====== CTA FINAL ====== *\/\r\n.final {\r\n padding:clamp(110px,15vw,180px) 0;\r\n position:relative; overflow:hidden;\r\n border-top:1px solid var(--ink-10);\r\n background:linear-gradient(160deg, var(--blue-ghost) 0%, var(--bg) 60%);\r\n}\r\n.final::before {\r\n content:\"\"; position:absolute; inset:0;\r\n background:radial-gradient(ellipse 70% 55% at 50% 105%, rgba(58,111,216,.18), transparent 65%);\r\n z-index:0;\r\n}\r\n.final-inner { text-align:center; max-width:22ch; margin:0 auto; position:relative; z-index:1; }\r\n.final h2 {\r\n font-family:var(--serif); font-size:clamp(48px,9vw,128px); line-height:.93;\r\n letter-spacing:-.03em; font-weight:400; color:var(--ink);\r\n}\r\n.final h2 em { font-style:italic; color:var(--blue); }\r\n.final p { margin-top:24px; color:var(--ink-60); font-size:16px; max-width:44ch; margin-left:auto; margin-right:auto; line-height:1.7; font-weight:300; }\r\n.final .actions { display:flex; gap:12px; justify-content:center; margin-top:40px; flex-wrap:wrap; }\r\n\r\n\/* ====== FOOTER ====== *\/\r\nfooter {\r\n border-top:1px solid var(--ink-10); padding:44px var(--pad-x) 28px;\r\n display:grid; grid-template-columns:2fr 1fr 1fr 1fr; gap:36px;\r\n font-size:13px; color:var(--ink-60); background:var(--white);\r\n}\r\n@media(max-width:820px) { footer { grid-template-columns:1fr 1fr; } }\r\n@media(max-width:520px) { footer { grid-template-columns:1fr; } }\r\nfooter h4 {\r\n font-size:10px; font-family:var(--mono); letter-spacing:.14em; color:var(--blue-2);\r\n text-transform:uppercase; margin-bottom:18px;\r\n}\r\nfooter a { display:block; padding:4px 0; transition:color .3s; }\r\nfooter a:hover { color:var(--ink); }\r\n.foot-sign { max-width:32ch; }\r\n.foot-sign .big {\r\n font-family:var(--serif); font-size:26px; line-height:1.1; color:var(--ink);\r\n letter-spacing:-.01em; margin-bottom:14px;\r\n}\r\n.foot-sign .big em { color:var(--blue); font-style:italic; }\r\n.foot-bar {\r\n grid-column:1 \/ -1; display:flex; justify-content:space-between; flex-wrap:wrap; gap:16px;\r\n margin-top:36px; padding-top:22px; border-top:1px solid var(--ink-10);\r\n font-family:var(--mono); font-size:10px; letter-spacing:.08em; color:var(--ink-30);\r\n}\r\n\r\n\/* ====== REVEAL ====== *\/\r\n.reveal { opacity:0; transform:translateY(28px); transition:opacity .9s ease, transform .9s cubic-bezier(.2,.7,.2,1); }\r\n.reveal.in { opacity:1; transform:none; }\r\n.reveal.d1 { transition-delay:.08s; }\r\n.reveal.d2 { transition-delay:.16s; }\r\n.reveal.d3 { transition-delay:.24s; }\r\n.reveal.d4 { transition-delay:.32s; }\r\n\r\n\/* ====== LANG ====== *\/\r\n[data-lang=\"pt\"] { display:none; }\r\nbody.pt [data-lang=\"pt\"] { display:block; }\r\nbody.pt [data-lang=\"es\"] { display:none; }\r\nbody.pt span[data-lang=\"pt\"] { display:inline; }\r\nbody.pt span[data-lang=\"es\"] { display:none; }\r\nspan[data-lang=\"pt\"] { display:none; }\r\n<\/style>\r\n<\/head>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-c6fa68b elementor-widget elementor-widget-html\" data-id=\"c6fa68b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"es\">\r\n<head>\r\n<meta charset=\"UTF-8\">\r\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1, viewport-fit=cover\">\r\n<title>Mariana Popovici \u2014 Hipnoterapia<\/title>\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Instrument+Serif:ital@0;1&family=Instrument+Sans:wght@300;400;500&family=JetBrains+Mono:wght@400;500&display=swap\" rel=\"stylesheet\">\r\n<style>\r\n:root {\r\n --bg:#F7F5F0; --bg-2:#EEF3FF; --ink:#141828;\r\n --ink-60:rgba(20,24,40,.58); --ink-30:rgba(20,24,40,.22); --ink-10:rgba(20,24,40,.08);\r\n --blue:#3A6FD8; --blue-2:#5F8FE8; --blue-3:#8AABEF;\r\n --blue-pale:#C8DAFF; --blue-ghost:#EEF3FF; --white:#FFFFFF;\r\n --serif:\"Instrument Serif\",\"Georgia\",serif;\r\n --sans:\"Instrument Sans\",system-ui,sans-serif;\r\n --mono:\"JetBrains Mono\",ui-monospace,monospace;\r\n --radius:3px; --pad-x:clamp(20px,4vw,56px);\r\n}\r\n*,*::before,*::after{box-sizing:border-box;margin:0;padding:0;}\r\nhtml,body{background:var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased;overflow-x:hidden;}\r\nbody{font-family:var(--sans);font-size:16px;line-height:1.55;}\r\nimg,svg{display:block;max-width:100%;}\r\na{color:inherit;text-decoration:none;}\r\n\r\nbody::after{\r\n content:\"\";position:fixed;inset:0;pointer-events:none;z-index:0;\r\n background:\r\n radial-gradient(ellipse 55% 40% at 90% 5%,rgba(58,111,216,.10),transparent 60%),\r\n radial-gradient(ellipse 45% 35% at 5% 95%,rgba(95,143,232,.08),transparent 60%);\r\n}\r\n\r\n\/* CURSOR *\/\r\n.cursor{\r\n position:fixed;top:0;left:0;width:16px;height:16px;\r\n border:1.5px solid var(--blue-2);border-radius:50%;\r\n transform:translate(-50%,-50%);pointer-events:none;z-index:9999;\r\n transition:width .25s,height .25s,background .25s;\r\n}\r\n.cursor.is-hover{width:44px;height:44px;background:rgba(58,111,216,.12);border-color:var(--blue);}\r\n@media(pointer:coarse){.cursor{display:none;}}\r\n\r\n\/* BUTTONS *\/\r\n.btn{\r\n position:relative;display:inline-flex;align-items:center;gap:12px;padding:17px 26px;\r\n background:var(--blue);color:var(--white);border-radius:999px;font-weight:500;\r\n overflow:hidden;isolation:isolate;\r\n transition:transform .4s cubic-bezier(.2,.7,.2,1);\r\n box-shadow:0 12px 40px -12px rgba(58,111,216,.35),inset 0 0 0 1px rgba(255,255,255,.1);\r\n font-family:var(--sans);font-size:16px;\r\n}\r\n.btn::before{\r\n content:\"\";position:absolute;inset:0;\r\n background:linear-gradient(180deg,var(--blue-2),var(--blue));\r\n transform:translateY(100%);transition:transform .4s cubic-bezier(.2,.7,.2,1);z-index:-1;\r\n}\r\n.btn:hover::before{transform:translateY(0);}\r\n.btn:hover{transform:translateY(-2px);}\r\n.btn svg{width:15px;height:15px;transition:transform .3s;}\r\n.btn:hover svg{transform:translate(3px,-3px);}\r\n\r\n.btn-ghost{\r\n display:inline-flex;align-items:center;gap:10px;padding:16px 24px;\r\n border-radius:999px;border:1.5px solid var(--ink-30);color:var(--ink);\r\n transition:border-color .3s,background .3s,color .3s;\r\n font-family:var(--sans);font-size:16px;\r\n}\r\n.btn-ghost:hover{border-color:var(--blue);background:var(--blue-ghost);color:var(--blue);}\r\n\r\n\/* NAV *\/\r\n.nav{\r\n position:fixed;top:0;left:0;right:0;z-index:100;\r\n display:flex;align-items:center;justify-content:space-between;\r\n padding:20px var(--pad-x);\r\n backdrop-filter:blur(16px);\r\n background:rgba(247,245,240,.82);\r\n border-bottom:1px solid transparent;\r\n transition:border-color .4s;\r\n}\r\n.nav.is-scrolled{border-bottom-color:var(--ink-10);}\r\n.nav-logo img{height:42px;}\r\n.nav-links{display:flex;gap:32px;font-size:14px;color:var(--ink-60);}\r\n.nav-links a{position:relative;transition:color .3s;}\r\n.nav-links a::after{\r\n content:\"\";position:absolute;left:0;bottom:-5px;width:0;height:1px;\r\n background:var(--blue);transition:width .35s cubic-bezier(.2,.7,.2,1);\r\n}\r\n.nav-links a:hover{color:var(--ink);}\r\n.nav-links a:hover::after{width:100%;}\r\n.nav-cta{\r\n font-size:13px;padding:10px 20px;border-radius:999px;\r\n border:1.5px solid var(--ink-30);transition:all .3s;\r\n}\r\n.nav-cta:hover{border-color:var(--blue);background:var(--blue);color:var(--white);}\r\n@media(max-width:820px){.nav-links{display:none;}}\r\n\r\n\/* HERO *\/\r\n.hero{\r\n position:relative;min-height:100svh;padding:100px var(--pad-x) 70px;\r\n display:flex;flex-direction:column;justify-content:center;\r\n overflow:hidden;z-index:2;\r\n}\r\n.hero-bg{position:absolute;inset:0;z-index:-1;pointer-events:none;}\r\n.hero-bg .orb{\r\n position:absolute;width:min(580px,68vw);aspect-ratio:1;border-radius:50%;\r\n background:radial-gradient(circle at 35% 35%,rgba(95,143,232,.32),rgba(58,111,216,.18) 40%,transparent 70%);\r\n filter:blur(60px);right:-5%;top:8%;\r\n animation:drift 16s ease-in-out infinite alternate;\r\n}\r\n.hero-bg .orb-2{\r\n width:min(380px,50vw);left:-6%;bottom:-10%;\r\n background:radial-gradient(circle at 50% 50%,rgba(58,111,216,.2),transparent 70%);\r\n animation-duration:22s;\r\n}\r\n.hero-bg svg{position:absolute;inset:0;width:100%;height:100%;}\r\n@keyframes drift{to{transform:translate(-25px,18px) scale(1.04);}}\r\n\r\n.hero-content{\r\n display:grid;grid-template-columns:1fr 1fr;\r\n gap:clamp(32px,5vw,80px);align-items:center;width:100%;\r\n}\r\n.hero-left{display:flex;flex-direction:column;gap:clamp(24px,3vw,40px);}\r\n\r\n.hero h1{\r\n font-family:var(--serif);font-weight:400;\r\n font-size:clamp(52px,8.5vw,140px);\r\n line-height:.9;letter-spacing:-.03em;\r\n}\r\n.hero h1 .row{display:block;overflow:hidden;}\r\n.hero h1 .row > span{\r\n display:inline-block;transform:translateY(110%);\r\n animation:rise 1.1s cubic-bezier(.2,.7,.2,1) forwards;\r\n}\r\n.hero h1 .row:nth-child(1) > span{animation-delay:.08s;}\r\n.hero h1 .row:nth-child(2) > span{animation-delay:.2s;}\r\n.hero h1 em{font-style:italic;color:var(--blue);}\r\n@keyframes rise{to{transform:translateY(0);}}\r\n\r\n.hero-lead{\r\n font-family:var(--serif);font-size:clamp(18px,1.8vw,24px);line-height:1.4;\r\n color:var(--ink);max-width:38ch;letter-spacing:-.01em;\r\n}\r\n.hero-lead em{color:var(--blue-2);font-style:italic;}\r\n\r\n.hero-actions{display:flex;gap:12px;flex-wrap:wrap;align-items:center;}\r\n\r\n.hero-photo-desktop{\r\n width:100%;aspect-ratio:3\/4;border-radius:var(--radius);overflow:hidden;\r\n background:var(--bg-2);border:1px solid var(--ink-10);\r\n}\r\n.hero-photo-desktop img{width:100%;height:100%;object-fit:cover;object-position:center top;}\r\n\r\n.hero-photo-mobile{display:none;}\r\n\r\n@media(max-width:820px){\r\n .hero-content{grid-template-columns:1fr;}\r\n .hero-photo-desktop{display:none;}\r\n .hero-photo-mobile{display:block;width:100%;border-top:1px solid var(--ink-10);}\r\n .hero-photo-mobile img{width:100%;height:auto;display:block;}\r\n}\r\n\r\n\/* TICKER *\/\r\n.ticker{\r\n margin-top:80px;padding-top:24px;border-top:1px solid var(--ink-10);\r\n overflow:hidden;white-space:nowrap;\r\n font-family:var(--serif);font-size:clamp(30px,5.5vw,68px);line-height:1;\r\n letter-spacing:-.02em;color:var(--ink-30);\r\n}\r\n.ticker-track{display:inline-flex;gap:56px;animation:ticker 36s linear infinite;}\r\n.ticker em{color:var(--blue-2);font-style:italic;margin-right:56px;}\r\n.ticker .star{color:var(--blue-3);}\r\n@keyframes ticker{to{transform:translateX(-50%);}}\r\n<\/style>\r\n<\/head>\r\n<body>\r\n\r\n<div class=\"cursor\" id=\"cursor\"><\/div>\r\n\r\n\r\n<nav class=\"nav\" id=\"nav\">\r\n <a href=\"#top\" class=\"nav-logo\">\r\n <img decoding=\"async\" src=\"http:\/\/marianapopovici.com\/wp-content\/uploads\/2026\/06\/Design-sem-nome-1.png\" alt=\"Mariana Popovici\">\r\n <\/a>\r\n <div class=\"nav-links\">\r\n <a href=\"#sobre\">Historia<\/a>\r\n <a href=\"#servicios\">Servicios<\/a>\r\n <a href=\"#proceso\">Proceso<\/a>\r\n <a href=\"#faq\">FAQ<\/a>\r\n <\/div>\r\n <a class=\"nav-cta\" href=\"#contacto\">Reservar sesi\u00f3n \u2192<\/a>\r\n<\/nav>\r\n\r\n\r\n<section class=\"hero\" id=\"top\">\r\n <div class=\"hero-bg\">\r\n <div class=\"orb\"><\/div>\r\n <div class=\"orb orb-2\"><\/div>\r\n <svg viewBox=\"0 0 1440 900\" preserveAspectRatio=\"none\" aria-hidden=\"true\">\r\n <defs>\r\n <linearGradient id=\"lg\" x1=\"0\" x2=\"1\">\r\n <stop offset=\"0\" stop-color=\"#3A6FD8\" stop-opacity=\"0\"\/>\r\n <stop offset=\".5\" stop-color=\"#5F8FE8\" stop-opacity=\".18\"\/>\r\n <stop offset=\"1\" stop-color=\"#3A6FD8\" stop-opacity=\"0\"\/>\r\n <\/linearGradient>\r\n <\/defs>\r\n <g stroke=\"url(#lg)\" fill=\"none\" stroke-width=\"1\">\r\n <path d=\"M0 680 Q 360 640 720 680 T 1440 680\"\/>\r\n <path d=\"M0 720 Q 360 660 720 720 T 1440 720\" opacity=\".6\"\/>\r\n <path d=\"M0 760 Q 360 700 720 760 T 1440 760\" opacity=\".3\"\/>\r\n <\/g>\r\n <\/svg>\r\n <\/div>\r\n\r\n <div class=\"hero-content\">\r\n <div class=\"hero-left\">\r\n <h1>\r\n <span class=\"row\"><span>Volver<\/span><\/span>\r\n <span class=\"row\"><span><em>a ti.<\/em><\/span><\/span>\r\n <\/h1>\r\n <p class=\"hero-lead\">\r\n Soy <em>Mariana Popovici<\/em>, hipnoterapeuta. Acompa\u00f1o a mujeres que se sienten perdidas, sobrecargadas o desconectadas de s\u00ed mismas \u2014 desde la experiencia vivida, no solo del conocimiento te\u00f3rico.\r\n <\/p>\r\n <div class=\"hero-actions\">\r\n <a href=\"#contacto\" class=\"btn\">\r\n Reservar sesi\u00f3n\r\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\"><path d=\"M7 17L17 7M9 7h8v8\"\/><\/svg>\r\n <\/a>\r\n <a href=\"#sobre\" class=\"btn-ghost\">Mi historia<\/a>\r\n <\/div>\r\n <\/div>\r\n <div class=\"hero-photo-desktop\">\r\n <img decoding=\"async\" src=\"http:\/\/marianapopovici.com\/wp-content\/uploads\/2026\/06\/ChatGPT-Image-3_06_2026-23_31_02.png\" alt=\"Mariana Popovici\">\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"hero-photo-mobile\">\r\n <img decoding=\"async\" src=\"http:\/\/marianapopovici.com\/wp-content\/uploads\/2026\/06\/ChatGPT-Image-3_06_2026-23_31_02.png\" alt=\"Mariana Popovici\">\r\n <\/div>\r\n\r\n <div class=\"ticker\" aria-hidden=\"true\">\r\n <div class=\"ticker-track\">\r\n <span><em>Ansiedad<\/em> <span class=\"star\">\u2726<\/span><\/span>\r\n <span><em>Identidad<\/em> <span class=\"star\">\u2726<\/span><\/span>\r\n <span><em>Autoestima<\/em> <span class=\"star\">\u2726<\/span><\/span>\r\n <span><em>Tabaco<\/em> <span class=\"star\">\u2726<\/span><\/span>\r\n <span><em>Duelo<\/em> <span class=\"star\">\u2726<\/span><\/span>\r\n <span><em>Insomnio<\/em> <span class=\"star\">\u2726<\/span><\/span>\r\n <span><em>Bloqueos<\/em> <span class=\"star\">\u2726<\/span><\/span>\r\n <span><em>Fobias<\/em> <span class=\"star\">\u2726<\/span><\/span>\r\n <span><em>Ansiedad<\/em> <span class=\"star\">\u2726<\/span><\/span>\r\n <span><em>Identidad<\/em> <span class=\"star\">\u2726<\/span><\/span>\r\n <span><em>Autoestima<\/em> <span class=\"star\">\u2726<\/span><\/span>\r\n <span><em>Tabaco<\/em> <span class=\"star\">\u2726<\/span><\/span>\r\n <span><em>Duelo<\/em> <span class=\"star\">\u2726<\/span><\/span>\r\n <span><em>Insomnio<\/em> <span class=\"star\">\u2726<\/span><\/span>\r\n <span><em>Bloqueos<\/em> <span class=\"star\">\u2726<\/span><\/span>\r\n <span><em>Fobias<\/em> <span class=\"star\">\u2726<\/span><\/span>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n<script>\r\n\/* CURSOR *\/\r\n(() => {\r\n const c = document.getElementById('cursor');\r\n if(!c) return;\r\n let x=0,y=0,tx=0,ty=0;\r\n document.addEventListener('mousemove', e => { tx=e.clientX; ty=e.clientY; });\r\n const tick = () => {\r\n x += (tx-x)*.16; y += (ty-y)*.16;\r\n c.style.transform = `translate(${x}px,${y}px) translate(-50%,-50%)`;\r\n requestAnimationFrame(tick);\r\n }; tick();\r\n document.querySelectorAll('a, button').forEach(el => {\r\n el.addEventListener('mouseenter', () => c.classList.add('is-hover'));\r\n el.addEventListener('mouseleave', () => c.classList.remove('is-hover'));\r\n });\r\n})();\r\n\r\n\/* NAV SCROLL *\/\r\n(() => {\r\n const nav = document.getElementById('nav');\r\n const fn = () => nav.classList.toggle('is-scrolled', window.scrollY > 20);\r\n window.addEventListener('scroll', fn, {passive:true}); fn();\r\n})();\r\n<\/script>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-fa34248 e-flex e-con-boxed e-con e-parent\" data-id=\"fa34248\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d1321b8 elementor-widget elementor-widget-html\" data-id=\"d1321b8\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Instrument+Serif:ital@0;1&family=Instrument+Sans:wght@300;400;500&family=JetBrains+Mono:wght@400;500&display=swap');\r\n\r\n:root {\r\n --mp-bg2: #EEF3FF;\r\n --mp-ink: #141828;\r\n --mp-ink60: rgba(20,24,40,.58);\r\n --mp-ink10: rgba(20,24,40,.08);\r\n --mp-blue: #3A6FD8;\r\n --mp-blue2: #5F8FE8;\r\n --mp-serif: \"Instrument Serif\", Georgia, serif;\r\n --mp-sans: \"Instrument Sans\", system-ui, sans-serif;\r\n --mp-mono: \"JetBrains Mono\", ui-monospace, monospace;\r\n}\r\n\r\n.mp-servicios {\r\n background: var(--mp-bg2);\r\n padding: clamp(70px, 10vw, 130px) clamp(20px, 4vw, 56px);\r\n font-family: var(--mp-sans);\r\n}\r\n\r\n\/* CABECERA *\/\r\n.mp-servicios .mp-head {\r\n display: flex;\r\n flex-direction: column;\r\n gap: 16px;\r\n margin-bottom: clamp(40px, 7vw, 90px);\r\n}\r\n.mp-servicios .mp-num {\r\n font-family: var(--mp-mono);\r\n font-size: 11px;\r\n color: var(--mp-blue2);\r\n letter-spacing: .12em;\r\n padding-top: 10px;\r\n white-space: nowrap;\r\n}\r\n.mp-servicios .mp-title {\r\n font-family: var(--mp-serif);\r\n font-size: clamp(36px, 6vw, 82px);\r\n line-height: .95;\r\n letter-spacing: -.025em;\r\n font-weight: 400;\r\n color: var(--mp-ink);\r\n}\r\n.mp-servicios .mp-title em {\r\n font-style: italic;\r\n color: var(--mp-blue);\r\n}\r\n.mp-servicios .mp-sub {\r\n display: block;\r\n margin-top: 18px;\r\n font-family: var(--mp-sans);\r\n font-size: clamp(14px, 1.2vw, 16px);\r\n color: var(--mp-ink60);\r\n max-width: 54ch;\r\n line-height: 1.65;\r\n font-style: normal;\r\n font-weight: 300;\r\n}\r\n\r\n\/* LISTA *\/\r\n.mp-servicios .mp-list {\r\n border-top: 1px solid var(--mp-ink10);\r\n}\r\n.mp-servicios .mp-item {\r\n display: grid;\r\n grid-template-columns: 60px 1.2fr 2fr 120px;\r\n gap: 28px;\r\n align-items: center;\r\n padding: 28px 0;\r\n border-bottom: 1px solid var(--mp-ink10);\r\n position: relative;\r\n transition: padding .35s;\r\n cursor: default;\r\n}\r\n.mp-servicios .mp-item::before {\r\n content: \"\";\r\n position: absolute; inset: 0;\r\n background: linear-gradient(90deg, rgba(58,111,216,.06), transparent 70%);\r\n opacity: 0;\r\n transition: opacity .4s;\r\n}\r\n.mp-servicios .mp-item:hover { padding-left: 14px; }\r\n.mp-servicios .mp-item:hover::before { opacity: 1; }\r\n\r\n.mp-servicios .mp-idx {\r\n font-family: var(--mp-mono);\r\n font-size: 11px;\r\n color: var(--mp-blue2);\r\n letter-spacing: .1em;\r\n}\r\n.mp-servicios .mp-name {\r\n font-family: var(--mp-serif);\r\n font-size: clamp(20px, 2.4vw, 34px);\r\n line-height: 1.05;\r\n letter-spacing: -.02em;\r\n color: var(--mp-ink);\r\n font-weight: 400;\r\n}\r\n.mp-servicios .mp-name em {\r\n font-style: italic;\r\n color: var(--mp-blue2);\r\n}\r\n.mp-servicios .mp-desc {\r\n font-size: 14px;\r\n color: var(--mp-ink60);\r\n line-height: 1.6;\r\n font-weight: 300;\r\n}\r\n.mp-servicios .mp-dur {\r\n font-family: var(--mp-mono);\r\n font-size: 11px;\r\n color: var(--mp-ink60);\r\n text-align: right;\r\n letter-spacing: .05em;\r\n}\r\n\r\n\/* RESPONSIVE *\/\r\n@media(max-width:820px) {\r\n .mp-servicios .mp-head { grid-template-columns: 1fr; gap: 12px; }\r\n .mp-servicios .mp-item { grid-template-columns: 36px 1fr; gap: 10px; padding: 22px 0; }\r\n .mp-servicios .mp-desc,\r\n .mp-servicios .mp-dur { grid-column: 2; }\r\n .mp-servicios .mp-dur { text-align: left; }\r\n}\r\n\r\n\/* REVEAL *\/\r\n.mp-reveal { opacity: 0; transform: translateY(24px); transition: opacity .9s ease, transform .9s cubic-bezier(.2,.7,.2,1); }\r\n.mp-reveal.mp-in { opacity: 1; transform: none; }\r\n.mp-reveal.d1 { transition-delay: .06s; }\r\n.mp-reveal.d2 { transition-delay: .12s; }\r\n.mp-reveal.d3 { transition-delay: .18s; }\r\n.mp-reveal.d4 { transition-delay: .24s; }\r\n.mp-reveal.d5 { transition-delay: .30s; }\r\n<\/style>\r\n\r\n<section class=\"mp-servicios\">\r\n\r\n <div class=\"mp-head mp-reveal\">\r\n <div class=\"mp-num\">02 \u2014 Servicios<\/div>\r\n <h2 class=\"mp-title\">\r\n \u00bfEn qu\u00e9 te puedo <em>acompa\u00f1ar?<\/em>\r\n <span class=\"mp-sub\">Cada proceso es \u00fanico. Trabajo desde un enfoque integrador que combina hipnosis cl\u00ednica, terapia de regresi\u00f3n e integraci\u00f3n emocional para llegar a la ra\u00edz de lo que necesitas transformar.<\/span>\r\n <\/h2>\r\n <\/div>\r\n\r\n <div class=\"mp-list\">\r\n\r\n <div class=\"mp-item mp-reveal\">\r\n <div class=\"mp-idx\">A01<\/div>\r\n <h3 class=\"mp-name\"><em>Ansiedad<\/em> y estr\u00e9s<\/h3>\r\n <p class=\"mp-desc\">Ataques de p\u00e1nico, preocupaci\u00f3n cr\u00f3nica, ansiedad anticipatoria, s\u00edntomas f\u00edsicos asociados. Trabajamos regulaci\u00f3n del sistema nervioso y recursos internos profundos.<\/p>\r\n <div class=\"mp-dur\">6\u20138 sesiones<\/div>\r\n <\/div>\r\n\r\n <div class=\"mp-item mp-reveal d1\">\r\n <div class=\"mp-idx\">A02<\/div>\r\n <h3 class=\"mp-name\"><em>Identidad<\/em> y p\u00e9rdida de s\u00ed misma<\/h3>\r\n <p class=\"mp-desc\">Para mujeres que sienten que ya no saben qui\u00e9nes son, que han vivido para los dem\u00e1s y han perdido contacto consigo mismas. El trabajo m\u00e1s profundo y el m\u00e1s transformador.<\/p>\r\n <div class=\"mp-dur\">Programa 8\u201312 sem.<\/div>\r\n <\/div>\r\n\r\n <div class=\"mp-item mp-reveal d2\">\r\n <div class=\"mp-idx\">A03<\/div>\r\n <h3 class=\"mp-name\"><em>Tabaco<\/em> y h\u00e1bitos<\/h3>\r\n <p class=\"mp-desc\">El tabaco no es un vicio \u2014 es un ritual emocional. Trabajamos los patrones inconscientes que lo sostienen, no solo el h\u00e1bito visible. Protocolo breve y efectivo.<\/p>\r\n <div class=\"mp-dur\">2\u20133 sesiones<\/div>\r\n <\/div>\r\n\r\n <div class=\"mp-item mp-reveal d3\">\r\n <div class=\"mp-idx\">A04<\/div>\r\n <h3 class=\"mp-name\"><em>Autoestima<\/em> y bloqueos<\/h3>\r\n <p class=\"mp-desc\">S\u00edndrome del impostor, miedo al fracaso, par\u00e1lisis por an\u00e1lisis, creencias limitantes. Para mujeres que saben lo que quieren pero no logran avanzar.<\/p>\r\n <div class=\"mp-dur\">4\u20136 sesiones<\/div>\r\n <\/div>\r\n\r\n <div class=\"mp-item mp-reveal d4\">\r\n <div class=\"mp-idx\">A05<\/div>\r\n <h3 class=\"mp-name\"><em>Duelo<\/em> y p\u00e9rdidas<\/h3>\r\n <p class=\"mp-desc\">P\u00e9rdidas de personas, de identidades, de relaciones, de etapas de vida. Para cuando la tristeza se queda atascada y no encuentra salida.<\/p>\r\n <div class=\"mp-dur\">6\u20138 sesiones<\/div>\r\n <\/div>\r\n\r\n <div class=\"mp-item mp-reveal d5\">\r\n <div class=\"mp-idx\">A06<\/div>\r\n <h3 class=\"mp-name\"><em>Talleres<\/em> y grupos<\/h3>\r\n <p class=\"mp-desc\">Grupos reducidos y talleres tem\u00e1ticos donde la hipnosis grupal y el trabajo compartido crean una experiencia \u00fanica de comunidad y transformaci\u00f3n.<\/p>\r\n <div class=\"mp-dur\">Ver agenda<\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n<\/section>\r\n\r\n<script>\r\n(function(){\r\n var els = document.querySelectorAll('.mp-reveal');\r\n var io = new IntersectionObserver(function(entries){\r\n entries.forEach(function(e){\r\n if(e.isIntersecting){ e.target.classList.add('mp-in'); io.unobserve(e.target); }\r\n });\r\n }, {threshold: 0.08});\r\n els.forEach(function(el){ io.observe(el); });\r\n})();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-f5e610c elementor-widget elementor-widget-html\" data-id=\"f5e610c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Instrument+Serif:ital@0;1&family=Instrument+Sans:wght@300;400;500&family=JetBrains+Mono:wght@400;500&display=swap');\r\n\r\n:root {\r\n --mp-bg: #F7F5F0;\r\n --mp-ink: #141828;\r\n --mp-ink60: rgba(20,24,40,.58);\r\n --mp-ink10: rgba(20,24,40,.08);\r\n --mp-blue: #3A6FD8;\r\n --mp-blue2: #5F8FE8;\r\n --mp-serif: \"Instrument Serif\", Georgia, serif;\r\n --mp-sans: \"Instrument Sans\", system-ui, sans-serif;\r\n --mp-mono: \"JetBrains Mono\", ui-monospace, monospace;\r\n}\r\n\r\n.mp-proceso {\r\n background: var(--mp-bg);\r\n padding: clamp(70px, 10vw, 130px) clamp(20px, 4vw, 56px);\r\n font-family: var(--mp-sans);\r\n}\r\n\r\n\/* CABECERA *\/\r\n.mp-proceso .mp-head {\r\n display: flex;\r\n flex-direction: column;\r\n gap: 16px;\r\n margin-bottom: clamp(40px, 7vw, 90px);\r\n}\r\n.mp-proceso .mp-num {\r\n font-family: var(--mp-mono);\r\n font-size: 11px;\r\n color: var(--mp-blue2);\r\n letter-spacing: .12em;\r\n padding-top: 10px;\r\n white-space: nowrap;\r\n}\r\n.mp-proceso .mp-title {\r\n font-family: var(--mp-serif);\r\n font-size: clamp(36px, 6vw, 82px);\r\n line-height: .95;\r\n letter-spacing: -.025em;\r\n font-weight: 400;\r\n color: var(--mp-ink);\r\n}\r\n.mp-proceso .mp-title em {\r\n font-style: italic;\r\n color: var(--mp-blue);\r\n}\r\n.mp-proceso .mp-sub {\r\n display: block;\r\n margin-top: 18px;\r\n font-family: var(--mp-sans);\r\n font-size: clamp(14px, 1.2vw, 16px);\r\n color: var(--mp-ink60);\r\n max-width: 54ch;\r\n line-height: 1.65;\r\n font-style: normal;\r\n font-weight: 300;\r\n letter-spacing: normal;\r\n word-spacing: normal;\r\n}\r\n\r\n\/* GRID *\/\r\n.mp-proceso .mp-grid {\r\n display: grid;\r\n grid-template-columns: repeat(4, 1fr);\r\n gap: 2px;\r\n background: var(--mp-ink10);\r\n border: 1px solid var(--mp-ink10);\r\n border-radius: 3px;\r\n overflow: hidden;\r\n}\r\n@media(max-width:820px) {\r\n .mp-proceso .mp-head { grid-template-columns: 1fr; gap: 12px; }\r\n .mp-proceso .mp-grid { grid-template-columns: 1fr 1fr; }\r\n}\r\n@media(max-width:520px) { .mp-proceso .mp-grid { grid-template-columns: 1fr; } }\r\n\r\n.mp-proceso .mp-step {\r\n background: var(--mp-bg);\r\n padding: 36px 28px 32px;\r\n min-height: 280px;\r\n display: flex;\r\n flex-direction: column;\r\n gap: 16px;\r\n transition: background .4s;\r\n}\r\n.mp-proceso .mp-step:hover { background: #E8EDF5; }\r\n\r\n.mp-proceso .mp-k {\r\n font-family: var(--mp-mono);\r\n font-size: 11px;\r\n color: var(--mp-blue2);\r\n letter-spacing: .12em;\r\n}\r\n.mp-proceso .mp-step svg {\r\n width: 32px; height: 32px;\r\n stroke: var(--mp-blue2); fill: none; stroke-width: 1.4;\r\n flex-shrink: 0;\r\n}\r\n.mp-proceso .mp-t {\r\n font-family: var(--mp-serif);\r\n font-size: 24px;\r\n line-height: 1.1;\r\n letter-spacing: -.02em;\r\n color: var(--mp-ink);\r\n margin-top: 0;\r\n min-height: 60px;\r\n display: flex;\r\n align-items: flex-start;\r\n}\r\n.mp-proceso .mp-d {\r\n font-size: 13px;\r\n color: var(--mp-ink60);\r\n line-height: 1.65;\r\n font-weight: 300;\r\n}\r\n\r\n\/* REVEAL *\/\r\n.mp-reveal { opacity: 0; transform: translateY(24px); transition: opacity .9s ease, transform .9s cubic-bezier(.2,.7,.2,1); }\r\n.mp-reveal.mp-in { opacity: 1; transform: none; }\r\n.mp-reveal.d1 { transition-delay: .08s; }\r\n.mp-reveal.d2 { transition-delay: .16s; }\r\n.mp-reveal.d3 { transition-delay: .24s; }\r\n<\/style>\r\n\r\n<section class=\"mp-proceso\">\r\n\r\n <div class=\"mp-head mp-reveal\">\r\n <div class=\"mp-num\">03 \u2014 Proceso<\/div>\r\n <h2 class=\"mp-title\">\r\n C\u00f3mo trabajamos <em>juntas.<\/em>\r\n <span class=\"mp-sub\">Sin presi\u00f3n, sin promesas vac\u00edas. A tu ritmo, con m\u00e9todo y con toda mi presencia.<\/span>\r\n <\/h2>\r\n <\/div>\r\n\r\n <div class=\"mp-grid\">\r\n\r\n <div class=\"mp-step mp-reveal\">\r\n <div class=\"mp-k\">PASO 01<\/div>\r\n <svg viewBox=\"0 0 36 36\"><circle cx=\"18\" cy=\"18\" r=\"14\"\/><path d=\"M18 10v8l5 3\"\/><\/svg>\r\n <div class=\"mp-t\">Primera consulta \u2014 para conocernos<\/div>\r\n <div class=\"mp-d\">Me cuentas lo que te trae y yo te explico c\u00f3mo trabajo. Sin compromiso. Solo una conversaci\u00f3n honesta.<\/div>\r\n <\/div>\r\n\r\n <div class=\"mp-step mp-reveal d1\">\r\n <div class=\"mp-k\">PASO 02<\/div>\r\n <svg viewBox=\"0 0 36 36\"><rect x=\"8\" y=\"10\" width=\"20\" height=\"16\" rx=\"2\"\/><path d=\"M13 10V8M23 10V8M8 16h20\"\/><\/svg>\r\n <div class=\"mp-t\">Tu espacio personalizado<\/div>\r\n <div class=\"mp-d\">Dise\u00f1amos juntas un proceso adaptado a ti \u2014 tus necesidades, tu ritmo, tus objetivos. Nada est\u00e1 predefinido.<\/div>\r\n <\/div>\r\n\r\n <div class=\"mp-step mp-reveal d2\">\r\n <div class=\"mp-k\">PASO 03<\/div>\r\n <svg viewBox=\"0 0 36 36\"><path d=\"M18 8c-5.5 0-10 4-10 9s4.5 9 10 9\"\/><path d=\"M18 8c5.5 0 10 4 10 9s-4.5 9-10 9\"\/><circle cx=\"18\" cy=\"17\" r=\"3\"\/><\/svg>\r\n <div class=\"mp-t\">Trabajo profundo<\/div>\r\n <div class=\"mp-d\">No trabajamos solo s\u00edntomas. Trabajamos los patrones inconscientes que los sostienen. Ah\u00ed es donde ocurre el cambio real.<\/div>\r\n <\/div>\r\n\r\n <div class=\"mp-step mp-reveal d3\">\r\n <div class=\"mp-k\">PASO 04<\/div>\r\n <svg viewBox=\"0 0 36 36\"><path d=\"M10 20l5 5 11-11\"\/><circle cx=\"18\" cy=\"18\" r=\"13\"\/><\/svg>\r\n <div class=\"mp-t\">Integraci\u00f3n y vida<\/div>\r\n <div class=\"mp-d\">Estar\u00e9 contigo incluso cuando des un paso atr\u00e1s. Porque eso tambi\u00e9n es parte del camino.<\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n<\/section>\r\n\r\n<script>\r\n(function(){\r\n var els = document.querySelectorAll('.mp-proceso .mp-reveal');\r\n var io = new IntersectionObserver(function(entries){\r\n entries.forEach(function(e){\r\n if(e.isIntersecting){ e.target.classList.add('mp-in'); io.unobserve(e.target); }\r\n });\r\n }, {threshold: 0.08});\r\n els.forEach(function(el){ io.observe(el); });\r\n})();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-6365175 e-flex e-con-boxed e-con e-parent\" data-id=\"6365175\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-45a38cd elementor-widget elementor-widget-html\" data-id=\"45a38cd\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Instrument+Serif:ital@0;1&family=Instrument+Sans:wght@300;400;500&family=JetBrains+Mono:wght@400;500&display=swap');\r\n\r\n.mp-testimonios {\r\n background: #C8DAFF;\r\n padding: clamp(70px, 10vw, 130px) clamp(20px, 4vw, 56px);\r\n font-family: \"Instrument Sans\", system-ui, sans-serif;\r\n}\r\n\r\n\/* CABECERA *\/\r\n.mp-testimonios .mp-head {\r\n display: flex;\r\n flex-direction: column;\r\n gap: 16px;\r\n margin-bottom: clamp(40px, 7vw, 90px);\r\n}\r\n.mp-testimonios .mp-num {\r\n font-family: \"JetBrains Mono\", ui-monospace, monospace;\r\n font-size: 11px;\r\n color: #3A6FD8;\r\n letter-spacing: .12em;\r\n padding-top: 10px;\r\n white-space: nowrap;\r\n}\r\n.mp-testimonios .mp-title {\r\n font-family: \"Instrument Serif\", Georgia, serif;\r\n font-size: clamp(36px, 6vw, 82px);\r\n line-height: .95;\r\n letter-spacing: -.025em;\r\n font-weight: 400;\r\n color: #141828;\r\n}\r\n.mp-testimonios .mp-title em {\r\n font-style: italic;\r\n color: #3A6FD8;\r\n}\r\n.mp-testimonios .mp-sub {\r\n display: block;\r\n margin-top: 18px;\r\n font-family: \"Instrument Sans\", system-ui, sans-serif;\r\n font-size: clamp(14px, 1.2vw, 16px);\r\n color: rgba(20,24,40,.58);\r\n max-width: 54ch;\r\n line-height: 1.65;\r\n font-style: normal;\r\n font-weight: 300;\r\n letter-spacing: normal;\r\n word-spacing: normal;\r\n}\r\n\r\n\/* GRID *\/\r\n.mp-testimonios .mp-grid {\r\n display: grid;\r\n grid-template-columns: repeat(2, 1fr);\r\n gap: 16px;\r\n}\r\n@media(max-width:820px) { .mp-testimonios .mp-grid { grid-template-columns: 1fr; } }\r\n\r\n\/* TARJETA *\/\r\n.mp-testimonios .mp-card {\r\n background: rgba(255,255,255,.7);\r\n border: 1px solid rgba(255,255,255,.9);\r\n border-radius: 3px;\r\n padding: clamp(24px, 2.8vw, 40px);\r\n display: flex;\r\n flex-direction: column;\r\n gap: 20px;\r\n transition: background .4s, transform .4s;\r\n backdrop-filter: blur(8px);\r\n}\r\n.mp-testimonios .mp-card:hover {\r\n background: rgba(255,255,255,.9);\r\n transform: translateY(-3px);\r\n}\r\n\r\n.mp-testimonios blockquote {\r\n font-family: \"Instrument Serif\", Georgia, serif;\r\n font-size: clamp(17px, 1.6vw, 22px);\r\n line-height: 1.45;\r\n letter-spacing: -.01em;\r\n color: #141828;\r\n margin: 0;\r\n}\r\n.mp-testimonios blockquote::before { content: \"\\201C\"; color: #5F8FE8; font-size: 1.2em; margin-right: 3px; }\r\n.mp-testimonios blockquote::after { content: \"\\201D\"; color: #5F8FE8; font-size: 1.2em; }\r\n\r\n.mp-testimonios .mp-footer {\r\n display: flex;\r\n align-items: center;\r\n gap: 12px;\r\n margin-top: auto;\r\n padding-top: 18px;\r\n border-top: 1px solid rgba(20,24,40,.1);\r\n}\r\n.mp-testimonios .mp-avi {\r\n width: 40px; height: 40px;\r\n border-radius: 50%;\r\n background: linear-gradient(135deg, #3A6FD8, #8AABEF);\r\n display: flex; align-items: center; justify-content: center;\r\n font-family: \"Instrument Serif\", Georgia, serif;\r\n color: #ffffff;\r\n font-size: 16px;\r\n font-style: italic;\r\n flex-shrink: 0;\r\n}\r\n.mp-testimonios .mp-who { font-size: 13px; }\r\n.mp-testimonios .mp-nm { color: #141828; font-weight: 500; }\r\n.mp-testimonios .mp-ro {\r\n color: rgba(20,24,40,.55);\r\n font-size: 11px;\r\n font-family: \"JetBrains Mono\", ui-monospace, monospace;\r\n letter-spacing: .05em;\r\n}\r\n.mp-testimonios .mp-stars {\r\n margin-left: auto;\r\n color: #C9A96E;\r\n font-size: 13px;\r\n letter-spacing: 2px;\r\n}\r\n\r\n\/* REVEAL *\/\r\n.mp-reveal { opacity: 0; transform: translateY(24px); transition: opacity .9s ease, transform .9s cubic-bezier(.2,.7,.2,1); }\r\n.mp-reveal.mp-in { opacity: 1; transform: none; }\r\n.mp-reveal.d1 { transition-delay: .08s; }\r\n.mp-reveal.d2 { transition-delay: .16s; }\r\n.mp-reveal.d3 { transition-delay: .24s; }\r\n<\/style>\r\n\r\n<section class=\"mp-testimonios\">\r\n\r\n <div class=\"mp-head mp-reveal\">\r\n <div class=\"mp-num\">04 \u2014 Testimonios<\/div>\r\n <h2 class=\"mp-title\">\r\n Lo que dicen quienes <em>pasaron por aqu\u00ed.<\/em>\r\n <span class=\"mp-sub\">Compartidos con permiso. Los nombres pueden haberse modificado a petici\u00f3n.<\/span>\r\n <\/h2>\r\n <\/div>\r\n\r\n <div class=\"mp-grid\">\r\n\r\n <div class=\"mp-card mp-reveal\">\r\n <blockquote>Mi experiencia con Mariana ha sido muy sanadora. Me guio en las terapias para contactar con mis traumas de infancia, aceptarlos y sanar esa parte de m\u00ed que me resultaba tan dolorosa. La recomiendo a todas las personas que creen que tienen mi mismo problema. \u00a1La adoro!<\/blockquote>\r\n <div class=\"mp-footer\">\r\n <div class=\"mp-avi\">A<\/div>\r\n <div class=\"mp-who\">\r\n <div class=\"mp-nm\">Ana R.<\/div>\r\n <div class=\"mp-ro\">Trauma \u00b7 infancia<\/div>\r\n <\/div>\r\n <div class=\"mp-stars\">\u2605\u2605\u2605\u2605\u2605<\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"mp-card mp-reveal d1\">\r\n <blockquote>Acud\u00ed a la hipnosis porque los ataques de p\u00e1nico me estaban quitando la tranquilidad y me costaba mucho controlar los s\u00edntomas f\u00edsicos. Mariana me guio hacia una relajaci\u00f3n tan profunda que me permiti\u00f3 entender que mi cuerpo est\u00e1 a salvo. La experiencia fue excelente y muy respetuosa.<\/blockquote>\r\n <div class=\"mp-footer\">\r\n <div class=\"mp-avi\">C<\/div>\r\n <div class=\"mp-who\">\r\n <div class=\"mp-nm\">Cliente<\/div>\r\n <div class=\"mp-ro\">Ataques de p\u00e1nico<\/div>\r\n <\/div>\r\n <div class=\"mp-stars\">\u2605\u2605\u2605\u2605\u2605<\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"mp-card mp-reveal d2\">\r\n <blockquote>Tuve una sesi\u00f3n de hipnoterapia estando en duelo, sinti\u00e9ndome sin br\u00fajula ni camino. En el momento de la hipnosis pude conectar con mi abuelita y tuvimos una despedida preciosa, ella est\u00e1 en un lugar de luz. Me siento tranquila y feliz.<\/blockquote>\r\n <div class=\"mp-footer\">\r\n <div class=\"mp-avi\">F<\/div>\r\n <div class=\"mp-who\">\r\n <div class=\"mp-nm\">Fernanda M.<\/div>\r\n <div class=\"mp-ro\">Duelo<\/div>\r\n <\/div>\r\n <div class=\"mp-stars\">\u2605\u2605\u2605\u2605\u2605<\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"mp-card mp-reveal d3\">\r\n <blockquote>Volv\u00ed a las sesiones sinti\u00e9ndome hundida y decepcionada conmigo misma. Ahora estoy ilusionada, con recursos m\u00e1s s\u00f3lidos para los momentos dif\u00edciles, y cada d\u00eda busco m\u00e1s ese amor hacia m\u00ed misma. Me siento m\u00e1s segura. \u00a1Eres mi hada madrina!<\/blockquote>\r\n <div class=\"mp-footer\">\r\n <div class=\"mp-avi\">A<\/div>\r\n <div class=\"mp-who\">\r\n <div class=\"mp-nm\">Ana G.<\/div>\r\n <div class=\"mp-ro\">Autoestima \u00b7 seguridad<\/div>\r\n <\/div>\r\n <div class=\"mp-stars\">\u2605\u2605\u2605\u2605\u2605<\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n<\/section>\r\n\r\n<script>\r\n(function(){\r\n var els = document.querySelectorAll('.mp-testimonios .mp-reveal');\r\n var io = new IntersectionObserver(function(entries){\r\n entries.forEach(function(e){\r\n if(e.isIntersecting){ e.target.classList.add('mp-in'); io.unobserve(e.target); }\r\n });\r\n }, {threshold: 0.08});\r\n els.forEach(function(el){ io.observe(el); });\r\n})();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-d8a0784 e-flex e-con-boxed e-con e-parent\" data-id=\"d8a0784\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-6751aca elementor-widget elementor-widget-html\" data-id=\"6751aca\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Instrument+Serif:ital@0;1&family=Instrument+Sans:wght@300;400;500&family=JetBrains+Mono:wght@400;500&display=swap');\r\n\r\n.mp-faq {\r\n background: #F7F5F0;\r\n padding: clamp(70px, 10vw, 130px) clamp(20px, 4vw, 56px);\r\n font-family: \"Instrument Sans\", system-ui, sans-serif;\r\n}\r\n\r\n\/* CABECERA *\/\r\n.mp-faq .mp-head {\r\n display: flex;\r\n flex-direction: column;\r\n gap: 16px;\r\n margin-bottom: clamp(40px, 7vw, 90px);\r\n}\r\n.mp-faq .mp-num {\r\n font-family: \"JetBrains Mono\", ui-monospace, monospace;\r\n font-size: 11px;\r\n color: #5F8FE8;\r\n letter-spacing: .12em;\r\n}\r\n.mp-faq .mp-title {\r\n font-family: \"Instrument Serif\", Georgia, serif;\r\n font-size: clamp(36px, 6vw, 82px);\r\n line-height: .95;\r\n letter-spacing: -.025em;\r\n font-weight: 400;\r\n color: #141828;\r\n}\r\n.mp-faq .mp-title em {\r\n font-style: italic;\r\n color: #3A6FD8;\r\n}\r\n.mp-faq .mp-sub {\r\n display: block;\r\n margin-top: 18px;\r\n font-family: \"Instrument Sans\", system-ui, sans-serif;\r\n font-size: clamp(14px, 1.2vw, 16px);\r\n color: rgba(20,24,40,.58);\r\n max-width: 54ch;\r\n line-height: 1.65;\r\n font-style: normal;\r\n font-weight: 300;\r\n letter-spacing: normal;\r\n word-spacing: normal;\r\n}\r\n\r\n\/* LISTA *\/\r\n.mp-faq .mp-list {\r\n border-top: 1px solid rgba(20,24,40,.08);\r\n}\r\n\r\n.mp-faq details {\r\n border-bottom: 1px solid rgba(20,24,40,.08);\r\n padding: 24px 0;\r\n cursor: pointer;\r\n transition: padding .4s;\r\n}\r\n.mp-faq details:hover { padding-left: 10px; }\r\n.mp-faq details summary {\r\n list-style: none;\r\n display: grid;\r\n grid-template-columns: 1fr auto;\r\n gap: 24px;\r\n align-items: flex-start;\r\n}\r\n.mp-faq details summary::-webkit-details-marker { display: none; }\r\n\r\n.mp-faq .mp-q {\r\n font-family: \"Instrument Serif\", Georgia, serif;\r\n font-size: clamp(18px, 1.9vw, 24px);\r\n line-height: 1.25;\r\n letter-spacing: -.01em;\r\n color: #141828;\r\n}\r\n\r\n.mp-faq .mp-plus {\r\n width: 30px; height: 30px;\r\n border-radius: 50%;\r\n border: 1px solid rgba(20,24,40,.22);\r\n display: flex; align-items: center; justify-content: center;\r\n flex-shrink: 0;\r\n position: relative;\r\n transition: background .4s, border-color .4s;\r\n color: #141828;\r\n}\r\n.mp-faq .mp-plus::before,\r\n.mp-faq .mp-plus::after {\r\n content: \"\";\r\n position: absolute;\r\n width: 11px; height: 1px;\r\n background: currentColor;\r\n transition: transform .4s;\r\n}\r\n.mp-faq .mp-plus::after { transform: rotate(90deg); }\r\n.mp-faq details[open] .mp-plus {\r\n background: #3A6FD8;\r\n border-color: #3A6FD8;\r\n color: #ffffff;\r\n}\r\n.mp-faq details[open] .mp-plus::after { transform: rotate(0); }\r\n\r\n.mp-faq .mp-a {\r\n margin-top: 0;\r\n max-height: 0;\r\n overflow: hidden;\r\n transition: max-height .5s cubic-bezier(.2,.7,.2,1), margin-top .4s;\r\n color: rgba(20,24,40,.58);\r\n font-size: 15px;\r\n line-height: 1.7;\r\n font-weight: 300;\r\n max-width: 76ch;\r\n}\r\n.mp-faq details[open] .mp-a {\r\n max-height: 400px;\r\n margin-top: 16px;\r\n}\r\n\r\n\/* REVEAL *\/\r\n.mp-reveal { opacity: 0; transform: translateY(24px); transition: opacity .9s ease, transform .9s cubic-bezier(.2,.7,.2,1); }\r\n.mp-reveal.mp-in { opacity: 1; transform: none; }\r\n.mp-reveal.d1 { transition-delay: .06s; }\r\n.mp-reveal.d2 { transition-delay: .12s; }\r\n.mp-reveal.d3 { transition-delay: .18s; }\r\n.mp-reveal.d4 { transition-delay: .24s; }\r\n.mp-reveal.d5 { transition-delay: .30s; }\r\n<\/style>\r\n\r\n<section class=\"mp-faq\">\r\n\r\n <div class=\"mp-head mp-reveal\">\r\n <div class=\"mp-num\">05 \u2014 FAQ<\/div>\r\n <h2 class=\"mp-title\">\r\n Las preguntas m\u00e1s frecuentes sobre <em>la hipnosis.<\/em>\r\n <span class=\"mp-sub\">Si no encuentras tu pregunta aqu\u00ed, escr\u00edbeme te respondo personalmente en menos de 48h.<\/span>\r\n <\/h2>\r\n <\/div>\r\n\r\n <div class=\"mp-list\">\r\n\r\n <details class=\"mp-reveal\">\r\n <summary>\r\n <div class=\"mp-q\">\u00bfVoy a perder el control durante la hipnosis?<\/div>\r\n <div class=\"mp-plus\"><\/div>\r\n <\/summary>\r\n <div class=\"mp-a\">No. Este es el mito m\u00e1s extendido y el m\u00e1s alejado de la realidad. Durante todo el proceso mantienes plena consciencia y control. La hipnosis es un estado de relajaci\u00f3n profunda y atenci\u00f3n concentrada, similar al que tienes cuando est\u00e1s absorta en una pel\u00edcula o un libro. Nunca puedes ser forzada a hacer algo que no quieras hacer.<\/div>\r\n <\/details>\r\n\r\n <details class=\"mp-reveal d1\">\r\n <summary>\r\n <div class=\"mp-q\">\u00bfEs lo mismo que la hipnosis de los shows de televisi\u00f3n?<\/div>\r\n <div class=\"mp-plus\"><\/div>\r\n <\/summary>\r\n <div class=\"mp-a\">No tiene nada que ver. La hipnosis de espect\u00e1culo est\u00e1 dise\u00f1ada para entretener. La hipnoterapia cl\u00ednica es una herramienta terap\u00e9utica seria, con d\u00e9cadas de investigaci\u00f3n cient\u00edfica, que trabaja con el inconsciente para producir cambios reales y duraderos. Sin magia, sin p\u00e9rdida de consciencia, sin poderes especiales.<\/div>\r\n <\/details>\r\n\r\n <details class=\"mp-reveal d2\">\r\n <summary>\r\n <div class=\"mp-q\">Soy muy anal\u00edtica y no consigo desconectar \u00bffuncionar\u00e1 conmigo?<\/div>\r\n <div class=\"mp-plus\"><\/div>\r\n <\/summary>\r\n <div class=\"mp-a\">Esa preocupaci\u00f3n es muy com\u00fan y puedo decirte que las personas con mente muy activa a menudo responden extraordinariamente bien. La capacidad de concentraci\u00f3n y visualizaci\u00f3n es una ventaja, no un obst\u00e1culo. El proceso se adapta completamente a tu personalidad. No existe un \u00fanico modo de entrar en hipnosis.<\/div>\r\n <\/details>\r\n\r\n <details class=\"mp-reveal d3\">\r\n <summary>\r\n <div class=\"mp-q\">\u00bfCu\u00e1ntas sesiones necesito?<\/div>\r\n <div class=\"mp-plus\"><\/div>\r\n <\/summary>\r\n <div class=\"mp-a\">Depende del motivo de consulta. Hay objetivos que se abordan en 2\u20133 sesiones (tabaco, fobias concretas) y procesos de transformaci\u00f3n m\u00e1s profundos que requieren acompa\u00f1amiento de meses. En la primera consulta, te doy una estimaci\u00f3n honesta y realista basada en tu situaci\u00f3n concreta.<\/div>\r\n <\/details>\r\n\r\n <details class=\"mp-reveal d4\">\r\n <summary>\r\n <div class=\"mp-q\">Tengo miedo de que se abran recuerdos dolorosos.<\/div>\r\n <div class=\"mp-plus\"><\/div>\r\n <\/summary>\r\n <div class=\"mp-a\">Es un miedo completamente v\u00e1lido, y lo respeto. El proceso siempre va a tu ritmo nunca te llevo a ning\u00fan lugar para el que no est\u00e9s lista. Mi trabajo es crear un espacio seguro donde puedas ir tan profundo, o tan poco profundo, como t\u00fa decidas en cada momento. T\u00fa tienes el control en todo momento.<\/div>\r\n <\/details>\r\n\r\n <details class=\"mp-reveal d5\">\r\n <summary>\r\n <div class=\"mp-q\">\u00bfFunciona igual en sesiones online?<\/div>\r\n <div class=\"mp-plus\"><\/div>\r\n <\/summary>\r\n <div class=\"mp-a\">S\u00ed. La eficacia cl\u00ednica de la hipnoterapia online es equivalente a la presencial. Solo necesitas un espacio tranquilo, sin interrupciones, y unos auriculares. Muchas personas lo prefieren precisamente porque est\u00e1n en su entorno propio lo cual facilita la relajaci\u00f3n profunda.<\/div>\r\n <\/details>\r\n\r\n <details class=\"mp-reveal d5\">\r\n <summary>\r\n <div class=\"mp-q\">Tengo miedo de no relajarme.<\/div>\r\n <div class=\"mp-plus\"><\/div>\r\n <\/summary>\r\n <div class=\"mp-a\">Es m\u00e1s com\u00fan de lo que crees y casi nunca es un problema real. La relajaci\u00f3n no es un requisito previo, es algo que ocurre de forma natural durante el proceso. Mi trabajo es guiarte de manera que tu mente y tu cuerpo encuentren ese estado sin esfuerzo. No tienes que hacer nada bien ni demostrar nada. Solo estar presente.<\/div>\r\n <\/details>\r\n\r\n <\/div>\r\n\r\n<\/section>\r\n\r\n<script>\r\n(function(){\r\n \/\/ Revelar al scroll\r\n var els = document.querySelectorAll('.mp-faq .mp-reveal');\r\n var io = new IntersectionObserver(function(entries){\r\n entries.forEach(function(e){\r\n if(e.isIntersecting){ e.target.classList.add('mp-in'); io.unobserve(e.target); }\r\n });\r\n }, {threshold: 0.08});\r\n els.forEach(function(el){ io.observe(el); });\r\n\r\n \/\/ Solo un FAQ abierto a la vez\r\n document.querySelectorAll('.mp-faq details').forEach(function(d){\r\n d.addEventListener('toggle', function(){\r\n if(d.open){\r\n document.querySelectorAll('.mp-faq details[open]').forEach(function(o){\r\n if(o !== d) o.open = false;\r\n });\r\n }\r\n });\r\n });\r\n})();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-3180a0f e-flex e-con-boxed e-con e-parent\" data-id=\"3180a0f\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ce30af7 elementor-widget elementor-widget-html\" data-id=\"ce30af7\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Instrument+Serif:ital@0;1&family=Instrument+Sans:wght@300;400;500&family=JetBrains+Mono:wght@400;500&display=swap');\r\n\r\n.mp-contacto {\r\n background: #EEF3FF;\r\n padding: clamp(70px, 10vw, 130px) clamp(20px, 4vw, 56px);\r\n font-family: \"Instrument Sans\", system-ui, sans-serif;\r\n}\r\n\r\n\/* LAYOUT *\/\r\n.mp-contacto .mp-inner {\r\n display: grid;\r\n grid-template-columns: 1fr 1fr;\r\n gap: clamp(40px, 6vw, 100px);\r\n align-items: flex-start;\r\n}\r\n@media(max-width:820px) { .mp-contacto .mp-inner { grid-template-columns: 1fr; } }\r\n\r\n\/* LADO IZQUIERDO *\/\r\n.mp-contacto .mp-num {\r\n font-family: \"JetBrains Mono\", ui-monospace, monospace;\r\n font-size: 11px;\r\n color: #5F8FE8;\r\n letter-spacing: .12em;\r\n margin-bottom: 16px;\r\n}\r\n.mp-contacto .mp-title {\r\n font-family: \"Instrument Serif\", Georgia, serif;\r\n font-size: clamp(36px, 5.5vw, 72px);\r\n line-height: .95;\r\n letter-spacing: -.025em;\r\n font-weight: 400;\r\n color: #141828;\r\n margin-bottom: 28px;\r\n}\r\n.mp-contacto .mp-title em {\r\n font-style: italic;\r\n color: #3A6FD8;\r\n}\r\n.mp-contacto .mp-lead {\r\n font-size: 15px;\r\n color: rgba(20,24,40,.65);\r\n line-height: 1.75;\r\n font-weight: 300;\r\n max-width: 44ch;\r\n margin-bottom: 40px;\r\n}\r\n\r\n\/* INFO *\/\r\n.mp-contacto .mp-info {\r\n display: flex;\r\n flex-direction: column;\r\n gap: 14px;\r\n}\r\n.mp-contacto .mp-info-item {\r\n display: flex;\r\n align-items: center;\r\n gap: 12px;\r\n font-size: 13px;\r\n color: rgba(20,24,40,.65);\r\n font-family: \"JetBrains Mono\", ui-monospace, monospace;\r\n letter-spacing: .03em;\r\n}\r\n.mp-contacto .mp-info-item svg {\r\n width: 16px; height: 16px;\r\n stroke: #5F8FE8; fill: none; stroke-width: 1.5;\r\n flex-shrink: 0;\r\n}\r\n.mp-contacto .mp-info-item a {\r\n color: #3A6FD8;\r\n text-decoration: none;\r\n transition: color .3s;\r\n}\r\n.mp-contacto .mp-info-item a:hover { color: #141828; }\r\n\r\n\/* BOT\u00d3N WHATSAPP *\/\r\n.mp-contacto .mp-wa {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 10px;\r\n margin-top: 32px;\r\n padding: 15px 26px;\r\n background: #3A6FD8;\r\n color: #ffffff;\r\n border-radius: 999px;\r\n font-size: 14px;\r\n font-weight: 500;\r\n text-decoration: none;\r\n transition: transform .3s, background .3s;\r\n box-shadow: 0 10px 32px -8px rgba(58,111,216,.35);\r\n}\r\n.mp-contacto .mp-wa:hover { background: #5F8FE8; transform: translateY(-2px); }\r\n.mp-contacto .mp-wa svg { width: 16px; height: 16px; fill: #ffffff; }\r\n\r\n\/* FORMULARIO *\/\r\n.mp-contacto .mp-form {\r\n background: #ffffff;\r\n border: 1px solid rgba(20,24,40,.08);\r\n border-radius: 3px;\r\n padding: clamp(28px, 3.5vw, 48px);\r\n display: flex;\r\n flex-direction: column;\r\n gap: 20px;\r\n}\r\n.mp-contacto .mp-form-title {\r\n font-family: \"Instrument Serif\", Georgia, serif;\r\n font-size: 22px;\r\n letter-spacing: -.01em;\r\n color: #141828;\r\n margin-bottom: 4px;\r\n}\r\n.mp-contacto .mp-field {\r\n display: flex;\r\n flex-direction: column;\r\n gap: 6px;\r\n}\r\n.mp-contacto label {\r\n font-size: 11px;\r\n font-family: \"JetBrains Mono\", ui-monospace, monospace;\r\n letter-spacing: .1em;\r\n color: rgba(20,24,40,.5);\r\n text-transform: uppercase;\r\n}\r\n.mp-contacto input,\r\n.mp-contacto select,\r\n.mp-contacto textarea {\r\n font-family: \"Instrument Sans\", system-ui, sans-serif;\r\n font-size: 15px;\r\n color: #141828;\r\n background: #F7F5F0;\r\n border: 1px solid rgba(20,24,40,.1);\r\n border-radius: 3px;\r\n padding: 13px 16px;\r\n outline: none;\r\n transition: border-color .3s, background .3s;\r\n width: 100%;\r\n appearance: none;\r\n -webkit-appearance: none;\r\n}\r\n.mp-contacto input:focus,\r\n.mp-contacto select:focus,\r\n.mp-contacto textarea:focus {\r\n border-color: #3A6FD8;\r\n background: #ffffff;\r\n}\r\n.mp-contacto textarea {\r\n resize: vertical;\r\n min-height: 110px;\r\n line-height: 1.6;\r\n}\r\n.mp-contacto select {\r\n background-image: url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%235F8FE8' stroke-width='1.5' fill='none' stroke-linecap='round'\/%3E%3C\/svg%3E\");\r\n background-repeat: no-repeat;\r\n background-position: right 14px center;\r\n padding-right: 36px;\r\n cursor: pointer;\r\n}\r\n.mp-contacto .mp-submit {\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n gap: 10px;\r\n padding: 16px 28px;\r\n background: #3A6FD8;\r\n color: #ffffff;\r\n border: none;\r\n border-radius: 999px;\r\n font-size: 15px;\r\n font-weight: 500;\r\n cursor: pointer;\r\n transition: transform .3s, background .3s;\r\n box-shadow: 0 10px 32px -8px rgba(58,111,216,.35);\r\n width: 100%;\r\n font-family: \"Instrument Sans\", system-ui, sans-serif;\r\n}\r\n.mp-submit svg { width: 15px; height: 15px; stroke: #fff; fill: none; stroke-width: 1.8; }\r\n.mp-contacto .mp-submit:hover { background: #5F8FE8; transform: translateY(-2px); }\r\n\r\n.mp-contacto .mp-nota {\r\n font-size: 11px;\r\n color: rgba(20,24,40,.4);\r\n text-align: center;\r\n font-family: \"JetBrains Mono\", ui-monospace, monospace;\r\n letter-spacing: .03em;\r\n}\r\n\r\n\/* REVEAL *\/\r\n.mp-reveal { opacity: 0; transform: translateY(24px); transition: opacity .9s ease, transform .9s cubic-bezier(.2,.7,.2,1); }\r\n.mp-reveal.mp-in { opacity: 1; transform: none; }\r\n.mp-reveal.d1 { transition-delay: .12s; }\r\n<\/style>\r\n\r\n<section class=\"mp-contacto\" id=\"contacto\">\r\n <div class=\"mp-inner\">\r\n\r\n \r\n <div class=\"mp-reveal\">\r\n <div class=\"mp-num\">06 \u2014 Contacto<\/div>\r\n <h2 class=\"mp-title\">Hablemos sin <em>compromiso.<\/em><\/h2>\r\n <p class=\"mp-lead\">Si algo de lo que has le\u00eddo ha resonado contigo, da ese primer paso. Escr\u00edbeme y nos conocemos me cuentas lo que te trae y vemos juntas si tiene sentido trabajar juntas. Puedes escribirme aqu\u00ed o contactarme directamente por WhatsApp.<\/p>\r\n\r\n <div class=\"mp-info\">\r\n <div class=\"mp-info-item\">\r\n <svg viewBox=\"0 0 24 24\"><path d=\"M12 2C8.13 2 5 5.13 5 9c0 5.25 7 13 7 13s7-7.75 7-13c0-3.87-3.13-7-7-7zm0 9.5c-1.38 0-2.5-1.12-2.5-2.5s1.12-2.5 2.5-2.5 2.5 1.12 2.5 2.5-1.12 2.5-2.5 2.5z\"\/><\/svg>\r\n Alentejo, Portugal \u00b7 Extremadura, Espa\u00f1a \u00b7 Online\r\n <\/div>\r\n <div class=\"mp-info-item\">\r\n <svg viewBox=\"0 0 24 24\"><rect x=\"2\" y=\"4\" width=\"20\" height=\"16\" rx=\"2\"\/><path d=\"M2 8l10 6 10-6\"\/><\/svg>\r\n <a href=\"mailto:hipnoterapia@marianapopovici.com\">hipnoterapia@marianapopovici.com<\/a>\r\n <\/div>\r\n <div class=\"mp-info-item\">\r\n \r\n <svg viewBox=\"0 0 24 24\" width=\"18\" height=\"18\" fill=\"none\" stroke=\"#5F8FE8\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"2\" y=\"2\" width=\"20\" height=\"20\" rx=\"5\"\/><circle cx=\"12\" cy=\"12\" r=\"5\"\/><circle cx=\"17.5\" cy=\"6.5\" r=\".5\" fill=\"#5F8FE8\"\/><\/svg>\r\n <a href=\"https:\/\/www.instagram.com\/marianapopovici_hipnoterapeuta?igsh=MXFkY3YyYjlkZXd6NA==\" target=\"_blank\">@marianapopovici_hipnoterapeuta<\/a>\r\n <\/div>\r\n <div class=\"mp-info-item\">\r\n \r\n <svg viewBox=\"0 0 24 24\" width=\"18\" height=\"18\" fill=\"none\" stroke=\"#5F8FE8\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M18 2h-3a5 5 0 00-5 5v3H7v4h3v8h4v-8h3l1-4h-4V7a1 1 0 011-1h3z\"\/><\/svg>\r\n <a href=\"https:\/\/www.facebook.com\/share\/1EJvBXLBs9\/\" target=\"_blank\">Facebook<\/a>\r\n <\/div>\r\n <\/div>\r\n\r\n <a href=\"https:\/\/wa.me\/34621389361?text=Hola%20Mariana%2C%20me%20gustar%C3%ADa%20pedir%20informaci%C3%B3n\" target=\"_blank\" class=\"mp-wa\">\r\n <svg viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><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\"\/><\/svg>\r\n Escribir por WhatsApp\r\n <\/a>\r\n <\/div>\r\n\r\n \r\n <div class=\"mp-form mp-reveal d1\">\r\n <div class=\"mp-form-title\">Escr\u00edbeme<\/div>\r\n\r\n <div class=\"mp-field\">\r\n <label for=\"mp-nombre\">Nombre<\/label>\r\n <input type=\"text\" id=\"mp-nombre\" placeholder=\"Tu nombre\">\r\n <\/div>\r\n\r\n <div class=\"mp-field\">\r\n <label for=\"mp-email\">Email<\/label>\r\n <input type=\"email\" id=\"mp-email\" placeholder=\"tu@email.com\">\r\n <\/div>\r\n\r\n <div class=\"mp-field\">\r\n <label for=\"mp-motivo\">\u00bfQu\u00e9 te trae aqu\u00ed?<\/label>\r\n <select id=\"mp-motivo\">\r\n <option value=\"\" disabled selected>Selecciona una opci\u00f3n<\/option>\r\n <option>Duelo o p\u00e9rdida<\/option>\r\n <option>Autoestima o identidad<\/option>\r\n <option>V\u00ednculos y relaciones<\/option>\r\n <option>Talleres para mi centro<\/option>\r\n <option>Programa Volver a Ti<\/option>\r\n <option>Otro motivo<\/option>\r\n <\/select>\r\n <\/div>\r\n\r\n <div class=\"mp-field\">\r\n <label for=\"mp-mensaje\">Cu\u00e9ntame brevemente<\/label>\r\n <textarea id=\"mp-mensaje\" placeholder=\"Puedes contarme lo que quieras \u2014 o simplemente decir hola.\"><\/textarea>\r\n <\/div>\r\n\r\n <button class=\"mp-submit\" onclick=\"mpEnviar()\">\r\n Enviar mensaje\r\n <svg viewBox=\"0 0 24 24\"><path d=\"M7 17L17 7M9 7h8v8\"\/><\/svg>\r\n <\/button>\r\n <p class=\"mp-nota\">Respondo en menos de 48h \u00b7 Sin compromiso<\/p>\r\n <\/div>\r\n\r\n <\/div>\r\n<\/section>\r\n\r\n<script>\r\n(function(){\r\n var els = document.querySelectorAll('.mp-contacto .mp-reveal');\r\n var io = new IntersectionObserver(function(entries){\r\n entries.forEach(function(e){\r\n if(e.isIntersecting){ e.target.classList.add('mp-in'); io.unobserve(e.target); }\r\n });\r\n }, {threshold: 0.08});\r\n els.forEach(function(el){ io.observe(el); });\r\n})();\r\n\r\nfunction mpEnviar() {\r\n var nombre = document.getElementById('mp-nombre').value.trim();\r\n var email = document.getElementById('mp-email').value.trim();\r\n var motivo = document.getElementById('mp-motivo').value;\r\n var mensaje = document.getElementById('mp-mensaje').value.trim();\r\n if (!nombre || !email || !motivo) {\r\n alert('Por favor rellena nombre, email y motivo de consulta.');\r\n return;\r\n }\r\n var body = 'Nombre: ' + nombre + '%0AEmail: ' + email + '%0AMotivo: ' + motivo + '%0AMensaje: ' + mensaje;\r\n window.location.href = 'mailto:hipnoterapia@marianapopovici.com?subject=Consulta desde la web&body=' + body;\r\n}\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-25e7f65 e-con e-atomic-element e-flexbox-base e-c16799e \" data-id=\"25e7f65\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"25e7f65\">\n \n<\/div>\n<div class=\"elementor-element elementor-element-87717ba e-flex e-con-boxed e-con e-parent\" data-id=\"87717ba\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3753c91 elementor-widget elementor-widget-html\" data-id=\"3753c91\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Instrument+Serif:ital@0;1&family=Instrument+Sans:wght@300;400;500&family=JetBrains+Mono:wght@400;500&display=swap');\r\n\r\n.mp-footer {\r\n background: #1a3a8f;\r\n padding: clamp(50px, 7vw, 90px) clamp(20px, 4vw, 56px) 28px;\r\n font-family: \"Instrument Sans\", system-ui, sans-serif;\r\n color: rgba(255,255,255,.85);\r\n}\r\n\r\n\/* GRID PRINCIPAL *\/\r\n.mp-footer .mp-grid {\r\n display: grid;\r\n grid-template-columns: 2fr 1fr 1fr 1fr;\r\n gap: 40px;\r\n padding-bottom: 48px;\r\n border-bottom: 1px solid rgba(255,255,255,.15);\r\n align-items: flex-start;\r\n}\r\n@media(max-width:820px) { .mp-footer .mp-grid { grid-template-columns: 1fr 1fr; } }\r\n@media(max-width:520px) { .mp-footer .mp-grid { grid-template-columns: 1fr; } }\r\n\r\n\/* COLUMNA MARCA *\/\r\n.mp-footer .mp-brand .mp-logo {\r\n height: 44px;\r\n margin-bottom: 20px;\r\n filter: brightness(0) invert(1);\r\n opacity: 1;\r\n}\r\n.mp-footer .mp-brand p {\r\n font-size: 13px;\r\n line-height: 1.7;\r\n font-weight: 300;\r\n max-width: 30ch;\r\n margin-bottom: 24px;\r\n color: rgba(255,255,255,.85);\r\n}\r\n.mp-footer .mp-brand .mp-tagline {\r\n font-family: \"Instrument Serif\", Georgia, serif;\r\n font-size: 18px;\r\n font-style: italic;\r\n color: rgba(255,255,255,.6);\r\n line-height: 1.3;\r\n}\r\n\r\n\/* COLUMNAS NAV *\/\r\n.mp-footer h4 {\r\n font-family: \"JetBrains Mono\", ui-monospace, monospace;\r\n font-size: 10px;\r\n letter-spacing: .16em;\r\n text-transform: uppercase;\r\n color: rgba(255,255,255,.5);\r\n margin-bottom: 18px;\r\n margin-top: 0;\r\n padding-top: 0;\r\n}\r\n.mp-footer a {\r\n display: block;\r\n padding: 5px 0;\r\n font-size: 13px;\r\n color: rgba(255,255,255,.85);\r\n text-decoration: none;\r\n transition: color .3s;\r\n}\r\n.mp-footer a:hover { color: #ffffff; }\r\n\r\n\/* REDES *\/\r\n.mp-footer .mp-social {\r\n display: flex;\r\n gap: 12px;\r\n margin-top: 8px;\r\n}\r\n.mp-footer .mp-social a {\r\n width: 38px; height: 38px;\r\n border-radius: 50%;\r\n border: 1px solid rgba(255,255,255,.25);\r\n display: flex; align-items: center; justify-content: center;\r\n padding: 0;\r\n transition: border-color .3s, background .3s;\r\n}\r\n.mp-footer .mp-social a:hover {\r\n border-color: #ffffff;\r\n background: rgba(255,255,255,.15);\r\n}\r\n.mp-footer .mp-social svg {\r\n width: 16px; height: 16px;\r\n}\r\n\r\n\/* BARRA FINAL *\/\r\n.mp-footer .mp-bar {\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: center;\r\n flex-wrap: wrap;\r\n gap: 12px;\r\n padding-top: 24px;\r\n font-family: \"JetBrains Mono\", ui-monospace, monospace;\r\n font-size: 10px;\r\n letter-spacing: .08em;\r\n color: rgba(255,255,255,.4);\r\n}\r\n.mp-footer .mp-bar a {\r\n display: inline;\r\n padding: 0;\r\n font-size: 10px;\r\n color: rgba(255,255,255,.4);\r\n letter-spacing: .08em;\r\n}\r\n.mp-footer .mp-bar a:hover { color: rgba(255,255,255,.8); }\r\n<\/style>\r\n\r\n<footer class=\"mp-footer\">\r\n <div class=\"mp-grid\">\r\n\r\n \r\n <div class=\"mp-brand\">\r\n <img decoding=\"async\" class=\"mp-logo\" src=\"http:\/\/marianapopovici.com\/wp-content\/uploads\/2026\/06\/Design-sem-nome-1.png\" alt=\"Mariana Popovici\">\r\n <p>Hipnoterapia cl\u00ednica para personas que quieren volver a s\u00ed mismas. Online y presencial en la Pen\u00ednsula Ib\u00e9rica.<\/p>\r\n <div class=\"mp-tagline\">\"El cuerpo y la mente<br>no se cuidan por separado.\"<\/div>\r\n <\/div>\r\n\r\n \r\n <div>\r\n <h4>P\u00e1gina<\/h4>\r\n <a href=\"#sobre\">Historia<\/a>\r\n <a href=\"#servicios\">Servicios<\/a>\r\n <a href=\"#proceso\">Proceso<\/a>\r\n <a href=\"#testimonios\">Testimonios<\/a>\r\n <a href=\"#faq\">FAQ<\/a>\r\n <a href=\"#contacto\">Contacto<\/a>\r\n <\/div>\r\n\r\n \r\n <div>\r\n <h4>Contacto<\/h4>\r\n <a href=\"mailto:hipnoterapia@marianapopovici.com\">hipnoterapia@<br>marianapopovici.com<\/a>\r\n <a href=\"https:\/\/wa.me\/34621389361?text=Hola%20Mariana%2C%20me%20gustar%C3%ADa%20pedir%20informaci%C3%B3n\" target=\"_blank\">WhatsApp \u00b7 621 389 361<\/a>\r\n <div style=\"margin-top:8px;font-size:12px;color:rgba(255,255,255,.35);\">Alentejo, Portugal<br>Extremadura, Espa\u00f1a<br>Online<\/div>\r\n <\/div>\r\n\r\n \r\n <div>\r\n <h4>Redes<\/h4>\r\n <div class=\"mp-social\">\r\n \r\n <a href=\"https:\/\/www.instagram.com\/marianapopovici_hipnoterapeuta?igsh=MXFkY3YyYjlkZXd6NA==\" target=\"_blank\" title=\"Instagram\">\r\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"rgba(255,255,255,.7)\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n <rect x=\"2\" y=\"2\" width=\"20\" height=\"20\" rx=\"5\"\/>\r\n <circle cx=\"12\" cy=\"12\" r=\"5\"\/>\r\n <circle cx=\"17.5\" cy=\"6.5\" r=\".5\" fill=\"rgba(255,255,255,.7)\"\/>\r\n <\/svg>\r\n <\/a>\r\n \r\n <a href=\"https:\/\/www.facebook.com\/share\/1EJvBXLBs9\/\" target=\"_blank\" title=\"Facebook\">\r\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"rgba(255,255,255,.7)\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n <path d=\"M18 2h-3a5 5 0 00-5 5v3H7v4h3v8h4v-8h3l1-4h-4V7a1 1 0 011-1h3z\"\/>\r\n <\/svg>\r\n <\/a>\r\n \r\n <a href=\"https:\/\/wa.me\/34621389361?text=Hola%20Mariana%2C%20me%20gustar%C3%ADa%20pedir%20informaci%C3%B3n\" target=\"_blank\" title=\"WhatsApp\">\r\n <svg viewBox=\"0 0 24 24\" fill=\"rgba(255,255,255,.7)\">\r\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\"\/>\r\n <\/svg>\r\n <\/a>\r\n <\/div>\r\n <div style=\"margin-top:20px;\">\r\n <a href=\"https:\/\/pomaknatur.com\" target=\"_blank\" style=\"font-size:12px;color:rgba(255,255,255,.35);border:1px solid rgba(255,255,255,.1);padding:8px 14px;border-radius:999px;display:inline-block;transition:all .3s;\">\r\n Pomak Natur \u2192\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n \r\n <div class=\"mp-bar\">\r\n <span>\u00a9 2026 Mariana Popovici \u00b7 Todos los derechos reservados<\/span>\r\n <span>Hecha con cuidado \u00b7 Pen\u00ednsula Ib\u00e9rica<\/span>\r\n <\/div>\r\n\r\n<\/footer>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-3230966 e-flex e-con-boxed e-con e-parent\" data-id=\"3230966\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-73ab1b8 e-flex e-con-boxed e-con e-parent\" data-id=\"73ab1b8\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-cb70fdc e-con e-atomic-element e-flexbox-base e-0ea3c86 \" data-id=\"cb70fdc\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"cb70fdc\">\n \n<\/div>\n\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Mariana Popovici \u2014 Hipnoterapia & Bienestar Mariana Popovici \u2014 Hipnoterapia Historia Servicios Proceso FAQ Reservar sesi\u00f3n \u2192 Volver a ti. Soy Mariana Popovici, hipnoterapeuta. Acompa\u00f1o a mujeres que se sienten perdidas, sobrecargadas o desconectadas de s\u00ed mismas \u2014 desde la experiencia vivida, no solo del conocimiento te\u00f3rico. Reservar sesi\u00f3n Mi historia Ansiedad \u2726 Identidad \u2726 […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-21","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/marianapopovici.com\/index.php\/wp-json\/wp\/v2\/pages\/21","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/marianapopovici.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/marianapopovici.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/marianapopovici.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/marianapopovici.com\/index.php\/wp-json\/wp\/v2\/comments?post=21"}],"version-history":[{"count":67,"href":"https:\/\/marianapopovici.com\/index.php\/wp-json\/wp\/v2\/pages\/21\/revisions"}],"predecessor-version":[{"id":105,"href":"https:\/\/marianapopovici.com\/index.php\/wp-json\/wp\/v2\/pages\/21\/revisions\/105"}],"wp:attachment":[{"href":"https:\/\/marianapopovici.com\/index.php\/wp-json\/wp\/v2\/media?parent=21"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

\n\t\t\t\t

\n\t\t\t\t\t

\n\t\t\t\t

\n\t\t\t\t\t\r\n\r\n\r\n\r\n\r\nMariana Popovici \u2014 Hipnoterapia & Bienestar<\/title>\r\n<meta name=\"description\" content=\"Hipnoterapia cl\u00ednica con Mariana Popovici. Acompa\u00f1amiento profundo para mujeres que se sienten perdidas, sobrecargadas o desconectadas de s\u00ed mismas. Online y presencial.\">\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Instrument+Serif:ital@0;1&family=Instrument+Sans:wght@300;400;500&family=JetBrains+Mono:wght@400;500&display=swap\" rel=\"stylesheet\">\r\n<style>\r\n\/* ====== TOKENS ====== *\/\r\n:root {\r\n --bg: #F7F5F0;\r\n --bg-2: #EEF3FF;\r\n --bg-3: #E4EDFF;\r\n --ink: #141828;\r\n --ink-60: rgba(20,24,40,.58);\r\n --ink-30: rgba(20,24,40,.22);\r\n --ink-10: rgba(20,24,40,.08);\r\n --blue: #3A6FD8;\r\n --blue-2: #5F8FE8;\r\n --blue-3: #8AABEF;\r\n --blue-pale: #C8DAFF;\r\n --blue-ghost:#EEF3FF;\r\n --gold: #C9A96E;\r\n --white: #FFFFFF;\r\n\r\n --serif: \"Instrument Serif\", \"Georgia\", serif;\r\n --sans: \"Instrument Sans\", system-ui, sans-serif;\r\n --mono: \"JetBrains Mono\", ui-monospace, monospace;\r\n\r\n --radius: 3px;\r\n --max: 1320px;\r\n --pad-x: clamp(20px, 4vw, 56px);\r\n}\r\n\r\n\/* ====== RESET ====== *\/\r\n*,*::before,*::after { box-sizing:border-box; margin:0; padding:0; }\r\nhtml,body { background:var(--bg); color:var(--ink); -webkit-font-smoothing:antialiased; }\r\nbody {\r\n font-family: var(--sans);\r\n font-size: 16px;\r\n line-height: 1.55;\r\n letter-spacing: -.005em;\r\n overflow-x: hidden;\r\n}\r\nimg,svg { display:block; max-width:100%; }\r\na { color:inherit; text-decoration:none; }\r\nbutton { font:inherit; background:none; border:0; color:inherit; cursor:pointer; }\r\n\r\n\/* ====== ATMOSPHERE ====== *\/\r\nbody::after {\r\n content:\"\"; position:fixed; inset:0; pointer-events:none; z-index:0;\r\n background:\r\n radial-gradient(ellipse 55% 40% at 90% 5%, rgba(58,111,216,.10), transparent 60%),\r\n radial-gradient(ellipse 45% 35% at 5% 95%, rgba(95,143,232,.08), transparent 60%);\r\n}\r\n\r\n\/* ====== CUSTOM CURSOR ====== *\/\r\n.cursor {\r\n position:fixed; top:0; left:0; width:16px; height:16px;\r\n border:1.5px solid var(--blue-2); border-radius:50%;\r\n transform:translate(-50%,-50%); pointer-events:none; z-index:9999;\r\n transition: width .25s, height .25s, background .25s, border-color .25s;\r\n}\r\n.cursor.is-hover { width:44px; height:44px; background:rgba(58,111,216,.12); border-color:var(--blue); }\r\n@media (pointer:coarse) { .cursor{display:none;} }\r\n\r\n\/* ====== UTILITIES ====== *\/\r\n.wrap { max-width:var(--max); margin:0 auto; padding-left:var(--pad-x); padding-right:var(--pad-x); }\r\n.eyebrow {\r\n font-family:var(--mono); font-size:11px; font-weight:500; letter-spacing:.18em; text-transform:uppercase;\r\n color:var(--blue-2); display:inline-flex; align-items:center; gap:10px;\r\n}\r\n.eyebrow::before { content:\"\"; width:22px; height:1px; background:var(--blue-2); }\r\n.pill {\r\n display:inline-flex; align-items:center; gap:8px; padding:6px 14px;\r\n border:1px solid var(--ink-10); border-radius:999px; font-size:12px; color:var(--ink-60);\r\n font-family:var(--mono); letter-spacing:.04em; background:var(--white);\r\n}\r\n.pill .dot { width:6px; height:6px; border-radius:50%; background:var(--blue); box-shadow:0 0 10px var(--blue); animation:pulse 2s infinite; }\r\n@keyframes pulse { 0%,100%{opacity:1} 50%{opacity:.4} }\r\n\r\n\/* ====== LANG TOGGLE ====== *\/\r\n.lang-toggle {\r\n position:fixed; top:1.2rem; right:1.5rem; z-index:200;\r\n display:flex; gap:.4rem;\r\n}\r\n.lang-btn {\r\n font-family:var(--mono); font-size:.7rem; font-weight:500; letter-spacing:.12em;\r\n padding:.35rem .8rem; border-radius:999px; cursor:pointer;\r\n border:1px solid var(--ink-10); color:var(--ink-60); background:var(--white);\r\n transition:all .3s;\r\n}\r\n.lang-btn.active, .lang-btn:hover {\r\n background:var(--blue); color:var(--white); border-color:var(--blue);\r\n}\r\n\r\n\/* ====== BUTTONS ====== *\/\r\n.btn {\r\n position:relative; display:inline-flex; align-items:center; gap:12px; padding:17px 26px;\r\n background:var(--blue); color:var(--white); border-radius:999px; font-weight:500;\r\n letter-spacing:-.01em; overflow:hidden; isolation:isolate;\r\n transition:transform .4s cubic-bezier(.2,.7,.2,1);\r\n box-shadow:0 12px 40px -12px rgba(58,111,216,.35), inset 0 0 0 1px rgba(255,255,255,.1);\r\n}\r\n.btn::before {\r\n content:\"\"; position:absolute; inset:0;\r\n background:linear-gradient(180deg, var(--blue-2), var(--blue));\r\n transform:translateY(100%); transition:transform .4s cubic-bezier(.2,.7,.2,1); z-index:-1;\r\n}\r\n.btn:hover::before { transform:translateY(0); }\r\n.btn:hover { transform:translateY(-2px); }\r\n.btn svg { width:15px; height:15px; transition:transform .3s; }\r\n.btn:hover svg { transform:translate(3px,-3px); }\r\n\r\n.btn-ghost {\r\n display:inline-flex; align-items:center; gap:10px; padding:16px 24px;\r\n border-radius:999px; border:1.5px solid var(--ink-30); color:var(--ink);\r\n transition:border-color .3s, background .3s, color .3s;\r\n}\r\n.btn-ghost:hover { border-color:var(--blue); background:var(--blue-ghost); color:var(--blue); }\r\n\r\n\/* ====== NAV ====== *\/\r\n.nav {\r\n position:fixed; top:0; left:0; right:0; z-index:100;\r\n display:flex; align-items:center; justify-content:space-between;\r\n padding:20px var(--pad-x);\r\n backdrop-filter:blur(16px);\r\n background:rgba(247,245,240,.82);\r\n border-bottom:1px solid transparent;\r\n transition:border-color .4s, background .4s;\r\n}\r\n.nav.is-scrolled { border-bottom-color:var(--ink-10); }\r\n.nav-logo img { height:42px; }\r\n.nav-links { display:flex; gap:32px; font-size:14px; color:var(--ink-60); }\r\n.nav-links a { position:relative; transition:color .3s; }\r\n.nav-links a::after {\r\n content:\"\"; position:absolute; left:0; bottom:-5px; width:0; height:1px;\r\n background:var(--blue); transition:width .35s cubic-bezier(.2,.7,.2,1);\r\n}\r\n.nav-links a:hover { color:var(--ink); }\r\n.nav-links a:hover::after { width:100%; }\r\n.nav-cta {\r\n font-size:13px; padding:10px 20px; border-radius:999px;\r\n border:1.5px solid var(--ink-30); transition:all .3s;\r\n margin-right:7rem;\r\n}\r\n.nav-cta:hover { border-color:var(--blue); background:var(--blue); color:var(--white); }\r\n@media(max-width:820px) { .nav-links{display:none;} .nav-cta{margin-right:5rem;} }\r\n\r\n\/* ====== HERO ====== *\/\r\n.hero {\r\n position:relative; min-height:100svh; padding:100px var(--pad-x) 70px;\r\n display:flex; flex-direction:column; justify-content:center;\r\n overflow:hidden; z-index:2;\r\n}\r\n.hero-bg { position:absolute; inset:0; z-index:-1; pointer-events:none; }\r\n.hero-bg .orb {\r\n position:absolute; width:min(580px,68vw); aspect-ratio:1; border-radius:50%;\r\n background:radial-gradient(circle at 35% 35%, rgba(95,143,232,.32), rgba(58,111,216,.18) 40%, transparent 70%);\r\n filter:blur(60px); right:-5%; top:8%;\r\n animation:drift 16s ease-in-out infinite alternate;\r\n}\r\n.hero-bg .orb-2 {\r\n width:min(380px,50vw); left:-6%; bottom:-10%;\r\n background:radial-gradient(circle at 50% 50%, rgba(58,111,216,.2), transparent 70%);\r\n animation-duration:22s;\r\n}\r\n.hero-bg svg { position:absolute; inset:0; width:100%; height:100%; }\r\n@keyframes drift { to { transform:translate(-25px,18px) scale(1.04); } }\r\n\r\n.hero-content {\r\n display:grid;\r\n grid-template-columns:1fr 1fr;\r\n gap:clamp(32px,5vw,80px);\r\n align-items:center;\r\n width:100%;\r\n}\r\n.hero-left { display:flex; flex-direction:column; gap:clamp(24px,3vw,40px); }\r\n\r\n.hero h1 {\r\n font-family:var(--serif); font-weight:400;\r\n font-size:clamp(52px, 8.5vw, 140px);\r\n line-height:.9; letter-spacing:-.03em;\r\n}\r\n.hero h1 .row { display:block; overflow:hidden; }\r\n.hero h1 .row > span {\r\n display:inline-block; transform:translateY(110%);\r\n animation:rise 1.1s cubic-bezier(.2,.7,.2,1) forwards;\r\n}\r\n.hero h1 .row:nth-child(1) > span { animation-delay:.08s; }\r\n.hero h1 .row:nth-child(2) > span { animation-delay:.2s; }\r\n.hero h1 em { font-style:italic; color:var(--blue); }\r\n@keyframes rise { to { transform:translateY(0); } }\r\n\r\n.hero-lead {\r\n font-family:var(--serif); font-size:clamp(18px,1.8vw,24px); line-height:1.4;\r\n color:var(--ink); max-width:38ch; letter-spacing:-.01em;\r\n}\r\n.hero-lead em { color:var(--blue-2); font-style:italic; }\r\n\r\n.hero-actions { display:flex; gap:12px; flex-wrap:wrap; align-items:center; }\r\n\r\n.hero-photo-desktop {\r\n width:100%; aspect-ratio:3\/4;\r\n border-radius:var(--radius); overflow:hidden;\r\n background:var(--bg-2); border:1px solid var(--ink-10);\r\n}\r\n.hero-photo-desktop img { width:100%; height:100%; object-fit:cover; object-position:center top; }\r\n\r\n.hero-photo-mobile { display:none; }\r\n\r\n@media(max-width:820px) {\r\n .hero-content { grid-template-columns:1fr; }\r\n .hero-photo-desktop { display:none; }\r\n .hero-photo-mobile {\r\n display:block; width:100%;\r\n border-top:1px solid var(--ink-10);\r\n }\r\n .hero-photo-mobile img { width:100%; height:auto; display:block; }\r\n}\r\n\r\n\/* TICKER *\/\r\n.ticker {\r\n margin-top:80px; padding-top:24px; border-top:1px solid var(--ink-10);\r\n overflow:hidden; white-space:nowrap;\r\n font-family:var(--serif); font-size:clamp(30px,5.5vw,68px); line-height:1;\r\n letter-spacing:-.02em; color:var(--ink-30);\r\n}\r\n.ticker-track { display:inline-flex; gap:56px; animation:ticker 36s linear infinite; }\r\n.ticker em { color:var(--blue-2); font-style:italic; margin-right:56px; }\r\n.ticker .star { color:var(--blue-3); }\r\n@keyframes ticker { to { transform:translateX(-50%); } }\r\n\r\n\/* ====== SECTIONS ====== *\/\r\nsection { position:relative; z-index:2; }\r\n.section { padding:clamp(90px,13vw,160px) 0; border-top:1px solid var(--ink-10); }\r\n.section-head {\r\n display:grid; grid-template-columns:auto 1fr; gap:clamp(36px,6vw,110px);\r\n align-items:flex-start; margin-bottom:clamp(50px,8vw,110px);\r\n}\r\n@media(max-width:820px) { .section-head { grid-template-columns:1fr; gap:24px; } }\r\n.section-num { font-family:var(--mono); font-size:12px; color:var(--blue-2); letter-spacing:.12em; white-space:nowrap; padding-top:10px; }\r\n.section-title {\r\n font-family:var(--serif); font-size:clamp(38px,6.5vw,88px); line-height:.95;\r\n letter-spacing:-.025em; font-weight:400; max-width:18ch;\r\n}\r\n.section-title em { color:var(--blue); font-style:italic; }\r\n.section-title .sub {\r\n display:block; margin-top:20px; font-family:var(--sans); font-size:clamp(14px,1.2vw,16px);\r\n color:var(--ink-60); max-width:54ch; letter-spacing:-.005em; line-height:1.65;\r\n font-style:normal; font-weight:300;\r\n}\r\n\r\n\/* ====== HISTORIA ====== *\/\r\n.about-grid {\r\n display:grid; grid-template-columns:5fr 7fr; gap:clamp(36px,6vw,90px);\r\n align-items:flex-start;\r\n}\r\n@media(max-width:820px) { .about-grid { grid-template-columns:1fr; } }\r\n\r\n.portrait {\r\n position:relative; aspect-ratio:4\/5; overflow:hidden; border-radius:var(--radius);\r\n background:linear-gradient(135deg, var(--blue-ghost), var(--bg-2));\r\n border:1px solid var(--ink-10);\r\n}\r\n.portrait img { width:100%; height:100%; object-fit:contain; padding:2rem; }\r\n.portrait .tag {\r\n position:absolute; left:16px; bottom:16px; font-family:var(--mono); font-size:10px;\r\n letter-spacing:.08em; color:var(--ink-60); background:rgba(247,245,240,.85);\r\n backdrop-filter:blur(8px); padding:7px 12px; border-radius:4px; border:1px solid var(--ink-10);\r\n}\r\n\r\n.about-body p {\r\n font-family:var(--serif); font-size:clamp(18px,1.8vw,24px); line-height:1.5;\r\n letter-spacing:-.005em; color:var(--ink); margin-bottom:22px;\r\n}\r\n.about-body p + p { color:var(--ink-60); font-size:16px; font-family:var(--sans); line-height:1.75; font-weight:300; }\r\n.about-body p + p + p { color:var(--ink-60); font-size:16px; font-family:var(--sans); line-height:1.75; font-weight:300; }\r\n\r\n.about-quote {\r\n border-left:2px solid var(--blue-pale); padding-left:1.4rem; margin:2rem 0 2.4rem;\r\n font-family:var(--serif); font-size:clamp(17px,1.6vw,21px); font-style:italic;\r\n color:var(--blue); line-height:1.45;\r\n}\r\n\r\n.credentials {\r\n margin-top:44px; display:grid; grid-template-columns:repeat(3,1fr); gap:14px;\r\n}\r\n@media(max-width:600px) { .credentials { grid-template-columns:repeat(2,1fr); } }\r\n.cred {\r\n padding:22px 18px; border:1px solid var(--ink-10); border-radius:var(--radius);\r\n background:var(--white);\r\n transition:border-color .4s, transform .4s, box-shadow .4s;\r\n}\r\n.cred:hover { border-color:var(--blue-pale); transform:translateY(-2px); box-shadow:0 8px 24px rgba(58,111,216,.08); }\r\n.cred .num { font-family:var(--serif); font-size:36px; color:var(--blue); line-height:1; letter-spacing:-.03em; }\r\n.cred .lbl { margin-top:8px; font-size:12px; color:var(--ink-60); line-height:1.4; font-family:var(--mono); letter-spacing:.02em; }\r\n\r\n\/* ====== SERVICIOS ====== *\/\r\n.services-list { display:flex; flex-direction:column; border-top:1px solid var(--ink-10); }\r\n.service {\r\n display:grid; grid-template-columns:70px 1.2fr 2fr 130px;\r\n gap:36px; align-items:center; padding:32px 0;\r\n border-bottom:1px solid var(--ink-10);\r\n transition:background .35s, padding .35s;\r\n position:relative; cursor:default;\r\n}\r\n.service::before {\r\n content:\"\"; position:absolute; inset:0;\r\n background:linear-gradient(90deg, rgba(58,111,216,.05), transparent 70%);\r\n opacity:0; transition:opacity .4s;\r\n}\r\n.service:hover { padding-left:16px; }\r\n.service:hover::before { opacity:1; }\r\n.service .idx { font-family:var(--mono); font-size:12px; color:var(--blue-2); letter-spacing:.1em; }\r\n.service .name { font-family:var(--serif); font-size:clamp(22px,2.6vw,36px); line-height:1.05; letter-spacing:-.02em; }\r\n.service .name em { font-style:italic; color:var(--blue-2); }\r\n.service .desc { color:var(--ink-60); font-size:14px; line-height:1.6; font-weight:300; }\r\n.service .dur { color:var(--ink-60); font-family:var(--mono); font-size:11px; text-align:right; letter-spacing:.05em; }\r\n@media(max-width:820px) {\r\n .service { grid-template-columns:36px 1fr; gap:12px; padding:24px 0; }\r\n .service .desc, .service .dur { grid-column:2; }\r\n .service .dur { text-align:left; }\r\n}\r\n\r\n\/* ====== PROCESO ====== *\/\r\n.process-grid {\r\n display:grid; grid-template-columns:repeat(4,1fr); gap:2px;\r\n background:var(--ink-10); border:1px solid var(--ink-10);\r\n border-radius:var(--radius); overflow:hidden;\r\n}\r\n@media(max-width:820px) { .process-grid { grid-template-columns:1fr 1fr; } }\r\n@media(max-width:520px) { .process-grid { grid-template-columns:1fr; } }\r\n.step {\r\n background:var(--bg); padding:36px 28px 32px;\r\n min-height:260px; display:flex; flex-direction:column; gap:20px;\r\n transition:background .4s;\r\n}\r\n.step:hover { background:var(--bg-2); }\r\n.step .k { font-family:var(--mono); font-size:11px; color:var(--blue-2); letter-spacing:.12em; }\r\n.step .t { font-family:var(--serif); font-size:26px; line-height:1.05; letter-spacing:-.02em; margin-top:auto; }\r\n.step .d { color:var(--ink-60); font-size:13px; line-height:1.6; font-weight:300; }\r\n.step svg { width:32px; height:32px; stroke:var(--blue-2); }\r\n\r\n\/* ====== TESTIMONIOS ====== *\/\r\n.quotes { display:grid; grid-template-columns:repeat(2,1fr); gap:18px; }\r\n@media(max-width:820px) { .quotes { grid-template-columns:1fr; } }\r\n.quote {\r\n border:1px solid var(--ink-10); border-radius:var(--radius); padding:clamp(24px,2.8vw,40px);\r\n background:var(--white);\r\n display:flex; flex-direction:column; gap:20px;\r\n transition:border-color .4s, transform .4s, box-shadow .4s;\r\n}\r\n.quote:hover { border-color:var(--blue-pale); transform:translateY(-3px); box-shadow:0 12px 36px rgba(58,111,216,.09); }\r\n.quote blockquote {\r\n font-family:var(--serif); font-size:clamp(17px,1.6vw,22px); line-height:1.45; letter-spacing:-.01em;\r\n color:var(--ink);\r\n}\r\n.quote blockquote::before { content:\"\\201C\"; color:var(--blue-2); margin-right:3px; font-size:1.2em; }\r\n.quote blockquote::after { content:\"\\201D\"; color:var(--blue-2); font-size:1.2em; }\r\n.quote footer {\r\n display:flex; align-items:center; gap:12px; margin-top:auto;\r\n padding-top:18px; border-top:1px solid var(--ink-10);\r\n}\r\n.quote .avi {\r\n width:40px; height:40px; border-radius:50%;\r\n background:linear-gradient(135deg, var(--blue), var(--blue-3));\r\n display:flex; align-items:center; justify-content:center;\r\n font-family:var(--serif); color:var(--white); font-size:16px; font-style:italic;\r\n}\r\n.quote .who { font-size:13px; }\r\n.quote .who .nm { color:var(--ink); font-weight:500; }\r\n.quote .who .ro { color:var(--ink-60); font-size:11px; font-family:var(--mono); letter-spacing:.05em; }\r\n.stars { display:flex; gap:2px; margin-left:auto; color:var(--gold); font-size:12px; }\r\n\r\n\/* ====== FAQ ====== *\/\r\n.faq-list { border-top:1px solid var(--ink-10); }\r\n.faq {\r\n border-bottom:1px solid var(--ink-10); padding:24px 0; cursor:pointer;\r\n display:grid; grid-template-columns:1fr auto; gap:24px; align-items:flex-start;\r\n transition:padding .4s;\r\n}\r\n.faq:hover { padding-left:10px; }\r\n.faq .q { font-family:var(--serif); font-size:clamp(18px,1.9vw,24px); line-height:1.25; letter-spacing:-.01em; }\r\n.faq .plus {\r\n width:30px; height:30px; border-radius:50%; border:1px solid var(--ink-30);\r\n display:flex; align-items:center; justify-content:center; flex-shrink:0;\r\n position:relative;\r\n transition:transform .4s, background .4s, border-color .4s;\r\n}\r\n.faq .plus::before,\r\n.faq .plus::after { content:\"\"; position:absolute; width:11px; height:1px; background:currentColor; transition:transform .4s; }\r\n.faq .plus::after { transform:rotate(90deg); }\r\n.faq[open] .plus { background:var(--blue); border-color:var(--blue); color:var(--white); }\r\n.faq[open] .plus::after { transform:rotate(0); }\r\n.faq .a {\r\n grid-column:1 \/ -1; color:var(--ink-60); font-size:15px; line-height:1.7;\r\n max-width:76ch; font-weight:300;\r\n max-height:0; overflow:hidden; transition:max-height .5s cubic-bezier(.2,.7,.2,1), margin-top .5s;\r\n}\r\n.faq[open] .a { max-height:400px; margin-top:16px; }\r\n\r\n\/* ====== CTA FINAL ====== *\/\r\n.final {\r\n padding:clamp(110px,15vw,180px) 0;\r\n position:relative; overflow:hidden;\r\n border-top:1px solid var(--ink-10);\r\n background:linear-gradient(160deg, var(--blue-ghost) 0%, var(--bg) 60%);\r\n}\r\n.final::before {\r\n content:\"\"; position:absolute; inset:0;\r\n background:radial-gradient(ellipse 70% 55% at 50% 105%, rgba(58,111,216,.18), transparent 65%);\r\n z-index:0;\r\n}\r\n.final-inner { text-align:center; max-width:22ch; margin:0 auto; position:relative; z-index:1; }\r\n.final h2 {\r\n font-family:var(--serif); font-size:clamp(48px,9vw,128px); line-height:.93;\r\n letter-spacing:-.03em; font-weight:400; color:var(--ink);\r\n}\r\n.final h2 em { font-style:italic; color:var(--blue); }\r\n.final p { margin-top:24px; color:var(--ink-60); font-size:16px; max-width:44ch; margin-left:auto; margin-right:auto; line-height:1.7; font-weight:300; }\r\n.final .actions { display:flex; gap:12px; justify-content:center; margin-top:40px; flex-wrap:wrap; }\r\n\r\n\/* ====== FOOTER ====== *\/\r\nfooter {\r\n border-top:1px solid var(--ink-10); padding:44px var(--pad-x) 28px;\r\n display:grid; grid-template-columns:2fr 1fr 1fr 1fr; gap:36px;\r\n font-size:13px; color:var(--ink-60); background:var(--white);\r\n}\r\n@media(max-width:820px) { footer { grid-template-columns:1fr 1fr; } }\r\n@media(max-width:520px) { footer { grid-template-columns:1fr; } }\r\nfooter h4 {\r\n font-size:10px; font-family:var(--mono); letter-spacing:.14em; color:var(--blue-2);\r\n text-transform:uppercase; margin-bottom:18px;\r\n}\r\nfooter a { display:block; padding:4px 0; transition:color .3s; }\r\nfooter a:hover { color:var(--ink); }\r\n.foot-sign { max-width:32ch; }\r\n.foot-sign .big {\r\n font-family:var(--serif); font-size:26px; line-height:1.1; color:var(--ink);\r\n letter-spacing:-.01em; margin-bottom:14px;\r\n}\r\n.foot-sign .big em { color:var(--blue); font-style:italic; }\r\n.foot-bar {\r\n grid-column:1 \/ -1; display:flex; justify-content:space-between; flex-wrap:wrap; gap:16px;\r\n margin-top:36px; padding-top:22px; border-top:1px solid var(--ink-10);\r\n font-family:var(--mono); font-size:10px; letter-spacing:.08em; color:var(--ink-30);\r\n}\r\n\r\n\/* ====== REVEAL ====== *\/\r\n.reveal { opacity:0; transform:translateY(28px); transition:opacity .9s ease, transform .9s cubic-bezier(.2,.7,.2,1); }\r\n.reveal.in { opacity:1; transform:none; }\r\n.reveal.d1 { transition-delay:.08s; }\r\n.reveal.d2 { transition-delay:.16s; }\r\n.reveal.d3 { transition-delay:.24s; }\r\n.reveal.d4 { transition-delay:.32s; }\r\n\r\n\/* ====== LANG ====== *\/\r\n[data-lang=\"pt\"] { display:none; }\r\nbody.pt [data-lang=\"pt\"] { display:block; }\r\nbody.pt [data-lang=\"es\"] { display:none; }\r\nbody.pt span[data-lang=\"pt\"] { display:inline; }\r\nbody.pt span[data-lang=\"es\"] { display:none; }\r\nspan[data-lang=\"pt\"] { display:none; }\r\n<\/style>\r\n<\/head>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-c6fa68b elementor-widget elementor-widget-html\" data-id=\"c6fa68b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"es\">\r\n<head>\r\n<meta charset=\"UTF-8\">\r\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1, viewport-fit=cover\">\r\n<title>Mariana Popovici \u2014 Hipnoterapia<\/title>\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Instrument+Serif:ital@0;1&family=Instrument+Sans:wght@300;400;500&family=JetBrains+Mono:wght@400;500&display=swap\" rel=\"stylesheet\">\r\n<style>\r\n:root {\r\n --bg:#F7F5F0; --bg-2:#EEF3FF; --ink:#141828;\r\n --ink-60:rgba(20,24,40,.58); --ink-30:rgba(20,24,40,.22); --ink-10:rgba(20,24,40,.08);\r\n --blue:#3A6FD8; --blue-2:#5F8FE8; --blue-3:#8AABEF;\r\n --blue-pale:#C8DAFF; --blue-ghost:#EEF3FF; --white:#FFFFFF;\r\n --serif:\"Instrument Serif\",\"Georgia\",serif;\r\n --sans:\"Instrument Sans\",system-ui,sans-serif;\r\n --mono:\"JetBrains Mono\",ui-monospace,monospace;\r\n --radius:3px; --pad-x:clamp(20px,4vw,56px);\r\n}\r\n*,*::before,*::after{box-sizing:border-box;margin:0;padding:0;}\r\nhtml,body{background:var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased;overflow-x:hidden;}\r\nbody{font-family:var(--sans);font-size:16px;line-height:1.55;}\r\nimg,svg{display:block;max-width:100%;}\r\na{color:inherit;text-decoration:none;}\r\n\r\nbody::after{\r\n content:\"\";position:fixed;inset:0;pointer-events:none;z-index:0;\r\n background:\r\n radial-gradient(ellipse 55% 40% at 90% 5%,rgba(58,111,216,.10),transparent 60%),\r\n radial-gradient(ellipse 45% 35% at 5% 95%,rgba(95,143,232,.08),transparent 60%);\r\n}\r\n\r\n\/* CURSOR *\/\r\n.cursor{\r\n position:fixed;top:0;left:0;width:16px;height:16px;\r\n border:1.5px solid var(--blue-2);border-radius:50%;\r\n transform:translate(-50%,-50%);pointer-events:none;z-index:9999;\r\n transition:width .25s,height .25s,background .25s;\r\n}\r\n.cursor.is-hover{width:44px;height:44px;background:rgba(58,111,216,.12);border-color:var(--blue);}\r\n@media(pointer:coarse){.cursor{display:none;}}\r\n\r\n\/* BUTTONS *\/\r\n.btn{\r\n position:relative;display:inline-flex;align-items:center;gap:12px;padding:17px 26px;\r\n background:var(--blue);color:var(--white);border-radius:999px;font-weight:500;\r\n overflow:hidden;isolation:isolate;\r\n transition:transform .4s cubic-bezier(.2,.7,.2,1);\r\n box-shadow:0 12px 40px -12px rgba(58,111,216,.35),inset 0 0 0 1px rgba(255,255,255,.1);\r\n font-family:var(--sans);font-size:16px;\r\n}\r\n.btn::before{\r\n content:\"\";position:absolute;inset:0;\r\n background:linear-gradient(180deg,var(--blue-2),var(--blue));\r\n transform:translateY(100%);transition:transform .4s cubic-bezier(.2,.7,.2,1);z-index:-1;\r\n}\r\n.btn:hover::before{transform:translateY(0);}\r\n.btn:hover{transform:translateY(-2px);}\r\n.btn svg{width:15px;height:15px;transition:transform .3s;}\r\n.btn:hover svg{transform:translate(3px,-3px);}\r\n\r\n.btn-ghost{\r\n display:inline-flex;align-items:center;gap:10px;padding:16px 24px;\r\n border-radius:999px;border:1.5px solid var(--ink-30);color:var(--ink);\r\n transition:border-color .3s,background .3s,color .3s;\r\n font-family:var(--sans);font-size:16px;\r\n}\r\n.btn-ghost:hover{border-color:var(--blue);background:var(--blue-ghost);color:var(--blue);}\r\n\r\n\/* NAV *\/\r\n.nav{\r\n position:fixed;top:0;left:0;right:0;z-index:100;\r\n display:flex;align-items:center;justify-content:space-between;\r\n padding:20px var(--pad-x);\r\n backdrop-filter:blur(16px);\r\n background:rgba(247,245,240,.82);\r\n border-bottom:1px solid transparent;\r\n transition:border-color .4s;\r\n}\r\n.nav.is-scrolled{border-bottom-color:var(--ink-10);}\r\n.nav-logo img{height:42px;}\r\n.nav-links{display:flex;gap:32px;font-size:14px;color:var(--ink-60);}\r\n.nav-links a{position:relative;transition:color .3s;}\r\n.nav-links a::after{\r\n content:\"\";position:absolute;left:0;bottom:-5px;width:0;height:1px;\r\n background:var(--blue);transition:width .35s cubic-bezier(.2,.7,.2,1);\r\n}\r\n.nav-links a:hover{color:var(--ink);}\r\n.nav-links a:hover::after{width:100%;}\r\n.nav-cta{\r\n font-size:13px;padding:10px 20px;border-radius:999px;\r\n border:1.5px solid var(--ink-30);transition:all .3s;\r\n}\r\n.nav-cta:hover{border-color:var(--blue);background:var(--blue);color:var(--white);}\r\n@media(max-width:820px){.nav-links{display:none;}}\r\n\r\n\/* HERO *\/\r\n.hero{\r\n position:relative;min-height:100svh;padding:100px var(--pad-x) 70px;\r\n display:flex;flex-direction:column;justify-content:center;\r\n overflow:hidden;z-index:2;\r\n}\r\n.hero-bg{position:absolute;inset:0;z-index:-1;pointer-events:none;}\r\n.hero-bg .orb{\r\n position:absolute;width:min(580px,68vw);aspect-ratio:1;border-radius:50%;\r\n background:radial-gradient(circle at 35% 35%,rgba(95,143,232,.32),rgba(58,111,216,.18) 40%,transparent 70%);\r\n filter:blur(60px);right:-5%;top:8%;\r\n animation:drift 16s ease-in-out infinite alternate;\r\n}\r\n.hero-bg .orb-2{\r\n width:min(380px,50vw);left:-6%;bottom:-10%;\r\n background:radial-gradient(circle at 50% 50%,rgba(58,111,216,.2),transparent 70%);\r\n animation-duration:22s;\r\n}\r\n.hero-bg svg{position:absolute;inset:0;width:100%;height:100%;}\r\n@keyframes drift{to{transform:translate(-25px,18px) scale(1.04);}}\r\n\r\n.hero-content{\r\n display:grid;grid-template-columns:1fr 1fr;\r\n gap:clamp(32px,5vw,80px);align-items:center;width:100%;\r\n}\r\n.hero-left{display:flex;flex-direction:column;gap:clamp(24px,3vw,40px);}\r\n\r\n.hero h1{\r\n font-family:var(--serif);font-weight:400;\r\n font-size:clamp(52px,8.5vw,140px);\r\n line-height:.9;letter-spacing:-.03em;\r\n}\r\n.hero h1 .row{display:block;overflow:hidden;}\r\n.hero h1 .row > span{\r\n display:inline-block;transform:translateY(110%);\r\n animation:rise 1.1s cubic-bezier(.2,.7,.2,1) forwards;\r\n}\r\n.hero h1 .row:nth-child(1) > span{animation-delay:.08s;}\r\n.hero h1 .row:nth-child(2) > span{animation-delay:.2s;}\r\n.hero h1 em{font-style:italic;color:var(--blue);}\r\n@keyframes rise{to{transform:translateY(0);}}\r\n\r\n.hero-lead{\r\n font-family:var(--serif);font-size:clamp(18px,1.8vw,24px);line-height:1.4;\r\n color:var(--ink);max-width:38ch;letter-spacing:-.01em;\r\n}\r\n.hero-lead em{color:var(--blue-2);font-style:italic;}\r\n\r\n.hero-actions{display:flex;gap:12px;flex-wrap:wrap;align-items:center;}\r\n\r\n.hero-photo-desktop{\r\n width:100%;aspect-ratio:3\/4;border-radius:var(--radius);overflow:hidden;\r\n background:var(--bg-2);border:1px solid var(--ink-10);\r\n}\r\n.hero-photo-desktop img{width:100%;height:100%;object-fit:cover;object-position:center top;}\r\n\r\n.hero-photo-mobile{display:none;}\r\n\r\n@media(max-width:820px){\r\n .hero-content{grid-template-columns:1fr;}\r\n .hero-photo-desktop{display:none;}\r\n .hero-photo-mobile{display:block;width:100%;border-top:1px solid var(--ink-10);}\r\n .hero-photo-mobile img{width:100%;height:auto;display:block;}\r\n}\r\n\r\n\/* TICKER *\/\r\n.ticker{\r\n margin-top:80px;padding-top:24px;border-top:1px solid var(--ink-10);\r\n overflow:hidden;white-space:nowrap;\r\n font-family:var(--serif);font-size:clamp(30px,5.5vw,68px);line-height:1;\r\n letter-spacing:-.02em;color:var(--ink-30);\r\n}\r\n.ticker-track{display:inline-flex;gap:56px;animation:ticker 36s linear infinite;}\r\n.ticker em{color:var(--blue-2);font-style:italic;margin-right:56px;}\r\n.ticker .star{color:var(--blue-3);}\r\n@keyframes ticker{to{transform:translateX(-50%);}}\r\n<\/style>\r\n<\/head>\r\n<body>\r\n\r\n<div class=\"cursor\" id=\"cursor\"><\/div>\r\n\r\n\r\n<nav class=\"nav\" id=\"nav\">\r\n <a href=\"#top\" class=\"nav-logo\">\r\n <img decoding=\"async\" src=\"http:\/\/marianapopovici.com\/wp-content\/uploads\/2026\/06\/Design-sem-nome-1.png\" alt=\"Mariana Popovici\">\r\n <\/a>\r\n <div class=\"nav-links\">\r\n <a href=\"#sobre\">Historia<\/a>\r\n <a href=\"#servicios\">Servicios<\/a>\r\n <a href=\"#proceso\">Proceso<\/a>\r\n <a href=\"#faq\">FAQ<\/a>\r\n <\/div>\r\n <a class=\"nav-cta\" href=\"#contacto\">Reservar sesi\u00f3n \u2192<\/a>\r\n<\/nav>\r\n\r\n\r\n<section class=\"hero\" id=\"top\">\r\n <div class=\"hero-bg\">\r\n <div class=\"orb\"><\/div>\r\n <div class=\"orb orb-2\"><\/div>\r\n <svg viewBox=\"0 0 1440 900\" preserveAspectRatio=\"none\" aria-hidden=\"true\">\r\n <defs>\r\n <linearGradient id=\"lg\" x1=\"0\" x2=\"1\">\r\n <stop offset=\"0\" stop-color=\"#3A6FD8\" stop-opacity=\"0\"\/>\r\n <stop offset=\".5\" stop-color=\"#5F8FE8\" stop-opacity=\".18\"\/>\r\n <stop offset=\"1\" stop-color=\"#3A6FD8\" stop-opacity=\"0\"\/>\r\n <\/linearGradient>\r\n <\/defs>\r\n <g stroke=\"url(#lg)\" fill=\"none\" stroke-width=\"1\">\r\n <path d=\"M0 680 Q 360 640 720 680 T 1440 680\"\/>\r\n <path d=\"M0 720 Q 360 660 720 720 T 1440 720\" opacity=\".6\"\/>\r\n <path d=\"M0 760 Q 360 700 720 760 T 1440 760\" opacity=\".3\"\/>\r\n <\/g>\r\n <\/svg>\r\n <\/div>\r\n\r\n <div class=\"hero-content\">\r\n <div class=\"hero-left\">\r\n <h1>\r\n <span class=\"row\"><span>Volver<\/span><\/span>\r\n <span class=\"row\"><span><em>a ti.<\/em><\/span><\/span>\r\n <\/h1>\r\n <p class=\"hero-lead\">\r\n Soy <em>Mariana Popovici<\/em>, hipnoterapeuta. Acompa\u00f1o a mujeres que se sienten perdidas, sobrecargadas o desconectadas de s\u00ed mismas \u2014 desde la experiencia vivida, no solo del conocimiento te\u00f3rico.\r\n <\/p>\r\n <div class=\"hero-actions\">\r\n <a href=\"#contacto\" class=\"btn\">\r\n Reservar sesi\u00f3n\r\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\"><path d=\"M7 17L17 7M9 7h8v8\"\/><\/svg>\r\n <\/a>\r\n <a href=\"#sobre\" class=\"btn-ghost\">Mi historia<\/a>\r\n <\/div>\r\n <\/div>\r\n <div class=\"hero-photo-desktop\">\r\n <img decoding=\"async\" src=\"http:\/\/marianapopovici.com\/wp-content\/uploads\/2026\/06\/ChatGPT-Image-3_06_2026-23_31_02.png\" alt=\"Mariana Popovici\">\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"hero-photo-mobile\">\r\n <img decoding=\"async\" src=\"http:\/\/marianapopovici.com\/wp-content\/uploads\/2026\/06\/ChatGPT-Image-3_06_2026-23_31_02.png\" alt=\"Mariana Popovici\">\r\n <\/div>\r\n\r\n <div class=\"ticker\" aria-hidden=\"true\">\r\n <div class=\"ticker-track\">\r\n <span><em>Ansiedad<\/em> <span class=\"star\">\u2726<\/span><\/span>\r\n <span><em>Identidad<\/em> <span class=\"star\">\u2726<\/span><\/span>\r\n <span><em>Autoestima<\/em> <span class=\"star\">\u2726<\/span><\/span>\r\n <span><em>Tabaco<\/em> <span class=\"star\">\u2726<\/span><\/span>\r\n <span><em>Duelo<\/em> <span class=\"star\">\u2726<\/span><\/span>\r\n <span><em>Insomnio<\/em> <span class=\"star\">\u2726<\/span><\/span>\r\n <span><em>Bloqueos<\/em> <span class=\"star\">\u2726<\/span><\/span>\r\n <span><em>Fobias<\/em> <span class=\"star\">\u2726<\/span><\/span>\r\n <span><em>Ansiedad<\/em> <span class=\"star\">\u2726<\/span><\/span>\r\n <span><em>Identidad<\/em> <span class=\"star\">\u2726<\/span><\/span>\r\n <span><em>Autoestima<\/em> <span class=\"star\">\u2726<\/span><\/span>\r\n <span><em>Tabaco<\/em> <span class=\"star\">\u2726<\/span><\/span>\r\n <span><em>Duelo<\/em> <span class=\"star\">\u2726<\/span><\/span>\r\n <span><em>Insomnio<\/em> <span class=\"star\">\u2726<\/span><\/span>\r\n <span><em>Bloqueos<\/em> <span class=\"star\">\u2726<\/span><\/span>\r\n <span><em>Fobias<\/em> <span class=\"star\">\u2726<\/span><\/span>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n<script>\r\n\/* CURSOR *\/\r\n(() => {\r\n const c = document.getElementById('cursor');\r\n if(!c) return;\r\n let x=0,y=0,tx=0,ty=0;\r\n document.addEventListener('mousemove', e => { tx=e.clientX; ty=e.clientY; });\r\n const tick = () => {\r\n x += (tx-x)*.16; y += (ty-y)*.16;\r\n c.style.transform = `translate(${x}px,${y}px) translate(-50%,-50%)`;\r\n requestAnimationFrame(tick);\r\n }; tick();\r\n document.querySelectorAll('a, button').forEach(el => {\r\n el.addEventListener('mouseenter', () => c.classList.add('is-hover'));\r\n el.addEventListener('mouseleave', () => c.classList.remove('is-hover'));\r\n });\r\n})();\r\n\r\n\/* NAV SCROLL *\/\r\n(() => {\r\n const nav = document.getElementById('nav');\r\n const fn = () => nav.classList.toggle('is-scrolled', window.scrollY > 20);\r\n window.addEventListener('scroll', fn, {passive:true}); fn();\r\n})();\r\n<\/script>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-fa34248 e-flex e-con-boxed e-con e-parent\" data-id=\"fa34248\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d1321b8 elementor-widget elementor-widget-html\" data-id=\"d1321b8\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Instrument+Serif:ital@0;1&family=Instrument+Sans:wght@300;400;500&family=JetBrains+Mono:wght@400;500&display=swap');\r\n\r\n:root {\r\n --mp-bg2: #EEF3FF;\r\n --mp-ink: #141828;\r\n --mp-ink60: rgba(20,24,40,.58);\r\n --mp-ink10: rgba(20,24,40,.08);\r\n --mp-blue: #3A6FD8;\r\n --mp-blue2: #5F8FE8;\r\n --mp-serif: \"Instrument Serif\", Georgia, serif;\r\n --mp-sans: \"Instrument Sans\", system-ui, sans-serif;\r\n --mp-mono: \"JetBrains Mono\", ui-monospace, monospace;\r\n}\r\n\r\n.mp-servicios {\r\n background: var(--mp-bg2);\r\n padding: clamp(70px, 10vw, 130px) clamp(20px, 4vw, 56px);\r\n font-family: var(--mp-sans);\r\n}\r\n\r\n\/* CABECERA *\/\r\n.mp-servicios .mp-head {\r\n display: flex;\r\n flex-direction: column;\r\n gap: 16px;\r\n margin-bottom: clamp(40px, 7vw, 90px);\r\n}\r\n.mp-servicios .mp-num {\r\n font-family: var(--mp-mono);\r\n font-size: 11px;\r\n color: var(--mp-blue2);\r\n letter-spacing: .12em;\r\n padding-top: 10px;\r\n white-space: nowrap;\r\n}\r\n.mp-servicios .mp-title {\r\n font-family: var(--mp-serif);\r\n font-size: clamp(36px, 6vw, 82px);\r\n line-height: .95;\r\n letter-spacing: -.025em;\r\n font-weight: 400;\r\n color: var(--mp-ink);\r\n}\r\n.mp-servicios .mp-title em {\r\n font-style: italic;\r\n color: var(--mp-blue);\r\n}\r\n.mp-servicios .mp-sub {\r\n display: block;\r\n margin-top: 18px;\r\n font-family: var(--mp-sans);\r\n font-size: clamp(14px, 1.2vw, 16px);\r\n color: var(--mp-ink60);\r\n max-width: 54ch;\r\n line-height: 1.65;\r\n font-style: normal;\r\n font-weight: 300;\r\n}\r\n\r\n\/* LISTA *\/\r\n.mp-servicios .mp-list {\r\n border-top: 1px solid var(--mp-ink10);\r\n}\r\n.mp-servicios .mp-item {\r\n display: grid;\r\n grid-template-columns: 60px 1.2fr 2fr 120px;\r\n gap: 28px;\r\n align-items: center;\r\n padding: 28px 0;\r\n border-bottom: 1px solid var(--mp-ink10);\r\n position: relative;\r\n transition: padding .35s;\r\n cursor: default;\r\n}\r\n.mp-servicios .mp-item::before {\r\n content: \"\";\r\n position: absolute; inset: 0;\r\n background: linear-gradient(90deg, rgba(58,111,216,.06), transparent 70%);\r\n opacity: 0;\r\n transition: opacity .4s;\r\n}\r\n.mp-servicios .mp-item:hover { padding-left: 14px; }\r\n.mp-servicios .mp-item:hover::before { opacity: 1; }\r\n\r\n.mp-servicios .mp-idx {\r\n font-family: var(--mp-mono);\r\n font-size: 11px;\r\n color: var(--mp-blue2);\r\n letter-spacing: .1em;\r\n}\r\n.mp-servicios .mp-name {\r\n font-family: var(--mp-serif);\r\n font-size: clamp(20px, 2.4vw, 34px);\r\n line-height: 1.05;\r\n letter-spacing: -.02em;\r\n color: var(--mp-ink);\r\n font-weight: 400;\r\n}\r\n.mp-servicios .mp-name em {\r\n font-style: italic;\r\n color: var(--mp-blue2);\r\n}\r\n.mp-servicios .mp-desc {\r\n font-size: 14px;\r\n color: var(--mp-ink60);\r\n line-height: 1.6;\r\n font-weight: 300;\r\n}\r\n.mp-servicios .mp-dur {\r\n font-family: var(--mp-mono);\r\n font-size: 11px;\r\n color: var(--mp-ink60);\r\n text-align: right;\r\n letter-spacing: .05em;\r\n}\r\n\r\n\/* RESPONSIVE *\/\r\n@media(max-width:820px) {\r\n .mp-servicios .mp-head { grid-template-columns: 1fr; gap: 12px; }\r\n .mp-servicios .mp-item { grid-template-columns: 36px 1fr; gap: 10px; padding: 22px 0; }\r\n .mp-servicios .mp-desc,\r\n .mp-servicios .mp-dur { grid-column: 2; }\r\n .mp-servicios .mp-dur { text-align: left; }\r\n}\r\n\r\n\/* REVEAL *\/\r\n.mp-reveal { opacity: 0; transform: translateY(24px); transition: opacity .9s ease, transform .9s cubic-bezier(.2,.7,.2,1); }\r\n.mp-reveal.mp-in { opacity: 1; transform: none; }\r\n.mp-reveal.d1 { transition-delay: .06s; }\r\n.mp-reveal.d2 { transition-delay: .12s; }\r\n.mp-reveal.d3 { transition-delay: .18s; }\r\n.mp-reveal.d4 { transition-delay: .24s; }\r\n.mp-reveal.d5 { transition-delay: .30s; }\r\n<\/style>\r\n\r\n<section class=\"mp-servicios\">\r\n\r\n <div class=\"mp-head mp-reveal\">\r\n <div class=\"mp-num\">02 \u2014 Servicios<\/div>\r\n <h2 class=\"mp-title\">\r\n \u00bfEn qu\u00e9 te puedo <em>acompa\u00f1ar?<\/em>\r\n <span class=\"mp-sub\">Cada proceso es \u00fanico. Trabajo desde un enfoque integrador que combina hipnosis cl\u00ednica, terapia de regresi\u00f3n e integraci\u00f3n emocional para llegar a la ra\u00edz de lo que necesitas transformar.<\/span>\r\n <\/h2>\r\n <\/div>\r\n\r\n <div class=\"mp-list\">\r\n\r\n <div class=\"mp-item mp-reveal\">\r\n <div class=\"mp-idx\">A01<\/div>\r\n <h3 class=\"mp-name\"><em>Ansiedad<\/em> y estr\u00e9s<\/h3>\r\n <p class=\"mp-desc\">Ataques de p\u00e1nico, preocupaci\u00f3n cr\u00f3nica, ansiedad anticipatoria, s\u00edntomas f\u00edsicos asociados. Trabajamos regulaci\u00f3n del sistema nervioso y recursos internos profundos.<\/p>\r\n <div class=\"mp-dur\">6\u20138 sesiones<\/div>\r\n <\/div>\r\n\r\n <div class=\"mp-item mp-reveal d1\">\r\n <div class=\"mp-idx\">A02<\/div>\r\n <h3 class=\"mp-name\"><em>Identidad<\/em> y p\u00e9rdida de s\u00ed misma<\/h3>\r\n <p class=\"mp-desc\">Para mujeres que sienten que ya no saben qui\u00e9nes son, que han vivido para los dem\u00e1s y han perdido contacto consigo mismas. El trabajo m\u00e1s profundo y el m\u00e1s transformador.<\/p>\r\n <div class=\"mp-dur\">Programa 8\u201312 sem.<\/div>\r\n <\/div>\r\n\r\n <div class=\"mp-item mp-reveal d2\">\r\n <div class=\"mp-idx\">A03<\/div>\r\n <h3 class=\"mp-name\"><em>Tabaco<\/em> y h\u00e1bitos<\/h3>\r\n <p class=\"mp-desc\">El tabaco no es un vicio \u2014 es un ritual emocional. Trabajamos los patrones inconscientes que lo sostienen, no solo el h\u00e1bito visible. Protocolo breve y efectivo.<\/p>\r\n <div class=\"mp-dur\">2\u20133 sesiones<\/div>\r\n <\/div>\r\n\r\n <div class=\"mp-item mp-reveal d3\">\r\n <div class=\"mp-idx\">A04<\/div>\r\n <h3 class=\"mp-name\"><em>Autoestima<\/em> y bloqueos<\/h3>\r\n <p class=\"mp-desc\">S\u00edndrome del impostor, miedo al fracaso, par\u00e1lisis por an\u00e1lisis, creencias limitantes. Para mujeres que saben lo que quieren pero no logran avanzar.<\/p>\r\n <div class=\"mp-dur\">4\u20136 sesiones<\/div>\r\n <\/div>\r\n\r\n <div class=\"mp-item mp-reveal d4\">\r\n <div class=\"mp-idx\">A05<\/div>\r\n <h3 class=\"mp-name\"><em>Duelo<\/em> y p\u00e9rdidas<\/h3>\r\n <p class=\"mp-desc\">P\u00e9rdidas de personas, de identidades, de relaciones, de etapas de vida. Para cuando la tristeza se queda atascada y no encuentra salida.<\/p>\r\n <div class=\"mp-dur\">6\u20138 sesiones<\/div>\r\n <\/div>\r\n\r\n <div class=\"mp-item mp-reveal d5\">\r\n <div class=\"mp-idx\">A06<\/div>\r\n <h3 class=\"mp-name\"><em>Talleres<\/em> y grupos<\/h3>\r\n <p class=\"mp-desc\">Grupos reducidos y talleres tem\u00e1ticos donde la hipnosis grupal y el trabajo compartido crean una experiencia \u00fanica de comunidad y transformaci\u00f3n.<\/p>\r\n <div class=\"mp-dur\">Ver agenda<\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n<\/section>\r\n\r\n<script>\r\n(function(){\r\n var els = document.querySelectorAll('.mp-reveal');\r\n var io = new IntersectionObserver(function(entries){\r\n entries.forEach(function(e){\r\n if(e.isIntersecting){ e.target.classList.add('mp-in'); io.unobserve(e.target); }\r\n });\r\n }, {threshold: 0.08});\r\n els.forEach(function(el){ io.observe(el); });\r\n})();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-f5e610c elementor-widget elementor-widget-html\" data-id=\"f5e610c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Instrument+Serif:ital@0;1&family=Instrument+Sans:wght@300;400;500&family=JetBrains+Mono:wght@400;500&display=swap');\r\n\r\n:root {\r\n --mp-bg: #F7F5F0;\r\n --mp-ink: #141828;\r\n --mp-ink60: rgba(20,24,40,.58);\r\n --mp-ink10: rgba(20,24,40,.08);\r\n --mp-blue: #3A6FD8;\r\n --mp-blue2: #5F8FE8;\r\n --mp-serif: \"Instrument Serif\", Georgia, serif;\r\n --mp-sans: \"Instrument Sans\", system-ui, sans-serif;\r\n --mp-mono: \"JetBrains Mono\", ui-monospace, monospace;\r\n}\r\n\r\n.mp-proceso {\r\n background: var(--mp-bg);\r\n padding: clamp(70px, 10vw, 130px) clamp(20px, 4vw, 56px);\r\n font-family: var(--mp-sans);\r\n}\r\n\r\n\/* CABECERA *\/\r\n.mp-proceso .mp-head {\r\n display: flex;\r\n flex-direction: column;\r\n gap: 16px;\r\n margin-bottom: clamp(40px, 7vw, 90px);\r\n}\r\n.mp-proceso .mp-num {\r\n font-family: var(--mp-mono);\r\n font-size: 11px;\r\n color: var(--mp-blue2);\r\n letter-spacing: .12em;\r\n padding-top: 10px;\r\n white-space: nowrap;\r\n}\r\n.mp-proceso .mp-title {\r\n font-family: var(--mp-serif);\r\n font-size: clamp(36px, 6vw, 82px);\r\n line-height: .95;\r\n letter-spacing: -.025em;\r\n font-weight: 400;\r\n color: var(--mp-ink);\r\n}\r\n.mp-proceso .mp-title em {\r\n font-style: italic;\r\n color: var(--mp-blue);\r\n}\r\n.mp-proceso .mp-sub {\r\n display: block;\r\n margin-top: 18px;\r\n font-family: var(--mp-sans);\r\n font-size: clamp(14px, 1.2vw, 16px);\r\n color: var(--mp-ink60);\r\n max-width: 54ch;\r\n line-height: 1.65;\r\n font-style: normal;\r\n font-weight: 300;\r\n letter-spacing: normal;\r\n word-spacing: normal;\r\n}\r\n\r\n\/* GRID *\/\r\n.mp-proceso .mp-grid {\r\n display: grid;\r\n grid-template-columns: repeat(4, 1fr);\r\n gap: 2px;\r\n background: var(--mp-ink10);\r\n border: 1px solid var(--mp-ink10);\r\n border-radius: 3px;\r\n overflow: hidden;\r\n}\r\n@media(max-width:820px) {\r\n .mp-proceso .mp-head { grid-template-columns: 1fr; gap: 12px; }\r\n .mp-proceso .mp-grid { grid-template-columns: 1fr 1fr; }\r\n}\r\n@media(max-width:520px) { .mp-proceso .mp-grid { grid-template-columns: 1fr; } }\r\n\r\n.mp-proceso .mp-step {\r\n background: var(--mp-bg);\r\n padding: 36px 28px 32px;\r\n min-height: 280px;\r\n display: flex;\r\n flex-direction: column;\r\n gap: 16px;\r\n transition: background .4s;\r\n}\r\n.mp-proceso .mp-step:hover { background: #E8EDF5; }\r\n\r\n.mp-proceso .mp-k {\r\n font-family: var(--mp-mono);\r\n font-size: 11px;\r\n color: var(--mp-blue2);\r\n letter-spacing: .12em;\r\n}\r\n.mp-proceso .mp-step svg {\r\n width: 32px; height: 32px;\r\n stroke: var(--mp-blue2); fill: none; stroke-width: 1.4;\r\n flex-shrink: 0;\r\n}\r\n.mp-proceso .mp-t {\r\n font-family: var(--mp-serif);\r\n font-size: 24px;\r\n line-height: 1.1;\r\n letter-spacing: -.02em;\r\n color: var(--mp-ink);\r\n margin-top: 0;\r\n min-height: 60px;\r\n display: flex;\r\n align-items: flex-start;\r\n}\r\n.mp-proceso .mp-d {\r\n font-size: 13px;\r\n color: var(--mp-ink60);\r\n line-height: 1.65;\r\n font-weight: 300;\r\n}\r\n\r\n\/* REVEAL *\/\r\n.mp-reveal { opacity: 0; transform: translateY(24px); transition: opacity .9s ease, transform .9s cubic-bezier(.2,.7,.2,1); }\r\n.mp-reveal.mp-in { opacity: 1; transform: none; }\r\n.mp-reveal.d1 { transition-delay: .08s; }\r\n.mp-reveal.d2 { transition-delay: .16s; }\r\n.mp-reveal.d3 { transition-delay: .24s; }\r\n<\/style>\r\n\r\n<section class=\"mp-proceso\">\r\n\r\n <div class=\"mp-head mp-reveal\">\r\n <div class=\"mp-num\">03 \u2014 Proceso<\/div>\r\n <h2 class=\"mp-title\">\r\n C\u00f3mo trabajamos <em>juntas.<\/em>\r\n <span class=\"mp-sub\">Sin presi\u00f3n, sin promesas vac\u00edas. A tu ritmo, con m\u00e9todo y con toda mi presencia.<\/span>\r\n <\/h2>\r\n <\/div>\r\n\r\n <div class=\"mp-grid\">\r\n\r\n <div class=\"mp-step mp-reveal\">\r\n <div class=\"mp-k\">PASO 01<\/div>\r\n <svg viewBox=\"0 0 36 36\"><circle cx=\"18\" cy=\"18\" r=\"14\"\/><path d=\"M18 10v8l5 3\"\/><\/svg>\r\n <div class=\"mp-t\">Primera consulta \u2014 para conocernos<\/div>\r\n <div class=\"mp-d\">Me cuentas lo que te trae y yo te explico c\u00f3mo trabajo. Sin compromiso. Solo una conversaci\u00f3n honesta.<\/div>\r\n <\/div>\r\n\r\n <div class=\"mp-step mp-reveal d1\">\r\n <div class=\"mp-k\">PASO 02<\/div>\r\n <svg viewBox=\"0 0 36 36\"><rect x=\"8\" y=\"10\" width=\"20\" height=\"16\" rx=\"2\"\/><path d=\"M13 10V8M23 10V8M8 16h20\"\/><\/svg>\r\n <div class=\"mp-t\">Tu espacio personalizado<\/div>\r\n <div class=\"mp-d\">Dise\u00f1amos juntas un proceso adaptado a ti \u2014 tus necesidades, tu ritmo, tus objetivos. Nada est\u00e1 predefinido.<\/div>\r\n <\/div>\r\n\r\n <div class=\"mp-step mp-reveal d2\">\r\n <div class=\"mp-k\">PASO 03<\/div>\r\n <svg viewBox=\"0 0 36 36\"><path d=\"M18 8c-5.5 0-10 4-10 9s4.5 9 10 9\"\/><path d=\"M18 8c5.5 0 10 4 10 9s-4.5 9-10 9\"\/><circle cx=\"18\" cy=\"17\" r=\"3\"\/><\/svg>\r\n <div class=\"mp-t\">Trabajo profundo<\/div>\r\n <div class=\"mp-d\">No trabajamos solo s\u00edntomas. Trabajamos los patrones inconscientes que los sostienen. Ah\u00ed es donde ocurre el cambio real.<\/div>\r\n <\/div>\r\n\r\n <div class=\"mp-step mp-reveal d3\">\r\n <div class=\"mp-k\">PASO 04<\/div>\r\n <svg viewBox=\"0 0 36 36\"><path d=\"M10 20l5 5 11-11\"\/><circle cx=\"18\" cy=\"18\" r=\"13\"\/><\/svg>\r\n <div class=\"mp-t\">Integraci\u00f3n y vida<\/div>\r\n <div class=\"mp-d\">Estar\u00e9 contigo incluso cuando des un paso atr\u00e1s. Porque eso tambi\u00e9n es parte del camino.<\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n<\/section>\r\n\r\n<script>\r\n(function(){\r\n var els = document.querySelectorAll('.mp-proceso .mp-reveal');\r\n var io = new IntersectionObserver(function(entries){\r\n entries.forEach(function(e){\r\n if(e.isIntersecting){ e.target.classList.add('mp-in'); io.unobserve(e.target); }\r\n });\r\n }, {threshold: 0.08});\r\n els.forEach(function(el){ io.observe(el); });\r\n})();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-6365175 e-flex e-con-boxed e-con e-parent\" data-id=\"6365175\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-45a38cd elementor-widget elementor-widget-html\" data-id=\"45a38cd\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Instrument+Serif:ital@0;1&family=Instrument+Sans:wght@300;400;500&family=JetBrains+Mono:wght@400;500&display=swap');\r\n\r\n.mp-testimonios {\r\n background: #C8DAFF;\r\n padding: clamp(70px, 10vw, 130px) clamp(20px, 4vw, 56px);\r\n font-family: \"Instrument Sans\", system-ui, sans-serif;\r\n}\r\n\r\n\/* CABECERA *\/\r\n.mp-testimonios .mp-head {\r\n display: flex;\r\n flex-direction: column;\r\n gap: 16px;\r\n margin-bottom: clamp(40px, 7vw, 90px);\r\n}\r\n.mp-testimonios .mp-num {\r\n font-family: \"JetBrains Mono\", ui-monospace, monospace;\r\n font-size: 11px;\r\n color: #3A6FD8;\r\n letter-spacing: .12em;\r\n padding-top: 10px;\r\n white-space: nowrap;\r\n}\r\n.mp-testimonios .mp-title {\r\n font-family: \"Instrument Serif\", Georgia, serif;\r\n font-size: clamp(36px, 6vw, 82px);\r\n line-height: .95;\r\n letter-spacing: -.025em;\r\n font-weight: 400;\r\n color: #141828;\r\n}\r\n.mp-testimonios .mp-title em {\r\n font-style: italic;\r\n color: #3A6FD8;\r\n}\r\n.mp-testimonios .mp-sub {\r\n display: block;\r\n margin-top: 18px;\r\n font-family: \"Instrument Sans\", system-ui, sans-serif;\r\n font-size: clamp(14px, 1.2vw, 16px);\r\n color: rgba(20,24,40,.58);\r\n max-width: 54ch;\r\n line-height: 1.65;\r\n font-style: normal;\r\n font-weight: 300;\r\n letter-spacing: normal;\r\n word-spacing: normal;\r\n}\r\n\r\n\/* GRID *\/\r\n.mp-testimonios .mp-grid {\r\n display: grid;\r\n grid-template-columns: repeat(2, 1fr);\r\n gap: 16px;\r\n}\r\n@media(max-width:820px) { .mp-testimonios .mp-grid { grid-template-columns: 1fr; } }\r\n\r\n\/* TARJETA *\/\r\n.mp-testimonios .mp-card {\r\n background: rgba(255,255,255,.7);\r\n border: 1px solid rgba(255,255,255,.9);\r\n border-radius: 3px;\r\n padding: clamp(24px, 2.8vw, 40px);\r\n display: flex;\r\n flex-direction: column;\r\n gap: 20px;\r\n transition: background .4s, transform .4s;\r\n backdrop-filter: blur(8px);\r\n}\r\n.mp-testimonios .mp-card:hover {\r\n background: rgba(255,255,255,.9);\r\n transform: translateY(-3px);\r\n}\r\n\r\n.mp-testimonios blockquote {\r\n font-family: \"Instrument Serif\", Georgia, serif;\r\n font-size: clamp(17px, 1.6vw, 22px);\r\n line-height: 1.45;\r\n letter-spacing: -.01em;\r\n color: #141828;\r\n margin: 0;\r\n}\r\n.mp-testimonios blockquote::before { content: \"\\201C\"; color: #5F8FE8; font-size: 1.2em; margin-right: 3px; }\r\n.mp-testimonios blockquote::after { content: \"\\201D\"; color: #5F8FE8; font-size: 1.2em; }\r\n\r\n.mp-testimonios .mp-footer {\r\n display: flex;\r\n align-items: center;\r\n gap: 12px;\r\n margin-top: auto;\r\n padding-top: 18px;\r\n border-top: 1px solid rgba(20,24,40,.1);\r\n}\r\n.mp-testimonios .mp-avi {\r\n width: 40px; height: 40px;\r\n border-radius: 50%;\r\n background: linear-gradient(135deg, #3A6FD8, #8AABEF);\r\n display: flex; align-items: center; justify-content: center;\r\n font-family: \"Instrument Serif\", Georgia, serif;\r\n color: #ffffff;\r\n font-size: 16px;\r\n font-style: italic;\r\n flex-shrink: 0;\r\n}\r\n.mp-testimonios .mp-who { font-size: 13px; }\r\n.mp-testimonios .mp-nm { color: #141828; font-weight: 500; }\r\n.mp-testimonios .mp-ro {\r\n color: rgba(20,24,40,.55);\r\n font-size: 11px;\r\n font-family: \"JetBrains Mono\", ui-monospace, monospace;\r\n letter-spacing: .05em;\r\n}\r\n.mp-testimonios .mp-stars {\r\n margin-left: auto;\r\n color: #C9A96E;\r\n font-size: 13px;\r\n letter-spacing: 2px;\r\n}\r\n\r\n\/* REVEAL *\/\r\n.mp-reveal { opacity: 0; transform: translateY(24px); transition: opacity .9s ease, transform .9s cubic-bezier(.2,.7,.2,1); }\r\n.mp-reveal.mp-in { opacity: 1; transform: none; }\r\n.mp-reveal.d1 { transition-delay: .08s; }\r\n.mp-reveal.d2 { transition-delay: .16s; }\r\n.mp-reveal.d3 { transition-delay: .24s; }\r\n<\/style>\r\n\r\n<section class=\"mp-testimonios\">\r\n\r\n <div class=\"mp-head mp-reveal\">\r\n <div class=\"mp-num\">04 \u2014 Testimonios<\/div>\r\n <h2 class=\"mp-title\">\r\n Lo que dicen quienes <em>pasaron por aqu\u00ed.<\/em>\r\n <span class=\"mp-sub\">Compartidos con permiso. Los nombres pueden haberse modificado a petici\u00f3n.<\/span>\r\n <\/h2>\r\n <\/div>\r\n\r\n <div class=\"mp-grid\">\r\n\r\n <div class=\"mp-card mp-reveal\">\r\n <blockquote>Mi experiencia con Mariana ha sido muy sanadora. Me guio en las terapias para contactar con mis traumas de infancia, aceptarlos y sanar esa parte de m\u00ed que me resultaba tan dolorosa. La recomiendo a todas las personas que creen que tienen mi mismo problema. \u00a1La adoro!<\/blockquote>\r\n <div class=\"mp-footer\">\r\n <div class=\"mp-avi\">A<\/div>\r\n <div class=\"mp-who\">\r\n <div class=\"mp-nm\">Ana R.<\/div>\r\n <div class=\"mp-ro\">Trauma \u00b7 infancia<\/div>\r\n <\/div>\r\n <div class=\"mp-stars\">\u2605\u2605\u2605\u2605\u2605<\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"mp-card mp-reveal d1\">\r\n <blockquote>Acud\u00ed a la hipnosis porque los ataques de p\u00e1nico me estaban quitando la tranquilidad y me costaba mucho controlar los s\u00edntomas f\u00edsicos. Mariana me guio hacia una relajaci\u00f3n tan profunda que me permiti\u00f3 entender que mi cuerpo est\u00e1 a salvo. La experiencia fue excelente y muy respetuosa.<\/blockquote>\r\n <div class=\"mp-footer\">\r\n <div class=\"mp-avi\">C<\/div>\r\n <div class=\"mp-who\">\r\n <div class=\"mp-nm\">Cliente<\/div>\r\n <div class=\"mp-ro\">Ataques de p\u00e1nico<\/div>\r\n <\/div>\r\n <div class=\"mp-stars\">\u2605\u2605\u2605\u2605\u2605<\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"mp-card mp-reveal d2\">\r\n <blockquote>Tuve una sesi\u00f3n de hipnoterapia estando en duelo, sinti\u00e9ndome sin br\u00fajula ni camino. En el momento de la hipnosis pude conectar con mi abuelita y tuvimos una despedida preciosa, ella est\u00e1 en un lugar de luz. Me siento tranquila y feliz.<\/blockquote>\r\n <div class=\"mp-footer\">\r\n <div class=\"mp-avi\">F<\/div>\r\n <div class=\"mp-who\">\r\n <div class=\"mp-nm\">Fernanda M.<\/div>\r\n <div class=\"mp-ro\">Duelo<\/div>\r\n <\/div>\r\n <div class=\"mp-stars\">\u2605\u2605\u2605\u2605\u2605<\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"mp-card mp-reveal d3\">\r\n <blockquote>Volv\u00ed a las sesiones sinti\u00e9ndome hundida y decepcionada conmigo misma. Ahora estoy ilusionada, con recursos m\u00e1s s\u00f3lidos para los momentos dif\u00edciles, y cada d\u00eda busco m\u00e1s ese amor hacia m\u00ed misma. Me siento m\u00e1s segura. \u00a1Eres mi hada madrina!<\/blockquote>\r\n <div class=\"mp-footer\">\r\n <div class=\"mp-avi\">A<\/div>\r\n <div class=\"mp-who\">\r\n <div class=\"mp-nm\">Ana G.<\/div>\r\n <div class=\"mp-ro\">Autoestima \u00b7 seguridad<\/div>\r\n <\/div>\r\n <div class=\"mp-stars\">\u2605\u2605\u2605\u2605\u2605<\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n<\/section>\r\n\r\n<script>\r\n(function(){\r\n var els = document.querySelectorAll('.mp-testimonios .mp-reveal');\r\n var io = new IntersectionObserver(function(entries){\r\n entries.forEach(function(e){\r\n if(e.isIntersecting){ e.target.classList.add('mp-in'); io.unobserve(e.target); }\r\n });\r\n }, {threshold: 0.08});\r\n els.forEach(function(el){ io.observe(el); });\r\n})();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-d8a0784 e-flex e-con-boxed e-con e-parent\" data-id=\"d8a0784\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-6751aca elementor-widget elementor-widget-html\" data-id=\"6751aca\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Instrument+Serif:ital@0;1&family=Instrument+Sans:wght@300;400;500&family=JetBrains+Mono:wght@400;500&display=swap');\r\n\r\n.mp-faq {\r\n background: #F7F5F0;\r\n padding: clamp(70px, 10vw, 130px) clamp(20px, 4vw, 56px);\r\n font-family: \"Instrument Sans\", system-ui, sans-serif;\r\n}\r\n\r\n\/* CABECERA *\/\r\n.mp-faq .mp-head {\r\n display: flex;\r\n flex-direction: column;\r\n gap: 16px;\r\n margin-bottom: clamp(40px, 7vw, 90px);\r\n}\r\n.mp-faq .mp-num {\r\n font-family: \"JetBrains Mono\", ui-monospace, monospace;\r\n font-size: 11px;\r\n color: #5F8FE8;\r\n letter-spacing: .12em;\r\n}\r\n.mp-faq .mp-title {\r\n font-family: \"Instrument Serif\", Georgia, serif;\r\n font-size: clamp(36px, 6vw, 82px);\r\n line-height: .95;\r\n letter-spacing: -.025em;\r\n font-weight: 400;\r\n color: #141828;\r\n}\r\n.mp-faq .mp-title em {\r\n font-style: italic;\r\n color: #3A6FD8;\r\n}\r\n.mp-faq .mp-sub {\r\n display: block;\r\n margin-top: 18px;\r\n font-family: \"Instrument Sans\", system-ui, sans-serif;\r\n font-size: clamp(14px, 1.2vw, 16px);\r\n color: rgba(20,24,40,.58);\r\n max-width: 54ch;\r\n line-height: 1.65;\r\n font-style: normal;\r\n font-weight: 300;\r\n letter-spacing: normal;\r\n word-spacing: normal;\r\n}\r\n\r\n\/* LISTA *\/\r\n.mp-faq .mp-list {\r\n border-top: 1px solid rgba(20,24,40,.08);\r\n}\r\n\r\n.mp-faq details {\r\n border-bottom: 1px solid rgba(20,24,40,.08);\r\n padding: 24px 0;\r\n cursor: pointer;\r\n transition: padding .4s;\r\n}\r\n.mp-faq details:hover { padding-left: 10px; }\r\n.mp-faq details summary {\r\n list-style: none;\r\n display: grid;\r\n grid-template-columns: 1fr auto;\r\n gap: 24px;\r\n align-items: flex-start;\r\n}\r\n.mp-faq details summary::-webkit-details-marker { display: none; }\r\n\r\n.mp-faq .mp-q {\r\n font-family: \"Instrument Serif\", Georgia, serif;\r\n font-size: clamp(18px, 1.9vw, 24px);\r\n line-height: 1.25;\r\n letter-spacing: -.01em;\r\n color: #141828;\r\n}\r\n\r\n.mp-faq .mp-plus {\r\n width: 30px; height: 30px;\r\n border-radius: 50%;\r\n border: 1px solid rgba(20,24,40,.22);\r\n display: flex; align-items: center; justify-content: center;\r\n flex-shrink: 0;\r\n position: relative;\r\n transition: background .4s, border-color .4s;\r\n color: #141828;\r\n}\r\n.mp-faq .mp-plus::before,\r\n.mp-faq .mp-plus::after {\r\n content: \"\";\r\n position: absolute;\r\n width: 11px; height: 1px;\r\n background: currentColor;\r\n transition: transform .4s;\r\n}\r\n.mp-faq .mp-plus::after { transform: rotate(90deg); }\r\n.mp-faq details[open] .mp-plus {\r\n background: #3A6FD8;\r\n border-color: #3A6FD8;\r\n color: #ffffff;\r\n}\r\n.mp-faq details[open] .mp-plus::after { transform: rotate(0); }\r\n\r\n.mp-faq .mp-a {\r\n margin-top: 0;\r\n max-height: 0;\r\n overflow: hidden;\r\n transition: max-height .5s cubic-bezier(.2,.7,.2,1), margin-top .4s;\r\n color: rgba(20,24,40,.58);\r\n font-size: 15px;\r\n line-height: 1.7;\r\n font-weight: 300;\r\n max-width: 76ch;\r\n}\r\n.mp-faq details[open] .mp-a {\r\n max-height: 400px;\r\n margin-top: 16px;\r\n}\r\n\r\n\/* REVEAL *\/\r\n.mp-reveal { opacity: 0; transform: translateY(24px); transition: opacity .9s ease, transform .9s cubic-bezier(.2,.7,.2,1); }\r\n.mp-reveal.mp-in { opacity: 1; transform: none; }\r\n.mp-reveal.d1 { transition-delay: .06s; }\r\n.mp-reveal.d2 { transition-delay: .12s; }\r\n.mp-reveal.d3 { transition-delay: .18s; }\r\n.mp-reveal.d4 { transition-delay: .24s; }\r\n.mp-reveal.d5 { transition-delay: .30s; }\r\n<\/style>\r\n\r\n<section class=\"mp-faq\">\r\n\r\n <div class=\"mp-head mp-reveal\">\r\n <div class=\"mp-num\">05 \u2014 FAQ<\/div>\r\n <h2 class=\"mp-title\">\r\n Las preguntas m\u00e1s frecuentes sobre <em>la hipnosis.<\/em>\r\n <span class=\"mp-sub\">Si no encuentras tu pregunta aqu\u00ed, escr\u00edbeme te respondo personalmente en menos de 48h.<\/span>\r\n <\/h2>\r\n <\/div>\r\n\r\n <div class=\"mp-list\">\r\n\r\n <details class=\"mp-reveal\">\r\n <summary>\r\n <div class=\"mp-q\">\u00bfVoy a perder el control durante la hipnosis?<\/div>\r\n <div class=\"mp-plus\"><\/div>\r\n <\/summary>\r\n <div class=\"mp-a\">No. Este es el mito m\u00e1s extendido y el m\u00e1s alejado de la realidad. Durante todo el proceso mantienes plena consciencia y control. La hipnosis es un estado de relajaci\u00f3n profunda y atenci\u00f3n concentrada, similar al que tienes cuando est\u00e1s absorta en una pel\u00edcula o un libro. Nunca puedes ser forzada a hacer algo que no quieras hacer.<\/div>\r\n <\/details>\r\n\r\n <details class=\"mp-reveal d1\">\r\n <summary>\r\n <div class=\"mp-q\">\u00bfEs lo mismo que la hipnosis de los shows de televisi\u00f3n?<\/div>\r\n <div class=\"mp-plus\"><\/div>\r\n <\/summary>\r\n <div class=\"mp-a\">No tiene nada que ver. La hipnosis de espect\u00e1culo est\u00e1 dise\u00f1ada para entretener. La hipnoterapia cl\u00ednica es una herramienta terap\u00e9utica seria, con d\u00e9cadas de investigaci\u00f3n cient\u00edfica, que trabaja con el inconsciente para producir cambios reales y duraderos. Sin magia, sin p\u00e9rdida de consciencia, sin poderes especiales.<\/div>\r\n <\/details>\r\n\r\n <details class=\"mp-reveal d2\">\r\n <summary>\r\n <div class=\"mp-q\">Soy muy anal\u00edtica y no consigo desconectar \u00bffuncionar\u00e1 conmigo?<\/div>\r\n <div class=\"mp-plus\"><\/div>\r\n <\/summary>\r\n <div class=\"mp-a\">Esa preocupaci\u00f3n es muy com\u00fan y puedo decirte que las personas con mente muy activa a menudo responden extraordinariamente bien. La capacidad de concentraci\u00f3n y visualizaci\u00f3n es una ventaja, no un obst\u00e1culo. El proceso se adapta completamente a tu personalidad. No existe un \u00fanico modo de entrar en hipnosis.<\/div>\r\n <\/details>\r\n\r\n <details class=\"mp-reveal d3\">\r\n <summary>\r\n <div class=\"mp-q\">\u00bfCu\u00e1ntas sesiones necesito?<\/div>\r\n <div class=\"mp-plus\"><\/div>\r\n <\/summary>\r\n <div class=\"mp-a\">Depende del motivo de consulta. Hay objetivos que se abordan en 2\u20133 sesiones (tabaco, fobias concretas) y procesos de transformaci\u00f3n m\u00e1s profundos que requieren acompa\u00f1amiento de meses. En la primera consulta, te doy una estimaci\u00f3n honesta y realista basada en tu situaci\u00f3n concreta.<\/div>\r\n <\/details>\r\n\r\n <details class=\"mp-reveal d4\">\r\n <summary>\r\n <div class=\"mp-q\">Tengo miedo de que se abran recuerdos dolorosos.<\/div>\r\n <div class=\"mp-plus\"><\/div>\r\n <\/summary>\r\n <div class=\"mp-a\">Es un miedo completamente v\u00e1lido, y lo respeto. El proceso siempre va a tu ritmo nunca te llevo a ning\u00fan lugar para el que no est\u00e9s lista. Mi trabajo es crear un espacio seguro donde puedas ir tan profundo, o tan poco profundo, como t\u00fa decidas en cada momento. T\u00fa tienes el control en todo momento.<\/div>\r\n <\/details>\r\n\r\n <details class=\"mp-reveal d5\">\r\n <summary>\r\n <div class=\"mp-q\">\u00bfFunciona igual en sesiones online?<\/div>\r\n <div class=\"mp-plus\"><\/div>\r\n <\/summary>\r\n <div class=\"mp-a\">S\u00ed. La eficacia cl\u00ednica de la hipnoterapia online es equivalente a la presencial. Solo necesitas un espacio tranquilo, sin interrupciones, y unos auriculares. Muchas personas lo prefieren precisamente porque est\u00e1n en su entorno propio lo cual facilita la relajaci\u00f3n profunda.<\/div>\r\n <\/details>\r\n\r\n <details class=\"mp-reveal d5\">\r\n <summary>\r\n <div class=\"mp-q\">Tengo miedo de no relajarme.<\/div>\r\n <div class=\"mp-plus\"><\/div>\r\n <\/summary>\r\n <div class=\"mp-a\">Es m\u00e1s com\u00fan de lo que crees y casi nunca es un problema real. La relajaci\u00f3n no es un requisito previo, es algo que ocurre de forma natural durante el proceso. Mi trabajo es guiarte de manera que tu mente y tu cuerpo encuentren ese estado sin esfuerzo. No tienes que hacer nada bien ni demostrar nada. Solo estar presente.<\/div>\r\n <\/details>\r\n\r\n <\/div>\r\n\r\n<\/section>\r\n\r\n<script>\r\n(function(){\r\n \/\/ Revelar al scroll\r\n var els = document.querySelectorAll('.mp-faq .mp-reveal');\r\n var io = new IntersectionObserver(function(entries){\r\n entries.forEach(function(e){\r\n if(e.isIntersecting){ e.target.classList.add('mp-in'); io.unobserve(e.target); }\r\n });\r\n }, {threshold: 0.08});\r\n els.forEach(function(el){ io.observe(el); });\r\n\r\n \/\/ Solo un FAQ abierto a la vez\r\n document.querySelectorAll('.mp-faq details').forEach(function(d){\r\n d.addEventListener('toggle', function(){\r\n if(d.open){\r\n document.querySelectorAll('.mp-faq details[open]').forEach(function(o){\r\n if(o !== d) o.open = false;\r\n });\r\n }\r\n });\r\n });\r\n})();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-3180a0f e-flex e-con-boxed e-con e-parent\" data-id=\"3180a0f\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ce30af7 elementor-widget elementor-widget-html\" data-id=\"ce30af7\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Instrument+Serif:ital@0;1&family=Instrument+Sans:wght@300;400;500&family=JetBrains+Mono:wght@400;500&display=swap');\r\n\r\n.mp-contacto {\r\n background: #EEF3FF;\r\n padding: clamp(70px, 10vw, 130px) clamp(20px, 4vw, 56px);\r\n font-family: \"Instrument Sans\", system-ui, sans-serif;\r\n}\r\n\r\n\/* LAYOUT *\/\r\n.mp-contacto .mp-inner {\r\n display: grid;\r\n grid-template-columns: 1fr 1fr;\r\n gap: clamp(40px, 6vw, 100px);\r\n align-items: flex-start;\r\n}\r\n@media(max-width:820px) { .mp-contacto .mp-inner { grid-template-columns: 1fr; } }\r\n\r\n\/* LADO IZQUIERDO *\/\r\n.mp-contacto .mp-num {\r\n font-family: \"JetBrains Mono\", ui-monospace, monospace;\r\n font-size: 11px;\r\n color: #5F8FE8;\r\n letter-spacing: .12em;\r\n margin-bottom: 16px;\r\n}\r\n.mp-contacto .mp-title {\r\n font-family: \"Instrument Serif\", Georgia, serif;\r\n font-size: clamp(36px, 5.5vw, 72px);\r\n line-height: .95;\r\n letter-spacing: -.025em;\r\n font-weight: 400;\r\n color: #141828;\r\n margin-bottom: 28px;\r\n}\r\n.mp-contacto .mp-title em {\r\n font-style: italic;\r\n color: #3A6FD8;\r\n}\r\n.mp-contacto .mp-lead {\r\n font-size: 15px;\r\n color: rgba(20,24,40,.65);\r\n line-height: 1.75;\r\n font-weight: 300;\r\n max-width: 44ch;\r\n margin-bottom: 40px;\r\n}\r\n\r\n\/* INFO *\/\r\n.mp-contacto .mp-info {\r\n display: flex;\r\n flex-direction: column;\r\n gap: 14px;\r\n}\r\n.mp-contacto .mp-info-item {\r\n display: flex;\r\n align-items: center;\r\n gap: 12px;\r\n font-size: 13px;\r\n color: rgba(20,24,40,.65);\r\n font-family: \"JetBrains Mono\", ui-monospace, monospace;\r\n letter-spacing: .03em;\r\n}\r\n.mp-contacto .mp-info-item svg {\r\n width: 16px; height: 16px;\r\n stroke: #5F8FE8; fill: none; stroke-width: 1.5;\r\n flex-shrink: 0;\r\n}\r\n.mp-contacto .mp-info-item a {\r\n color: #3A6FD8;\r\n text-decoration: none;\r\n transition: color .3s;\r\n}\r\n.mp-contacto .mp-info-item a:hover { color: #141828; }\r\n\r\n\/* BOT\u00d3N WHATSAPP *\/\r\n.mp-contacto .mp-wa {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 10px;\r\n margin-top: 32px;\r\n padding: 15px 26px;\r\n background: #3A6FD8;\r\n color: #ffffff;\r\n border-radius: 999px;\r\n font-size: 14px;\r\n font-weight: 500;\r\n text-decoration: none;\r\n transition: transform .3s, background .3s;\r\n box-shadow: 0 10px 32px -8px rgba(58,111,216,.35);\r\n}\r\n.mp-contacto .mp-wa:hover { background: #5F8FE8; transform: translateY(-2px); }\r\n.mp-contacto .mp-wa svg { width: 16px; height: 16px; fill: #ffffff; }\r\n\r\n\/* FORMULARIO *\/\r\n.mp-contacto .mp-form {\r\n background: #ffffff;\r\n border: 1px solid rgba(20,24,40,.08);\r\n border-radius: 3px;\r\n padding: clamp(28px, 3.5vw, 48px);\r\n display: flex;\r\n flex-direction: column;\r\n gap: 20px;\r\n}\r\n.mp-contacto .mp-form-title {\r\n font-family: \"Instrument Serif\", Georgia, serif;\r\n font-size: 22px;\r\n letter-spacing: -.01em;\r\n color: #141828;\r\n margin-bottom: 4px;\r\n}\r\n.mp-contacto .mp-field {\r\n display: flex;\r\n flex-direction: column;\r\n gap: 6px;\r\n}\r\n.mp-contacto label {\r\n font-size: 11px;\r\n font-family: \"JetBrains Mono\", ui-monospace, monospace;\r\n letter-spacing: .1em;\r\n color: rgba(20,24,40,.5);\r\n text-transform: uppercase;\r\n}\r\n.mp-contacto input,\r\n.mp-contacto select,\r\n.mp-contacto textarea {\r\n font-family: \"Instrument Sans\", system-ui, sans-serif;\r\n font-size: 15px;\r\n color: #141828;\r\n background: #F7F5F0;\r\n border: 1px solid rgba(20,24,40,.1);\r\n border-radius: 3px;\r\n padding: 13px 16px;\r\n outline: none;\r\n transition: border-color .3s, background .3s;\r\n width: 100%;\r\n appearance: none;\r\n -webkit-appearance: none;\r\n}\r\n.mp-contacto input:focus,\r\n.mp-contacto select:focus,\r\n.mp-contacto textarea:focus {\r\n border-color: #3A6FD8;\r\n background: #ffffff;\r\n}\r\n.mp-contacto textarea {\r\n resize: vertical;\r\n min-height: 110px;\r\n line-height: 1.6;\r\n}\r\n.mp-contacto select {\r\n background-image: url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%235F8FE8' stroke-width='1.5' fill='none' stroke-linecap='round'\/%3E%3C\/svg%3E\");\r\n background-repeat: no-repeat;\r\n background-position: right 14px center;\r\n padding-right: 36px;\r\n cursor: pointer;\r\n}\r\n.mp-contacto .mp-submit {\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n gap: 10px;\r\n padding: 16px 28px;\r\n background: #3A6FD8;\r\n color: #ffffff;\r\n border: none;\r\n border-radius: 999px;\r\n font-size: 15px;\r\n font-weight: 500;\r\n cursor: pointer;\r\n transition: transform .3s, background .3s;\r\n box-shadow: 0 10px 32px -8px rgba(58,111,216,.35);\r\n width: 100%;\r\n font-family: \"Instrument Sans\", system-ui, sans-serif;\r\n}\r\n.mp-submit svg { width: 15px; height: 15px; stroke: #fff; fill: none; stroke-width: 1.8; }\r\n.mp-contacto .mp-submit:hover { background: #5F8FE8; transform: translateY(-2px); }\r\n\r\n.mp-contacto .mp-nota {\r\n font-size: 11px;\r\n color: rgba(20,24,40,.4);\r\n text-align: center;\r\n font-family: \"JetBrains Mono\", ui-monospace, monospace;\r\n letter-spacing: .03em;\r\n}\r\n\r\n\/* REVEAL *\/\r\n.mp-reveal { opacity: 0; transform: translateY(24px); transition: opacity .9s ease, transform .9s cubic-bezier(.2,.7,.2,1); }\r\n.mp-reveal.mp-in { opacity: 1; transform: none; }\r\n.mp-reveal.d1 { transition-delay: .12s; }\r\n<\/style>\r\n\r\n<section class=\"mp-contacto\" id=\"contacto\">\r\n <div class=\"mp-inner\">\r\n\r\n \r\n <div class=\"mp-reveal\">\r\n <div class=\"mp-num\">06 \u2014 Contacto<\/div>\r\n <h2 class=\"mp-title\">Hablemos sin <em>compromiso.<\/em><\/h2>\r\n <p class=\"mp-lead\">Si algo de lo que has le\u00eddo ha resonado contigo, da ese primer paso. Escr\u00edbeme y nos conocemos me cuentas lo que te trae y vemos juntas si tiene sentido trabajar juntas. Puedes escribirme aqu\u00ed o contactarme directamente por WhatsApp.<\/p>\r\n\r\n <div class=\"mp-info\">\r\n <div class=\"mp-info-item\">\r\n <svg viewBox=\"0 0 24 24\"><path d=\"M12 2C8.13 2 5 5.13 5 9c0 5.25 7 13 7 13s7-7.75 7-13c0-3.87-3.13-7-7-7zm0 9.5c-1.38 0-2.5-1.12-2.5-2.5s1.12-2.5 2.5-2.5 2.5 1.12 2.5 2.5-1.12 2.5-2.5 2.5z\"\/><\/svg>\r\n Alentejo, Portugal \u00b7 Extremadura, Espa\u00f1a \u00b7 Online\r\n <\/div>\r\n <div class=\"mp-info-item\">\r\n <svg viewBox=\"0 0 24 24\"><rect x=\"2\" y=\"4\" width=\"20\" height=\"16\" rx=\"2\"\/><path d=\"M2 8l10 6 10-6\"\/><\/svg>\r\n <a href=\"mailto:hipnoterapia@marianapopovici.com\">hipnoterapia@marianapopovici.com<\/a>\r\n <\/div>\r\n <div class=\"mp-info-item\">\r\n \r\n <svg viewBox=\"0 0 24 24\" width=\"18\" height=\"18\" fill=\"none\" stroke=\"#5F8FE8\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"2\" y=\"2\" width=\"20\" height=\"20\" rx=\"5\"\/><circle cx=\"12\" cy=\"12\" r=\"5\"\/><circle cx=\"17.5\" cy=\"6.5\" r=\".5\" fill=\"#5F8FE8\"\/><\/svg>\r\n <a href=\"https:\/\/www.instagram.com\/marianapopovici_hipnoterapeuta?igsh=MXFkY3YyYjlkZXd6NA==\" target=\"_blank\">@marianapopovici_hipnoterapeuta<\/a>\r\n <\/div>\r\n <div class=\"mp-info-item\">\r\n \r\n <svg viewBox=\"0 0 24 24\" width=\"18\" height=\"18\" fill=\"none\" stroke=\"#5F8FE8\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M18 2h-3a5 5 0 00-5 5v3H7v4h3v8h4v-8h3l1-4h-4V7a1 1 0 011-1h3z\"\/><\/svg>\r\n <a href=\"https:\/\/www.facebook.com\/share\/1EJvBXLBs9\/\" target=\"_blank\">Facebook<\/a>\r\n <\/div>\r\n <\/div>\r\n\r\n <a href=\"https:\/\/wa.me\/34621389361?text=Hola%20Mariana%2C%20me%20gustar%C3%ADa%20pedir%20informaci%C3%B3n\" target=\"_blank\" class=\"mp-wa\">\r\n <svg viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><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\"\/><\/svg>\r\n Escribir por WhatsApp\r\n <\/a>\r\n <\/div>\r\n\r\n \r\n <div class=\"mp-form mp-reveal d1\">\r\n <div class=\"mp-form-title\">Escr\u00edbeme<\/div>\r\n\r\n <div class=\"mp-field\">\r\n <label for=\"mp-nombre\">Nombre<\/label>\r\n <input type=\"text\" id=\"mp-nombre\" placeholder=\"Tu nombre\">\r\n <\/div>\r\n\r\n <div class=\"mp-field\">\r\n <label for=\"mp-email\">Email<\/label>\r\n <input type=\"email\" id=\"mp-email\" placeholder=\"tu@email.com\">\r\n <\/div>\r\n\r\n <div class=\"mp-field\">\r\n <label for=\"mp-motivo\">\u00bfQu\u00e9 te trae aqu\u00ed?<\/label>\r\n <select id=\"mp-motivo\">\r\n <option value=\"\" disabled selected>Selecciona una opci\u00f3n<\/option>\r\n <option>Duelo o p\u00e9rdida<\/option>\r\n <option>Autoestima o identidad<\/option>\r\n <option>V\u00ednculos y relaciones<\/option>\r\n <option>Talleres para mi centro<\/option>\r\n <option>Programa Volver a Ti<\/option>\r\n <option>Otro motivo<\/option>\r\n <\/select>\r\n <\/div>\r\n\r\n <div class=\"mp-field\">\r\n <label for=\"mp-mensaje\">Cu\u00e9ntame brevemente<\/label>\r\n <textarea id=\"mp-mensaje\" placeholder=\"Puedes contarme lo que quieras \u2014 o simplemente decir hola.\"><\/textarea>\r\n <\/div>\r\n\r\n <button class=\"mp-submit\" onclick=\"mpEnviar()\">\r\n Enviar mensaje\r\n <svg viewBox=\"0 0 24 24\"><path d=\"M7 17L17 7M9 7h8v8\"\/><\/svg>\r\n <\/button>\r\n <p class=\"mp-nota\">Respondo en menos de 48h \u00b7 Sin compromiso<\/p>\r\n <\/div>\r\n\r\n <\/div>\r\n<\/section>\r\n\r\n<script>\r\n(function(){\r\n var els = document.querySelectorAll('.mp-contacto .mp-reveal');\r\n var io = new IntersectionObserver(function(entries){\r\n entries.forEach(function(e){\r\n if(e.isIntersecting){ e.target.classList.add('mp-in'); io.unobserve(e.target); }\r\n });\r\n }, {threshold: 0.08});\r\n els.forEach(function(el){ io.observe(el); });\r\n})();\r\n\r\nfunction mpEnviar() {\r\n var nombre = document.getElementById('mp-nombre').value.trim();\r\n var email = document.getElementById('mp-email').value.trim();\r\n var motivo = document.getElementById('mp-motivo').value;\r\n var mensaje = document.getElementById('mp-mensaje').value.trim();\r\n if (!nombre || !email || !motivo) {\r\n alert('Por favor rellena nombre, email y motivo de consulta.');\r\n return;\r\n }\r\n var body = 'Nombre: ' + nombre + '%0AEmail: ' + email + '%0AMotivo: ' + motivo + '%0AMensaje: ' + mensaje;\r\n window.location.href = 'mailto:hipnoterapia@marianapopovici.com?subject=Consulta desde la web&body=' + body;\r\n}\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-25e7f65 e-con e-atomic-element e-flexbox-base e-c16799e \" data-id=\"25e7f65\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"25e7f65\">\n \n<\/div>\n<div class=\"elementor-element elementor-element-87717ba e-flex e-con-boxed e-con e-parent\" data-id=\"87717ba\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3753c91 elementor-widget elementor-widget-html\" data-id=\"3753c91\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Instrument+Serif:ital@0;1&family=Instrument+Sans:wght@300;400;500&family=JetBrains+Mono:wght@400;500&display=swap');\r\n\r\n.mp-footer {\r\n background: #1a3a8f;\r\n padding: clamp(50px, 7vw, 90px) clamp(20px, 4vw, 56px) 28px;\r\n font-family: \"Instrument Sans\", system-ui, sans-serif;\r\n color: rgba(255,255,255,.85);\r\n}\r\n\r\n\/* GRID PRINCIPAL *\/\r\n.mp-footer .mp-grid {\r\n display: grid;\r\n grid-template-columns: 2fr 1fr 1fr 1fr;\r\n gap: 40px;\r\n padding-bottom: 48px;\r\n border-bottom: 1px solid rgba(255,255,255,.15);\r\n align-items: flex-start;\r\n}\r\n@media(max-width:820px) { .mp-footer .mp-grid { grid-template-columns: 1fr 1fr; } }\r\n@media(max-width:520px) { .mp-footer .mp-grid { grid-template-columns: 1fr; } }\r\n\r\n\/* COLUMNA MARCA *\/\r\n.mp-footer .mp-brand .mp-logo {\r\n height: 44px;\r\n margin-bottom: 20px;\r\n filter: brightness(0) invert(1);\r\n opacity: 1;\r\n}\r\n.mp-footer .mp-brand p {\r\n font-size: 13px;\r\n line-height: 1.7;\r\n font-weight: 300;\r\n max-width: 30ch;\r\n margin-bottom: 24px;\r\n color: rgba(255,255,255,.85);\r\n}\r\n.mp-footer .mp-brand .mp-tagline {\r\n font-family: \"Instrument Serif\", Georgia, serif;\r\n font-size: 18px;\r\n font-style: italic;\r\n color: rgba(255,255,255,.6);\r\n line-height: 1.3;\r\n}\r\n\r\n\/* COLUMNAS NAV *\/\r\n.mp-footer h4 {\r\n font-family: \"JetBrains Mono\", ui-monospace, monospace;\r\n font-size: 10px;\r\n letter-spacing: .16em;\r\n text-transform: uppercase;\r\n color: rgba(255,255,255,.5);\r\n margin-bottom: 18px;\r\n margin-top: 0;\r\n padding-top: 0;\r\n}\r\n.mp-footer a {\r\n display: block;\r\n padding: 5px 0;\r\n font-size: 13px;\r\n color: rgba(255,255,255,.85);\r\n text-decoration: none;\r\n transition: color .3s;\r\n}\r\n.mp-footer a:hover { color: #ffffff; }\r\n\r\n\/* REDES *\/\r\n.mp-footer .mp-social {\r\n display: flex;\r\n gap: 12px;\r\n margin-top: 8px;\r\n}\r\n.mp-footer .mp-social a {\r\n width: 38px; height: 38px;\r\n border-radius: 50%;\r\n border: 1px solid rgba(255,255,255,.25);\r\n display: flex; align-items: center; justify-content: center;\r\n padding: 0;\r\n transition: border-color .3s, background .3s;\r\n}\r\n.mp-footer .mp-social a:hover {\r\n border-color: #ffffff;\r\n background: rgba(255,255,255,.15);\r\n}\r\n.mp-footer .mp-social svg {\r\n width: 16px; height: 16px;\r\n}\r\n\r\n\/* BARRA FINAL *\/\r\n.mp-footer .mp-bar {\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: center;\r\n flex-wrap: wrap;\r\n gap: 12px;\r\n padding-top: 24px;\r\n font-family: \"JetBrains Mono\", ui-monospace, monospace;\r\n font-size: 10px;\r\n letter-spacing: .08em;\r\n color: rgba(255,255,255,.4);\r\n}\r\n.mp-footer .mp-bar a {\r\n display: inline;\r\n padding: 0;\r\n font-size: 10px;\r\n color: rgba(255,255,255,.4);\r\n letter-spacing: .08em;\r\n}\r\n.mp-footer .mp-bar a:hover { color: rgba(255,255,255,.8); }\r\n<\/style>\r\n\r\n<footer class=\"mp-footer\">\r\n <div class=\"mp-grid\">\r\n\r\n \r\n <div class=\"mp-brand\">\r\n <img decoding=\"async\" class=\"mp-logo\" src=\"http:\/\/marianapopovici.com\/wp-content\/uploads\/2026\/06\/Design-sem-nome-1.png\" alt=\"Mariana Popovici\">\r\n <p>Hipnoterapia cl\u00ednica para personas que quieren volver a s\u00ed mismas. Online y presencial en la Pen\u00ednsula Ib\u00e9rica.<\/p>\r\n <div class=\"mp-tagline\">\"El cuerpo y la mente<br>no se cuidan por separado.\"<\/div>\r\n <\/div>\r\n\r\n \r\n <div>\r\n <h4>P\u00e1gina<\/h4>\r\n <a href=\"#sobre\">Historia<\/a>\r\n <a href=\"#servicios\">Servicios<\/a>\r\n <a href=\"#proceso\">Proceso<\/a>\r\n <a href=\"#testimonios\">Testimonios<\/a>\r\n <a href=\"#faq\">FAQ<\/a>\r\n <a href=\"#contacto\">Contacto<\/a>\r\n <\/div>\r\n\r\n \r\n <div>\r\n <h4>Contacto<\/h4>\r\n <a href=\"mailto:hipnoterapia@marianapopovici.com\">hipnoterapia@<br>marianapopovici.com<\/a>\r\n <a href=\"https:\/\/wa.me\/34621389361?text=Hola%20Mariana%2C%20me%20gustar%C3%ADa%20pedir%20informaci%C3%B3n\" target=\"_blank\">WhatsApp \u00b7 621 389 361<\/a>\r\n <div style=\"margin-top:8px;font-size:12px;color:rgba(255,255,255,.35);\">Alentejo, Portugal<br>Extremadura, Espa\u00f1a<br>Online<\/div>\r\n <\/div>\r\n\r\n \r\n <div>\r\n <h4>Redes<\/h4>\r\n <div class=\"mp-social\">\r\n \r\n <a href=\"https:\/\/www.instagram.com\/marianapopovici_hipnoterapeuta?igsh=MXFkY3YyYjlkZXd6NA==\" target=\"_blank\" title=\"Instagram\">\r\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"rgba(255,255,255,.7)\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n <rect x=\"2\" y=\"2\" width=\"20\" height=\"20\" rx=\"5\"\/>\r\n <circle cx=\"12\" cy=\"12\" r=\"5\"\/>\r\n <circle cx=\"17.5\" cy=\"6.5\" r=\".5\" fill=\"rgba(255,255,255,.7)\"\/>\r\n <\/svg>\r\n <\/a>\r\n \r\n <a href=\"https:\/\/www.facebook.com\/share\/1EJvBXLBs9\/\" target=\"_blank\" title=\"Facebook\">\r\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"rgba(255,255,255,.7)\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n <path d=\"M18 2h-3a5 5 0 00-5 5v3H7v4h3v8h4v-8h3l1-4h-4V7a1 1 0 011-1h3z\"\/>\r\n <\/svg>\r\n <\/a>\r\n \r\n <a href=\"https:\/\/wa.me\/34621389361?text=Hola%20Mariana%2C%20me%20gustar%C3%ADa%20pedir%20informaci%C3%B3n\" target=\"_blank\" title=\"WhatsApp\">\r\n <svg viewBox=\"0 0 24 24\" fill=\"rgba(255,255,255,.7)\">\r\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\"\/>\r\n <\/svg>\r\n <\/a>\r\n <\/div>\r\n <div style=\"margin-top:20px;\">\r\n <a href=\"https:\/\/pomaknatur.com\" target=\"_blank\" style=\"font-size:12px;color:rgba(255,255,255,.35);border:1px solid rgba(255,255,255,.1);padding:8px 14px;border-radius:999px;display:inline-block;transition:all .3s;\">\r\n Pomak Natur \u2192\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n \r\n <div class=\"mp-bar\">\r\n <span>\u00a9 2026 Mariana Popovici \u00b7 Todos los derechos reservados<\/span>\r\n <span>Hecha con cuidado \u00b7 Pen\u00ednsula Ib\u00e9rica<\/span>\r\n <\/div>\r\n\r\n<\/footer>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-3230966 e-flex e-con-boxed e-con e-parent\" data-id=\"3230966\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-73ab1b8 e-flex e-con-boxed e-con e-parent\" data-id=\"73ab1b8\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-cb70fdc e-con e-atomic-element e-flexbox-base e-0ea3c86 \" data-id=\"cb70fdc\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"cb70fdc\">\n \n<\/div>\n\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Mariana Popovici \u2014 Hipnoterapia & Bienestar Mariana Popovici \u2014 Hipnoterapia Historia Servicios Proceso FAQ Reservar sesi\u00f3n \u2192 Volver a ti. Soy Mariana Popovici, hipnoterapeuta. Acompa\u00f1o a mujeres que se sienten perdidas, sobrecargadas o desconectadas de s\u00ed mismas \u2014 desde la experiencia vivida, no solo del conocimiento te\u00f3rico. Reservar sesi\u00f3n Mi historia Ansiedad \u2726 Identidad \u2726 […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-21","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/marianapopovici.com\/index.php\/wp-json\/wp\/v2\/pages\/21","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/marianapopovici.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/marianapopovici.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/marianapopovici.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/marianapopovici.com\/index.php\/wp-json\/wp\/v2\/comments?post=21"}],"version-history":[{"count":67,"href":"https:\/\/marianapopovici.com\/index.php\/wp-json\/wp\/v2\/pages\/21\/revisions"}],"predecessor-version":[{"id":105,"href":"https:\/\/marianapopovici.com\/index.php\/wp-json\/wp\/v2\/pages\/21\/revisions\/105"}],"wp:attachment":[{"href":"https:\/\/marianapopovici.com\/index.php\/wp-json\/wp\/v2\/media?parent=21"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}