{"id":3547,"date":"2026-06-01T23:10:19","date_gmt":"2026-06-01T23:10:19","guid":{"rendered":"https:\/\/micaelamarenchino.chdesignestudio.com\/?page_id=3547"},"modified":"2026-06-04T15:15:23","modified_gmt":"2026-06-04T15:15:23","slug":"micaela-marenchino-psicologia-sistemica-constelaciones-familiares-2-0","status":"publish","type":"page","link":"https:\/\/micaelamarenchino.chdesignestudio.com\/","title":{"rendered":"MICAELA MARENCHINO \u2013 Psicolog\u00eda Sist\u00e9mica + Constelaciones Familiares 2.0"},"content":{"rendered":"\t\t
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\r\n\r\n \r\n \r\n \r\n \r\n\r\n Micaela Marenchino - Constelaciones Familiares<\/title>\r\n\r\n <!-- GOOGLE FONTS -->\r\n <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n\r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Cormorant:wght@300;400;500;600;700&family=Cormorant+Garamond:wght@300;400;500;600;700&family=Nunito:wght@300;400;500;600;700&display=swap\" rel=\"stylesheet\">\r\n <link rel=\"stylesheet\" href=\"https:\/\/use.typekit.net\/zub6lpx.css\">\r\n\r\n <!-- BOOTSTRAP CSS -->\r\n <link\r\n href=\"https:\/\/cdn.jsdelivr.net\/npm\/bootstrap@5.3.8\/dist\/css\/bootstrap.min.css\"\r\n rel=\"stylesheet\"\r\n \/>\r\n\r\n <!-- FONT AWESOME -->\r\n <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.5.0\/css\/all.min.css\" \/>\r\n\r\n <!-- RESET -->\r\n <style>\r\n\r\n *{\r\n margin:0;\r\n padding:0;\r\n }\r\n\r\n html,\r\n body{\r\n width:100%;\r\n overflow-x:hidden;\r\n background:#f6f0e2;\r\n font-family:'Nunito', sans-serif;\r\n }\r\n\r\n html{\r\n scroll-behavior:smooth;\r\n }\r\n\r\n @media(max-width:768px){\r\n body.elementor-page-3357,\r\n .elementor-page-3357 .elementor,\r\n .elementor-page-3357 .elementor-element-937cab4,\r\n .elementor-page-3357 .elementor-element-288906a,\r\n .elementor-page-3357 .elementor-widget-html,\r\n .elementor-page-3357 .elementor-widget-container{\r\n width:100%!important;\r\n max-width:none!important;\r\n margin:0!important;\r\n padding:0!important;\r\n }\r\n\r\n .elementor-page-3357 .e-con{\r\n --padding-top:0px!important;\r\n --padding-right:0px!important;\r\n --padding-bottom:0px!important;\r\n --padding-left:0px!important;\r\n --padding-block-start:0px!important;\r\n --padding-block-end:0px!important;\r\n --padding-inline-start:0px!important;\r\n --padding-inline-end:0px!important;\r\n --gap:0px!important;\r\n gap:0!important;\r\n }\r\n }\r\n\r\n <\/style>\r\n<!-- ========================= -->\r\n<!-- NAVBAR CSS - INICIO -->\r\n<!-- ========================= -->\r\n<style>\r\n:root{\r\n --mica-azul-claro:#ccd7dd;\r\n --mica-gris-claro:#e8ecef;\r\n --mica-dorado:#dbb58b;\r\n --mica-hueso:#f6f0e2;\r\n --mica-oscuro:#536068;\r\n}\r\n\r\n#mainNav{\r\n width:100vw!important;\r\n padding:0;\r\n z-index:47!important;\r\n background:rgba(246,240,226,.08);\r\n backdrop-filter:blur(14px) saturate(120%);\r\n -webkit-backdrop-filter:blur(6px) saturate(120%);\r\n border-bottom:1px solid rgba(246,240,226,.20);\r\n box-shadow:0 8px 32px rgba(83,96,104,.06);\r\n transition:all .4s ease;\r\n}\r\n\r\n#mainNav::before{\r\n content:\"\";\r\n position:absolute;\r\n inset:0;\r\n background:\r\n linear-gradient(\r\n 135deg,\r\n rgba(246,240,226,.22),\r\n rgba(204,215,221,.12)\r\n );\r\n pointer-events:none;\r\n z-index:-1;\r\n}\r\n\r\n#mainNav.scrolled{\r\n background:rgba(246,240,226,.72)!important;\r\n backdrop-filter:blur(18px) saturate(130%);\r\n -webkit-backdrop-filter:blur(18px) saturate(130%);\r\n border-bottom:1px solid rgba(219,181,139,.28);\r\n box-shadow:0 10px 34px rgba(83,96,104,.12);\r\n}\r\n\r\n#mainNav,\r\n#mainNav .nav-link,\r\n#mainNav .navbar-brand{\r\n font-family:\"Cormorant\", serif;\r\n font-weight:400;\r\n letter-spacing:.06em;\r\n text-transform:uppercase;\r\n}\r\n\r\n#mainNav .container-fluid{\r\n min-height:78px;\r\n padding:0 1.5rem;\r\n}\r\n\r\n#mainNav .navbar-nav .nav-item{\r\n margin:0 12px;\r\n}\r\n\r\n#mainNav .nav-link{\r\n position:relative;\r\n padding:8px 16px;\r\n color:var(--mica-oscuro)!important;\r\n font-size:1.2rem;\r\n font-weight:500!important;\r\n letter-spacing:.08em;\r\n text-shadow:0 4px 20px rgba(83,96,104,.26);\r\n transition:color .35s ease, text-shadow .35s ease;\r\n}\r\n\r\n#mainNav.scrolled .nav-link,\r\n#mainNav.scrolled .navbar-brand{\r\n color:var(--mica-oscuro)!important;\r\n text-shadow:none;\r\n}\r\n\r\n#mainNav .nav-link::after{\r\n content:\"\";\r\n position:absolute;\r\n bottom:0;\r\n left:50%;\r\n width:0%;\r\n height:1px;\r\n background-color:var(--mica-dorado);\r\n transition:all .3s ease;\r\n transform:translateX(-50%);\r\n}\r\n\r\n#mainNav .nav-link:hover::after{\r\n width:60%;\r\n}\r\n\r\n#mainNav .nav-link:hover{\r\n color:var(--mica-dorado)!important;\r\n}\r\n\r\n#mainNav.scrolled .nav-link:hover{\r\n color:var(--mica-dorado)!important;\r\n}\r\n\r\n#mainNav .nav-cta{\r\n display:inline-flex;\r\n align-items:center;\r\n justify-content:center;\r\n min-height:38px;\r\n padding:8px 22px;\r\n border-radius:999px;\r\n background:rgba(83,96,104,.88);\r\n color:var(--mica-hueso)!important;\r\n box-shadow:0 12px 28px rgba(83,96,104,.16);\r\n}\r\n\r\n#mainNav .nav-cta::after{\r\n display:none;\r\n}\r\n\r\n#mainNav .nav-cta:hover,\r\n#mainNav.scrolled .nav-cta:hover{\r\n background:var(--mica-dorado)!important;\r\n color:var(--mica-oscuro)!important;\r\n}\r\n\r\n#mainNav.scrolled .nav-cta{\r\n color:var(--mica-hueso)!important;\r\n}\r\n\r\n.logo{\r\n width:80px;\r\n filter:drop-shadow(0 8px 22px rgba(83,96,104,.16));\r\n}\r\n\r\n.logo-dark{\r\n display:none;\r\n}\r\n\r\n#mainNav.scrolled .logo-light{\r\n display:none;\r\n}\r\n\r\n#mainNav.scrolled .logo-dark{\r\n display:inline;\r\n}\r\n\r\n.fixed-toggler{\r\n border:0!important;\r\n box-shadow:none!important;\r\n background:rgba(83,96,104,.88)!important;\r\n backdrop-filter:blur(12px);\r\n -webkit-backdrop-filter:blur(12px);\r\n border-radius:999px;\r\n color:var(--mica-hueso);\r\n font-size:1.7rem;\r\n padding:10px 14px;\r\n transition:all .35s ease;\r\n}\r\n\r\n#mainNav.scrolled .fixed-toggler{\r\n color:var(--mica-oscuro)!important;\r\n background:rgba(246,240,226,.48)!important;\r\n}\r\n\r\n[type=\"button\"]:hover,\r\n[type=\"submit\"]:hover,\r\nbutton:hover,\r\n[type=button]:focus,\r\n[type=submit]:focus,\r\nbutton:focus{\r\n background-color:rgba(246,240,226,.28)!important;\r\n outline:none!important;\r\n box-shadow:none!important;\r\n}\r\n\r\n.navbar-collapse .nav-link{\r\n color:var(--mica-hueso)!important;\r\n text-align:center;\r\n}\r\n\r\n#mainNav.scrolled .navbar-collapse .nav-link{\r\n color:var(--mica-oscuro)!important;\r\n}\r\n\r\n#mainNav.scrolled .navbar-collapse .nav-link.nav-cta{\r\n color:var(--mica-hueso)!important;\r\n}\r\n\r\n@media(max-width:999px){\r\n\r\n #mainNav{\r\n background:rgba(246,240,226,.72);\r\n backdrop-filter:blur(16px) saturate(125%);\r\n -webkit-backdrop-filter:blur(16px) saturate(125%);\r\n }\r\n\r\n #mainNav .container-fluid{\r\n height:74px;\r\n padding:0 1rem;\r\n }\r\n\r\n #mainNav .navbar-brand{\r\n display:flex;\r\n align-items:center;\r\n }\r\n\r\n .navbar-collapse{\r\n margin-top:8px;\r\n padding:1rem;\r\n border-radius:22px;\r\n background:\r\n linear-gradient(\r\n 135deg,\r\n rgba(246,240,226,.92),\r\n rgba(232,236,239,.88)\r\n );\r\n backdrop-filter:blur(18px) saturate(130%);\r\n -webkit-backdrop-filter:blur(18px) saturate(130%);\r\n border:1px solid rgba(219,181,139,.22);\r\n box-shadow:0 18px 45px rgba(83,96,104,.13);\r\n opacity:0;\r\n filter:blur(10px);\r\n transform:translate3d(0,-10px,0);\r\n transition:\r\n height .36s ease,\r\n opacity .28s ease,\r\n filter .28s ease,\r\n transform .28s ease;\r\n }\r\n\r\n .navbar-collapse.show{\r\n opacity:1;\r\n filter:blur(0);\r\n transform:translate3d(0,0,0);\r\n }\r\n\r\n .navbar-collapse.collapsing{\r\n opacity:0;\r\n filter:blur(10px);\r\n transform:translate3d(0,-10px,0);\r\n }\r\n\r\n .navbar-collapse .nav-link,\r\n #mainNav.scrolled .navbar-collapse .nav-link{\r\n color:var(--mica-oscuro)!important;\r\n text-shadow:none;\r\n }\r\n\r\n #mainNav .nav-cta,\r\n #mainNav.scrolled .nav-cta{\r\n width:100%;\r\n margin-top:.35rem;\r\n color:var(--mica-hueso)!important;\r\n }\r\n\r\n .fixed-toggler{\r\n position:relative;\r\n top:auto;\r\n right:auto;\r\n }\r\n}\r\n<\/style>\r\n<!-- ========================= -->\r\n<!-- NAVBAR CSS - FIN -->\r\n<!-- ========================= -->\r\n<!-- ========================= -->\r\n<!-- HERO CSS - INICIO -->\r\n<!-- ========================= -->\r\n<style>\r\n:root{\r\n --azul-claro:#ccd7dd;\r\n --gris-claro:#e8ecef;\r\n --beige-dorado:#dbb58b;\r\n --hueso:#f6f0e2;\r\n --gris-azulado-oscuro:#536068;\r\n\r\n --mica-texto:#536068;\r\n --mica-luz:#f6f0e2;\r\n --mica-dorado:#dbb58b;\r\n --mica-glass:rgba(246,240,226,.22);\r\n --mica-glass-border:rgba(246,240,226,.24);\r\n}\r\n\r\n.camila-hero-300vh *,\r\n.camila-hero-300vh *::before,\r\n.camila-hero-300vh *::after{\r\n box-sizing:border-box;\r\n}\r\n\r\n.camila-hero-300vh{\r\n position:relative;\r\n width:100%;\r\n}\r\n\r\n.camila-scroll-space{\r\n height:200vh;\r\n}\r\n\r\n.camila-hero-fixed{\r\n position:fixed;\r\n inset:0;\r\n width:100%;\r\n height:100vh;\r\n overflow:hidden;\r\n background:var(--hueso);\r\n opacity:1;\r\n visibility:visible;\r\n pointer-events:auto;\r\n transition:\r\n opacity 1.45s ease,\r\n visibility 1.45s ease;\r\n}\r\n\r\n.camila-hero-fixed::before{\r\n content:\"\";\r\n position:absolute;\r\n inset:0;\r\n background:\r\n radial-gradient(circle at 74% 24%, rgba(204,215,221,.62) 0 18%, transparent 42%),\r\n radial-gradient(circle at 94% 55%, rgba(246,240,226,.78) 0 16%, transparent 34%),\r\n linear-gradient(90deg, rgba(246,240,226,.98) 0 42%, rgba(232,236,239,.72) 100%);\r\n z-index:0;\r\n}\r\n\r\n.camila-hero-fixed.is-hidden{\r\n opacity:0;\r\n visibility:hidden;\r\n pointer-events:none;\r\n}\r\n\r\n\/* BACKGROUNDS *\/\r\n\r\n.camila-hero-bg{\r\n position:absolute;\r\n background-size:cover;\r\n background-position:center center;\r\n will-change:opacity, transform;\r\n}\r\n\r\n.camila-hero-parallax{\r\n transform-origin:center;\r\n}\r\n\r\n.camila-bg-1{\r\n background-image:url('https:\/\/micaelamarenchino.chdesignestudio.com\/wp-content\/uploads\/2026\/06\/IMG_3357-scaled.jpg');\r\n right:18vw;\r\n bottom:8vh;\r\n width:min(34vw, 560px);\r\n height:72vh;\r\n min-height:520px;\r\n border-radius:48% 48% 14px 14px;\r\n z-index:3;\r\n opacity:1!important;\r\n box-shadow:0 34px 70px rgba(83,96,104,.18);\r\n background-position:center center;\r\n}\r\n\r\n.camila-bg-2{\r\n background-image:url('https:\/\/micaelamarenchino.chdesignestudio.com\/wp-content\/uploads\/2026\/06\/IMG_0989-scaled.jpg');\r\n top:18vh;\r\n right:13vw;\r\n width:min(14vw, 230px);\r\n aspect-ratio:3 \/ 4.2;\r\n border:8px solid rgba(246,240,226,.94);\r\n border-radius:999px;\r\n z-index:6;\r\n opacity:1!important;\r\n box-shadow:0 24px 54px rgba(83,96,104,.16);\r\n background-position:center center;\r\n}\r\n\r\n.camila-bg-3{\r\n background-image:url('https:\/\/micaelamarenchino.chdesignestudio.com\/wp-content\/uploads\/2026\/05\/header4.jpg');\r\n background-color:var(--hueso);\r\n right:1vw;\r\n top:22vh;\r\n width:min(22vw, 360px);\r\n height:58vh;\r\n border-radius:999px;\r\n z-index:1;\r\n opacity:.18!important;\r\n filter:blur(1px) saturate(.78);\r\n}\r\n\r\n\/* OVERLAY *\/\r\n\r\n.camila-overlay{\r\n position:absolute;\r\n inset:0;\r\n z-index:2;\r\n background:\r\n radial-gradient(\r\n circle at 50% 20%,\r\n rgba(246,240,226,.18) 0%,\r\n transparent 38%\r\n ),\r\n radial-gradient(\r\n circle at 15% 80%,\r\n rgba(219,181,139,.16) 0%,\r\n transparent 34%\r\n ),\r\n linear-gradient(\r\n 180deg,\r\n rgba(246,240,226,.04) 0%,\r\n rgba(83,96,104,.24) 100%\r\n );\r\n}\r\n\r\n\/* SVG *\/\r\n\r\n.camila-flow-svg{\r\n position:absolute;\r\n inset:0;\r\n width:100%;\r\n height:100%;\r\n z-index:5;\r\n pointer-events:none;\r\n margin-left:25vw;\r\n overflow:visible;\r\n}\r\n\r\n.camila-flow-bg{\r\n fill:none;\r\n stroke:rgba(246,240,226,.28);\r\n stroke-width:1.1;\r\n}\r\n\r\n.camila-flow-bg.secondary{\r\n stroke:rgba(204,215,221,.18);\r\n stroke-width:.9;\r\n filter:blur(.2px);\r\n}\r\n\r\n.camila-flow-active{\r\n fill:none;\r\n stroke:rgba(246,240,226,.94);\r\n stroke-width:2.1;\r\n stroke-linecap:round;\r\n stroke-linejoin:round;\r\n will-change:stroke-dashoffset;\r\n filter:drop-shadow(0 0 10px rgba(246,240,226,.58));\r\n}\r\n\r\n.secondary-active{\r\n stroke:rgba(219,181,139,.82);\r\n stroke-width:1.4;\r\n opacity:.75;\r\n filter:\r\n drop-shadow(0 0 12px rgba(219,181,139,.32))\r\n blur(.15px);\r\n}\r\n\r\n\/* CONTENT *\/\r\n\r\n.camila-hero-content{\r\n position:absolute;\r\n top:14vh;\r\n left:12vw;\r\n width:min(48vw, 760px);\r\n min-height:42vh;\r\n z-index:10;\r\n display:flex;\r\n align-items:center;\r\n justify-content:flex-start;\r\n padding:0;\r\n text-align:start;\r\n will-change:transform, opacity;\r\n}\r\n\r\n.camila-content-1{\r\n top:50%;\r\n min-height:auto;\r\n transform:translateY(-50%);\r\n}\r\n\r\n.camila-text-wrapper{\r\n \/*width:min(100%, 1200px);*\/\r\n max-width:1200px;\r\n transition:transform .08s linear;\r\n}\r\n\r\n.offset{\r\n transform:translateY(-35vh);\r\n}\r\n\r\n#heroTitle{\r\n max-width:980px;\r\n margin-top:0;\r\n}\r\n\r\n.camila-mini-title{\r\n position:relative;\r\n color:#536d86;\r\n font-family:'Nunito', sans-serif;\r\n text-transform:uppercase;\r\n letter-spacing:.32em;\r\n font-size:1.5rem;\r\n line-height:1.45;\r\n font-weight:700;\r\n margin-bottom:1.65rem;\r\n opacity:.94;\r\n text-shadow:none;\r\n}\r\n\r\n.camila-mini-title::before{\r\n content:\"\";\r\n display:inline-block;\r\n width:32px;\r\n height:1px;\r\n margin-right:14px;\r\n vertical-align:middle;\r\n background:#86afd0;\r\n}\r\n\r\n.camila-reading-text{\r\n display:flex;\r\n flex-direction:column;\r\n gap:.42rem;\r\n color:#343030;\r\n font-family:'Nunito', sans-serif!important;\r\n font-weight:400;\r\n margin-top:1rem;\r\n line-height:.92;\r\n font-size:clamp(2.8rem, 4vw, 5.2rem);\r\n letter-spacing:0;\r\n text-shadow:none;\r\n text-wrap:balance;\r\n}\r\n\r\n.camila-line{\r\n display:block;\r\n max-width:100%;\r\n line-height:.9;\r\n}\r\n\r\n.second-line{\r\n color:#86afd0;\r\n font-style:italic;\r\n}\r\n\r\n.camila-hero-cta{\r\n display:inline-flex;\r\n align-items:center;\r\n justify-content:center;\r\n gap:12px;\r\n min-height:48px;\r\n margin-top:2.6rem;\r\n padding:13px 24px;\r\n color:var(--hueso);\r\n font-family:'Nunito', sans-serif;\r\n font-size:.82rem;\r\n font-weight:700;\r\n letter-spacing:.08em;\r\n text-decoration:none;\r\n text-transform:uppercase;\r\n background:var(--gris-azulado-oscuro);\r\n border:1px solid rgba(83,96,104,.18);\r\n border-radius:999px;\r\n box-shadow:0 18px 42px rgba(83,96,104,.16);\r\n transition:\r\n color .28s ease,\r\n background .28s ease,\r\n transform .28s ease,\r\n box-shadow .28s ease;\r\n}\r\n\r\n.camila-hero-cta::after{\r\n content:\"\";\r\n width:7px;\r\n height:7px;\r\n border-top:2px solid currentColor;\r\n border-right:2px solid currentColor;\r\n transform:rotate(45deg);\r\n}\r\n\r\n.camila-hero-cta:hover,\r\n.camila-hero-cta:focus-visible{\r\n color:var(--gris-azulado-oscuro);\r\n background:var(--beige-dorado);\r\n transform:translateY(-2px);\r\n box-shadow:0 22px 48px rgba(83,96,104,.2);\r\n}\r\n\r\n\/* GLASS PILLS *\/\r\n\r\n.pillBlur{\r\n background:\r\n linear-gradient(\r\n 135deg,\r\n rgba(246,240,226,.90),\r\n rgba(204,215,221,.93)\r\n );\r\n\r\n backdrop-filter:blur(18px);\r\n -webkit-backdrop-filter:blur(18px);\r\n\r\n border:1px solid rgba(246,240,226,.22);\r\n box-shadow:\r\n 0 14px 46px rgba(83,96,104,.12),\r\n inset 0 1px 1px rgba(255,255,255,.20);\r\n\r\n border-radius:18px;\r\n padding:2.5rem 3rem;\r\n overflow:hidden;\r\n}\r\n\r\n\/* HERO MIDDLE *\/\r\n\r\n.hero-middle{\r\n margin-top:0;\r\n margin-left:0;\r\n opacity:0;\r\n visibility:hidden;\r\n will-change:transform, opacity;\r\n}\r\n\r\n\/* HERO 2 *\/\r\n\r\n.hero-2{\r\n margin-top:0;\r\n margin-left:0;\r\n opacity:0;\r\n visibility:hidden;\r\n transform:translateY(35vh);\r\n}\r\n\r\n\/* HERO 3 *\/\r\n\r\n.hero-3{\r\n margin-top:0;\r\n margin-left:0;\r\n transform:translateY(400px);\r\n}\r\n\r\n\/* WORD REVEAL OPCIONAL *\/\r\n\r\n.camila-word{\r\n opacity:.08;\r\n filter:blur(8px);\r\n transform:translateY(30px);\r\n display:inline-block;\r\n transition:\r\n opacity .6s ease,\r\n filter .6s ease,\r\n transform .6s ease;\r\n}\r\n\r\n.camila-word.active{\r\n opacity:1;\r\n filter:blur(0);\r\n transform:translateY(0);\r\n}\r\n\r\n\/* MOBILE *\/\r\n\r\n@media(max-width:768px){\r\n\r\n .camila-scroll-space{\r\n height:112vh;\r\n }\r\n\r\n .camila-hero-content{\r\n top:auto;\r\n left:0;\r\n bottom:8vh;\r\n width:100%;\r\n min-height:auto;\r\n padding:0 24px;\r\n align-items:flex-end;\r\n }\r\n\r\n .camila-content-1{\r\n transform:none;\r\n }\r\n\r\n .camila-reading-text{\r\n font-size:clamp(2.7rem, 12vw, 4.1rem);\r\n line-height:.95;\r\n gap:.34rem;\r\n }\r\n\r\n .camila-line{\r\n font-size:inherit;\r\n }\r\n\r\n .camila-mini-title{\r\n font-size:.72rem;\r\n letter-spacing:.24em;\r\n margin-bottom:1.15rem;\r\n }\r\n\r\n .camila-hero-cta{\r\n min-height:44px;\r\n margin-top:1.85rem;\r\n padding:11px 20px;\r\n font-size:.72rem;\r\n }\r\n\r\n .camila-flow-svg{\r\n transform:scale(1.4);\r\n margin-left:5vw;\r\n }\r\n\r\n .camila-bg-1{\r\n right:-9vw;\r\n bottom:0;\r\n width:74vw;\r\n height:57vh;\r\n min-height:400px;\r\n background-position:center;\r\n border-radius:999px 999px 14px 14px;\r\n }\r\n\r\n .camila-bg-3{\r\n top:14vh;\r\n right:-18vw;\r\n width:72vw;\r\n height:58vh;\r\n background-position:25%;\r\n }\r\n\r\n .camila-bg-2{\r\n top:19vh;\r\n right:5vw;\r\n width:30vw;\r\n border-width:5px;\r\n }\r\n\r\n .pillBlur{\r\n padding:1.6rem;\r\n }\r\n\r\n .hero-2,\r\n .hero-3{\r\n margin-left:0;\r\n }\r\n}\r\n\r\n@media(max-width:480px){\r\n .camila-reading-text{\r\n font-size:clamp(2.45rem, 12vw, 3.25rem);\r\n gap:.32rem;\r\n }\r\n\r\n .camila-line{\r\n font-size:inherit;\r\n }\r\n\r\n .camila-mini-title{\r\n font-size:.68rem;\r\n letter-spacing:.18em;\r\n }\r\n}\r\n\r\n\/* HERO COUNTRIES MARQUEE *\/\r\n\r\n.hero-countries-intro{\r\n position:relative;\r\n z-index:12;\r\n width:100%;\r\n padding:30px 24px 10px;\r\n background:rgba(246,240,226,.98);\r\n text-align:center;\r\n}\r\n\r\n.hero-countries-intro__label{\r\n display:inline-flex;\r\n align-items:center;\r\n justify-content:center;\r\n gap:14px;\r\n color:var(--gris-azulado-oscuro);\r\n font-family:'Nunito', sans-serif;\r\n font-size:clamp(.82rem, 1.2vw, .98rem);\r\n font-weight:700;\r\n letter-spacing:.18em;\r\n text-transform:uppercase;\r\n}\r\n\r\n.hero-countries-intro__label::before,\r\n.hero-countries-intro__label::after{\r\n content:\"\";\r\n width:38px;\r\n height:1px;\r\n background:linear-gradient(90deg, transparent, var(--beige-dorado));\r\n}\r\n\r\n.hero-countries-intro__label::after{\r\n background:linear-gradient(90deg, var(--mica-azul-claro), transparent);\r\n}\r\n\r\n.hero-countries-marquee{\r\n position:relative;\r\n z-index:12;\r\n width:100%;\r\n overflow:hidden;\r\n padding:24px 0 28px;\r\n background:rgba(246,240,226,.98);\r\n border-top:1px solid rgba(83,96,104,.08);\r\n border-bottom:8px solid rgba(204,215,221,.72);\r\n box-shadow:0 -18px 48px rgba(83,96,104,.06);\r\n -webkit-mask-image:linear-gradient(90deg, transparent, #000 8%, #000 92%, transparent);\r\n mask-image:linear-gradient(90deg, transparent, #000 8%, #000 92%, transparent);\r\n}\r\n\r\n.hero-countries-marquee__track{\r\n display:flex;\r\n width:max-content;\r\n gap:0;\r\n will-change:transform;\r\n animation:heroCountriesMarquee 72s linear infinite;\r\n}\r\n\r\n.hero-countries-marquee:hover .hero-countries-marquee__track{\r\n animation-play-state:paused;\r\n}\r\n\r\n.hero-countries-marquee__group{\r\n display:flex;\r\n align-items:center;\r\n flex:0 0 auto;\r\n gap:42px;\r\n padding-right:42px;\r\n}\r\n\r\n.hero-countries-marquee__item{\r\n display:inline-flex;\r\n align-items:center;\r\n gap:42px;\r\n color:#343030;\r\n font-family:'Nunito Sans', 'Nunito', sans-serif!important;\r\n font-size:clamp(2rem, 3vw, 3.15rem);\r\n font-style:normal;\r\n font-weight:300;\r\n line-height:1;\r\n white-space:nowrap;\r\n}\r\n\r\n.hero-countries-marquee__item::after{\r\n content:\"\";\r\n width:14px;\r\n height:14px;\r\n flex:0 0 auto;\r\n background:#86afd0;\r\n clip-path:polygon(\r\n 50% 0,\r\n 58% 36%,\r\n 95% 18%,\r\n 64% 46%,\r\n 100% 50%,\r\n 64% 54%,\r\n 95% 82%,\r\n 58% 64%,\r\n 50% 100%,\r\n 42% 64%,\r\n 5% 82%,\r\n 36% 54%,\r\n 0 50%,\r\n 36% 46%,\r\n 5% 18%,\r\n 42% 36%\r\n );\r\n opacity:.86;\r\n}\r\n\r\n@keyframes heroCountriesMarquee{\r\n from{\r\n transform:translate3d(0, 0, 0);\r\n }\r\n\r\n to{\r\n transform:translate3d(-50%, 0, 0);\r\n }\r\n}\r\n\r\n@media(max-width:768px){\r\n .hero-countries-intro{\r\n padding:24px 18px 8px;\r\n }\r\n\r\n .hero-countries-intro__label{\r\n gap:10px;\r\n font-size:.72rem;\r\n letter-spacing:.12em;\r\n }\r\n\r\n .hero-countries-intro__label::before,\r\n .hero-countries-intro__label::after{\r\n width:24px;\r\n }\r\n\r\n .hero-countries-marquee{\r\n padding:18px 0 22px;\r\n border-bottom-width:6px;\r\n }\r\n\r\n .hero-countries-marquee__group,\r\n .hero-countries-marquee__item{\r\n gap:28px;\r\n }\r\n\r\n .hero-countries-marquee__group{\r\n padding-right:28px;\r\n }\r\n\r\n .hero-countries-marquee__item{\r\n font-size:clamp(1.7rem, 9vw, 2.55rem);\r\n }\r\n\r\n .hero-countries-marquee__item::after{\r\n width:11px;\r\n height:11px;\r\n }\r\n}\r\n\r\n@media(prefers-reduced-motion:reduce){\r\n .hero-countries-marquee__track{\r\n animation:none;\r\n transform:none;\r\n }\r\n}\r\n<\/style>\r\n<!-- ========================= -->\r\n<!-- HERO CSS - FIN -->\r\n<!-- ========================= -->\r\n<!-- ========================= -->\r\n<!-- MAGNETIC CARDS CSS - INICIO -->\r\n<!-- ========================= -->\r\n<style>\r\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Cormorant+Garamond:wght@400;500;600&family=Nunito:wght@300;400;500&display=swap');\r\n\r\n:root{\r\n --mica-azul-claro:#ccd7dd;\r\n --mica-gris-claro:#e8ecef;\r\n --mica-dorado:#dbb58b;\r\n --mica-hueso:#f6f0e2;\r\n --mica-oscuro:#536068;\r\n}\r\n\r\n.mica-magnetic-section{\r\n width:100%;\r\n padding:80px 2vw 48px;\r\n background-color:var(--mica-hueso);\r\n overflow:hidden;\r\n box-sizing:border-box;\r\n}\r\n\r\n.mica-section-head{\r\n position:relative;\r\n width:min(1180px,92%);\r\n max-width:none;\r\n margin:0 auto 52px;\r\n display:grid;\r\n grid-template-columns:minmax(0, 1.05fr) minmax(280px, .62fr);\r\n gap:clamp(28px, 5vw, 76px);\r\n align-items:end;\r\n text-align:left;\r\n color:var(--mica-oscuro);\r\n}\r\n\r\n.mica-section-head::before{\r\n content:\"\";\r\n position:absolute;\r\n left:0;\r\n top:-24px;\r\n width:min(100%, 520px);\r\n height:1px;\r\n background:linear-gradient(90deg, var(--mica-dorado), rgba(134,175,208,.58), transparent);\r\n}\r\n\r\n.mica-section-head span{\r\n display:inline-flex;\r\n align-items:center;\r\n gap:12px;\r\n margin-bottom:14px;\r\n font-family:'Nunito', sans-serif;\r\n font-size:.82rem;\r\n letter-spacing:.2em;\r\n text-transform:uppercase;\r\n color:var(--mica-dorado);\r\n}\r\n\r\n.mica-section-head span::before{\r\n content:\"\";\r\n width:9px;\r\n height:9px;\r\n flex:0 0 auto;\r\n background:#86afd0;\r\n clip-path:polygon(50% 0, 62% 36%, 100% 50%, 62% 64%, 50% 100%, 38% 64%, 0 50%, 38% 36%);\r\n}\r\n\r\n.mica-section-head h2{\r\n margin:0;\r\n font-family:'Cormorant Garamond', serif;\r\n font-size:clamp(3.15rem, 6.4vw, 6.4rem);\r\n font-weight:500;\r\n line-height:.86;\r\n letter-spacing:0;\r\n color:var(--mica-oscuro);\r\n text-wrap:balance;\r\n}\r\n\r\n.mica-section-head p{\r\n position:relative;\r\n max-width:430px;\r\n margin:0 0 10px;\r\n padding-left:26px;\r\n font-family:'Nunito', sans-serif;\r\n font-size:1.05rem;\r\n line-height:1.72;\r\n color:rgba(83,96,104,.82);\r\n}\r\n\r\n.mica-section-head p::before{\r\n content:\"\";\r\n position:absolute;\r\n left:0;\r\n top:.45em;\r\n bottom:.45em;\r\n width:2px;\r\n background:rgba(134,175,208,.62);\r\n}\r\n\r\n.mica-magnetic-grid{\r\n width:100%;\r\n height:76vh;\r\n min-height:620px;\r\n padding:4%;\r\n display:flex;\r\n gap:16px;\r\n align-items:stretch;\r\n}\r\n\r\n.mica-card{\r\n position:relative;\r\n width:50%;\r\n height:100%;\r\n overflow:hidden;\r\n cursor:pointer;\r\n border-radius:6px;\r\n transform:translateZ(0);\r\n will-change:width;\r\n contain:layout paint;\r\n isolation:isolate;\r\n box-shadow:\r\n 0 28px 72px rgba(83,96,104,.14),\r\n inset 0 0 0 1px rgba(246,240,226,.18);\r\n}\r\n\r\n.mica-card-bg{\r\n position:absolute;\r\n inset:0;\r\n background-size:cover;\r\n background-position:center;\r\n transform:scale(1.06);\r\n filter:saturate(.78) contrast(.94) brightness(1.05);\r\n will-change:transform;\r\n}\r\n\r\n.mica-card-overlay{\r\n position:absolute;\r\n inset:0;\r\n background:\r\n linear-gradient(180deg, rgba(42,48,51,.18) 0%, rgba(83,96,104,.18) 34%, rgba(43,52,57,.84) 100%),\r\n linear-gradient(90deg, rgba(22,27,30,.36) 0%, rgba(83,96,104,.12) 46%, rgba(246,240,226,.1) 100%),\r\n radial-gradient(circle at 52% 24%, rgba(246,240,226,.36), transparent 36%);\r\n z-index:2;\r\n pointer-events:none;\r\n}\r\n\r\n.mica-card::before,\r\n.mica-card::after{\r\n content:\"\";\r\n position:absolute;\r\n z-index:3;\r\n pointer-events:none;\r\n}\r\n\r\n.mica-card::before{\r\n inset:16px;\r\n border:1px solid rgba(246,240,226,.22);\r\n border-radius:4px;\r\n opacity:.7;\r\n}\r\n\r\n.mica-card::after{\r\n left:34px;\r\n right:34px;\r\n bottom:96px;\r\n height:1px;\r\n background:linear-gradient(90deg, rgba(219,181,139,.92), rgba(246,240,226,.28), transparent);\r\n opacity:.78;\r\n}\r\n\r\n.mica-card-content{\r\n position:relative;\r\n z-index:5;\r\n height:100%;\r\n display:flex;\r\n flex-direction:column;\r\n justify-content:space-between;\r\n padding:36px;\r\n box-sizing:border-box;\r\n pointer-events:auto;\r\n}\r\n\r\n.mica-card-content h3{\r\n margin:0;\r\n color:var(--mica-hueso);\r\n font-family:'Cormorant Garamond', serif;\r\n font-size:clamp(2.35rem, 3.2vw, 3.8rem);\r\n font-weight:500;\r\n line-height:.9;\r\n letter-spacing:0;\r\n text-shadow:0 10px 40px rgba(0,0,0,.18);\r\n will-change:transform;\r\n}\r\n\r\n.mica-card-body{\r\n display:flex;\r\n flex-direction:column;\r\n align-items:flex-start;\r\n gap:22px;\r\n}\r\n\r\n.mica-card-content p{\r\n margin:0;\r\n max-width:410px;\r\n color:rgba(246,240,226,.92);\r\n font-family:'Nunito', sans-serif;\r\n font-size:1.16rem;\r\n font-weight:600;\r\n line-height:1.7;\r\n opacity:.92;\r\n transform:translateY(12px);\r\n will-change:transform, opacity;\r\n}\r\n\r\n.mica-card-dot{\r\n width:9px;\r\n height:9px;\r\n border-radius:50%;\r\n background:var(--mica-dorado);\r\n display:block;\r\n box-shadow:0 0 22px rgba(219,181,139,.85);\r\n}\r\n\r\n.mica-card-cta{\r\n position:absolute;\r\n top:36px;\r\n right:36px;\r\n z-index:7;\r\n display:inline-flex;\r\n align-items:center;\r\n justify-content:center;\r\n gap:12px;\r\n min-height:42px;\r\n padding:10px 18px;\r\n color:var(--mica-hueso);\r\n font-family:'Nunito', sans-serif;\r\n font-size:.78rem;\r\n font-weight:800;\r\n letter-spacing:.14em;\r\n line-height:1;\r\n text-decoration:none;\r\n text-transform:uppercase;\r\n border:1px solid rgba(246,240,226,.54);\r\n border-radius:999px;\r\n background:rgba(246,240,226,.12);\r\n backdrop-filter:blur(12px);\r\n -webkit-backdrop-filter:blur(12px);\r\n box-shadow:0 14px 34px rgba(0,0,0,.12);\r\n transform:translateY(0);\r\n opacity:1;\r\n transition:\r\n color .3s ease,\r\n background .3s ease,\r\n border-color .3s ease,\r\n transform .3s ease,\r\n box-shadow .3s ease;\r\n will-change:transform, opacity;\r\n}\r\n\r\n.mica-card-cta::after{\r\n content:\"\";\r\n width:7px;\r\n height:7px;\r\n border-top:2px solid currentColor;\r\n border-right:2px solid currentColor;\r\n transform:rotate(135deg) translate(-1px, 1px);\r\n}\r\n\r\n.mica-card-cta:hover,\r\n.mica-card-cta:focus-visible{\r\n color:var(--mica-oscuro);\r\n background:var(--mica-dorado);\r\n border-color:var(--mica-dorado);\r\n box-shadow:0 18px 42px rgba(0,0,0,.16);\r\n outline:none;\r\n}\r\n\r\n@media(max-width:991px){\r\n .mica-magnetic-section{\r\n padding:58px 18px 38px;\r\n }\r\n\r\n .mica-magnetic-grid{\r\n display:grid;\r\n grid-template-columns:1fr;\r\n height:auto;\r\n min-height:auto;\r\n gap:16px;\r\n padding:0;\r\n }\r\n\r\n .mica-card{\r\n width:100%;\r\n min-height:0;\r\n aspect-ratio:1 \/ 1.08;\r\n border-radius:8px;\r\n cursor:default;\r\n box-shadow:0 16px 42px rgba(83,96,104,.14);\r\n will-change:auto;\r\n }\r\n\r\n .mica-card-bg{\r\n transform:scale(1.02);\r\n filter:saturate(.82) contrast(.96) brightness(.98);\r\n will-change:auto;\r\n }\r\n\r\n .mica-card-overlay{\r\n background:\r\n linear-gradient(to top, rgba(45,54,59,.88) 0%, rgba(83,96,104,.5) 48%, rgba(246,240,226,.14) 100%),\r\n radial-gradient(circle at 50% 20%, rgba(246,240,226,.42), transparent 38%);\r\n }\r\n\r\n .mica-card::before{\r\n inset:12px;\r\n }\r\n\r\n .mica-card::after{\r\n left:24px;\r\n right:24px;\r\n bottom:88px;\r\n }\r\n\r\n .mica-card-content{\r\n justify-content:flex-end;\r\n gap:clamp(18px, 5vw, 26px);\r\n padding:clamp(38px, 9vw, 46px) 24px 26px;\r\n }\r\n\r\n .mica-card-content h3{\r\n font-size:clamp(1.82rem, 9.4vw, 2.52rem);\r\n line-height:.96;\r\n max-width:88%;\r\n }\r\n\r\n .mica-card-content p{\r\n max-width:88%;\r\n font-size:.96rem;\r\n line-height:1.62;\r\n opacity:.94;\r\n transform:none;\r\n }\r\n\r\n .mica-card-body{\r\n gap:clamp(20px, 5vw, 28px);\r\n }\r\n\r\n .mica-card-dot{\r\n position:absolute;\r\n top:22px;\r\n right:22px;\r\n width:8px;\r\n height:8px;\r\n }\r\n\r\n .mica-card-cta{\r\n position:relative;\r\n top:auto;\r\n left:auto;\r\n right:auto;\r\n z-index:7;\r\n min-height:42px;\r\n margin-top:0;\r\n padding:11px 18px;\r\n font-size:.72rem;\r\n transform:none;\r\n opacity:1;\r\n }\r\n}\r\n<\/style>\r\n<!-- ========================= -->\r\n<!-- MAGNETIC CARDS CSS - FIN -->\r\n<!-- ========================= -->\r\n\r\n<!-- ========================= -->\r\n<!-- MI HISTORIA CSS - INICIO -->\r\n<!-- ========================= -->\r\n<style>\r\n.philosophy-section{\r\n position:relative;\r\n height:260vh;\r\n scroll-margin-top:96px;\r\n background:\r\n radial-gradient(circle at 50% 20%, rgba(204,215,221,.55), transparent 34%),\r\n radial-gradient(circle at 20% 80%, rgba(219,181,139,.24), transparent 32%),\r\n linear-gradient(180deg, var(--mica-hueso) 0%, var(--mica-gris-claro) 58%, var(--mica-azul-claro) 100%);\r\n}\r\n\r\n.philosophy-section__inner{\r\n position:relative;\r\n top:0;\r\n height:80vh;\r\n width:100%;\r\n max-width:none;\r\n display:flex;\r\n flex-direction:column;\r\n align-items:center;\r\n justify-content:center;\r\n padding:4vw;\r\n overflow:hidden;\r\n}\r\n\r\n.philosophy-section__mini-top{\r\n display:flex;\r\n flex-direction:column;\r\n align-items:center;\r\n gap:12px;\r\n margin-bottom:20px;\r\n margin-top:10vh;\r\n}\r\n\r\n.philosophy-section__icon-wrap{\r\n color:var(--mica-dorado);\r\n opacity:.95;\r\n filter:drop-shadow(0 10px 26px rgba(219,181,139,.28));\r\n}\r\n\r\n.philosophy-section__mini-top span{\r\n font-family:'Nunito', sans-serif;\r\n font-size:13px;\r\n letter-spacing:2.5px;\r\n font-weight:700;\r\n color:var(--mica-oscuro);\r\n}\r\n\r\n.philosophy-section__reading-text{\r\n width:min(1200px,90%);\r\n margin:0 auto;\r\n text-align:center;\r\n line-height:1.05;\r\n\/*\r\n --font-primary:\"Mica Mongek\", \"Cormorant Garamond\", serif;\r\n --font-secondary:\"Mica Acumin\", \"myriad-variable\", \"Nunito\", sans-serif;\r\n --font-feature:\"myriad-variable\", \"Mica Acumin\", \"Nunito\", sans-serif;\r\n --font-content:\"Nunito\", \"Mica Acumin\", sans-serif;\r\n *\/\r\n \/*font-family:'Cormorant Garamond', serif;*\/\r\n\r\n font-family:'Nunito', sans-serif!important;\r\n font-weight:100;\r\n font-size:clamp(2.4rem,2.6vw,2.6rem);\r\n letter-spacing:-.035em;\r\n}\r\n\r\n.philosophy-section__reading-text > span{\r\n color:rgba(83,96,104,.42);\r\n will-change:color, opacity, filter;\r\n}\r\n\r\n.philosophy-section__reading-word{\r\n display:inline-block;\r\n color:rgba(83,96,104,.30);\r\n opacity:.42;\r\n filter:blur(5px);\r\n transform:translateY(.28em);\r\n will-change:color, opacity, filter, transform;\r\n}\r\n\r\n.philosophy-section__button{\r\n margin-top:30px;\r\n display:inline-flex;\r\n align-items:center;\r\n gap:26px;\r\n padding:16px 24px;\r\n border-radius:999px;\r\n text-decoration:none;\r\n background:var(--mica-oscuro);\r\n color:var(--mica-hueso);\r\n font-family:'Nunito', sans-serif;\r\n font-size:13px;\r\n letter-spacing:1.4px;\r\n font-weight:700;\r\n transform:translateY(20px);\r\n opacity:0;\r\n box-shadow:0 18px 50px rgba(83,96,104,.22);\r\n transition:background .35s ease, color .35s ease, transform .35s ease;\r\n}\r\n\r\n.philosophy-section__button:hover{\r\n background:var(--mica-dorado);\r\n color:var(--mica-oscuro);\r\n transform:translateY(-2px);\r\n}\r\n\r\n.philosophy-section__button-dot{\r\n width:6px;\r\n height:6px;\r\n border-radius:50%;\r\n background:var(--mica-dorado);\r\n}\r\n\r\n.philosophy-section__button:hover .philosophy-section__button-dot{\r\n background:var(--mica-oscuro);\r\n}\r\n\r\n@media(max-width:768px){\r\n .philosophy-section{\r\n height:285vh;\r\n }\r\n\r\n .philosophy-section__inner{\r\n padding:10vw 6vw;\r\n }\r\n\r\n .philosophy-section__mini-top{\r\n margin-bottom:40px;\r\n }\r\n\r\n .philosophy-section__reading-text{\r\n width:100%;\r\n line-height:1.12;\r\n font-size:clamp(2.2rem,9vw,3.4rem);\r\n }\r\n\r\n .philosophy-section__button{\r\n margin-top:50px;\r\n padding:14px 18px;\r\n font-size:12px;\r\n }\r\n}\r\n<\/style>\r\n<!-- ========================= -->\r\n<!-- MI HISTORIA CSS - FIN -->\r\n<!-- ========================= -->\r\n\r\n<!-- ========================= -->\r\n<!-- EDITORIAL STORY CSS - INICIO -->\r\n<!-- ========================= -->\r\n<style>\r\n.editorial-story *{\r\n box-sizing:border-box;\r\n}\r\n\r\n.editorial-story{\r\n --title:var(--gris-azulado-oscuro);\r\n --text:rgba(83,96,104,.82);\r\n --accent:var(--beige-dorado);\r\n scroll-margin-top:96px;\r\n\r\n background:\r\n linear-gradient(\r\n 180deg,\r\n #cdd3d4 0%,\r\n var(--gris-claro) 100%\r\n );\r\n\r\n width:100%;\r\n overflow:hidden;\r\n padding:100px 0;\r\n font-family:'Inter', 'Nunito', sans-serif;\r\n position:relative;\r\n}\r\n\r\n.editorial-story::before{\r\n content:\"\";\r\n position:absolute;\r\n inset:0;\r\n background:\r\n radial-gradient(circle at 18% 22%, rgba(219,181,139,.16), transparent 34%),\r\n radial-gradient(circle at 85% 18%, rgba(204,215,221,.42), transparent 38%);\r\n pointer-events:none;\r\n}\r\n\r\n.story-grid{\r\n width:min(1500px,92%);\r\n margin:auto;\r\n display:grid;\r\n grid-template-columns:1fr 1fr;\r\n gap:60px;\r\n align-items:center;\r\n min-height:100vh;\r\n position:relative;\r\n z-index:2;\r\n}\r\n\r\n.story-content{\r\n max-width:640px;\r\n z-index:3;\r\n}\r\n\r\n.eyebrow{\r\n display:block;\r\n margin-bottom:42px;\r\n color:var(--accent);\r\n font-size:13px;\r\n letter-spacing:.24em;\r\n font-weight:700;\r\n text-transform:uppercase;\r\n}\r\n\r\n.story-title{\r\n margin:0;\r\n font-family:'Cormorant Garamond', serif;\r\n font-size:clamp(3rem,7vw,6rem);\r\n line-height:.92;\r\n font-weight:500;\r\n color:var(--title);\r\n letter-spacing:-.04em;\r\n}\r\n\r\n.story-text{\r\n margin-top:38px;\r\n max-width:600px;\r\n color:var(--text);\r\n font-size:1.1rem;\r\n line-height:1.9;\r\n font-weight:400;\r\n}\r\n\r\n.story-btn{\r\n margin-top:52px;\r\n display:inline-flex;\r\n align-items:center;\r\n gap:28px;\r\n text-decoration:none;\r\n padding:18px 28px;\r\n border-radius:999px;\r\n font-size:13px;\r\n font-weight:700;\r\n letter-spacing:.14em;\r\n text-transform:uppercase;\r\n color:var(--hueso);\r\n background:\r\n linear-gradient(\r\n 135deg,\r\n rgba(83,96,104,.94),\r\n rgba(83,96,104,.78)\r\n );\r\n backdrop-filter:blur(12px);\r\n -webkit-backdrop-filter:blur(12px);\r\n border:1px solid rgba(246,240,226,.18);\r\n box-shadow:0 14px 44px rgba(83,96,104,.14);\r\n transition:\r\n transform .45s ease,\r\n background .45s ease,\r\n box-shadow .45s ease;\r\n}\r\n\r\n.story-btn:hover{\r\n background:\r\n linear-gradient(\r\n 135deg,\r\n rgba(219,181,139,.94),\r\n rgba(219,181,139,.78)\r\n );\r\n box-shadow:0 18px 50px rgba(219,181,139,.22);\r\n color:var(--gris-azulado-oscuro);\r\n}\r\n\r\n.story-btn .dot{\r\n width:6px;\r\n height:6px;\r\n border-radius:50%;\r\n background:currentColor;\r\n}\r\n\r\n.story-images{\r\n position:relative;\r\n height:860px;\r\n pointer-events:none;\r\n}\r\n\r\n.img-wrap{\r\n position:absolute;\r\n overflow:hidden;\r\n border-radius:26px;\r\n will-change:transform;\r\n transform:translate3d(0,0,0);\r\n}\r\n\r\n.img-wrap::after{\r\n content:\"\";\r\n position:absolute;\r\n inset:0;\r\n background:\r\n linear-gradient(\r\n 180deg,\r\n rgba(246,240,226,.04),\r\n rgba(83,96,104,.12)\r\n );\r\n backdrop-filter:blur(1.5px);\r\n -webkit-backdrop-filter:blur(1.5px);\r\n pointer-events:none;\r\n}\r\n\r\n.img-wrap img{\r\n width:100%;\r\n height:112%;\r\n object-fit:cover;\r\n display:block;\r\n filter:saturate(.86) contrast(.96) brightness(1.04);\r\n transform:scale(1.08);\r\n will-change:transform;\r\n}\r\n\r\n.img-back{\r\n width:62%;\r\n height:92%;\r\n right:0;\r\n top:0;\r\n z-index:1;\r\n box-shadow:0 18px 60px rgba(83,96,104,.10);\r\n}\r\n\r\n.img-back img{\r\n opacity:.92;\r\n}\r\n\r\n.img-front{\r\n width:54%;\r\n height:72%;\r\n left:8%;\r\n bottom:-3%;\r\n z-index:2;\r\n box-shadow:0 30px 80px rgba(83,96,104,.14);\r\n}\r\n\r\n.img-front::before,\r\n.img-back::before{\r\n content:\"\";\r\n position:absolute;\r\n inset:0;\r\n border:1px solid rgba(246,240,226,.22);\r\n border-radius:26px;\r\n z-index:2;\r\n pointer-events:none;\r\n}\r\n\r\n.gsap-float,\r\n.img-parallax{\r\n will-change:transform;\r\n}\r\n\r\n@media(max-width:1100px){\r\n .story-grid{\r\n grid-template-columns:1fr;\r\n gap:80px;\r\n }\r\n\r\n .story-content{\r\n max-width:100%;\r\n }\r\n\r\n .story-images{\r\n height:700px;\r\n }\r\n\r\n .img-back{\r\n width:70%;\r\n }\r\n\r\n .img-front{\r\n width:58%;\r\n }\r\n}\r\n\r\n@media(max-width:768px){\r\n .editorial-story{\r\n padding:72px 20px 88px;\r\n overflow:hidden;\r\n }\r\n\r\n .story-grid{\r\n width:min(100%,560px);\r\n min-height:auto;\r\n gap:42px;\r\n }\r\n\r\n .story-content{\r\n max-width:100%;\r\n }\r\n\r\n .editorial-story .gsap-float,\r\n .editorial-story .img-parallax{\r\n transform:none!important;\r\n rotate:0deg!important;\r\n will-change:auto;\r\n }\r\n\r\n .story-title{\r\n font-size:clamp(3rem,13vw,4.1rem);\r\n line-height:1;\r\n letter-spacing:-.02em;\r\n }\r\n\r\n .story-text{\r\n margin-top:24px;\r\n font-size:.98rem;\r\n line-height:1.7;\r\n }\r\n\r\n .story-images{\r\n display:grid;\r\n grid-template-columns:1fr;\r\n gap:18px;\r\n height:auto;\r\n width:min(100%,420px);\r\n margin:0 auto;\r\n }\r\n\r\n .img-wrap{\r\n position:relative;\r\n inset:auto;\r\n width:100%;\r\n height:auto;\r\n aspect-ratio:4 \/ 4.35;\r\n border-radius:18px;\r\n transform:none!important;\r\n }\r\n\r\n .img-wrap::after{\r\n background:linear-gradient(180deg, rgba(246,240,226,.02), rgba(83,96,104,.08));\r\n backdrop-filter:none;\r\n -webkit-backdrop-filter:none;\r\n }\r\n\r\n .img-back{\r\n width:62%;\r\n height:auto;\r\n right:auto;\r\n top:auto;\r\n justify-self:start;\r\n }\r\n\r\n .img-front{\r\n width:62%;\r\n height:auto;\r\n left:auto;\r\n bottom:auto;\r\n justify-self:end;\r\n margin-top:-24px;\r\n }\r\n\r\n .img-wrap img{\r\n height:100%;\r\n transform:none!important;\r\n }\r\n}\r\n<\/style>\r\n<!-- ========================= -->\r\n<!-- EDITORIAL STORY CSS - FIN -->\r\n<!-- ========================= -->\r\n\r\n<!-- ========================= -->\r\n<!-- FLOATING PROCESS CSS - INICIO -->\r\n<!-- ========================= -->\r\n<style>\r\n.floating-process{\r\n --bg:#f6f4ef;\r\n --verde:#536068;\r\n --texto:#313535;\r\n --gris:#667076;\r\n --linea:#dfe5e7;\r\n --dorado:#dbb58b;\r\n --hueso:#f6f0e2;\r\n\r\n position:relative;\r\n padding:clamp(70px, 8vw, 120px) 0 clamp(56px, 7vw, 96px);\r\n background:\r\n linear-gradient(180deg, rgba(246,240,226,.68) 0%, rgba(246,244,239,1) 24%, rgba(232,236,239,.62) 100%);\r\n font-family:'Inter', 'Nunito', sans-serif;\r\n overflow:hidden;\r\n}\r\n\r\n.floating-process *{\r\n box-sizing:border-box;\r\n}\r\n\r\n.fixed-bg{\r\n position:fixed;\r\n inset:0;\r\n width:100%;\r\n height:100vh;\r\n pointer-events:none;\r\n z-index:1;\r\n opacity:0;\r\n visibility:hidden;\r\n transition:\r\n opacity .8s cubic-bezier(.22,1,.36,1),\r\n visibility .8s cubic-bezier(.22,1,.36,1);\r\n}\r\n\r\n.fixed-bg.visible{\r\n opacity:1;\r\n visibility:visible;\r\n}\r\n\r\n.bg-lines{\r\n width:100%;\r\n height:100%;\r\n opacity:.8;\r\n will-change:transform;\r\n transition:transform .15s linear;\r\n}\r\n\r\n.process-wrapper{\r\n position:relative;\r\n z-index:2;\r\n}\r\n\r\n.process-intro{\r\n position:relative;\r\n z-index:2;\r\n width:min(1180px,90%);\r\n margin:0 auto clamp(34px, 5vw, 70px);\r\n display:grid;\r\n grid-template-columns:minmax(0, .9fr) minmax(280px, .58fr);\r\n gap:clamp(28px, 5vw, 76px);\r\n align-items:end;\r\n}\r\n\r\n.process-intro__eyebrow{\r\n display:inline-flex;\r\n align-items:center;\r\n gap:12px;\r\n margin-bottom:18px;\r\n color:var(--dorado);\r\n font-size:.78rem;\r\n font-weight:700;\r\n letter-spacing:.2em;\r\n text-transform:uppercase;\r\n}\r\n\r\n.process-intro__eyebrow::before{\r\n content:\"\";\r\n width:10px;\r\n height:10px;\r\n flex:0 0 auto;\r\n background:#86afd0;\r\n clip-path:polygon(50% 0, 62% 36%, 100% 50%, 62% 64%, 50% 100%, 38% 64%, 0 50%, 38% 36%);\r\n}\r\n\r\n.process-intro h2{\r\n margin:0;\r\n color:var(--verde);\r\n font-family:'Cormorant Garamond', serif;\r\n font-size:clamp(2.7rem, 5vw, 5.2rem);\r\n font-weight:500;\r\n line-height:.9;\r\n letter-spacing:0;\r\n text-wrap:balance;\r\n}\r\n\r\n.process-intro p{\r\n position:relative;\r\n margin:0 0 10px;\r\n padding-left:24px;\r\n color:rgba(83,96,104,.78);\r\n font-size:1.02rem;\r\n line-height:1.75;\r\n}\r\n\r\n.process-intro p::before{\r\n content:\"\";\r\n position:absolute;\r\n left:0;\r\n top:.42em;\r\n bottom:.42em;\r\n width:2px;\r\n background:rgba(219,181,139,.74);\r\n}\r\n\r\n.process-card{\r\n position:relative;\r\n min-height:70vh;\r\n padding:clamp(56px, 7vw, 92px) 0;\r\n display:grid;\r\n grid-template-columns:minmax(0, .95fr) minmax(0, 1.05fr);\r\n gap:clamp(42px, 6vw, 92px);\r\n align-items:center;\r\n width:min(1350px,90%);\r\n margin:auto;\r\n opacity:.18;\r\n transform:translateY(80px) scale(.97);\r\n transition:\r\n opacity 1.2s cubic-bezier(.22,1,.36,1),\r\n transform 1.2s cubic-bezier(.22,1,.36,1);\r\n will-change:transform, opacity;\r\n}\r\n\r\n.process-card.active{\r\n opacity:1;\r\n transform:translateY(0) scale(1);\r\n}\r\n\r\n.process-card .content{\r\n max-width:660px;\r\n transition:transform .2s linear;\r\n}\r\n\r\n.process-card .eyebrow{\r\n display:inline-flex;\r\n align-items:center;\r\n gap:12px;\r\n margin-bottom:22px;\r\n color:var(--verde);\r\n font-size:11px;\r\n font-weight:600;\r\n letter-spacing:3px;\r\n opacity:.9;\r\n text-transform:uppercase;\r\n}\r\n\r\n.process-card .eyebrow::before{\r\n content:\"\";\r\n width:34px;\r\n height:1px;\r\n background:var(--dorado);\r\n opacity:.9;\r\n}\r\n\r\n.process-card .content h2{\r\n margin:0;\r\n color:var(--verde);\r\n font-family:'Cormorant Garamond', serif;\r\n font-size:clamp(2.55rem,3.55vw,4.05rem);\r\n line-height:1;\r\n font-weight:500;\r\n}\r\n\r\n.process-card .content p{\r\n margin-top:22px;\r\n max-width:640px;\r\n color:var(--gris);\r\n font-size:1.08rem;\r\n line-height:1.9;\r\n font-weight:400;\r\n}\r\n\r\n.session-summary{\r\n display:flex;\r\n flex-wrap:wrap;\r\n gap:10px;\r\n margin:24px 0 4px;\r\n padding:0;\r\n list-style:none;\r\n}\r\n\r\n.session-summary li{\r\n display:inline-flex;\r\n align-items:center;\r\n min-height:34px;\r\n padding:8px 13px;\r\n color:rgba(83,96,104,.9);\r\n font-size:.82rem;\r\n font-weight:700;\r\n line-height:1.2;\r\n border:1px solid rgba(83,96,104,.14);\r\n border-radius:999px;\r\n background:rgba(255,255,255,.48);\r\n box-shadow:0 10px 26px rgba(83,96,104,.05);\r\n}\r\n\r\n.session-benefits{\r\n display:grid;\r\n grid-template-columns:repeat(2, minmax(0, 1fr));\r\n gap:12px;\r\n margin:28px 0 0;\r\n padding:0;\r\n list-style:none;\r\n}\r\n\r\n.session-benefits li{\r\n position:relative;\r\n padding-left:22px;\r\n color:rgba(83,96,104,.86);\r\n font-size:.98rem;\r\n line-height:1.55;\r\n}\r\n\r\n.session-benefits li::before{\r\n content:\"\";\r\n position:absolute;\r\n left:0;\r\n top:.56em;\r\n width:8px;\r\n height:8px;\r\n border-radius:50%;\r\n background:var(--dorado);\r\n box-shadow:0 0 18px rgba(219,181,139,.55);\r\n}\r\n\r\n.session-detail{\r\n position:relative;\r\n display:flex;\r\n flex-direction:column;\r\n align-items:flex-start;\r\n justify-content:center;\r\n min-height:360px;\r\n padding:clamp(18px, 3vw, 34px);\r\n color:var(--verde);\r\n background:transparent;\r\n border:0;\r\n border-radius:0;\r\n box-shadow:none;\r\n overflow:visible;\r\n transition:transform .2s linear, opacity .2s linear;\r\n}\r\n\r\n.session-detail::before{\r\n content:\"\";\r\n position:absolute;\r\n left:clamp(28px, 4vw, 50px);\r\n top:clamp(26px, 3vw, 42px);\r\n width:54px;\r\n height:1px;\r\n background:var(--verde);\r\n opacity:.32;\r\n}\r\n\r\n.session-quote{\r\n position:relative;\r\n margin:0;\r\n color:var(--verde);\r\n font-family:'Cormorant Garamond', serif;\r\n font-size:clamp(2rem,3.2vw,3.2rem);\r\n font-weight:500;\r\n line-height:1.05;\r\n}\r\n\r\n.session-cta{\r\n display:inline-flex;\r\n align-items:center;\r\n justify-content:center;\r\n gap:12px;\r\n min-height:46px;\r\n margin-top:34px;\r\n padding:12px 22px;\r\n color:var(--hueso);\r\n font-size:.78rem;\r\n font-weight:700;\r\n letter-spacing:.12em;\r\n text-decoration:none;\r\n text-transform:uppercase;\r\n background:var(--verde);\r\n border:1px solid rgba(83,96,104,.1);\r\n border-radius:999px;\r\n box-shadow:0 16px 34px rgba(83,96,104,.16);\r\n transition:\r\n color .28s ease,\r\n background .28s ease,\r\n transform .28s ease,\r\n box-shadow .28s ease;\r\n}\r\n\r\n.session-cta::after{\r\n content:\"\";\r\n width:7px;\r\n height:7px;\r\n border-top:2px solid currentColor;\r\n border-right:2px solid currentColor;\r\n transform:rotate(45deg);\r\n}\r\n\r\n.session-cta:hover,\r\n.session-cta:focus-visible{\r\n color:var(--verde);\r\n background:#dbb58b;\r\n transform:translateY(-2px);\r\n box-shadow:0 20px 42px rgba(83,96,104,.18);\r\n}\r\n\r\n.session-detail--organic{\r\n align-items:center;\r\n padding:clamp(18px, 3vw, 34px);\r\n text-align:center;\r\n}\r\n\r\n.session-detail__tag{\r\n display:inline-flex;\r\n align-items:center;\r\n gap:10px;\r\n min-height:32px;\r\n margin-bottom:24px;\r\n padding:8px 13px;\r\n color:rgba(83,96,104,.82);\r\n font-size:.72rem;\r\n font-weight:800;\r\n letter-spacing:.12em;\r\n line-height:1;\r\n text-transform:uppercase;\r\n border:1px solid rgba(83,96,104,.12);\r\n border-radius:999px;\r\n background:rgba(246,240,226,.56);\r\n}\r\n\r\n.session-detail__tag::before{\r\n content:\"\";\r\n width:7px;\r\n height:7px;\r\n border-radius:50%;\r\n background:var(--dorado);\r\n}\r\n\r\n.session-detail.session-detail--organic::before{\r\n left:50%;\r\n transform:translateX(-50%);\r\n}\r\n\r\n.session-detail--organic .blob-wrap{\r\n width:min(100%, 380px);\r\n max-width:380px;\r\n margin:0 auto clamp(26px, 3vw, 38px);\r\n}\r\n\r\n.session-detail--organic .organic-title{\r\n position:relative;\r\n z-index:3;\r\n margin-top:0;\r\n font-size:clamp(2.25rem, 3vw, 3.45rem);\r\n}\r\n\r\n.session-detail--organic .organic-text{\r\n margin-top:18px;\r\n max-width:420px;\r\n font-size:.98rem;\r\n line-height:1.7;\r\n}\r\n\r\n.session-actions{\r\n display:flex;\r\n flex-wrap:wrap;\r\n gap:12px;\r\n margin-top:30px;\r\n}\r\n\r\n.session-actions .session-cta{\r\n margin-top:0;\r\n}\r\n\r\n.session-note{\r\n margin-top:22px;\r\n color:rgba(83,96,104,.64);\r\n font-size:.82rem;\r\n line-height:1.45;\r\n}\r\n\r\n@media(max-width:980px){\r\n .process-intro{\r\n grid-template-columns:1fr;\r\n gap:22px;\r\n }\r\n\r\n .process-card{\r\n grid-template-columns:1fr;\r\n gap:28px;\r\n min-height:auto;\r\n padding:76px 0 58px;\r\n }\r\n\r\n .session-detail{\r\n min-height:auto;\r\n }\r\n\r\n .process-card--image-left .session-detail{\r\n order:2;\r\n }\r\n\r\n .process-card--image-left .content{\r\n order:1;\r\n }\r\n}\r\n\r\n@media(max-width:768px){\r\n .floating-process{\r\n padding:58px 0 64px;\r\n }\r\n\r\n .process-intro{\r\n width:min(100% - 36px,560px);\r\n margin-bottom:32px;\r\n }\r\n\r\n .process-intro__eyebrow{\r\n font-size:.68rem;\r\n letter-spacing:.16em;\r\n }\r\n\r\n .process-intro h2{\r\n font-size:clamp(2.35rem, 10.5vw, 3.1rem);\r\n line-height:.96;\r\n }\r\n\r\n .process-intro p{\r\n padding-left:18px;\r\n font-size:.96rem;\r\n line-height:1.65;\r\n }\r\n\r\n .process-card .content h2{\r\n font-size:clamp(2.45rem, 10vw, 3rem);\r\n }\r\n\r\n .process-card .content p{\r\n font-size:1rem;\r\n line-height:1.85;\r\n }\r\n\r\n .session-quote{\r\n font-size:clamp(1.9rem,9vw,2.7rem);\r\n }\r\n\r\n .session-summary,\r\n .session-benefits{\r\n grid-template-columns:1fr;\r\n }\r\n\r\n .session-summary{\r\n margin-top:20px;\r\n }\r\n\r\n .session-benefits{\r\n gap:10px;\r\n margin-top:22px;\r\n }\r\n\r\n .session-actions{\r\n width:100%;\r\n }\r\n}\r\n<\/style>\r\n<!-- ========================= -->\r\n<!-- FLOATING PROCESS CSS - FIN -->\r\n<!-- ========================= -->\r\n\r\n<!-- ========================= -->\r\n<!-- CURVED REVEAL CSS - INICIO -->\r\n<!-- ========================= -->\r\n<style>\r\n.curve-section{\r\n --bg:#efefee;\r\n --text:#2f3434;\r\n --green:#88a79d;\r\n --gray:#646464;\r\n\r\n position:relative;\r\n height:220vh;\r\n background:var(--bg);\r\n overflow:visible;\r\n font-family:'Inter', 'Nunito', sans-serif;\r\n}\r\n\r\n.curve-section *{\r\n box-sizing:border-box;\r\n}\r\n\r\n.curve-sticky{\r\n position:sticky;\r\n top:0;\r\n width:100%;\r\n height:100vh;\r\n overflow:hidden;\r\n}\r\n\r\n.curve-sticky.is-fixed{\r\n position:fixed;\r\n inset:0;\r\n width:100%;\r\n height:100vh;\r\n z-index:1;\r\n}\r\n\r\n.curve-sticky.is-ended{\r\n position:absolute;\r\n left:0;\r\n right:0;\r\n top:var(--curve-release-top, 0px);\r\n bottom:auto;\r\n width:100%;\r\n height:100vh;\r\n}\r\n\r\n.curve-content{\r\n position:absolute;\r\n top:50%;\r\n left:50%;\r\n transform:translate(-50%, -50%);\r\n z-index:5;\r\n padding:0;\r\n display:grid;\r\n grid-template-columns:1.2fr .8fr;\r\n gap:clamp(64px, 7vw, 120px);\r\n align-items:center;\r\n pointer-events:none;\r\n}\r\n\r\n.curve-title{\r\n margin-top:0;\r\n color:var(--text);\r\n font-family:'Cormorant Garamond', serif;\r\n font-size:clamp(3rem,5vw,5.5rem);\r\n line-height:1.02;\r\n font-weight:500;\r\n letter-spacing:-2px;\r\n max-width:850px;\r\n}\r\n\r\n.curve-title span{\r\n color:var(--bg);\r\n}\r\n\r\n.curve-title-dynamic{\r\n color:#100f0f;\r\n will-change:color;\r\n}\r\n\r\n.curve-title-static{\r\n color:whitesmoke!important;\r\n}\r\n\r\n.right-side{\r\n display:flex;\r\n justify-content:flex-end;\r\n align-items:center;\r\n}\r\n\r\n.right-side p{\r\n max-width:500px;\r\n color:var(--gray);\r\n font-size:1.12rem;\r\n line-height:1.95;\r\n font-weight:400;\r\n margin-top:10px;\r\n}\r\n\r\n.right-side span{\r\n display:block;\r\n margin-top:18px;\r\n color:var(--green);\r\n font-weight:500;\r\n}\r\n\r\n.curve-copy-dynamic,\r\n.curve-copy-accent{\r\n will-change:color;\r\n}\r\n\r\n.image-wrap{\r\n position:absolute;\r\n inset:0;\r\n width:100%;\r\n height:100%;\r\n}\r\n\r\n.image-mask{\r\n position:absolute;\r\n left:50%;\r\n bottom:-10vh;\r\n width:120vw;\r\n height:62vh;\r\n transform:translateX(-50%);\r\n overflow:hidden;\r\n border-radius:\r\n 50% 50% 0 0 \/\r\n 100% 100% 0 0;\r\n will-change:border-radius, width, height, transform;\r\n transition:border-radius .2s linear;\r\n}\r\n\r\n.hero-image{\r\n width:100%;\r\n height:100%;\r\n object-fit:cover;\r\n transform:scale(1.1);\r\n filter:\r\n brightness(.72)\r\n saturate(.95);\r\n will-change:transform;\r\n}\r\n\r\n.curve-section-mobile{\r\n --bg:#efefee;\r\n --text:#f6f0e2;\r\n --gray:rgba(246,240,226,.88);\r\n\r\n position:relative;\r\n min-height:70svh;\r\n padding:96px 22px 42px;\r\n display:flex!important;\r\n align-items:flex-end;\r\n overflow:hidden;\r\n background:\r\n linear-gradient(180deg, rgba(47,52,52,.18) 0%, rgba(47,52,52,.72) 100%),\r\n url('https:\/\/images.unsplash.com\/photo-1506744038136-46273834b3fb?q=80&w=2000&auto=format&fit=crop')\r\n center\/cover\r\n no-repeat;\r\n font-family:'Inter', 'Nunito', sans-serif;\r\n}\r\n\r\n.curve-section-mobile__content{\r\n position:relative;\r\n z-index:1;\r\n width:100%;\r\n}\r\n\r\n.curve-section-mobile .curve-title{\r\n margin:0;\r\n max-width:100%;\r\n color:var(--text);\r\n font-size:clamp(3rem,13vw,4.15rem);\r\n line-height:1.04;\r\n letter-spacing:-1px;\r\n}\r\n\r\n.curve-section-mobile .curve-title span{\r\n color:var(--text)!important;\r\n}\r\n\r\n.curve-section-mobile p{\r\n margin:24px 0 0;\r\n color:var(--gray);\r\n font-size:.98rem;\r\n line-height:1.72;\r\n}\r\n\r\n.curve-section-mobile p span{\r\n display:block;\r\n margin-top:18px;\r\n color:#f6f0e2;\r\n font-weight:500;\r\n}\r\n\r\n@media(min-width:992px){\r\n .curve-section-mobile.d-lg-none{\r\n display:none!important;\r\n }\r\n}\r\n\r\n.motion-path{\r\n position:absolute;\r\n inset:0;\r\n width:100%;\r\n height:100%;\r\n z-index:3;\r\n pointer-events:none;\r\n opacity:.5;\r\n}\r\n\r\n.floating-orb{\r\n position:absolute;\r\n width:20px;\r\n height:20px;\r\n border-radius:50%;\r\n background:\r\n radial-gradient(circle at 30% 30%,\r\n #ffffff,\r\n rgba(255,255,255,.15));\r\n backdrop-filter:blur(10px);\r\n box-shadow:\r\n 0 0 25px rgba(255,255,255,.4);\r\n z-index:4;\r\n top:84%;\r\n left:20%;\r\n}\r\n\r\n@media(max-width:980px){\r\n .curve-content{\r\n grid-template-columns:1fr;\r\n gap:40px;\r\n }\r\n\r\n .curve-title{\r\n max-width:100%;\r\n }\r\n\r\n .right-side{\r\n justify-content:flex-start;\r\n }\r\n\r\n .right-side p{\r\n max-width:100%;\r\n font-size:1.02rem;\r\n line-height:1.85;\r\n }\r\n}\r\n\r\n@media(max-width:768px){\r\n .curve-section{\r\n height:320vh;\r\n }\r\n\r\n .curve-sticky{\r\n top:0;\r\n height:100svh;\r\n }\r\n\r\n .curve-title{\r\n font-size:2rem;\r\n line-height:1.08;\r\n letter-spacing:-1px;\r\n }\r\n\r\n .image-mask{\r\n left:50%;\r\n bottom:0;\r\n width:100vw;\r\n height:100svh;\r\n border-radius:0;\r\n }\r\n\r\n .hero-image{\r\n position:absolute;\r\n inset:0;\r\n width:100%;\r\n height:100%;\r\n object-fit:cover;\r\n object-position:center;\r\n transform:none;\r\n }\r\n}\r\n<\/style>\r\n<!-- ========================= -->\r\n<!-- CURVED REVEAL CSS - FIN -->\r\n<!-- ========================= -->\r\n\r\n<!-- ========================= -->\r\n<!-- ORGANIC EDITORIAL CARDS CSS - INICIO -->\r\n<!-- ========================= -->\r\n<style>\r\n.organic-editorial *{\r\n box-sizing:border-box;\r\n}\r\n\r\n.organic-editorial{\r\n --azul-claro:#ccd7dd;\r\n --gris-claro:#e8ecef;\r\n --beige-dorado:#dbb58b;\r\n --hueso:#f6f0e2;\r\n --gris-azulado-oscuro:#536068;\r\n --bg:linear-gradient(180deg, var(--hueso) 0%, var(--gris-claro) 100%);\r\n --title:var(--gris-azulado-oscuro);\r\n --text:rgba(83,96,104,.78);\r\n --accent:var(--beige-dorado);\r\n\r\n width:100%;\r\n overflow:hidden;\r\n background:var(--bg);\r\n padding:100px 0 120px;\r\n font-family:'Nunito',sans-serif;\r\n position:relative;\r\n}\r\n\r\n.organic-editorial::before{\r\n content:\"\";\r\n position:absolute;\r\n inset:0;\r\n background:\r\n radial-gradient(circle at 15% 20%, rgba(219,181,139,.18), transparent 32%),\r\n radial-gradient(circle at 82% 12%, rgba(204,215,221,.45), transparent 38%);\r\n pointer-events:none;\r\n}\r\n\r\n.organic-grid{\r\n width:min(1500px,92%);\r\n margin:auto;\r\n display:grid;\r\n grid-template-columns:repeat(3,1fr);\r\n gap:70px;\r\n align-items:start;\r\n position:relative;\r\n z-index:2;\r\n}\r\n\r\n.organic-card{\r\n text-align:center;\r\n position:relative;\r\n}\r\n\r\n.center-card{\r\n margin-top:110px;\r\n}\r\n\r\n.blob-wrap{\r\n position:relative;\r\n width:100%;\r\n max-width:420px;\r\n margin:auto;\r\n aspect-ratio:1\/.78;\r\n will-change:transform;\r\n padding: 2%;\r\n}\r\n\r\n.blob-outline{\r\n position:absolute;\r\n width:92%;\r\n height:92%;\r\n left:7%;\r\n top:-6%;\r\n border:1px solid rgba(219,181,139,.22);\r\n border-radius:58% 42% 55% 45% \/ 42% 58% 38% 62%;\r\n transform:rotate(-9deg);\r\n z-index:1;\r\n}\r\n\r\n.blob-shape{\r\n position:absolute;\r\n inset:0;\r\n overflow:hidden;\r\n border-radius:58% 42% 55% 45% \/ 42% 58% 38% 62%;\r\n z-index:2;\r\n background:rgba(246,240,226,.22);\r\n backdrop-filter:blur(12px);\r\n -webkit-backdrop-filter:blur(12px);\r\n border:1px solid rgba(246,240,226,.22);\r\n box-shadow:0 16px 48px rgba(83,96,104,.10);\r\n}\r\n\r\n.blob-shape::after{\r\n content:\"\";\r\n position:absolute;\r\n inset:0;\r\n background:linear-gradient(180deg, rgba(246,240,226,.02), rgba(83,96,104,.10));\r\n backdrop-filter:blur(2px);\r\n -webkit-backdrop-filter:blur(2px);\r\n pointer-events:none;\r\n z-index:2;\r\n}\r\n\r\n.blob-dark{\r\n border-radius:45% 55% 40% 60% \/ 58% 40% 60% 42%;\r\n}\r\n\r\n.blob-dark img{\r\n filter:brightness(.78) contrast(1.02) saturate(.82);\r\n}\r\n\r\n.blob-shape img{\r\n width:100%;\r\n height:100%;\r\n object-fit:cover;\r\n display:block;\r\n transform:scale(0.4);\r\n filter:saturate(.88) brightness(1.02);\r\n will-change:transform;\r\n}\r\n\r\n.organic-title{\r\n margin:42px auto 0;\r\n max-width:420px;\r\n font-family:'Cormorant Garamond',serif;\r\n font-size:clamp(2.7rem,3vw,4rem);\r\n line-height:.94;\r\n font-weight:500;\r\n letter-spacing:-.04em;\r\n color:var(--title);\r\n}\r\n\r\n.organic-text{\r\n margin:28px auto 0;\r\n max-width:370px;\r\n color:var(--text);\r\n font-size:1.03rem;\r\n line-height:1.9;\r\n font-weight:400;\r\n}\r\n\r\n.organic-places{\r\n max-width:520px;\r\n}\r\n\r\n.organic-place-list{\r\n width:min(560px,100%);\r\n margin:26px auto 0;\r\n color:rgba(83,96,104,.74);\r\n font-size:.96rem;\r\n line-height:1.8;\r\n}\r\n\r\n.organic-place-list span{\r\n display:inline;\r\n}\r\n\r\n.organic-place-list span:not(:last-child)::after{\r\n content:\", \";\r\n color:var(--accent);\r\n}\r\n\r\n.organic-btn{\r\n margin-top:36px;\r\n display:inline-flex;\r\n align-items:center;\r\n gap:28px;\r\n text-decoration:none;\r\n padding:16px 24px;\r\n border-radius:999px;\r\n font-size:12px;\r\n font-weight:700;\r\n letter-spacing:.16em;\r\n text-transform:uppercase;\r\n color:var(--hueso);\r\n background:linear-gradient(135deg, rgba(83,96,104,.92), rgba(83,96,104,.78));\r\n backdrop-filter:blur(12px);\r\n -webkit-backdrop-filter:blur(12px);\r\n border:1px solid rgba(246,240,226,.18);\r\n box-shadow:0 14px 40px rgba(83,96,104,.14);\r\n transition:transform .35s ease, background .35s ease, box-shadow .35s ease;\r\n}\r\n\r\n.organic-btn:hover{\r\n transform:translateY(-4px);\r\n background:linear-gradient(135deg, rgba(219,181,139,.96), rgba(219,181,139,.82));\r\n color:var(--gris-azulado-oscuro);\r\n box-shadow:0 18px 50px rgba(219,181,139,.22);\r\n}\r\n\r\n.organic-btn .dot{\r\n width:5px;\r\n height:5px;\r\n border-radius:50%;\r\n background:currentColor;\r\n}\r\n\r\n.blob-wrap,\r\n.blob-shape img{\r\n transition:transform .18s linear;\r\n}\r\n\r\n@media(max-width:1100px){\r\n .organic-grid{\r\n grid-template-columns:1fr;\r\n gap:120px;\r\n }\r\n\r\n .center-card{\r\n margin-top:0;\r\n }\r\n\r\n .blob-wrap{\r\n max-width:520px;\r\n }\r\n}\r\n\r\n@media(max-width:768px){\r\n .organic-editorial{\r\n padding:70px 0 90px;\r\n }\r\n\r\n .organic-grid{\r\n width:min(92%,560px);\r\n gap:90px;\r\n }\r\n\r\n .organic-title{\r\n font-size:3rem;\r\n }\r\n\r\n .organic-text{\r\n font-size:1rem;\r\n line-height:1.8;\r\n }\r\n\r\n .blob-wrap{\r\n max-width:100%;\r\n }\r\n}\r\n<\/style>\r\n<!-- ========================= -->\r\n<!-- ORGANIC EDITORIAL CARDS CSS - FIN -->\r\n<!-- ========================= -->\r\n\r\n<!-- ========================= -->\r\n<!-- CONTACTO COMBINADO CSS - INICIO -->\r\n<!-- ========================= -->\r\n<style>\r\n.mica-contact-combined{\r\n --mica-bg:#f6f0e2;\r\n --mica-card:#ffffff;\r\n --mica-text:#536068;\r\n --mica-soft:#ccd7dd;\r\n --mica-gold:#dbb58b;\r\n --mica-gray:#667076;\r\n --mica-white:#ffffff;\r\n\r\n width:100%;\r\n min-height:100vh;\r\n padding:120px 5vw 96px;\r\n background:linear-gradient(180deg, var(--mica-bg) 0%, #e8ecef 100%);\r\n font-family:\"Inter\", \"Nunito\", sans-serif;\r\n position:relative;\r\n overflow:hidden;\r\n isolation:isolate;\r\n}\r\n\r\n.mica-contact-bg{\r\n position:absolute;\r\n inset:-18vh 0;\r\n z-index:0;\r\n background:\r\n linear-gradient(115deg, rgba(246,240,226,.94) 0%, rgba(246,240,226,.74) 45%, rgba(204,215,221,.46) 100%),\r\n url('https:\/\/images.unsplash.com\/photo-1500530855697-b586d89ba3ee?q=80&w=2200&auto=format&fit=crop');\r\n background-size:cover;\r\n background-position:center;\r\n will-change:transform;\r\n transform:translate3d(0,0,0) scale(1.12);\r\n}\r\n\r\n.mica-contact-combined::before{\r\n content:\"\";\r\n position:absolute;\r\n inset:0;\r\n background:\r\n radial-gradient(circle at 12% 18%, rgba(219,181,139,.24), transparent 30%),\r\n radial-gradient(circle at 78% 24%, rgba(246,240,226,.55), transparent 32%),\r\n linear-gradient(180deg, rgba(246,240,226,.18), rgba(83,96,104,.14));\r\n pointer-events:none;\r\n z-index:1;\r\n}\r\n\r\n.mica-contact-combined::after{\r\n content:\"\";\r\n position:absolute;\r\n left:50%;\r\n bottom:-6vh;\r\n width:138vw;\r\n height:64vh;\r\n transform:translateX(-50%);\r\n background:\r\n linear-gradient(180deg, rgba(246,240,226,.96) 0%, var(--mica-bg) 62%, rgba(232,236,239,.92) 100%);\r\n border-radius:50% 50% 0 0 \/ 100% 100% 0 0;\r\n pointer-events:none;\r\n z-index:1;\r\n}\r\n\r\n@media(min-width:1600px){\r\n .mica-contact-combined::after{\r\n bottom:-16vh;\r\n height:58vh;\r\n }\r\n}\r\n\r\n.mica-contact-combined *{\r\n box-sizing:border-box;\r\n}\r\n\r\n.mica-contact-grid{\r\n width:min(1320px,100%);\r\n margin:0 auto;\r\n display:grid;\r\n grid-template-columns:minmax(0,1.05fr) minmax(360px,500px);\r\n gap:clamp(32px,6vw,96px);\r\n align-items:center;\r\n min-height:calc(100vh - 216px);\r\n position:relative;\r\n z-index:3;\r\n}\r\n\r\n.mica-contact-info{\r\n display:flex;\r\n flex-direction:column;\r\n justify-content:center;\r\n max-width:820px;\r\n}\r\n\r\n.mica-contact-info h3,\r\n.mica-contact-form h2{\r\n margin:0 0 1.2rem;\r\n color:var(--mica-text);\r\n font-family:\"Cormorant Garamond\", serif;\r\n font-weight:500;\r\n line-height:.95;\r\n}\r\n\r\n.mica-contact-info h3{\r\n font-size:clamp(2.9rem,5vw,5.4rem);\r\n max-width:760px;\r\n letter-spacing:-.045em;\r\n text-wrap:balance;\r\n}\r\n\r\n.mica-contact-info p{\r\n max-width:690px;\r\n color:var(--mica-gray);\r\n font-size:clamp(1.02rem,1.25vw,1.22rem);\r\n line-height:1.85;\r\n margin:0 0 1.4rem;\r\n}\r\n\r\n.mica-contact-info ul{\r\n list-style:none;\r\n padding:0;\r\n margin:.4rem 0 2rem;\r\n display:grid;\r\n grid-template-columns:repeat(2,minmax(0,1fr));\r\n gap:10px 14px;\r\n max-width:760px;\r\n}\r\n\r\n.mica-contact-info li{\r\n min-height:56px;\r\n display:grid;\r\n grid-template-columns:34px 1fr;\r\n align-items:start;\r\n gap:12px;\r\n padding:12px 14px;\r\n border-radius:16px;\r\n background:rgba(246,240,226,.48);\r\n border:1px solid rgba(246,240,226,.34);\r\n backdrop-filter:blur(14px);\r\n -webkit-backdrop-filter:blur(14px);\r\n color:var(--mica-gray);\r\n font-size:.96rem;\r\n line-height:1.45;\r\n margin:0;\r\n}\r\n\r\n.mica-contact-info .contact-icon{\r\n width:34px;\r\n height:34px;\r\n display:grid;\r\n place-items:center;\r\n border-radius:50%;\r\n background:rgba(219,181,139,.24);\r\n color:var(--mica-text);\r\n font-size:1rem;\r\n line-height:1;\r\n}\r\n\r\n.mica-contact-info .contact-icon i{\r\n display:block;\r\n font-size:.95rem;\r\n line-height:1;\r\n}\r\n\r\n.mica-contact-info .contact-meta{\r\n display:flex;\r\n flex-direction:column;\r\n gap:2px;\r\n}\r\n\r\n.mica-contact-info strong{\r\n display:block;\r\n color:var(--mica-text);\r\n font-weight:600;\r\n font-size:.78rem;\r\n letter-spacing:.12em;\r\n text-transform:uppercase;\r\n}\r\n\r\n.mica-contact-info .contact-meta span{\r\n color:var(--mica-gray);\r\n}\r\n\r\n.mica-contact-info em{\r\n color:var(--mica-text);\r\n font-size:1.1rem;\r\n line-height:1.7;\r\n}\r\n\r\n.mica-whatsapp-btn,\r\n.mica-contact-form .btn-hero{\r\n display:inline-flex;\r\n align-items:center;\r\n justify-content:center;\r\n border-radius:999px;\r\n background:var(--mica-text);\r\n color:var(--mica-white);\r\n font-size:.82rem;\r\n font-weight:600;\r\n letter-spacing:1.6px;\r\n text-transform:uppercase;\r\n text-decoration:none;\r\n border:1px solid transparent;\r\n cursor:pointer;\r\n transition:\r\n transform .35s ease,\r\n background .35s ease,\r\n color .35s ease,\r\n border-color .35s ease,\r\n box-shadow .35s ease;\r\n}\r\n\r\n.mica-whatsapp-btn{\r\n gap:14px;\r\n width:max-content;\r\n margin-top:.6rem;\r\n padding:15px 24px;\r\n}\r\n\r\n.mica-whatsapp-btn:hover{\r\n background:var(--mica-gold);\r\n color:var(--mica-text);\r\n transform:translateY(-3px);\r\n box-shadow:0 10px 20px rgba(83,96,104,.16);\r\n}\r\n\r\n.mica-contact-form .btn-hero:hover,\r\n.mica-contact-form .btn-hero:focus-visible{\r\n background:var(--mica-white);\r\n color:var(--mica-text);\r\n border-color:#536068;\r\n transform:translateY(-3px);\r\n box-shadow:0 10px 20px rgba(83,96,104,.16);\r\n outline:none;\r\n}\r\n\r\n.mica-whatsapp-btn span{\r\n width:6px;\r\n height:6px;\r\n border-radius:50%;\r\n background:currentColor;\r\n}\r\n\r\n.mica-contact-form{\r\n padding:2.5rem;\r\n background:rgba(246,240,226,.78);\r\n border-radius:28px;\r\n box-shadow:0 24px 70px rgba(83,96,104,.16);\r\n border:1px solid rgba(246,240,226,.38);\r\n backdrop-filter:blur(22px) saturate(130%);\r\n -webkit-backdrop-filter:blur(22px) saturate(130%);\r\n transform:translateY(0);\r\n}\r\n\r\n.mica-contact-info,\r\n.mica-contact-form{\r\n opacity:0;\r\n animation:micaContactIn .9s cubic-bezier(.22,1,.36,1) forwards;\r\n}\r\n\r\n.mica-contact-form{\r\n animation-delay:.14s;\r\n}\r\n\r\n@keyframes micaContactIn{\r\n from{\r\n opacity:0;\r\n transform:translateY(28px);\r\n }\r\n\r\n to{\r\n opacity:1;\r\n transform:translateY(0);\r\n }\r\n}\r\n\r\n.mica-contact-form h2{\r\n font-size:clamp(2.7rem,4vw,4rem);\r\n}\r\n\r\n.mica-contact-form p{\r\n color:var(--mica-gray);\r\n font-size:1rem;\r\n line-height:1.7;\r\n margin:0 0 2rem;\r\n text-align:left;\r\n}\r\n\r\n.mica-contact-form .form-group{\r\n text-align:left;\r\n margin-bottom:1.4rem;\r\n}\r\n\r\n.mica-contact-form label{\r\n display:block;\r\n font-weight:500;\r\n color:var(--mica-text);\r\n margin-bottom:.45rem;\r\n font-size:.9rem;\r\n letter-spacing:.5px;\r\n}\r\n\r\n.mica-contact-form input,\r\n.mica-contact-form textarea,\r\n.mica-contact-form select{\r\n width:100%;\r\n padding:.85rem 1rem;\r\n border-radius:14px;\r\n border:1px solid rgba(83,96,104,.18);\r\n background:rgba(255,255,255,.78);\r\n font-family:\"Inter\", \"Nunito\", sans-serif;\r\n font-size:.95rem;\r\n color:var(--mica-text);\r\n transition:all .3s ease;\r\n resize:none;\r\n}\r\n\r\n.mica-contact-form input:focus,\r\n.mica-contact-form textarea:focus,\r\n.mica-contact-form select:focus{\r\n outline:none;\r\n border-color:var(--mica-gold);\r\n box-shadow:0 0 0 3px rgba(219,181,139,.25);\r\n}\r\n\r\n.mica-contact-form ::placeholder{\r\n color:rgba(83,96,104,.55);\r\n}\r\n\r\n.mica-contact-form .btn-hero{\r\n width:100%;\r\n margin-top:.5rem;\r\n padding:.95rem 1.4rem;\r\n}\r\n\r\n@media(max-width:980px){\r\n .mica-contact-grid{\r\n grid-template-columns:1fr;\r\n min-height:auto;\r\n }\r\n\r\n .mica-contact-form{\r\n padding:2rem;\r\n }\r\n\r\n .mica-contact-info ul{\r\n grid-template-columns:1fr;\r\n }\r\n}\r\n\r\n@media(max-width:768px){\r\n .mica-contact-combined{\r\n min-height:auto;\r\n padding:92px 20px 76px;\r\n }\r\n\r\n .mica-contact-info h3{\r\n font-size:2.8rem;\r\n }\r\n\r\n .mica-contact-info p,\r\n .mica-contact-info li{\r\n font-size:.98rem;\r\n }\r\n\r\n .mica-contact-form h2{\r\n font-size:3rem;\r\n }\r\n}\r\n<\/style>\r\n<!-- ========================= -->\r\n<!-- CONTACTO COMBINADO CSS - FIN -->\r\n<!-- ========================= -->\r\n\r\n<!-- ========================= -->\r\n<!-- FOOTER ELEGANTE CSS - INICIO -->\r\n<!-- ========================= -->\r\n<style>\r\n.site-cursor-aura{\r\n position:fixed;\r\n left:0;\r\n top:0;\r\n width:420px;\r\n height:420px;\r\n border-radius:50%;\r\n pointer-events:none;\r\n z-index:46;\r\n opacity:0;\r\n transform:translate3d(-50%, -50%, 0);\r\n background:\r\n radial-gradient(circle at 50% 50%,\r\n rgba(255,196,90,.42) 0%,\r\n rgba(219,181,139,.30) 22%,\r\n rgba(219,181,139,.16) 44%,\r\n rgba(83,96,104,.10) 62%,\r\n transparent 76%);\r\n filter:blur(12px) saturate(.9);\r\n mix-blend-mode:multiply;\r\n will-change:transform, opacity;\r\n transition:opacity .45s ease;\r\n}\r\n\r\n.site-custom-cursor{\r\n position:fixed;\r\n left:0;\r\n top:0;\r\n width:32px;\r\n height:48px;\r\n pointer-events:none;\r\n z-index:1000000000;\r\n opacity:0;\r\n transform:translate3d(-50%, -50%, 0);\r\n will-change:transform, opacity;\r\n transition:opacity .22s ease;\r\n}\r\n\r\n.site-custom-cursor svg{\r\n display:block;\r\n width:100%;\r\n height:100%;\r\n overflow:visible;\r\n filter:drop-shadow(0 8px 16px rgba(83,96,104,.18));\r\n}\r\n\r\n.site-custom-cursor__ring{\r\n fill:rgba(246,240,226,.82);\r\n stroke:#86afd0;\r\n stroke-width:2;\r\n stroke-linejoin:round;\r\n}\r\n\r\n.site-custom-cursor__inner{\r\n fill:#dbb58b;\r\n opacity:.92;\r\n}\r\n\r\n.site-custom-cursor__core{\r\n fill:#f6f0e2;\r\n opacity:.9;\r\n}\r\n\r\n.site-custom-cursor__base{\r\n fill:#536068;\r\n opacity:.72;\r\n}\r\n\r\n@media(pointer:fine){\r\n body,\r\n body a,\r\n body button,\r\n body [role=\"button\"],\r\n body input,\r\n body textarea,\r\n body select{\r\n cursor:none;\r\n }\r\n}\r\n\r\n.ethereal-footer *{\r\n box-sizing:border-box;\r\n}\r\n\r\n.ethereal-footer{\r\n --azul-claro:#ccd7dd;\r\n --gris-claro:#e8ecef;\r\n --beige-dorado:#dbb58b;\r\n --hueso:#f6f0e2;\r\n --gris-azulado-oscuro:#536068;\r\n --text:var(--gris-azulado-oscuro);\r\n --muted:rgba(83,96,104,.74);\r\n --line:rgba(83,96,104,.14);\r\n\r\n position:relative;\r\n overflow:hidden;\r\n min-height:30vh;\r\n margin-top:-8vh;\r\n padding:96px 0 42px;\r\n color:var(--text);\r\n font-family:'Nunito',sans-serif;\r\n background:\r\n linear-gradient(180deg, rgba(232,236,239,.08) 0%, rgba(246,240,226,.52) 9%, transparent 22%),\r\n linear-gradient(\r\n 135deg,\r\n rgba(246,240,226,.84) 0%,\r\n rgba(232,236,239,.76) 46%,\r\n rgba(204,215,221,.86) 100%\r\n ),\r\n radial-gradient(circle at 20% 20%, rgba(219,181,139,.18), transparent 34%),\r\n radial-gradient(circle at 80% 10%, rgba(255,255,255,.42), transparent 38%),\r\n url('https:\/\/micaelamarenchino.chdesignestudio.com\/wp-content\/uploads\/2026\/05\/ChatGPT-Image-13-may-2026-20_31_59.png');\r\n background-size:cover, cover, cover, cover, cover;\r\n background-position:center center;\r\n background-repeat:no-repeat;\r\n}\r\n\r\n.ethereal-footer::before{\r\n content:\"\";\r\n position:absolute;\r\n top:-76px;\r\n left:50%;\r\n width:150vw;\r\n height:210px;\r\n transform:translateX(-50%);\r\n background:\r\n linear-gradient(180deg, rgba(246,240,226,.98), rgba(246,240,226,.52) 56%, rgba(232,236,239,.12) 82%, transparent),\r\n radial-gradient(ellipse at 50% 0%, rgba(204,215,221,.66), transparent 72%);\r\n border-radius:0 0 50% 50% \/ 0 0 100% 100%;\r\n pointer-events:none;\r\n z-index:1;\r\n}\r\n\r\n.ethereal-footer::after{\r\n content:\"\";\r\n position:absolute;\r\n inset:0;\r\n background:\r\n linear-gradient(rgba(83,96,104,.06) 1px, transparent 1px),\r\n linear-gradient(90deg, rgba(83,96,104,.055) 1px, transparent 1px),\r\n linear-gradient(115deg, transparent 0 46%, rgba(219,181,139,.11) 46% 46.4%, transparent 46.4% 100%);\r\n background-size:72px 72px, 72px 72px, 100% 100%;\r\n mask-image:linear-gradient(180deg, transparent 0%, #000 18%, #000 82%, transparent 100%);\r\n -webkit-mask-image:linear-gradient(180deg, transparent 0%, #000 18%, #000 82%, transparent 100%);\r\n pointer-events:none;\r\n opacity:.72;\r\n z-index:1;\r\n}\r\n\r\n.footer-aura{\r\n position:absolute;\r\n width:520px;\r\n height:520px;\r\n right:-140px;\r\n bottom:-160px;\r\n border-radius:50%;\r\n background:rgba(246,240,226,.45);\r\n filter:blur(70px);\r\n pointer-events:none;\r\n z-index:1;\r\n}\r\n\r\n.footer-techline{\r\n position:absolute;\r\n top:58px;\r\n left:5vw;\r\n right:5vw;\r\n height:1px;\r\n z-index:2;\r\n background:\r\n linear-gradient(90deg, transparent, rgba(219,181,139,.82), rgba(246,240,226,.72), transparent);\r\n opacity:.8;\r\n overflow:hidden;\r\n}\r\n\r\n.footer-techline::after{\r\n content:\"\";\r\n position:absolute;\r\n top:0;\r\n left:-20%;\r\n width:18%;\r\n height:100%;\r\n background:linear-gradient(90deg, transparent, #fff, transparent);\r\n animation:footerScan 4.8s ease-in-out infinite;\r\n}\r\n\r\n@keyframes footerScan{\r\n 0%{ transform:translateX(0); opacity:0; }\r\n 18%{ opacity:1; }\r\n 70%{ opacity:1; }\r\n 100%{ transform:translateX(680%); opacity:0; }\r\n}\r\n\r\n.footer-container{\r\n width:min(1420px,90%);\r\n margin:auto;\r\n display:grid;\r\n grid-template-columns:1.08fr .92fr;\r\n gap:64px;\r\n position:relative;\r\n z-index:2;\r\n padding:34px;\r\n border:1px solid rgba(246,240,226,.34);\r\n border-radius:34px;\r\n background:\r\n linear-gradient(135deg, rgba(246,240,226,.34), rgba(232,236,239,.18));\r\n box-shadow:\r\n 0 28px 90px rgba(83,96,104,.13),\r\n inset 0 1px 0 rgba(255,255,255,.28);\r\n backdrop-filter:blur(18px) saturate(120%);\r\n -webkit-backdrop-filter:blur(18px) saturate(120%);\r\n}\r\n\r\n.footer-eyebrow,\r\n.sitemap-label{\r\n display:block;\r\n color:var(--beige-dorado);\r\n font-size:.78rem;\r\n letter-spacing:.24em;\r\n font-weight:700;\r\n text-transform:uppercase;\r\n margin-bottom:20px;\r\n display:inline-flex;\r\n align-items:center;\r\n gap:12px;\r\n}\r\n\r\n.footer-eyebrow::before,\r\n.sitemap-label::before{\r\n content:\"\";\r\n width:34px;\r\n height:1px;\r\n background:linear-gradient(90deg, var(--beige-dorado), transparent);\r\n}\r\n\r\n.footer-title{\r\n margin:0;\r\n max-width:660px;\r\n font-family:'Cormorant Garamond',serif;\r\n font-size:clamp(3rem,3.6vw,5.6rem);\r\n line-height:.92;\r\n font-weight:500;\r\n letter-spacing:-.055em;\r\n color:var(--text);\r\n text-shadow:0 18px 55px rgba(83,96,104,.10);\r\n}\r\n\r\n.footer-text{\r\n margin-top:22px;\r\n max-width:560px;\r\n color:var(--muted);\r\n font-size:1.04rem;\r\n line-height:1.65;\r\n}\r\n\r\n.footer-whatsapp-form{\r\n margin-top:34px;\r\n display:flex;\r\n align-items:center;\r\n gap:18px;\r\n flex-wrap:wrap;\r\n}\r\n\r\n.footer-whatsapp-form input{\r\n width:350px;\r\n background:rgba(246,240,226,.42);\r\n border:1px solid rgba(83,96,104,.13);\r\n border-radius:999px;\r\n padding:14px 20px;\r\n color:var(--text);\r\n font-size:1rem;\r\n outline:none;\r\n backdrop-filter:blur(14px);\r\n -webkit-backdrop-filter:blur(14px);\r\n box-shadow:inset 0 1px 0 rgba(255,255,255,.25);\r\n}\r\n\r\n.footer-whatsapp-form input::placeholder{\r\n color:rgba(83,96,104,.48);\r\n}\r\n\r\n.footer-whatsapp-form button{\r\n border:none;\r\n cursor:pointer;\r\n display:inline-flex;\r\n align-items:center;\r\n gap:22px;\r\n background:var(--text);\r\n color:var(--hueso);\r\n padding:14px 22px;\r\n border-radius:999px;\r\n font-size:.78rem;\r\n font-weight:700;\r\n letter-spacing:.16em;\r\n text-transform:uppercase;\r\n box-shadow:0 16px 36px rgba(83,96,104,.16);\r\n transition:.35s ease;\r\n}\r\n\r\n.footer-whatsapp-form button:hover{\r\n transform:translateY(-4px);\r\n background:var(--beige-dorado);\r\n color:var(--text);\r\n}\r\n\r\n.footer-whatsapp-form .dot{\r\n width:6px;\r\n height:6px;\r\n border-radius:50%;\r\n background:currentColor;\r\n}\r\n\r\n.footer-brand,\r\n.footer-contact-card,\r\n.privacy-text{\r\n display:none!important;\r\n}\r\n\r\n.footer-right{\r\n display:flex;\r\n flex-direction:column;\r\n align-items:flex-start;\r\n padding-top:16px;\r\n}\r\n\r\n.footer-links{\r\n display:grid;\r\n grid-template-columns:repeat(2,1fr);\r\n gap:44px;\r\n padding:22px;\r\n border-radius:20px;\r\n background:rgba(246,240,226,.24);\r\n border:1px solid rgba(246,240,226,.28);\r\n backdrop-filter:blur(12px);\r\n -webkit-backdrop-filter:blur(12px);\r\n}\r\n\r\n.footer-col{\r\n display:flex;\r\n flex-direction:column;\r\n gap:18px;\r\n}\r\n\r\n.footer-col a{\r\n position:relative;\r\n color:var(--text);\r\n text-decoration:none;\r\n font-size:.98rem;\r\n font-weight:600;\r\n transition:.3s ease;\r\n}\r\n\r\n.footer-col a::before{\r\n content:\"\";\r\n position:absolute;\r\n left:-18px;\r\n top:50%;\r\n width:6px;\r\n height:6px;\r\n border-radius:50%;\r\n background:var(--beige-dorado);\r\n opacity:0;\r\n transform:translateY(-50%) scale(.5);\r\n transition:.3s ease;\r\n}\r\n\r\n.footer-col a:hover{\r\n color:var(--beige-dorado);\r\n transform:translateX(5px);\r\n}\r\n\r\n.footer-col a:hover::before{\r\n opacity:1;\r\n transform:translateY(-50%) scale(1);\r\n}\r\n\r\n.copyright{\r\n margin-top:28px;\r\n color:rgba(83,96,104,.62);\r\n font-size:.94rem;\r\n}\r\n\r\n@media(max-width:1100px){\r\n .footer-container{\r\n grid-template-columns:1fr;\r\n gap:42px;\r\n padding:30px;\r\n }\r\n}\r\n\r\n@media(max-width:768px){\r\n .ethereal-footer{\r\n margin-top:-5vh;\r\n padding:70px 0 34px;\r\n }\r\n\r\n .footer-container{\r\n width:min(90%,560px);\r\n padding:26px;\r\n border-radius:26px;\r\n }\r\n\r\n .footer-title{\r\n font-size:clamp(2.8rem,14vw,4rem);\r\n }\r\n\r\n .footer-text{\r\n font-size:.98rem;\r\n }\r\n\r\n .footer-whatsapp-form{\r\n flex-direction:column;\r\n align-items:stretch;\r\n }\r\n\r\n .footer-whatsapp-form input,\r\n .footer-whatsapp-form button{\r\n width:100%;\r\n justify-content:center;\r\n }\r\n\r\n .footer-links{\r\n grid-template-columns:1fr;\r\n gap:28px;\r\n }\r\n}\r\n<\/style>\r\n<!-- ========================= -->\r\n<!-- FOOTER ELEGANTE CSS - FIN -->\r\n<!-- ========================= -->\r\n\r\n<!-- ========================= -->\r\n<!-- CREDIT BAR CSS - INICIO -->\r\n<!-- ========================= -->\r\n<style>\r\n.credit-bar{\r\n width:100%;\r\n padding:12px 18px;\r\n background:#2f3a40;\r\n color:#f6f0e2;\r\n text-align:center;\r\n font-family:'Nunito', sans-serif;\r\n font-size:.72rem;\r\n font-weight:700;\r\n letter-spacing:.16em;\r\n text-transform:uppercase;\r\n}\r\n\r\n.credit-bar a{\r\n color:#dbb58b;\r\n text-decoration:none;\r\n transition:color .25s ease;\r\n}\r\n\r\n.credit-bar a:hover{\r\n color:#ffffff;\r\n}\r\n<\/style>\r\n<!-- ========================= -->\r\n<!-- CREDIT BAR CSS - FIN -->\r\n<!-- ========================= -->\r\n\r\n<!-- ========================= -->\r\n<!-- FLOATING WHATSAPP CSS - INICIO -->\r\n<!-- ========================= -->\r\n<style>\r\n.floating-whatsapp{\r\n position:fixed;\r\n right:clamp(18px,3vw,42px);\r\n bottom:clamp(18px,3vw,38px);\r\n z-index:999999999;\r\n display:inline-flex;\r\n align-items:center;\r\n justify-content:center;\r\n gap:12px;\r\n min-height:54px;\r\n padding:14px 20px;\r\n border-radius:999px;\r\n color:var(--mica-hueso);\r\n background:\r\n linear-gradient(135deg, rgba(83,96,104,.94), rgba(83,96,104,.82));\r\n border:1px solid rgba(246,240,226,.28);\r\n box-shadow:\r\n 0 18px 42px rgba(83,96,104,.22),\r\n inset 0 1px 0 rgba(255,255,255,.18);\r\n backdrop-filter:blur(14px) saturate(120%);\r\n -webkit-backdrop-filter:blur(14px) saturate(120%);\r\n font-family:'Nunito', sans-serif;\r\n font-size:.78rem;\r\n font-weight:700;\r\n letter-spacing:.14em;\r\n text-transform:uppercase;\r\n text-decoration:none;\r\n opacity:0;\r\n visibility:hidden;\r\n pointer-events:none;\r\n transform:translate3d(0, 120%, 0);\r\n transition:\r\n opacity .35s ease,\r\n visibility .35s ease,\r\n transform .45s cubic-bezier(.22,1,.36,1),\r\n background .35s ease,\r\n color .35s ease;\r\n}\r\n\r\n.floating-whatsapp.is-visible{\r\n opacity:1;\r\n visibility:visible;\r\n pointer-events:auto;\r\n transform:translate3d(0, 0, 0);\r\n}\r\n\r\n.floating-whatsapp:hover{\r\n color:var(--mica-oscuro);\r\n background:\r\n linear-gradient(135deg, rgba(219,181,139,.98), rgba(246,240,226,.86));\r\n transform:translate3d(0, -4px, 0);\r\n}\r\n\r\n.floating-whatsapp i{\r\n font-size:1.22rem;\r\n line-height:1;\r\n}\r\n\r\n.floating-whatsapp__dot{\r\n width:6px;\r\n height:6px;\r\n border-radius:50%;\r\n background:currentColor;\r\n}\r\n\r\n@media(max-width:640px){\r\n .floating-whatsapp{\r\n right:16px;\r\n bottom:16px;\r\n min-width:54px;\r\n width:54px;\r\n height:54px;\r\n padding:0;\r\n gap:0;\r\n }\r\n\r\n .floating-whatsapp__label,\r\n .floating-whatsapp__dot{\r\n display:none;\r\n }\r\n}\r\n\r\n@media(pointer:coarse), (prefers-reduced-motion:reduce){\r\n .site-cursor-aura,\r\n .site-custom-cursor{\r\n display:none;\r\n }\r\n}\r\n<\/style>\r\n<!-- ========================= -->\r\n<!-- FLOATING WHATSAPP CSS - FIN -->\r\n<!-- ========================= -->\r\n\r\n<!-- ========================= -->\r\n<!-- MOBILE VISUAL OVERRIDES - INICIO -->\r\n<!-- ========================= -->\r\n<style>\r\n@media(max-width:768px){\r\n html,\r\n body{\r\n max-width:100%;\r\n overflow-x:hidden;\r\n }\r\n\r\n #mainNav{\r\n width:100%!important;\r\n }\r\n\r\n #mainNav .container-fluid{\r\n min-height:68px;\r\n }\r\n\r\n .logo{\r\n width:64px;\r\n }\r\n\r\n #mainNav .nav-link{\r\n font-size:1.05rem;\r\n padding:10px 12px;\r\n }\r\n\r\n .camila-scroll-space{\r\n height:112vh;\r\n }\r\n\r\n .camila-hero-content{\r\n top:auto;\r\n left:0;\r\n bottom:8vh;\r\n width:100%;\r\n min-height:auto;\r\n padding:0 24px;\r\n align-items:flex-end;\r\n }\r\n\r\n .camila-text-wrapper{\r\n max-width:100%;\r\n }\r\n\r\n #heroTitle{\r\n margin-top:0;\r\n }\r\n\r\n .offset{\r\n transform:translateY(-18vh);\r\n }\r\n\r\n .camila-mini-title{\r\n font-size:.72rem;\r\n line-height:1.45;\r\n letter-spacing:.24em;\r\n margin-bottom:1.15rem;\r\n }\r\n\r\n .camila-reading-text{\r\n gap:.34rem;\r\n font-size:clamp(2.7rem, 12vw, 4.1rem);\r\n line-height:.95;\r\n letter-spacing:0;\r\n }\r\n\r\n .camila-line{\r\n font-size:inherit;\r\n }\r\n\r\n .pillBlur{\r\n width:100%;\r\n padding:1.25rem;\r\n border-radius:14px;\r\n backdrop-filter:blur(6px);\r\n -webkit-backdrop-filter:blur(6px);\r\n box-shadow:\r\n 0 10px 24px rgba(83,96,104,.10),\r\n inset 0 1px 1px rgba(255,255,255,.14);\r\n }\r\n\r\n .hero-middle,\r\n .hero-2,\r\n .hero-3{\r\n margin-left:0;\r\n max-width:100%;\r\n }\r\n\r\n .hero-2,\r\n .hero-3{\r\n margin-top:0;\r\n }\r\n\r\n .camila-flow-svg{\r\n margin-left:0;\r\n transform:scale(1.04);\r\n opacity:.62;\r\n }\r\n\r\n .camila-bg-3{\r\n display:none;\r\n }\r\n\r\n .camila-bg-1{\r\n right:-17vw;\r\n bottom:0;\r\n width:88vw;\r\n height:58vh;\r\n min-height:390px;\r\n background-position:center bottom;\r\n border-radius:999px 999px 0 0;\r\n box-shadow:0 22px 54px rgba(83,96,104,.14);\r\n }\r\n\r\n .camila-bg-2{\r\n top:30vh;\r\n right:3vw;\r\n width:min(34vw, 148px);\r\n border-width:5px;\r\n box-shadow:0 16px 34px rgba(83,96,104,.16);\r\n }\r\n\r\n .camila-hero-content{\r\n top:14vh;\r\n bottom:auto;\r\n padding:0 20px;\r\n align-items:flex-start;\r\n }\r\n\r\n .camila-content-1{\r\n top:14vh;\r\n bottom:auto;\r\n align-items:flex-start;\r\n }\r\n\r\n .camila-content-2{\r\n top:14vh;\r\n bottom:auto;\r\n align-items:flex-start;\r\n }\r\n\r\n #heroTitle,\r\n #heroTitle2{\r\n width:min(100%, 390px);\r\n }\r\n\r\n #heroTitle{\r\n max-width:86vw;\r\n }\r\n\r\n #heroTitle2{\r\n max-width:82vw;\r\n }\r\n\r\n .camila-mini-title{\r\n max-width:62vw;\r\n color:#3f5868;\r\n text-shadow:\r\n 0 1px 0 rgba(246,240,226,.92),\r\n 0 10px 28px rgba(246,240,226,.74);\r\n }\r\n\r\n .camila-reading-text{\r\n color:#24282a;\r\n font-size:clamp(2.45rem, 11vw, 3.45rem);\r\n line-height:.94;\r\n text-shadow:\r\n 0 1px 0 rgba(246,240,226,.92),\r\n 0 12px 34px rgba(246,240,226,.82),\r\n 0 18px 46px rgba(83,96,104,.22);\r\n }\r\n\r\n .second-line{\r\n color:#5f87a7;\r\n }\r\n\r\n .hero-2 .camila-mini-title{\r\n max-width:58vw;\r\n }\r\n\r\n .mica-magnetic-section{\r\n padding:58px 18px 40px;\r\n }\r\n\r\n .mica-section-head{\r\n width:min(100%,560px);\r\n display:block;\r\n margin-bottom:30px;\r\n }\r\n\r\n .mica-section-head::before{\r\n top:-18px;\r\n width:100%;\r\n }\r\n\r\n .mica-section-head span{\r\n margin-bottom:16px;\r\n font-size:.72rem;\r\n letter-spacing:.16em;\r\n }\r\n\r\n .mica-section-head h2{\r\n font-size:clamp(2.45rem,11vw,3.45rem);\r\n line-height:.94;\r\n }\r\n\r\n .mica-section-head p{\r\n font-size:.98rem;\r\n line-height:1.65;\r\n margin-top:20px;\r\n padding-left:18px;\r\n }\r\n\r\n .mica-magnetic-grid{\r\n gap:16px;\r\n padding:0;\r\n }\r\n\r\n .mica-card{\r\n min-height:0;\r\n aspect-ratio:1 \/ 1.08;\r\n border-radius:8px;\r\n }\r\n\r\n .mica-card-content{\r\n padding:24px;\r\n }\r\n\r\n .mica-card-content h3{\r\n font-size:clamp(1.82rem,9.4vw,2.52rem);\r\n line-height:.96;\r\n transform:translateY(13px);\r\n }\r\n\r\n .mica-card-content p{\r\n font-size:.96rem;\r\n line-height:1.62;\r\n padding-bottom:.5rem;\r\n }\r\n\r\n .philosophy-section{\r\n height:250vh;\r\n }\r\n\r\n .philosophy-section__inner{\r\n min-height:100svh;\r\n height:100svh;\r\n padding:82px 20px 36px;\r\n }\r\n\r\n .philosophy-section__mini-top{\r\n margin-top:-25px;\r\n margin-bottom:28px;\r\n gap:10px;\r\n }\r\n\r\n .philosophy-section__icon-wrap svg{\r\n width:42px;\r\n height:42px;\r\n }\r\n\r\n .philosophy-section__mini-top span{\r\n font-size:11px;\r\n letter-spacing:2px;\r\n }\r\n\r\n .philosophy-section__reading-text{\r\n font-size:clamp(1.82rem,7.4vw,2.65rem);\r\n line-height:1.12;\r\n letter-spacing:-.02em;\r\n }\r\n\r\n .philosophy-section__button{\r\n margin-top:34px;\r\n padding:13px 17px;\r\n gap:16px;\r\n font-size:11px;\r\n letter-spacing:1.1px;\r\n }\r\n\r\n .editorial-story{\r\n padding:64px 20px 82px;\r\n }\r\n\r\n .story-grid{\r\n width:100%;\r\n gap:42px;\r\n min-height:auto;\r\n }\r\n\r\n .eyebrow{\r\n margin-bottom:22px;\r\n font-size:11px;\r\n letter-spacing:.2em;\r\n }\r\n\r\n .story-title{\r\n font-size:clamp(3rem,13vw,4.2rem);\r\n line-height:.96;\r\n letter-spacing:-.025em;\r\n }\r\n\r\n .story-text{\r\n margin-top:24px;\r\n font-size:.98rem;\r\n line-height:1.7;\r\n }\r\n\r\n .story-btn{\r\n margin-top:30px;\r\n padding:14px 18px;\r\n gap:16px;\r\n font-size:11px;\r\n }\r\n\r\n .story-images{\r\n height:430px;\r\n }\r\n\r\n .img-wrap,\r\n .img-wrap::before{\r\n border-radius:16px;\r\n }\r\n\r\n .floating-process{\r\n padding:58px 0 64px;\r\n }\r\n\r\n .fixed-bg{\r\n display:none;\r\n }\r\n\r\n .process-card{\r\n width:min(100% - 36px,560px);\r\n padding:38px 0 34px;\r\n gap:26px;\r\n }\r\n\r\n .process-card .eyebrow{\r\n margin-bottom:14px;\r\n font-size:10px;\r\n letter-spacing:2px;\r\n }\r\n\r\n .process-card .content h2{\r\n font-size:clamp(2.15rem,9vw,2.65rem);\r\n line-height:1.04;\r\n }\r\n\r\n .process-card .content p{\r\n margin-top:16px;\r\n font-size:.96rem;\r\n line-height:1.66;\r\n }\r\n\r\n .session-detail{\r\n min-height:auto;\r\n padding:28px 24px 30px;\r\n }\r\n\r\n .session-detail::before{\r\n left:24px;\r\n top:24px;\r\n width:42px;\r\n }\r\n\r\n .session-quote{\r\n margin-top:18px;\r\n }\r\n\r\n .session-cta{\r\n width:100%;\r\n margin-top:24px;\r\n padding:12px 18px;\r\n font-size:.72rem;\r\n }\r\n\r\n .curve-section{\r\n height:245vh;\r\n }\r\n\r\n .curve-sticky{\r\n top:0;\r\n height:100svh;\r\n }\r\n\r\n .curve-content{\r\n padding:72px 20px 28px;\r\n gap:22px;\r\n }\r\n\r\n .curve-title{\r\n font-size:clamp(2.35rem,10vw,3rem);\r\n line-height:1.08;\r\n letter-spacing:-.02em;\r\n }\r\n\r\n .right-side p{\r\n font-size:.94rem;\r\n line-height:1.62;\r\n }\r\n\r\n .image-mask{\r\n width:155vw;\r\n height:44vh;\r\n }\r\n\r\n .organic-editorial{\r\n padding:62px 20px 76px;\r\n }\r\n\r\n .organic-grid{\r\n width:min(100%,560px);\r\n gap:72px;\r\n }\r\n\r\n .blob-wrap{\r\n max-width:360px;\r\n }\r\n\r\n .organic-title{\r\n margin-top:28px;\r\n font-size:clamp(2.35rem,11vw,3rem);\r\n line-height:1;\r\n }\r\n\r\n .session-detail--organic .organic-title{\r\n margin-top:0;\r\n }\r\n\r\n .organic-text{\r\n margin-top:18px;\r\n font-size:.96rem;\r\n line-height:1.65;\r\n }\r\n\r\n .organic-btn{\r\n margin-top:24px;\r\n padding:13px 18px;\r\n gap:16px;\r\n font-size:11px;\r\n }\r\n\r\n .mica-contact-combined{\r\n padding:70px 18px 58px;\r\n }\r\n\r\n .mica-contact-grid{\r\n gap:30px;\r\n }\r\n\r\n .mica-contact-info h3{\r\n font-size:clamp(2.55rem,11.5vw,3.35rem);\r\n line-height:1;\r\n }\r\n\r\n .mica-contact-info p{\r\n font-size:.97rem;\r\n line-height:1.66;\r\n margin-bottom:1rem;\r\n }\r\n\r\n .mica-contact-info ul{\r\n gap:10px;\r\n margin:0 0 1.35rem;\r\n }\r\n\r\n .mica-contact-info li{\r\n min-height:auto;\r\n padding:11px 12px;\r\n border-radius:12px;\r\n font-size:.92rem;\r\n }\r\n\r\n .mica-contact-form{\r\n padding:1.45rem;\r\n border-radius:20px;\r\n }\r\n\r\n .mica-contact-form p{\r\n margin-bottom:1.35rem;\r\n font-size:.96rem;\r\n }\r\n\r\n .mica-contact-form .form-group{\r\n margin-bottom:1rem;\r\n }\r\n\r\n .mica-contact-form input,\r\n .mica-contact-form textarea,\r\n .mica-contact-form select{\r\n border-radius:12px;\r\n font-size:.92rem;\r\n }\r\n\r\n .ethereal-footer{\r\n margin-top:-5vh;\r\n padding:58px 16px 28px;\r\n }\r\n\r\n .footer-techline{\r\n display:none;\r\n }\r\n\r\n .footer-container{\r\n width:100%;\r\n padding:22px;\r\n border-radius:20px;\r\n gap:28px;\r\n }\r\n\r\n .footer-eyebrow,\r\n .sitemap-label{\r\n margin-bottom:14px;\r\n font-size:.68rem;\r\n letter-spacing:.18em;\r\n }\r\n\r\n .footer-title{\r\n font-size:clamp(2.4rem,11vw,3.35rem);\r\n line-height:1;\r\n letter-spacing:-.025em;\r\n }\r\n\r\n .footer-text{\r\n margin-top:16px;\r\n font-size:.94rem;\r\n line-height:1.55;\r\n }\r\n\r\n .footer-whatsapp-form{\r\n margin-top:22px;\r\n gap:10px;\r\n }\r\n\r\n .footer-whatsapp-form input,\r\n .footer-whatsapp-form button{\r\n min-height:44px;\r\n padding:12px 16px;\r\n }\r\n\r\n .footer-right{\r\n padding-top:0;\r\n }\r\n\r\n .footer-links{\r\n width:100%;\r\n gap:14px;\r\n padding:16px;\r\n border-radius:16px;\r\n }\r\n\r\n .footer-col{\r\n gap:12px;\r\n }\r\n\r\n .footer-col a{\r\n font-size:.94rem;\r\n }\r\n\r\n .copyright{\r\n margin-top:18px;\r\n font-size:.78rem;\r\n line-height:1.45;\r\n }\r\n}\r\n\r\n@media(max-width:420px){\r\n .camila-hero-content,\r\n .curve-content{\r\n padding-left:18px;\r\n padding-right:18px;\r\n }\r\n\r\n .camila-reading-text{\r\n font-size:clamp(2.45rem, 12vw, 3.25rem);\r\n line-height:.95;\r\n gap:.32rem;\r\n }\r\n\r\n .camila-line{\r\n font-size:inherit;\r\n }\r\n\r\n .camila-mini-title{\r\n font-size:.66rem;\r\n letter-spacing:.16em;\r\n }\r\n\r\n .mica-card{\r\n aspect-ratio:1 \/ 1.12;\r\n }\r\n\r\n .story-images{\r\n height:380px;\r\n }\r\n\r\n .footer-title br:nth-of-type(2){\r\n display:none;\r\n }\r\n}\r\n<\/style>\r\n<!-- ========================= -->\r\n<!-- MOBILE VISUAL OVERRIDES - FIN -->\r\n<!-- ========================= -->\r\n<!-- ========================= -->\r\n<!-- SITE LOADER CSS - INICIO -->\r\n<!-- ========================= -->\r\n<style>\r\n.site-loader{\r\n position:fixed;\r\n inset:0;\r\n width:100vw;\r\n height:100vh;\r\n min-height:100svh;\r\n z-index:2147483647!important;\r\n display:flex;\r\n align-items:center;\r\n justify-content:center;\r\n background:#536068;\r\n opacity:1;\r\n visibility:visible;\r\n pointer-events:auto;\r\n transition:\r\n opacity .65s ease,\r\n visibility .65s ease;\r\n}\r\n\r\nbody.is-loading #mainNav{\r\n z-index:2147483646!important;\r\n}\r\n\r\n.site-loader.is-hidden{\r\n opacity:0;\r\n visibility:hidden;\r\n pointer-events:none;\r\n}\r\n\r\n.site-loader__inner{\r\n display:flex;\r\n flex-direction:column;\r\n align-items:center;\r\n justify-content:center;\r\n}\r\n\r\n.circle-wrapper2{\r\n position:relative;\r\n width:220px;\r\n height:220px;\r\n margin:auto;\r\n border-radius:50%;\r\n background:#f3f3f3;\r\n display:flex;\r\n align-items:center;\r\n justify-content:center;\r\n overflow:hidden;\r\n border:1px solid rgba(83,96,104,.12);\r\n backdrop-filter:blur(4px);\r\n -webkit-backdrop-filter:blur(4px);\r\n box-shadow:0 24px 70px rgba(35,43,48,.22);\r\n}\r\n\r\n.circle-wrapper2::after{\r\n content:\"\";\r\n position:absolute;\r\n inset:-45%;\r\n background:\r\n linear-gradient(\r\n 120deg,\r\n transparent 40%,\r\n rgba(255,255,255,.16) 50%,\r\n transparent 60%\r\n );\r\n animation:shineMove 7s linear infinite;\r\n pointer-events:none;\r\n}\r\n\r\n.circle-image2{\r\n position:absolute;\r\n width:72px;\r\n height:72px;\r\n display:flex;\r\n align-items:center;\r\n justify-content:center;\r\n z-index:2;\r\n}\r\n\r\n.circle-image2 svg{\r\n width:100%;\r\n height:auto;\r\n transform:rotate(180deg);\r\n}\r\n\r\n.circle-text-svg2{\r\n position:absolute;\r\n inset:0;\r\n width:100%;\r\n height:100%;\r\n animation:rotateText 30s linear infinite;\r\n transform-origin:center;\r\n}\r\n\r\n.circle-text2{\r\n font-family:\"Montserrat\", \"Nunito\", sans-serif;\r\n font-size:12px;\r\n letter-spacing:5px;\r\n fill:#536068;\r\n font-weight:300;\r\n text-transform:uppercase;\r\n}\r\n\r\n.site-loader__text{\r\n margin:25px 0 0;\r\n text-align:center;\r\n color:#fff;\r\n font-family:\"Nunito\", sans-serif;\r\n font-size:.9rem;\r\n line-height:1.55;\r\n letter-spacing:.12em;\r\n text-transform:uppercase;\r\n}\r\n\r\n@keyframes rotateText{\r\n from{ transform:rotate(0deg); }\r\n to{ transform:rotate(360deg); }\r\n}\r\n\r\n@keyframes shineMove{\r\n 0%{\r\n transform:translateX(-100%) rotate(25deg);\r\n opacity:0;\r\n }\r\n\r\n 20%{ opacity:1; }\r\n\r\n 50%{\r\n transform:translateX(100%) rotate(25deg);\r\n opacity:.35;\r\n }\r\n\r\n 100%{\r\n transform:translateX(100%) rotate(25deg);\r\n opacity:0;\r\n }\r\n}\r\n\r\n@media(max-width:768px){\r\n .circle-wrapper2{\r\n width:180px;\r\n height:180px;\r\n }\r\n\r\n .circle-text2{\r\n font-size:13.5px;\r\n letter-spacing:4px;\r\n }\r\n\r\n .circle-image2{\r\n width:58px;\r\n height:58px;\r\n }\r\n}\r\n<\/style>\r\n<!-- ========================= -->\r\n<!-- SITE LOADER CSS - FIN -->\r\n<!-- ========================= -->\r\n<!-- ========================= -->\r\n<!-- TYPOGRAPHY SYSTEM - INICIO -->\r\n<!-- ========================= -->\r\n<style>\r\n@font-face{\r\n font-family:\"Mica Mongek\";\r\n src:url(\"https:\/\/micaelamarenchino.chdesignestudio.com\/wp-content\/themes\/Mongek-Regular.ttf\") format(\"truetype\");\r\n font-weight:400;\r\n font-style:normal;\r\n font-display:swap;\r\n}\r\n\r\n@font-face{\r\n font-family:\"Mica Acumin\";\r\n src:url(\"https:\/\/micaelamarenchino.chdesignestudio.com\/wp-content\/themes\/Acumin-Variable-Concept.ttf\") format(\"truetype\");\r\n font-weight:100 900;\r\n font-style:normal;\r\n font-display:swap;\r\n}\r\n\r\n:root{\r\n --font-primary:\"Mica Mongek\", \"Cormorant Garamond\", serif;\r\n --font-secondary:\"Mica Acumin\", \"myriad-variable\", \"Nunito\", sans-serif;\r\n --font-feature:\"myriad-variable\", \"Mica Acumin\", \"Nunito\", sans-serif;\r\n --font-content:\"Nunito\", \"Mica Acumin\", sans-serif;\r\n --site-container-max:1550px;\r\n --site-container-gutter:clamp(18px, 4vw, 64px);\r\n}\r\n\r\nbody{\r\n font-family:var(--font-content);\r\n}\r\n\r\n.mica-section-head,\r\n.mica-magnetic-grid,\r\n.story-grid,\r\n.process-intro,\r\n.floating-process .process-card,\r\n.curve-content,\r\n.curve-section-mobile__content,\r\n.organic-grid,\r\n.mica-contact-grid,\r\n.footer-container{\r\n width:min(var(--site-container-max), 92%)!important;\r\n max-width:var(--site-container-max)!important;\r\n margin-left:auto!important;\r\n margin-right:auto!important;\r\n}\r\n\r\nh1,\r\nh2,\r\nh3,\r\n.camila-reading-text,\r\n.mica-section-head h2,\r\n.philosophy-section__reading-text,\r\n.story-title,\r\n.process-intro h2,\r\n.process-card .content h2,\r\n.session-quote,\r\n.curve-title,\r\n.organic-title,\r\n.mica-contact-info h3,\r\n.mica-contact-form h2,\r\n.footer-title{\r\n font-family:var(--font-primary)!important;\r\n \/*font-weight: 100;*\/\r\n}\r\n\r\n#mainNav,\r\n#mainNav .nav-link,\r\n#mainNav .navbar-brand,\r\n.camila-mini-title,\r\n.mica-section-head span,\r\n.process-intro__eyebrow,\r\n.eyebrow,\r\n.process-card .eyebrow,\r\n.session-detail__tag,\r\n.session-cta,\r\n.footer-eyebrow,\r\n.sitemap-label,\r\n.organic-btn,\r\n.mica-whatsapp-btn,\r\n.mica-contact-form .btn-hero,\r\n.floating-whatsapp,\r\n.philosophy-section__button,\r\n.story-btn,\r\n.footer-whatsapp-form button{\r\n font-family:var(--font-feature)!important;\r\n font-variation-settings:\"wdth\" 70, \"wght\" 300;\r\n}\r\n\r\np,\r\nli,\r\nlabel,\r\ninput,\r\ntextarea,\r\nselect,\r\nbutton,\r\n.organic-text,\r\n.organic-place-list,\r\n.story-text,\r\n.right-side p,\r\n.mica-section-head p,\r\n.mica-card-content p,\r\n.process-card .content p,\r\n.footer-text,\r\n.copyright{\r\n font-family:var(--font-content)!important;\r\n}\r\n\r\n.camila-mini-title,\r\n.mica-section-head span,\r\n.process-intro__eyebrow,\r\n.eyebrow,\r\n.process-card .eyebrow,\r\n.session-detail__tag,\r\n.footer-eyebrow,\r\n.sitemap-label,\r\n.copyright{\r\n font-weight:300;\r\n}\r\n\r\n.philosophy-section .philosophy-section__reading-text,\r\n.philosophy-section .philosophy-section__reading-word{\r\n font-family:'Nunito', sans-serif!important;\r\n}\r\n\r\n.camila-mini-title,\r\n.mica-section-head span,\r\n.process-intro__eyebrow,\r\n.story-content > .eyebrow,\r\n.process-card .eyebrow,\r\n.footer-eyebrow,\r\n.sitemap-label{\r\n display:inline-flex!important;\r\n align-items:center!important;\r\n gap:14px!important;\r\n color:#536068!important;\r\n font-family:var(--font-feature)!important;\r\n font-size:clamp(.86rem, .82vw, 1.02rem)!important;\r\n font-weight:800!important;\r\n font-variation-settings:\"wdth\" 78, \"wght\" 720!important;\r\n letter-spacing:.16em!important;\r\n line-height:1.25!important;\r\n text-transform:uppercase!important;\r\n opacity:1!important;\r\n text-shadow:0 1px 0 rgba(246,240,226,.72);\r\n}\r\n\r\n.camila-mini-title,\r\n.mica-section-head span,\r\n.process-intro__eyebrow,\r\n.story-content > .eyebrow,\r\n.process-card .eyebrow{\r\n margin-bottom:clamp(18px, 2vw, 28px)!important;\r\n}\r\n\r\n.footer-eyebrow,\r\n.sitemap-label{\r\n margin-bottom:clamp(16px, 1.8vw, 24px)!important;\r\n}\r\n\r\n.camila-mini-title::before,\r\n.mica-section-head span::before,\r\n.process-intro__eyebrow::before,\r\n.story-content > .eyebrow::before,\r\n.process-card .eyebrow::before,\r\n.footer-eyebrow::before,\r\n.sitemap-label::before{\r\n content:\"\"!important;\r\n display:inline-block!important;\r\n width:clamp(30px, 3.1vw, 46px)!important;\r\n height:2px!important;\r\n flex:0 0 auto!important;\r\n margin:0!important;\r\n border:0!important;\r\n border-radius:999px!important;\r\n background:linear-gradient(90deg, #dbb58b, rgba(219,181,139,.34))!important;\r\n clip-path:none!important;\r\n opacity:1!important;\r\n}\r\n\r\n.process-intro__eyebrow,\r\n.mica-section-head span,\r\n.story-content > .eyebrow,\r\n.footer-eyebrow,\r\n.sitemap-label{\r\n color:#7a6f63!important;\r\n}\r\n\r\n.process-card .eyebrow{\r\n color:#536068!important;\r\n}\r\n\r\n.session-detail__tag{\r\n color:#536068!important;\r\n font-size:clamp(.74rem, .72vw, .86rem)!important;\r\n font-weight:800!important;\r\n font-variation-settings:\"wdth\" 78, \"wght\" 720!important;\r\n letter-spacing:.13em!important;\r\n opacity:1!important;\r\n}\r\n\r\n@media(max-width:768px){\r\n .camila-mini-title,\r\n .mica-section-head span,\r\n .process-intro__eyebrow,\r\n .story-content > .eyebrow,\r\n .process-card .eyebrow,\r\n .footer-eyebrow,\r\n .sitemap-label{\r\n max-width:100%!important;\r\n gap:10px!important;\r\n font-size:.78rem!important;\r\n letter-spacing:.12em!important;\r\n line-height:1.35!important;\r\n text-wrap:balance;\r\n }\r\n\r\n .camila-mini-title::before,\r\n .mica-section-head span::before,\r\n .process-intro__eyebrow::before,\r\n .story-content > .eyebrow::before,\r\n .process-card .eyebrow::before,\r\n .footer-eyebrow::before,\r\n .sitemap-label::before{\r\n width:26px!important;\r\n }\r\n\r\n .session-detail__tag{\r\n font-size:.72rem!important;\r\n letter-spacing:.1em!important;\r\n }\r\n}\r\n\r\n\r\n\r\n\r\nhtml,\r\nbody {\r\n margin: 0 !important;\r\n padding: 0 !important;\r\n width: 100% !important;\r\n max-width: 100% !important;\r\n overflow-x: hidden !important;\r\n}\r\n\r\n.elementor-page-3547 .elementor,\r\n.elementor-page-3547 .elementor-3547,\r\n.elementor-page-3547 .elementor-element-937cab4,\r\n.elementor-page-3547 .elementor-element-288906a,\r\n.elementor-page-3547 .elementor-widget-html,\r\n.elementor-page-3547 .elementor-widget-container {\r\n width: 100% !important;\r\n max-width: none !important;\r\n margin: 0 !important;\r\n padding: 0 !important;\r\n}\r\n\r\n.elementor-page-3547 .e-con {\r\n --padding-top: 0px !important;\r\n --padding-right: 0px !important;\r\n --padding-bottom: 0px !important;\r\n --padding-left: 0px !important;\r\n --padding-block-start: 0px !important;\r\n --padding-block-end: 0px !important;\r\n --padding-inline-start: 0px !important;\r\n --padding-inline-end: 0px !important;\r\n --gap: 0px !important;\r\n padding: 0 !important;\r\n gap: 0 !important;\r\n\r\n<\/style>\r\n<!-- ========================= -->\r\n<!-- TYPOGRAPHY SYSTEM - FIN -->\r\n<!-- ========================= -->\r\n<\/head>\r\n\r\n\r\n<body class=\"is-loading w-100\"\r\n style=\"\r\n padding-left:0px!important;\r\n padding: right 0px !important;;\r\n \">\r\n <div class=\"site-cursor-aura\" id=\"siteCursorAura\" aria-hidden=\"true\"><\/div>\r\n <div class=\"site-custom-cursor\" id=\"siteCustomCursor\" aria-hidden=\"true\">\r\n <svg viewBox=\"0 0 42 62\" focusable=\"false\">\r\n <path\r\n class=\"site-custom-cursor__ring\"\r\n d=\"M12 4C6.9 15.2 5.4 27.6 12.4 39.4C15.7 45 15.8 51.6 12.2 58C22.5 53.8 34.8 44.7 36 34.6C27.8 33.8 24.4 28.9 22 22.9C19.5 16.5 16.7 10.4 12 4Z\"\r\n \/>\r\n <path\r\n class=\"site-custom-cursor__inner\"\r\n d=\"M15 16C11.8 24.5 12.5 32.5 17.1 39.8C19.8 44.1 19.9 48.4 17.6 52.4C24.8 48.7 31.6 42.5 32.8 36C26.9 34.9 23.8 31 21.8 25.7C20.4 22 18.3 18.8 15 16Z\"\r\n \/>\r\n <path\r\n class=\"site-custom-cursor__core\"\r\n d=\"M17.9 28.2C16.3 33.1 17.6 37.2 20 40.8C21.4 42.9 21.4 45.2 20.1 47.6C23.5 44.7 26.3 41.2 27.1 37.8C23.6 36.7 21.4 34.1 20 30.7C19.6 29.8 18.9 29 17.9 28.2Z\"\r\n \/>\r\n <path\r\n class=\"site-custom-cursor__base\"\r\n d=\"M12.2 58C15.8 54.1 18 51.2 18.8 48.4C18.7 52.6 16.4 56 12.2 58Z\"\r\n \/>\r\n <\/svg>\r\n <\/div>\r\n\r\n <!-- ========================= -->\r\n <!-- SITE LOADER HTML - INICIO -->\r\n <!-- ========================= -->\r\n\r\n <div class=\"site-loader\" id=\"siteLoader\" aria-live=\"polite\" aria-label=\"Cargando sitio\">\r\n <div class=\"site-loader__inner\">\r\n <div class=\"circle-wrapper2\">\r\n <div class=\"circle-image2\" aria-hidden=\"true\">\r\n <svg viewBox=\"0 0 58 38\">\r\n <path\r\n d=\"M4 30C4 12 17 4 29 2C24 16 19 26 4 30Z\"\r\n fill=\"#536068\"\r\n \/>\r\n <path\r\n d=\"M54 30C54 12 41 4 29 2C34 16 39 26 54 30Z\"\r\n fill=\"#536068\"\r\n \/>\r\n <\/svg>\r\n <\/div>\r\n\r\n <svg class=\"circle-text-svg2\" viewBox=\"0 0 220 220\" aria-hidden=\"true\">\r\n <defs>\r\n <path\r\n id=\"circlePath2\"\r\n d=\"\r\n M 110,110\r\n m -82,0\r\n a 82,82 0 1,1 164,0\r\n a 82,82 0 1,1 -164,0\r\n \"\r\n \/>\r\n <\/defs>\r\n\r\n <text class=\"circle-text2\">\r\n <textPath href=\"#circlePath2\" startOffset=\"0%\">\r\n • MICAELA MARENCHINO • MICAELA MARENCHINO\r\n <\/textPath>\r\n <\/text>\r\n <\/svg>\r\n <\/div>\r\n\r\n <h5 class=\"site-loader__text\">\r\n • MICAELA MARENCHINO •<br>\r\n Cargando\r\n <\/h5>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- ========================= -->\r\n <!-- SITE LOADER HTML - FIN -->\r\n <!-- ========================= -->\r\n\r\n <!-- ========================= -->\r\n <!-- NAVBAR HTML - INICIO -->\r\n <!-- ========================= -->\r\n\r\n <nav id=\"mainNav\" class=\"navbar navbar-expand-lg fixed-top\">\r\n <div class=\"container-fluid\">\r\n <div class=\"col-1 d-none d-lg-block\"><\/div>\r\n\r\n <a class=\"navbar-brand mt-3 mb-3\" href=\"#mainNav\">\r\n <img decoding=\"async\"\r\n src=\"https:\/\/micaelamarenchino.chdesignestudio.com\/wp-content\/uploads\/2026\/05\/mica_navbar2-scaled.png\"\r\n alt=\"Micaela Marenchino\"\r\n class=\"logo logo-light\"\r\n >\r\n <img decoding=\"async\"\r\n src=\"https:\/\/micaelamarenchino.chdesignestudio.com\/wp-content\/uploads\/2026\/05\/mica_navbar2-scaled.png\"\r\n alt=\"Micaela Marenchino\"\r\n class=\"logo logo-dark\"\r\n >\r\n <\/a>\r\n\r\n <button\r\n class=\"navbar-toggler fixed-toggler\"\r\n type=\"button\"\r\n aria-controls=\"navbarNav\"\r\n aria-expanded=\"false\"\r\n aria-label=\"Toggle navigation\"\r\n >\r\n <i class=\"fas fa-bars\"><\/i>\r\n <\/button>\r\n\r\n <div class=\"collapse navbar-collapse\" id=\"navbarNav\">\r\n <ul class=\"navbar-nav ms-auto\">\r\n <li class=\"nav-item\">\r\n <a class=\"nav-link\" href=\"#mainNav\">Inicio<\/a>\r\n <\/li>\r\n\r\n <li class=\"nav-item\">\r\n <a class=\"nav-link\" href=\"#Mica\">Quién Soy<\/a>\r\n <\/li>\r\n\r\n <li class=\"nav-item\">\r\n <a class=\"nav-link\" href=\"#Sesiones\">Sesiones<\/a>\r\n <\/li>\r\n\r\n <li class=\"nav-item\">\r\n <a class=\"nav-link nav-cta\" href=\"#Contacto\">Escribime<\/a>\r\n <\/li>\r\n <\/ul>\r\n\r\n <div class=\"col-1\"><\/div>\r\n <\/div>\r\n <\/div>\r\n <\/nav>\r\n\r\n <!-- ========================= -->\r\n <!-- NAVBAR HTML - FIN -->\r\n <!-- ========================= -->\r\n\r\n <!-- ========================= -->\r\n <!-- HERO HTML - INICIO -->\r\n <!-- ========================= -->\r\n\r\n <section class=\"camila-hero-300vh\">\r\n\r\n <div class=\"camila-scroll-space\"><\/div>\r\n\r\n <div class=\"camila-hero-fixed\" id=\"heroFixed\">\r\n\r\n <!-- BACKGROUNDS -->\r\n <div class=\"camila-hero-bg camila-bg-1 camila-hero-parallax\" id=\"bg1\" data-y=\"-140\" data-scrub=\"2.4\" data-scale-from=\"1.12\" data-scale-to=\"1.08\"><\/div>\r\n <div class=\"camila-hero-bg camila-bg-2 camila-hero-parallax\" id=\"bg2\" data-y=\"120\" data-scrub=\"2.8\" data-rotate=\"-2\" data-scale-from=\"1.08\" data-scale-to=\"1.04\"><\/div>\r\n <div class=\"camila-hero-bg camila-bg-3 camila-hero-parallax\" id=\"bg3\" data-y=\"-90\" data-scrub=\"2.1\" data-rotate=\"2\" data-scale-from=\"1.1\" data-scale-to=\"1.05\"><\/div>\r\n\r\n <!-- OVERLAY -->\r\n <div class=\"camila-overlay\"><\/div>\r\n\r\n <!-- FLOW SVG OCULTO\r\n <svg class=\"camila-flow-svg\" viewBox=\"0 0 1920 1200\" preserveAspectRatio=\"none\">\r\n\r\n <path\r\n class=\"camila-flow-bg\"\r\n d=\"M 568.5 0 C -446.766 669.726 420.757 754.867 688 543.5 C 955.243 332.133 149.225 460.324 381 1140\">\r\n <\/path>\r\n\r\n <path\r\n class=\"camila-flow-bg secondary\"\r\n d=\"M 610 -20 C -360 650 470 760 735 560 C 1000 360 210 500 430 1160\">\r\n <\/path>\r\n\r\n <path\r\n id=\"heroFlowPath\"\r\n class=\"camila-flow-active\"\r\n d=\"M 568.5 0 C -446.766 669.726 420.757 754.867 688 543.5 C 955.243 332.133 149.225 460.324 381 1140\">\r\n <\/path>\r\n\r\n <path\r\n id=\"heroFlowPath2\"\r\n class=\"camila-flow-active secondary-active\"\r\n d=\"M 610 -20 C -360 650 470 760 735 560 C 1000 360 210 500 430 1160\">\r\n <\/path>\r\n\r\n <\/svg>\r\n -->\r\n\r\n <!-- HERO 1 -->\r\n <div class=\"camila-hero-content camila-content-1 \">\r\n <div class=\"camila-text-wrapper\" id=\"heroTitle\">\r\n\r\n <div class=\"camila-mini-title\">\r\n MICAELA MARENCHINO\r\n <\/div>\r\n\r\n <h1 class=\"camila-reading-text\">\r\n <span class=\"camila-line\">Convierto lo invisible<\/span>\r\n <span class=\"camila-line second-line\">en amor comprensible.<\/span>\r\n <\/h1>\r\n\r\n <a class=\"camila-hero-cta\" href=\"#heroTitle2\" data-hero-title-2-cta>\r\n Seguir leyendo\r\n <\/a>\r\n\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- HERO 2 -->\r\n <div class=\"camila-hero-content camila-content-2\">\r\n <div class=\"camila-text-wrapper hero-2\" id=\"heroTitle2\">\r\n\r\n <div class=\"camila-mini-title\">\r\n Acompaño procesos<br class=\"d-lg-none\"> para <br class=\"d-none d-lg-block\">comprender vínculos,<br class=\"d-lg-none\"> duelos y patrones familiares\r\n <\/div>\r\n\r\n <h2 class=\"camila-reading-text\">\r\n <span class=\"camila-line\">desde las Constelaciones<\/span>\r\n <\/h2>\r\n\r\n <a class=\"camila-hero-cta\" href=\"#LugaresSesiones\" data-hero-next-section-cta>\r\n Ver lugares\r\n <\/a>\r\n\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <\/section>\r\n\r\n <!-- ========================= -->\r\n <!-- HERO HTML - FIN -->\r\n <!-- ========================= -->\r\n\r\n <!-- ========================= -->\r\n <!-- HERO COUNTRIES MARQUEE HTML - INICIO -->\r\n <!-- ========================= -->\r\n\r\n <section class=\"hero-countries-intro\" id=\"LugaresSesiones\" aria-label=\"Lugares donde hice sesiones\">\r\n <span class=\"hero-countries-intro__label\">\r\n Lugares donde hice sesiones:\r\n <\/span>\r\n <\/section>\r\n\r\n <section class=\"hero-countries-marquee\" aria-label=\"Lugares del mundo donde se hicieron sesiones\">\r\n <div class=\"hero-countries-marquee__track\">\r\n <div class=\"hero-countries-marquee__group\">\r\n <span class=\"hero-countries-marquee__item\">Argentina<\/span>\r\n <span class=\"hero-countries-marquee__item\">Colombia<\/span>\r\n <span class=\"hero-countries-marquee__item\">Italia<\/span>\r\n <span class=\"hero-countries-marquee__item\">Estados Unidos<\/span>\r\n <span class=\"hero-countries-marquee__item\">España<\/span>\r\n <span class=\"hero-countries-marquee__item\">México<\/span>\r\n <span class=\"hero-countries-marquee__item\">Australia<\/span>\r\n <span class=\"hero-countries-marquee__item\">Francia<\/span>\r\n <span class=\"hero-countries-marquee__item\">Países Bajos<\/span>\r\n <span class=\"hero-countries-marquee__item\">Puerto Rico<\/span>\r\n <span class=\"hero-countries-marquee__item\">Alemania<\/span>\r\n <span class=\"hero-countries-marquee__item\">Uruguay<\/span>\r\n <span class=\"hero-countries-marquee__item\">Chile<\/span>\r\n <span class=\"hero-countries-marquee__item\">Perú<\/span>\r\n <span class=\"hero-countries-marquee__item\">Sudáfrica<\/span>\r\n <span class=\"hero-countries-marquee__item\">Israel<\/span>\r\n <span class=\"hero-countries-marquee__item\">Houston<\/span>\r\n <span class=\"hero-countries-marquee__item\">Madrid<\/span>\r\n <span class=\"hero-countries-marquee__item\">Los Angeles<\/span>\r\n <span class=\"hero-countries-marquee__item\">Nueva Zelanda<\/span>\r\n <span class=\"hero-countries-marquee__item\">República Dominicana<\/span>\r\n <span class=\"hero-countries-marquee__item\">Valencia<\/span>\r\n <span class=\"hero-countries-marquee__item\">Ibiza<\/span>\r\n <span class=\"hero-countries-marquee__item\">Berlin<\/span>\r\n <span class=\"hero-countries-marquee__item\">New York<\/span>\r\n <span class=\"hero-countries-marquee__item\">Panamá<\/span>\r\n <span class=\"hero-countries-marquee__item\">Ecuador<\/span>\r\n <span class=\"hero-countries-marquee__item\">Andorra<\/span>\r\n <span class=\"hero-countries-marquee__item\">Barcelona<\/span>\r\n <\/div>\r\n\r\n <div class=\"hero-countries-marquee__group\" aria-hidden=\"true\">\r\n <span class=\"hero-countries-marquee__item\">Argentina<\/span>\r\n <span class=\"hero-countries-marquee__item\">Colombia<\/span>\r\n <span class=\"hero-countries-marquee__item\">Italia<\/span>\r\n <span class=\"hero-countries-marquee__item\">Estados Unidos<\/span>\r\n <span class=\"hero-countries-marquee__item\">España<\/span>\r\n <span class=\"hero-countries-marquee__item\">México<\/span>\r\n <span class=\"hero-countries-marquee__item\">Australia<\/span>\r\n <span class=\"hero-countries-marquee__item\">Francia<\/span>\r\n <span class=\"hero-countries-marquee__item\">Países Bajos<\/span>\r\n <span class=\"hero-countries-marquee__item\">Puerto Rico<\/span>\r\n <span class=\"hero-countries-marquee__item\">Alemania<\/span>\r\n <span class=\"hero-countries-marquee__item\">Uruguay<\/span>\r\n <span class=\"hero-countries-marquee__item\">Chile<\/span>\r\n <span class=\"hero-countries-marquee__item\">Perú<\/span>\r\n <span class=\"hero-countries-marquee__item\">Sudáfrica<\/span>\r\n <span class=\"hero-countries-marquee__item\">Israel<\/span>\r\n <span class=\"hero-countries-marquee__item\">Houston<\/span>\r\n <span class=\"hero-countries-marquee__item\">Madrid<\/span>\r\n <span class=\"hero-countries-marquee__item\">Los Angeles<\/span>\r\n <span class=\"hero-countries-marquee__item\">Nueva Zelanda<\/span>\r\n <span class=\"hero-countries-marquee__item\">República Dominicana<\/span>\r\n <span class=\"hero-countries-marquee__item\">Valencia<\/span>\r\n <span class=\"hero-countries-marquee__item\">Ibiza<\/span>\r\n <span class=\"hero-countries-marquee__item\">Berlin<\/span>\r\n <span class=\"hero-countries-marquee__item\">New York<\/span>\r\n <span class=\"hero-countries-marquee__item\">Panamá<\/span>\r\n <span class=\"hero-countries-marquee__item\">Ecuador<\/span>\r\n <span class=\"hero-countries-marquee__item\">Andorra<\/span>\r\n <span class=\"hero-countries-marquee__item\">Barcelona<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- ========================= -->\r\n <!-- HERO COUNTRIES MARQUEE HTML - FIN -->\r\n <!-- ========================= -->\r\n\r\n <!-- ========================= -->\r\n <!-- MAGNETIC CARDS HTML - INICIO -->\r\n <!-- ========================= -->\r\n\r\n <section class=\"mica-magnetic-section\">\r\n\r\n <div class=\"mica-section-head\">\r\n <div>\r\n <span>Espacios de acompañamiento<\/span>\r\n <h2>Sanar el pasado para liberar el presente<\/h2>\r\n <\/div>\r\n\r\n <p>\r\n Un recorrido sensible para comprender tu historia, ordenar vínculos\r\n y abrir una conexión más profunda con vos misma.\r\n <\/p>\r\n <\/div>\r\n\r\n <div class=\"mica-magnetic-grid\">\r\n\r\n <article class=\"mica-card\">\r\n <div class=\"mica-card-bg\" style=\"background-image:url('https:\/\/micaelamarenchino.chdesignestudio.com\/wp-content\/uploads\/2026\/05\/mica1.jpg');\"><\/div>\r\n <div class=\"mica-card-overlay\"><\/div>\r\n <div class=\"mica-card-content\">\r\n <h3>Constelaciones<br>Familiares<\/h3>\r\n <div class=\"mica-card-body\">\r\n <p>Un espacio para mirar vínculos, patrones heredados y aquello que necesita encontrar orden en tu historia.<\/p>\r\n <a href=\"#Nosotros\" class=\"mica-card-cta\">Más INFO<\/a>\r\n <\/div>\r\n <span class=\"mica-card-dot\"><\/span>\r\n <\/div>\r\n <\/article>\r\n\r\n <article class=\"mica-card\">\r\n <div class=\"mica-card-bg\" style=\"background-image:url('https:\/\/micaelamarenchino.chdesignestudio.com\/wp-content\/uploads\/2026\/05\/mica3.jpg');\"><\/div>\r\n <div class=\"mica-card-overlay\"><\/div>\r\n <div class=\"mica-card-content\">\r\n <h3>Sesión<br>Médium<\/h3>\r\n <div class=\"mica-card-body\">\r\n <p>Un puente sutil para quienes atraviesan duelos y buscan abrir un espacio de conexión, amor y comprensión.<\/p>\r\n <a href=\"#Nosotros\" class=\"mica-card-cta\">Más INFO<\/a>\r\n <\/div>\r\n <span class=\"mica-card-dot\"><\/span>\r\n <\/div>\r\n <\/article>\r\n\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- ========================= -->\r\n <!-- MAGNETIC CARDS HTML - FIN -->\r\n <!-- ========================= -->\r\n\r\n <!-- ========================= -->\r\n <!-- MI HISTORIA HTML - INICIO -->\r\n <!-- =========================-->\r\n<div style=\"position:relative;height:220px;margin-top:-220px;z-index: -1;\" id=\"Mica\"><\/div>\r\n <section class=\"philosophy-section w-100\" id=\"Nosotros\" style=\"overflow-x: hidden!important;\">\r\n\r\n <div class=\"philosophy-section__inner\" >\r\n\r\n <div class=\"philosophy-section__mini-top\">\r\n <div class=\"philosophy-section__icon-wrap\">\r\n <svg width=\"54\" height=\"54\" viewBox=\"0 0 24 24\" fill=\"none\">\r\n <path d=\"M12 6.5C13.38 6.5 14.5 5.38 14.5 4C14.5 2.62 13.38 1.5 12 1.5C10.62 1.5 9.5 2.62 9.5 4C9.5 5.38 10.62 6.5 12 6.5Z\" stroke=\"currentColor\" stroke-width=\"1.5\"\/>\r\n <path d=\"M8.5 14C9.5 15 10.7 15.5 12 15.5C13.3 15.5 14.5 15 15.5 14\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\"\/>\r\n <path d=\"M6 19C7.5 20.3 9.5 21 12 21C14.5 21 16.5 20.3 18 19\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\"\/>\r\n <path d=\"M12 8.5C8.2 8.5 5 10.9 5 14C5 15.4 5.7 16.7 7 17.7\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\"\/>\r\n <path d=\"M12 8.5C15.8 8.5 19 10.9 19 14C19 15.4 18.3 16.7 17 17.7\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\"\/>\r\n <\/svg>\r\n <\/div>\r\n\r\n <span>¿QUIÉN SOY?<\/span>\r\n <\/div>\r\n\r\n <h2 class=\"philosophy-section__reading-text\" >\r\n <span>Soy Micaela Marenchino, mamá de Cala y Pastor, <\/span>\r\n <br><span>Consteladora Familiar y Médium.<\/span>\r\n <br>\r\n <span>Acompaño procesos de comprensión vincular, <\/span>\r\n <span>patrones familiares y duelo desde un espacio sostenido por la sensibilidad, <\/span>\r\n <span>la dulzura y la paz, como base para cada transformación.<\/span>\r\n <\/h2>\r\n\r\n <a href=\"#MiHistoria\" class=\"philosophy-section__button\">\r\n CONOCER MÁS\r\n <span class=\"philosophy-section__button-dot\"><\/span>\r\n <\/a>\r\n\r\n <\/div>\r\n\r\n <\/section>\r\n\r\n <!-- ========================= -->\r\n <!-- MI HISTORIA HTML - FIN -->\r\n <!-- ========================= -->\r\n\r\n <!-- ========================= -->\r\n <!-- EDITORIAL STORY HTML - INICIO -->\r\n <!-- ========================= -->\r\n\r\n <section class=\"editorial-story\" id=\"MiHistoria\">\r\n\r\n <div class=\"story-grid\">\r\n\r\n <div class=\"story-content gsap-float\" data-y=\"-45\" data-scrub=\"1.8\">\r\n\r\n <span class=\"eyebrow gsap-float\" data-y=\"-25\" data-scrub=\"1.2\">\r\n MI HISTORIA\r\n <\/span>\r\n\r\n <h2 class=\"story-title gsap-float\" data-y=\"-70\" data-scrub=\"2.2\">\r\n Desde mi propia transformación\r\n <\/h2>\r\n\r\n <p class=\"story-text gsap-float\" data-y=\"-38\" data-scrub=\"1.6\">\r\n Soy profesora, formada en Psicología Sistémica y Constelaciones Familiares,\r\n y llevo más de 2000 sesiones individuales acompañando procesos de transformación.\r\n Mi camino comenzó desde la necesidad de sanar mis propias heridas, y fue en las\r\n Constelaciones donde encontré un espacio profundo de comprensión, reparación y conciencia.\r\n <\/p>\r\n\r\n <a href=\"#Sesiones\" class=\"story-btn gsap-float\" data-y=\"-22\" data-scrub=\"1\">\r\n CONOCER MÁS\r\n <span class=\"dot\"><\/span>\r\n <\/a>\r\n\r\n <\/div>\r\n\r\n <div class=\"story-images\">\r\n\r\n <div class=\"img-wrap img-back gsap-float\" data-y=\"120\" data-scrub=\"2.8\" data-rotate=\"-2\">\r\n <img decoding=\"async\"\r\n class=\"img-parallax\"\r\n data-y=\"-80\"\r\n data-scrub=\"2\"\r\n src=\"https:\/\/micaelamarenchino.chdesignestudio.com\/wp-content\/uploads\/2026\/06\/IMG_1488.jpg\"\r\n \r\n alt=\"\"\r\n >\r\n <\/div>\r\n\r\n <div class=\"img-wrap img-front gsap-float \" data-y=\"-140\" data-scrub=\"2.4\" data-rotate=\"2\">\r\n <img decoding=\"async\"\r\n class=\"img-parallax\"\r\n data-y=\"90\"\r\n data-scrub=\"2\"\r\n src=\"https:\/\/micaelamarenchino.chdesignestudio.com\/wp-content\/uploads\/2026\/06\/IMG_2230-scaled.jpg\"\r\n alt=\"\"\r\n >\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <\/section>\r\n\r\n <!-- ========================= -->\r\n <!-- EDITORIAL STORY HTML - FIN -->\r\n <!-- ========================= -->\r\n\r\n <!-- ========================= -->\r\n <!-- FLOATING PROCESS HTML - INICIO -->\r\n <!-- ========================= -->\r\n\r\n <section class=\"floating-process\" id=\"Sesiones\">\r\n\r\n <div class=\"fixed-bg\">\r\n\r\n <svg class=\"bg-lines\" viewBox=\"0 0 1600 900\" fill=\"none\">\r\n\r\n <path\r\n d=\"M-52 498C96 535 120 126 335 31C550 -64 639 358 542 639C445 920 269 550 421 315C573 80 726 169 820 378C914 587 727 563 730 404C733 245 989 311 1232 413C1475 515 1607 207 1607 207\"\r\n stroke=\"#d7dde0\"\r\n stroke-width=\"1\"\r\n \/>\r\n\r\n <path\r\n d=\"M-52 520C120 562 149 158 358 52C567 -54 649 359 566 620C483 881 292 563 446 340C600 117 752 189 838 386C924 583 752 559 752 412C752 265 989 325 1217 420C1445 515 1579 256 1600 240\"\r\n stroke=\"#eceff1\"\r\n stroke-width=\"1\"\r\n \/>\r\n\r\n <\/svg>\r\n\r\n <\/div>\r\n\r\n <div class=\"process-intro\">\r\n <div>\r\n <span class=\"process-intro__eyebrow\">Sesiones<\/span>\r\n <h2>Elegí el espacio que acompañe tu momento<\/h2>\r\n <\/div>\r\n\r\n <p>\r\n Dos formas de encuentro, con una misma intención: mirar con\r\n cuidado lo que duele, ordenar lo que pide lugar y abrir un camino\r\n más liviano para seguir.\r\n <\/p>\r\n <\/div>\r\n\r\n <div class=\"process-wrapper\">\r\n\r\n <section class=\"process-card process-card--image-left active\">\r\n\r\n <div class=\"session-detail session-detail--organic\">\r\n <span class=\"session-detail__tag\">Trabajo sistémico<\/span>\r\n\r\n <div class=\"blob-wrap\" data-speed=\"0.06\">\r\n <div class=\"blob-outline\"><\/div>\r\n\r\n <div class=\"blob-shape\">\r\n <img decoding=\"async\"\r\n src=\"https:\/\/micaelamarenchino.chdesignestudio.com\/wp-content\/uploads\/2026\/05\/sanacion.jpg\"\r\n alt=\"\"\r\n >\r\n <\/div>\r\n <\/div>\r\n\r\n <h3 class=\"organic-title\">\r\n Sanación\r\n <\/h3>\r\n\r\n <p class=\"organic-text\">\r\n Un movimiento interno para ordenar la historia y soltar lo que ya\r\n no necesita ser cargado.\r\n <\/p>\r\n\r\n <a class=\"session-cta\" href=\"#Contacto\">Quiero consultar<\/a>\r\n <\/div>\r\n\r\n <div class=\"content\">\r\n <span class=\"eyebrow\">CONSTELACIONES FAMILIARES<\/span>\r\n\r\n <h2>Reconocer lo que te habita para transformar tu presente<\/h2>\r\n\r\n <ul class=\"session-summary\" aria-label=\"Características de la sesión\">\r\n <li>Individual o grupal<\/li>\r\n <li>Online y presencial<\/li>\r\n <li>Mirada sistémica<\/li>\r\n <\/ul>\r\n\r\n <p>\r\n Las Constelaciones Familiares ayudan a mirar patrones, emociones o\r\n repeticiones que pueden venir de la historia familiar e influir en\r\n tus vínculos, decisiones y bienestar.\r\n <\/p>\r\n\r\n <p>\r\n El encuentro abre una mirada más amplia para ordenar,\r\n comprender y vincularte con tu historia desde un lugar más\r\n libre.\r\n <\/p>\r\n\r\n <ul class=\"session-benefits\" aria-label=\"Esta sesión puede ayudarte a\">\r\n <li>Comprender patrones que se repiten en tu historia.<\/li>\r\n <li>Ordenar vínculos familiares desde una mirada más amplia.<\/li>\r\n <li>Soltar cargas que no te pertenecen.<\/li>\r\n <li>Tomar decisiones con mayor claridad interna.<\/li>\r\n <\/ul>\r\n <\/div>\r\n\r\n <\/section>\r\n\r\n <section class=\"process-card\">\r\n\r\n <div class=\"content\">\r\n <span class=\"eyebrow\">SESIONES DE MEDIUMNIDAD<\/span>\r\n\r\n <h2>Un espacio para el encuentro, la comprensión y el amor que permanece<\/h2>\r\n\r\n <ul class=\"session-summary\" aria-label=\"Características de la sesión\">\r\n <li>Encuentro individual<\/li>\r\n <li>Acompañamiento sensible<\/li>\r\n <li>Proceso de duelo<\/li>\r\n <\/ul>\r\n\r\n <p>\r\n Las sesiones de Mediumnidad ofrecen un espacio íntimo para\r\n quienes buscan una señal, un mensaje o una comprensión\r\n más profunda sobre un ser querido que partió.\r\n <\/p>\r\n\r\n <p>\r\n Desde una escucha sensible, el encuentro puede traer claridad,\r\n alivio y una experiencia de amor que acompaña el proceso de\r\n duelo.\r\n <\/p>\r\n\r\n <ul class=\"session-benefits\" aria-label=\"Esta sesión puede ayudarte a\">\r\n <li>Transitar preguntas abiertas con contención.<\/li>\r\n <li>Recibir una mirada amorosa en procesos de duelo.<\/li>\r\n <li>Encontrar alivio, claridad o una señal significativa.<\/li>\r\n <li>Reconectar con la continuidad del amor.<\/li>\r\n <\/ul>\r\n <\/div>\r\n\r\n <div class=\"session-detail session-detail--organic\">\r\n <span class=\"session-detail__tag\">Conexión espiritual<\/span>\r\n\r\n <div class=\"blob-wrap\" data-speed=\"0.1\">\r\n <div class=\"blob-outline\"><\/div>\r\n\r\n <div class=\"blob-shape blob-dark\">\r\n <img decoding=\"async\"\r\n src=\"https:\/\/micaelamarenchino.chdesignestudio.com\/wp-content\/uploads\/2026\/05\/conexion.jpg\"\r\n alt=\"\"\r\n >\r\n <\/div>\r\n <\/div>\r\n\r\n <h3 class=\"organic-title\">\r\n Conexión\r\n <\/h3>\r\n\r\n <p class=\"organic-text\">\r\n Un puente entre lo visible y lo invisible, desde una presencia\r\n amorosa y consciente.\r\n <\/p>\r\n\r\n <a class=\"session-cta\" href=\"#Contacto\">Quiero conocer más<\/a>\r\n <p class=\"session-note\">Podés escribir para contarme brevemente qué estás atravesando.<\/p>\r\n <\/div>\r\n\r\n <\/section>\r\n\r\n <\/div>\r\n\r\n <\/section>\r\n\r\n <!-- ========================= -->\r\n <!-- FLOATING PROCESS HTML - FIN -->\r\n <!-- ========================= -->\r\n\r\n <!-- ========================= -->\r\n <!-- CURVED REVEAL HTML - INICIO -->\r\n <!-- ========================= -->\r\n\r\n <section class=\"curve-section d-none d-lg-block\">\r\n\r\n <div class=\"curve-sticky\">\r\n\r\n <div class=\"curve-content\">\r\n\r\n <div class=\"left-side\">\r\n\r\n <h2 class=\"curve-title\">\r\n <span class=\"curve-title-dynamic\">No heredamos solo historias,<\/span>\r\n\r\n <span style=\"color: whitesmoke !important;\">también la fuerza para transformarlas.<\/span>\r\n <\/h2>\r\n\r\n <\/div>\r\n\r\n <div class=\"right-side\">\r\n\r\n <p class=\"curve-copy-dynamic\">\r\n Acompaño procesos de transformación desde una mirada\r\n sensible e integradora, donde las Constelaciones Familiares\r\n y la Mediumnidad permiten comprender aquello que muchas veces\r\n no puede explicarse solo con palabras.\r\n\r\n <span class=\"curve-copy-accent\">\r\n Un espacio de calma, contención y profundidad.\r\n <\/span>\r\n <\/p>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <div class=\"image-wrap\">\r\n\r\n <svg class=\"motion-path\" viewBox=\"0 0 1600 400\" preserveAspectRatio=\"none\">\r\n\r\n <path\r\n id=\"travelPath\"\r\n d=\"M 0 260\r\n C 300 140 600 80 820 120\r\n C 1120 180 1350 220 1600 80\"\r\n fill=\"none\"\r\n stroke=\"rgba(255,255,255,0.08)\"\r\n stroke-width=\"2\"\r\n stroke-dasharray=\"8 10\"\r\n \/>\r\n\r\n <\/svg>\r\n\r\n <div class=\"image-mask\">\r\n\r\n <img decoding=\"async\"\r\n class=\"hero-image\"\r\n src=\"https:\/\/images.unsplash.com\/photo-1506744038136-46273834b3fb?q=80&w=2000&auto=format&fit=crop\"\r\n alt=\"\"\r\n \/>\r\n\r\n <\/div>\r\n\r\n <div class=\"floating-orb\"><\/div>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <\/section>\r\n\r\n <section class=\"curve-section-mobile d-block d-lg-none\">\r\n\r\n <div class=\"curve-section-mobile__content\">\r\n\r\n <h2 class=\"curve-title\">\r\n <span>No heredamos solo historias,<\/span>\r\n <span>también <br class=\"d-lg-block\">la fuerza para transformarlas.<\/span>\r\n <\/h2>\r\n\r\n <p>\r\n Acompaño procesos de transformación desde una mirada\r\n sensible e integradora, donde las Constelaciones Familiares\r\n y la Mediumnidad permiten comprender aquello que muchas veces\r\n no puede explicarse solo con palabras.\r\n\r\n <span>\r\n Un espacio de calma, contención y profundidad.\r\n <\/span>\r\n <\/p>\r\n\r\n <\/div>\r\n\r\n <\/section>\r\n\r\n <!-- ========================= -->\r\n <!-- CURVED REVEAL HTML - FIN -->\r\n <!-- ========================= -->\r\n\r\n <!-- ========================= -->\r\n <!-- ORGANIC EDITORIAL CARDS HTML - INICIO -->\r\n <!-- ========================= -->\r\n\r\n <!--\r\n <section class=\"organic-editorial\">\r\n\r\n <div class=\"organic-grid\">\r\n\r\n <article class=\"organic-card\">\r\n\r\n <div class=\"blob-wrap\" data-speed=\"0.05\">\r\n <div class=\"blob-outline\"><\/div>\r\n\r\n <div class=\"blob-shape\">\r\n <img decoding=\"async\"\r\n src=\"https:\/\/micaelamarenchino.chdesignestudio.com\/wp-content\/uploads\/2026\/05\/sanacion.jpg\"\r\n alt=\"\"\r\n >\r\n <\/div>\r\n <\/div>\r\n\r\n <h3 class=\"organic-title\">\r\n Sanación\r\n <\/h3>\r\n\r\n <p class=\"organic-text\">\r\n Acompañar procesos de transformación interna con respeto, profundidad y herramientas que permitan ordenar la historia y liberar lo que ya no necesita ser cargado.\r\n <\/p>\r\n\r\n <a href=\"https:\/\/wa.me\/5493533412152\" class=\"organic-btn\" target=\"_blank\">\r\n CONOCER MÁS\r\n <span class=\"dot\"><\/span>\r\n <\/a>\r\n\r\n <\/article>\r\n\r\n <article class=\"organic-card center-card\">\r\n\r\n <div class=\"blob-wrap\" data-speed=\"0.1\">\r\n <div class=\"blob-outline\"><\/div>\r\n\r\n <div class=\"blob-shape blob-dark\">\r\n <img decoding=\"async\"\r\n src=\"https:\/\/micaelamarenchino.chdesignestudio.com\/wp-content\/uploads\/2026\/05\/conexion.jpg\"\r\n alt=\"\"\r\n >\r\n <\/div>\r\n <\/div>\r\n\r\n <h3 class=\"organic-title\">\r\n Conexión\r\n <\/h3>\r\n\r\n <p class=\"organic-text\">\r\n Crear puentes entre lo visible y lo invisible, entre el pasado y el presente, favoreciendo un vínculo más consciente con una misma y con los demás.\r\n <\/p>\r\n\r\n <a href=\"https:\/\/wa.me\/5493533412152\" class=\"organic-btn\" target=\"_blank\">\r\n ESCRIBIME\r\n <span class=\"dot\"><\/span>\r\n <\/a>\r\n\r\n <\/article>\r\n\r\n <article class=\"organic-card\">\r\n\r\n <div class=\"blob-wrap\" data-speed=\"0.07\">\r\n <div class=\"blob-outline\"><\/div>\r\n\r\n <div class=\"blob-shape\">\r\n <img decoding=\"async\"\r\n src=\"https:\/\/micaelamarenchino.chdesignestudio.com\/wp-content\/uploads\/2026\/05\/Presencia.jpg\"\r\n alt=\"\"\r\n >\r\n <\/div>\r\n <\/div>\r\n\r\n <h3 class=\"organic-title\">\r\n Presencia\r\n <\/h3>\r\n\r\n <p class=\"organic-text\">\r\n Sostener un espacio seguro, sereno y sin juicio, donde cada proceso pueda desplegarse a su propio ritmo, con escucha genuina y atención plena.\r\n <\/p>\r\n\r\n <p class=\"organic-text organic-places\">\r\n Lugares del mundo a los que hice sesiones:\r\n <\/p>\r\n\r\n <p class=\"organic-place-list\">\r\n <span>Argentina<\/span>\r\n <span>Colombia<\/span>\r\n <span>Italia<\/span>\r\n <span>Estados Unidos<\/span>\r\n <span>España<\/span>\r\n <span>México<\/span>\r\n <span>Australia<\/span>\r\n <span>Francia<\/span>\r\n <span>Países Bajos<\/span>\r\n <span>Puerto Rico<\/span>\r\n <span>Alemania<\/span>\r\n <span>Uruguay<\/span>\r\n <span>Chile<\/span>\r\n <span>Perú<\/span>\r\n <span>Sudáfrica<\/span>\r\n <span>Israel<\/span>\r\n <span>Houston<\/span>\r\n <span>Madrid<\/span>\r\n <span>Los Angeles<\/span>\r\n <span>Nueva Zelanda<\/span>\r\n <span>República Dominicana<\/span>\r\n <span>Valencia<\/span>\r\n <span>Ibiza<\/span>\r\n <span>Berlin<\/span>\r\n <span>New York<\/span>\r\n <span>Panamá<\/span>\r\n <span>Ecuador<\/span>\r\n <span>Andorra<\/span>\r\n <span>Barcelona<\/span>\r\n <\/p>\r\n\r\n <a href=\"https:\/\/wa.me\/5493533412152\" class=\"organic-btn\" target=\"_blank\">\r\n AGENDAR\r\n <span class=\"dot\"><\/span>\r\n <\/a>\r\n\r\n <\/article>\r\n\r\n <\/div>\r\n\r\n <\/section>\r\n -->\r\n\r\n <!-- ========================= -->\r\n <!-- ORGANIC EDITORIAL CARDS HTML - FIN -->\r\n <!-- ========================= -->\r\n\r\n <!-- ========================= -->\r\n <!-- CONTACTO COMBINADO HTML - INICIO -->\r\n <!-- ========================= -->\r\n\r\n <section class=\"mica-contact-combined\" id=\"Contacto\">\r\n\r\n <div class=\"mica-contact-bg\" aria-hidden=\"true\"><\/div>\r\n\r\n <div class=\"mica-contact-grid\">\r\n\r\n <article class=\"mica-contact-info\">\r\n\r\n <h3>\r\n Si algo en vos pide ser escuchado, escribime.\r\n <\/h3>\r\n\r\n <p>\r\n Las sesiones son individuales, online y se coordinan de manera directa por WhatsApp.\r\n Te acompaño en un espacio íntimo, amoroso y sin juicio, para mirar tu historia,\r\n comprender tus vínculos y abrir una nueva forma de habitar aquello que duele.\r\n <\/p>\r\n\r\n <ul>\r\n <li>\r\n <span class=\"contact-icon\">\r\n <i class=\"fa-solid fa-leaf\" aria-hidden=\"true\"><\/i>\r\n <\/span>\r\n <span class=\"contact-meta\">\r\n <strong>Modalidad<\/strong>\r\n <span>Encuentros individuales online por Google Meet<\/span>\r\n <\/span>\r\n <\/li>\r\n\r\n <li>\r\n <span class=\"contact-icon\">\r\n <i class=\"fa-solid fa-clock\" aria-hidden=\"true\"><\/i>\r\n <\/span>\r\n <span class=\"contact-meta\">\r\n <strong>Duración<\/strong>\r\n <span>Entre 45 minutos y 1 hora<\/span>\r\n <\/span>\r\n <\/li>\r\n\r\n <li>\r\n <span class=\"contact-icon\">\r\n <i class=\"fa-solid fa-star\" aria-hidden=\"true\"><\/i>\r\n <\/span>\r\n <span class=\"contact-meta\">\r\n <strong>Servicios<\/strong>\r\n <span>Constelaciones Familiares y Sesión Médium<\/span>\r\n <\/span>\r\n <\/li>\r\n\r\n <li>\r\n <span class=\"contact-icon\">\r\n <i class=\"fa-solid fa-mobile-screen-button\" aria-hidden=\"true\"><\/i>\r\n <\/span>\r\n <span class=\"contact-meta\">\r\n <strong>Contacto<\/strong>\r\n <span>+54 9 3533 412152<\/span>\r\n <\/span>\r\n <\/li>\r\n <\/ul>\r\n\r\n <p class=\"mica-contact-quote \">\r\n <em>\r\n “Sanar también es darle un lugar amoroso a lo que antes no podía ser mirado.”\r\n <\/em>\r\n <\/p>\r\n\r\n <a href=\"https:\/\/wa.me\/5493533412152\" target=\"_blank\" class=\"mica-whatsapp-btn\">\r\n Escribime\r\n <span><\/span>\r\n <\/a>\r\n\r\n <\/article>\r\n\r\n <article class=\"mica-contact-form\">\r\n\r\n <div class=\"form-container\">\r\n\r\n \r\n\r\n <p>\r\n Cuando sientas que es el momento,<br> podemos coordinar tu sesión por WhatsApp.\r\n <\/p>\r\n\r\n <form>\r\n\r\n <div class=\"form-group\">\r\n <label for=\"nombre\">Nombre<\/label>\r\n <input type=\"text\" id=\"nombre\" placeholder=\"Tu nombre completo\">\r\n <\/div>\r\n\r\n <div class=\"form-group\">\r\n <label for=\"email\">Correo electrónico<\/label>\r\n <input type=\"email\" id=\"email\" placeholder=\"tu@email.com\">\r\n <\/div>\r\n\r\n <div class=\"form-group\">\r\n <label for=\"servicio\">Servicio de interés<\/label>\r\n <select id=\"servicio\">\r\n <option value=\"\">Seleccioná una opción<\/option>\r\n <option value=\"Constelaciones Familiares\">Constelaciones Familiares<\/option>\r\n <option value=\"Sesión Médium\">Sesión Médium<\/option>\r\n <option value=\"No estoy segura, quiero consultar\">No estoy segura, quiero consultar<\/option>\r\n <\/select>\r\n <\/div>\r\n\r\n <div class=\"form-group\">\r\n <label for=\"mensaje\">Mensaje<\/label>\r\n <textarea id=\"mensaje\" rows=\"4\" placeholder=\"Contame brevemente qué te gustaría trabajar...\"><\/textarea>\r\n <\/div>\r\n\r\n <button type=\"submit\" class=\"btn-hero\" id=\"sendBtn\">\r\n Enviar por WhatsApp\r\n <\/button>\r\n\r\n <\/form>\r\n\r\n <\/div>\r\n\r\n <\/article>\r\n\r\n <\/div>\r\n\r\n <\/section>\r\n\r\n <!-- ========================= -->\r\n <!-- CONTACTO COMBINADO HTML - FIN -->\r\n <!-- ========================= -->\r\n\r\n <!-- ========================= -->\r\n <!-- FOOTER ELEGANTE HTML - INICIO -->\r\n <!-- ========================= -->\r\n\r\n <section class=\"ethereal-footer\" style=\"border-bottom-left-radius:16px;border-top-left-radius: 16px;\">\r\n\r\n <div class=\"footer-aura\"><\/div>\r\n <div class=\"footer-techline\" aria-hidden=\"true\"><\/div>\r\n\r\n <div class=\"footer-container\">\r\n\r\n <div class=\"footer-left\">\r\n\r\n <span class=\"footer-eyebrow\">\r\n MICAELA MARENCHINO\r\n <\/span>\r\n\r\n <h2 class=\"footer-title\">\r\n Escuchar la historia<br>\r\n también es<br> una forma de sanar.\r\n <\/h2>\r\n\r\n <p class=\"footer-text\">\r\n Un espacio sensible y profundo para mirar aquello que se repite,\r\n comprender los vínculos y abrir un camino de más calma, presencia\r\n y amor hacia tu propia historia.\r\n <\/p>\r\n\r\n <form class=\"footer-whatsapp-form\">\r\n\r\n <input\r\n type=\"text\"\r\n placeholder=\"Tu nombre\"\r\n id=\"footerName\"\r\n >\r\n\r\n <button type=\"submit\">\r\n Escribime\r\n <span class=\"dot\"><\/span>\r\n <\/button>\r\n\r\n <\/form>\r\n\r\n <\/div>\r\n\r\n <div class=\"footer-right\">\r\n\r\n <span class=\"sitemap-label\">\r\n Explorar\r\n <\/span>\r\n\r\n <div class=\"footer-links\">\r\n\r\n <div class=\"footer-col\">\r\n <a href=\"#Inicio\">Inicio<\/a>\r\n <a href=\"#Nosotros\">Quién Soy<\/a>\r\n <a href=\"#Sesiones\">Sesiones<\/a>\r\n \r\n <\/div>\r\n\r\n <div class=\"footer-col\">\r\n \r\n <!--<a href=\"#testimonios\">Testimonios<\/a>-->\r\n <a href=\"#Contacto\">Contacto<\/a>\r\n <a href=\"#\" target=\"_blank\">Instagram<\/a>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <div class=\"footer-brand\">\r\n\r\n <div class=\"brand-symbol\">\r\n ✦\r\n <\/div>\r\n\r\n <div class=\"brand-copy\">\r\n Micaela Marenchino<br>\r\n <strong>Consteladora Familiar & Médium<\/strong>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <div class=\"copyright\">\r\n © 2026 Micaela Marenchino — Todos los derechos reservados.\r\n <\/div>\r\n\r\n <div class=\"footer-contact-card\">\r\n <span>WhatsApp<\/span>\r\n <strong>+54 9 3533 412152<\/strong>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <\/section>\r\n\r\n <!-- ========================= -->\r\n <!-- FOOTER ELEGANTE HTML - FIN -->\r\n <!-- ========================= -->\r\n\r\n <div class=\"credit-bar\">\r\n CREATED BY:\r\n <a href=\"https:\/\/chdesignestudio.com\" target=\"_blank\" rel=\"noopener\">\r\n CH Design Estudio\r\n <\/a>\r\n <\/div>\r\n\r\n<!-- ========================= -->\r\n<!-- HERO JS - INICIO -->\r\n<!-- Requiere Anime.js para suavizar el trazo. Si no carga, usa fallback. -->\r\n<!-- ========================= -->\r\n\r\n<script>\r\n(() => {\r\n const themeColor = '#536068';\r\n\r\n function ensureMeta(name, content){\r\n let meta = document.head.querySelector(`meta[name=\"${name}\"]`);\r\n\r\n if(!meta){\r\n meta = document.createElement('meta');\r\n meta.setAttribute('name', name);\r\n document.head.appendChild(meta);\r\n }\r\n\r\n meta.setAttribute('content', content);\r\n }\r\n\r\n ensureMeta('theme-color', themeColor);\r\n ensureMeta('apple-mobile-web-app-status-bar-style', 'black-translucent');\r\n})();\r\n<\/script>\r\n\r\n<!-- ANIME JS -->\r\n<script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/animejs\/3.2.1\/anime.min.js\"><\/script>\r\n\r\n<script>\r\ndocument.addEventListener('DOMContentLoaded', () => {\r\n\r\n const bg1 = document.getElementById('bg1');\r\n const bg2 = document.getElementById('bg2');\r\n const bg3 = document.getElementById('bg3');\r\n\r\n const heroFixed = document.getElementById('heroFixed');\r\n const heroSection = document.querySelector('.camila-hero-300vh');\r\n\r\n const heroFlowPath = document.getElementById('heroFlowPath');\r\n const heroFlowPath2 = document.getElementById('heroFlowPath2');\r\n\r\n const heroTitle = document.getElementById('heroTitle');\r\n const heroTitle2 = document.getElementById('heroTitle2');\r\n const heroTitle2Cta = document.querySelector('[data-hero-title-2-cta]');\r\n const heroNextSectionCta = document.querySelector('[data-hero-next-section-cta]');\r\n\r\n if(\r\n !bg1 || !bg2 || !bg3 ||\r\n !heroFixed || !heroSection\r\n ) return;\r\n\r\n const hasFlowPaths = Boolean(heroFlowPath && heroFlowPath2);\r\n\r\n let vh = window.innerHeight;\r\n\r\n let pathLength = 0;\r\n let pathLength2 = 0;\r\n\r\n let initialized = false;\r\n let currentOffset = 0;\r\n let currentOffset2 = 0;\r\n let lastScrollY = 0;\r\n let animation = null;\r\n let ticking = false;\r\n const heroMobileQuery = window.matchMedia('(max-width:768px)');\r\n let isHeroMobile = heroMobileQuery.matches;\r\n\r\n if(hasFlowPaths){\r\n initFlowPaths();\r\n }\r\n onScroll();\r\n\r\n window.addEventListener('scroll', requestHeroUpdate, { passive:true });\r\n\r\n window.addEventListener('resize', () => {\r\n vh = window.innerHeight;\r\n if(hasFlowPaths){\r\n initFlowPaths();\r\n }\r\n requestHeroUpdate();\r\n });\r\n\r\n if(heroMobileQuery.addEventListener){\r\n heroMobileQuery.addEventListener('change', event => {\r\n isHeroMobile = event.matches;\r\n requestHeroUpdate();\r\n });\r\n }\r\n\r\n if(heroTitle2Cta){\r\n heroTitle2Cta.addEventListener('click', event => {\r\n event.preventDefault();\r\n scrollToHeroTitle2();\r\n });\r\n }\r\n\r\n if(heroNextSectionCta){\r\n heroNextSectionCta.addEventListener('click', event => {\r\n event.preventDefault();\r\n scrollToNextSection();\r\n });\r\n }\r\n\r\n function requestHeroUpdate(){\r\n if(ticking) return;\r\n\r\n ticking = true;\r\n\r\n requestAnimationFrame(() => {\r\n onScroll();\r\n ticking = false;\r\n });\r\n }\r\n\r\n function initFlowPaths(){\r\n\r\n pathLength = heroFlowPath.getTotalLength();\r\n pathLength2 = heroFlowPath2.getTotalLength();\r\n\r\n heroFlowPath.style.strokeDasharray = pathLength;\r\n heroFlowPath.style.strokeDashoffset = pathLength * 0.82;\r\n\r\n heroFlowPath2.style.strokeDasharray = pathLength2;\r\n heroFlowPath2.style.strokeDashoffset = pathLength2 * 0.74;\r\n\r\n }\r\n\r\n \r\n function onScroll(){\r\n\r\n const scrollY = window.scrollY;\r\n\r\n const heroStart = heroSection.offsetTop;\r\n const heroScrollLength = Math.max(heroSection.offsetHeight - vh, 1);\r\n const progress = clamp((scrollY - heroStart) \/ heroScrollLength, 0, 1);\r\n\r\n animateHero(progress);\r\n if(hasFlowPaths){\r\n updateFlowPaths(scrollY);\r\n }\r\n updateTitles(scrollY);\r\n\r\n const heroEndOffset = isHeroMobile ? vh * 0.34 : vh * 0.78;\r\n const heroEnd = heroStart + heroSection.offsetHeight - heroEndOffset;\r\n\r\n if(scrollY > heroEnd){\r\n heroFixed.classList.add('is-hidden');\r\n }else{\r\n heroFixed.classList.remove('is-hidden');\r\n }\r\n\r\n }\r\n\r\n function animateHero(p){\r\n bg1.style.opacity = '';\r\n bg2.style.opacity = '';\r\n bg3.style.opacity = '';\r\n\r\n }\r\n\r\n function updateFlowPaths(scrollY){\r\n\r\n const heroStart = heroSection.offsetTop;\r\n const heroHeight = heroSection.offsetHeight;\r\n\r\n let progress = 1.7 * (scrollY - heroStart) \/ heroHeight;\r\n progress = clamp(progress, 0, 1);\r\n\r\n const initialReveal1 = 0.18;\r\n const initialReveal2 = 0.26;\r\n\r\n const target1 =\r\n pathLength * (1 - initialReveal1) * (1 - progress);\r\n\r\n const target2 =\r\n pathLength2 * (1 - initialReveal2) * (1 - progress)\r\n + Math.sin(progress * 7) * 35;\r\n\r\n if(!initialized){\r\n currentOffset = target1;\r\n currentOffset2 = target2;\r\n initialized = true;\r\n }\r\n\r\n const goingUp = scrollY < lastScrollY;\r\n const duration = goingUp ? 700 : 1000;\r\n\r\n if(animation){\r\n animation.pause();\r\n }\r\n\r\n if(!isHeroMobile && window.anime){\r\n animation = anime({\r\n targets:{\r\n value1:currentOffset,\r\n value2:currentOffset2\r\n },\r\n value1:target1,\r\n value2:target2,\r\n duration:duration,\r\n easing:'easeOutQuad',\r\n update:function(anim){\r\n\r\n currentOffset = anim.animations[0].currentValue;\r\n currentOffset2 = anim.animations[1].currentValue;\r\n\r\n heroFlowPath.style.strokeDashoffset = currentOffset;\r\n heroFlowPath2.style.strokeDashoffset = currentOffset2;\r\n\r\n }\r\n });\r\n }else{\r\n currentOffset = target1;\r\n currentOffset2 = target2;\r\n heroFlowPath.style.strokeDashoffset = currentOffset;\r\n heroFlowPath2.style.strokeDashoffset = currentOffset2;\r\n }\r\n\r\n lastScrollY = scrollY;\r\n\r\n updateFlowColor(scrollY);\r\n\r\n }\r\n\r\n function updateFlowColor(scrollY){\r\n\r\n const flowStart = vh * 0;\r\n const flowEnd = vh * 2.9;\r\n\r\n let flowProgress = 1.2 * (scrollY - flowStart) \/ (flowEnd - flowStart);\r\n flowProgress = clamp(flowProgress, 0, 1);\r\n\r\n const startColor = {\r\n r:219,\r\n g:181,\r\n b:139\r\n };\r\n\r\n const endColor = {\r\n r:246,\r\n g:240,\r\n b:226\r\n };\r\n\r\n const r = Math.round(lerp(startColor.r, endColor.r, flowProgress));\r\n const g = Math.round(lerp(startColor.g, endColor.g, flowProgress));\r\n const b = Math.round(lerp(startColor.b, endColor.b, flowProgress));\r\n\r\n const flowColor = `rgb(${r}, ${g}, ${b})`;\r\n const glow = lerp(.5, 1.25, flowProgress);\r\n\r\n heroFlowPath.style.stroke = flowColor;\r\n heroFlowPath.style.filter = isHeroMobile\r\n ? 'none'\r\n : `\r\n drop-shadow(\r\n 0 0 ${12 * glow}px\r\n rgba(246,240,226,.82)\r\n )\r\n `;\r\n\r\n heroFlowPath2.style.stroke = flowColor;\r\n heroFlowPath2.style.filter = isHeroMobile\r\n ? 'none'\r\n : `\r\n drop-shadow(\r\n 0 0 ${18 * glow}px\r\n rgba(219,181,139,.62)\r\n )\r\n `;\r\n\r\n }\r\n\r\n function updateTitles(scrollY){\r\n\r\n const heroStart = heroSection.offsetTop;\r\n const localScroll = Math.max(scrollY - heroStart, 0);\r\n const transitionStart = vh * (isHeroMobile ? 0.03 : 0.18);\r\n const transitionEnd = vh * (isHeroMobile ? 0.42 : 1.05);\r\n const transition = clamp(\r\n (localScroll - transitionStart) \/ (transitionEnd - transitionStart),\r\n 0,\r\n 1\r\n );\r\n\r\n const title1Progress = isHeroMobile\r\n ? clamp((transition - 0.08) \/ 0.16, 0, 1)\r\n : clamp((transition - 0.46) \/ 0.08, 0, 1);\r\n const title1Y = lerp(0, isHeroMobile ? -110 : -230, title1Progress);\r\n const title1Opacity = 1 - title1Progress;\r\n\r\n if(heroTitle){\r\n heroTitle.style.transform = `translateY(${title1Y}px)`;\r\n heroTitle.style.opacity = title1Opacity.toString();\r\n heroTitle.style.visibility = title1Opacity > 0.02 ? 'visible' : 'hidden';\r\n heroTitle.style.pointerEvents = title1Opacity > 0.02 ? 'auto' : 'none';\r\n }\r\n\r\n const title2Progress = isHeroMobile\r\n ? clamp((transition - 0.18) \/ 0.34, 0, 1)\r\n : clamp((transition - 0.68) \/ 0.32, 0, 1);\r\n const title2Y = lerp(isHeroMobile ? 72 : 220, 0, title2Progress);\r\n const title2Opacity = title2Progress;\r\n\r\n if(heroTitle2){\r\n heroTitle2.style.transform = `translateY(${title2Y}px)`;\r\n heroTitle2.style.opacity = title2Opacity.toString();\r\n heroTitle2.style.visibility = title2Opacity > 0.02 ? 'visible' : 'hidden';\r\n heroTitle2.style.pointerEvents = title2Opacity > 0.02 ? 'auto' : 'none';\r\n }\r\n\r\n }\r\n\r\n function scrollToHeroTitle2(){\r\n const transitionStart = vh * (isHeroMobile ? 0.03 : 0.18);\r\n const transitionEnd = vh * (isHeroMobile ? 0.42 : 1.05);\r\n const title2RevealProgress = isHeroMobile ? 0.56 : 0.92;\r\n const targetY =\r\n heroSection.offsetTop +\r\n transitionStart +\r\n (transitionEnd - transitionStart) * title2RevealProgress;\r\n\r\n window.scrollTo({\r\n top:targetY,\r\n behavior:'smooth'\r\n });\r\n }\r\n\r\n function scrollToNextSection(){\r\n const nextSection = document.getElementById('LugaresSesiones');\r\n const navbar = document.getElementById('mainNav');\r\n\r\n if(!nextSection) return;\r\n\r\n const navOffset = navbar ? navbar.offsetHeight : 0;\r\n const targetY =\r\n nextSection.getBoundingClientRect().top +\r\n window.scrollY -\r\n navOffset -\r\n 12;\r\n\r\n window.scrollTo({\r\n top:Math.max(targetY, 0),\r\n behavior:'smooth'\r\n });\r\n }\r\n\r\n function clamp(val, min, max){\r\n return Math.max(min, Math.min(max, val));\r\n }\r\n\r\n function lerp(start, end, t){\r\n return start + (end - start) * t;\r\n }\r\n\r\n});\r\n<\/script>\r\n\r\n<!-- ========================= -->\r\n<!-- HERO PARALLAX JS - INICIO -->\r\n<!-- ========================= -->\r\n\r\n<script>\r\n(() => {\r\n\r\n let attempts = 0;\r\n const heroParallaxMobileQuery = window.matchMedia('(max-width: 768px)');\r\n\r\n function resetHeroParallaxMobileStyles(){\r\n if(!heroParallaxMobileQuery.matches) return;\r\n\r\n document\r\n .querySelectorAll('.camila-hero-parallax')\r\n .forEach(el => {\r\n el.style.transform = '';\r\n el.style.rotate = '';\r\n el.style.scale = '';\r\n });\r\n }\r\n\r\n function initHeroParallaxGSAP(){\r\n attempts += 1;\r\n\r\n if(!window.gsap || !window.ScrollTrigger){\r\n if(attempts < 30){\r\n window.setTimeout(initHeroParallaxGSAP, 100);\r\n }\r\n return;\r\n }\r\n\r\n gsap.registerPlugin(ScrollTrigger);\r\n\r\n const section = document.querySelector('.camila-hero-300vh');\r\n if(!section){\r\n if(attempts < 30){\r\n window.setTimeout(initHeroParallaxGSAP, 100);\r\n }\r\n return;\r\n }\r\n\r\n if(section.dataset.heroParallaxReady === 'true') return;\r\n section.dataset.heroParallaxReady = 'true';\r\n\r\n const reduceMotion = window.matchMedia('(prefers-reduced-motion: reduce)').matches;\r\n const isMobile = window.matchMedia('(max-width: 768px)').matches;\r\n const parallaxItems = section.querySelectorAll('.camila-hero-parallax');\r\n\r\n if(reduceMotion || isMobile){\r\n parallaxItems.forEach(el => {\r\n el.style.transform = '';\r\n el.style.rotate = '';\r\n el.style.scale = '';\r\n });\r\n return;\r\n }\r\n\r\n parallaxItems.forEach(el => {\r\n const y = Number(el.dataset.y || 0);\r\n const scrub = Number(el.dataset.scrub || 1.8);\r\n const rotate = Number(el.dataset.rotate || 0);\r\n const scaleFrom = Number(el.dataset.scaleFrom || 1.1);\r\n const scaleTo = Number(el.dataset.scaleTo || 1.05);\r\n\r\n gsap.fromTo(el,\r\n {\r\n y:y * -.5,\r\n rotate:rotate * -.4,\r\n scale:scaleFrom,\r\n force3D:true\r\n },\r\n {\r\n y:y,\r\n rotate:rotate,\r\n scale:scaleTo,\r\n ease:'none',\r\n force3D:true,\r\n scrollTrigger:{\r\n trigger:section,\r\n start:'top top',\r\n end:'bottom top',\r\n scrub:scrub,\r\n invalidateOnRefresh:true\r\n }\r\n }\r\n );\r\n });\r\n\r\n }\r\n\r\n if(document.readyState === 'loading'){\r\n document.addEventListener('DOMContentLoaded', () => {\r\n resetHeroParallaxMobileStyles();\r\n initHeroParallaxGSAP();\r\n });\r\n }else{\r\n resetHeroParallaxMobileStyles();\r\n initHeroParallaxGSAP();\r\n }\r\n\r\n window.addEventListener('load', () => {\r\n resetHeroParallaxMobileStyles();\r\n window.setTimeout(initHeroParallaxGSAP, 300);\r\n if(window.ScrollTrigger) ScrollTrigger.refresh();\r\n });\r\n\r\n window.addEventListener('resize', resetHeroParallaxMobileStyles);\r\n\r\n})();\r\n<\/script>\r\n\r\n<!-- ========================= -->\r\n<!-- HERO PARALLAX JS - FIN -->\r\n<!-- ========================= -->\r\n\r\n<!-- ========================= -->\r\n<!-- HERO JS - FIN -->\r\n<!-- ========================= -->\r\n\r\n<!-- ========================= -->\r\n<!-- MAGNETIC CARDS JS - INICIO -->\r\n<!-- Requiere GSAP para el efecto magnetic. -->\r\n<!-- ========================= -->\r\n\r\n<!-- GSAP -->\r\n<script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/gsap\/3.12.5\/gsap.min.js\"><\/script>\r\n\r\n<script>\r\ndocument.addEventListener('DOMContentLoaded', () => {\r\n\r\n const grid = document.querySelector('.mica-magnetic-grid');\r\n const cards = window.gsap\r\n ? gsap.utils.toArray('.mica-card')\r\n : Array.from(document.querySelectorAll('.mica-card'));\r\n\r\n document.querySelectorAll('.mica-card-cta').forEach(link => {\r\n link.addEventListener('click', event => {\r\n if(window.innerWidth > 991) return;\r\n\r\n const target = document.querySelector(link.getAttribute('href'));\r\n if(!target) return;\r\n\r\n event.preventDefault();\r\n\r\n window.scrollTo({\r\n top:target.getBoundingClientRect().top + window.scrollY + 200,\r\n behavior:'smooth'\r\n });\r\n });\r\n });\r\n\r\n if(!window.gsap) return;\r\n\r\n if(!grid || !cards.length || window.innerWidth <= 991) return;\r\n\r\n cards.forEach(card => {\r\n const bg = card.querySelector('.mica-card-bg');\r\n const title = card.querySelector('h3');\r\n const text = card.querySelector('p');\r\n const cta = card.querySelector('.mica-card-cta');\r\n\r\n const bgX = gsap.quickTo(bg, 'x', { duration:.85, ease:'power2.out' });\r\n const bgY = gsap.quickTo(bg, 'y', { duration:.85, ease:'power2.out' });\r\n\r\n card.addEventListener('mouseenter', () => {\r\n gsap.to(cards, {\r\n width:'46%',\r\n duration:1.15,\r\n ease:'power2.out',\r\n overwrite:true\r\n });\r\n\r\n gsap.to(card, {\r\n width:'54%',\r\n duration:1.15,\r\n ease:'power2.out',\r\n overwrite:true\r\n });\r\n\r\n gsap.to(bg, {\r\n scale:1.09,\r\n duration:1.35,\r\n ease:'power2.out',\r\n overwrite:true\r\n });\r\n\r\n gsap.to(title, {\r\n y:-3,\r\n duration:.75,\r\n ease:'power2.out',\r\n overwrite:true\r\n });\r\n\r\n gsap.to(text, {\r\n y:0,\r\n opacity:1,\r\n duration:.75,\r\n ease:'power2.out',\r\n overwrite:true\r\n });\r\n\r\n if(cta){\r\n gsap.to(cta, {\r\n y:-3,\r\n opacity:1,\r\n duration:.75,\r\n ease:'power2.out',\r\n overwrite:true\r\n });\r\n }\r\n });\r\n\r\n card.addEventListener('mousemove', event => {\r\n const rect = card.getBoundingClientRect();\r\n const moveX = (event.clientX - rect.left - rect.width \/ 2) \/ 72;\r\n const moveY = (event.clientY - rect.top - rect.height \/ 2) \/ 72;\r\n\r\n bgX(moveX);\r\n bgY(moveY);\r\n });\r\n\r\n card.addEventListener('mouseleave', () => {\r\n bgX(0);\r\n bgY(0);\r\n\r\n gsap.to(bg, {\r\n scale:1.06,\r\n duration:1.1,\r\n ease:'power2.out',\r\n overwrite:true\r\n });\r\n\r\n gsap.to(title, {\r\n y:0,\r\n duration:.65,\r\n ease:'power2.out',\r\n overwrite:true\r\n });\r\n\r\n gsap.to(text, {\r\n y:12,\r\n opacity:.86,\r\n duration:.65,\r\n ease:'power2.out',\r\n overwrite:true\r\n });\r\n\r\n if(cta){\r\n gsap.to(cta, {\r\n y:0,\r\n opacity:1,\r\n duration:.65,\r\n ease:'power2.out',\r\n overwrite:true\r\n });\r\n }\r\n });\r\n });\r\n\r\n grid.addEventListener('mouseleave', () => {\r\n gsap.to(cards, {\r\n width:'50%',\r\n duration:1.05,\r\n ease:'power2.out',\r\n overwrite:true\r\n });\r\n });\r\n\r\n});\r\n<\/script>\r\n\r\n<!-- ========================= -->\r\n<!-- MAGNETIC CARDS JS - FIN -->\r\n<!-- ========================= -->\r\n\r\n<!-- ========================= -->\r\n<!-- MI HISTORIA JS - INICIO -->\r\n<!-- Requiere GSAP + ScrollTrigger para revelar texto con scroll. -->\r\n<!-- ========================= -->\r\n\r\n<!-- SCROLLTRIGGER -->\r\n<script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/gsap\/3.12.5\/ScrollTrigger.min.js\"><\/script>\r\n\r\n<script>\r\n(() => {\r\n\r\n let attempts = 0;\r\n\r\n function initMiHistoria(){\r\n attempts += 1;\r\n\r\n if(!window.gsap || !window.ScrollTrigger){\r\n if(attempts < 30){\r\n window.setTimeout(initMiHistoria, 100);\r\n }\r\n return;\r\n }\r\n\r\n const philosophySection = document.querySelector('.philosophy-section');\r\n const readingSpans = gsap.utils.toArray('.philosophy-section .philosophy-section__reading-text > span');\r\n const philosophyButton = document.querySelector('.philosophy-section .philosophy-section__button');\r\n\r\n if(!philosophySection || !readingSpans.length){\r\n if(attempts < 30){\r\n window.setTimeout(initMiHistoria, 100);\r\n }\r\n return;\r\n }\r\n\r\n if(philosophySection.dataset.miHistoriaReady === 'true') return;\r\n philosophySection.dataset.miHistoriaReady = 'true';\r\n\r\n gsap.registerPlugin(ScrollTrigger);\r\n\r\n readingSpans.forEach(span => {\r\n const text = span.textContent;\r\n const parts = text.split(\/(\\s+)\/);\r\n const fragment = document.createDocumentFragment();\r\n\r\n parts.forEach(part => {\r\n if(!part) return;\r\n\r\n if(\/\\s+\/.test(part)){\r\n fragment.appendChild(document.createTextNode(part));\r\n return;\r\n }\r\n\r\n const word = document.createElement('span');\r\n word.className = 'philosophy-section__reading-word';\r\n word.textContent = part;\r\n fragment.appendChild(word);\r\n });\r\n\r\n span.textContent = '';\r\n span.appendChild(fragment);\r\n });\r\n\r\n const readingWords = gsap.utils.toArray('.philosophy-section .philosophy-section__reading-word');\r\n\r\n gsap.set(readingWords, {\r\n color:'rgba(83,96,104,.30)',\r\n opacity:.42,\r\n filter:'blur(5px)',\r\n y:18\r\n });\r\n\r\n const timeline = gsap.timeline({\r\n scrollTrigger:{\r\n trigger:philosophySection,\r\n start:'top top',\r\n end:() => `+=${Math.max(window.innerHeight * 1.6, philosophySection.offsetHeight - window.innerHeight)}`,\r\n pin:'.philosophy-section__inner',\r\n pinSpacing:true,\r\n anticipatePin:1,\r\n scrub:true,\r\n invalidateOnRefresh:true\r\n }\r\n });\r\n\r\n timeline.to(readingWords, {\r\n color:'#536068',\r\n opacity:1,\r\n filter:'blur(0px)',\r\n y:0,\r\n duration:1,\r\n stagger:.08,\r\n ease:'none'\r\n });\r\n\r\n if(philosophyButton){\r\n timeline.to(philosophyButton, {\r\n opacity:1,\r\n y:0,\r\n duration:1,\r\n ease:'power2.out'\r\n }, '>');\r\n }\r\n\r\n timeline.to({}, { duration:.45 });\r\n\r\n ScrollTrigger.refresh();\r\n }\r\n\r\n if(document.readyState === 'loading'){\r\n document.addEventListener('DOMContentLoaded', initMiHistoria);\r\n }else{\r\n initMiHistoria();\r\n }\r\n\r\n window.addEventListener('load', () => {\r\n if(window.ScrollTrigger) ScrollTrigger.refresh();\r\n });\r\n\r\n})();\r\n<\/script>\r\n\r\n<!-- ========================= -->\r\n<!-- MI HISTORIA JS - FIN -->\r\n<!-- ========================= -->\r\n\r\n<!-- ========================= -->\r\n<!-- EDITORIAL STORY JS - INICIO -->\r\n<!-- Requiere GSAP + ScrollTrigger para parallax editorial. -->\r\n<!-- ========================= -->\r\n\r\n<script>\r\n(() => {\r\n\r\n let attempts = 0;\r\n const editorialMobileQuery = window.matchMedia('(max-width: 768px)');\r\n\r\n function resetEditorialMobileStyles(){\r\n if(!editorialMobileQuery.matches) return;\r\n\r\n document\r\n .querySelectorAll('.editorial-story .gsap-float, .editorial-story .img-parallax')\r\n .forEach(el => {\r\n el.style.transform = '';\r\n el.style.rotate = '';\r\n el.style.scale = '';\r\n });\r\n }\r\n\r\n function initEditorialStoryGSAP(){\r\n attempts += 1;\r\n\r\n if(!window.gsap || !window.ScrollTrigger){\r\n if(attempts < 30){\r\n window.setTimeout(initEditorialStoryGSAP, 100);\r\n }\r\n return;\r\n }\r\n\r\n gsap.registerPlugin(ScrollTrigger);\r\n\r\n const section = document.querySelector('.editorial-story');\r\n if(!section){\r\n if(attempts < 30){\r\n window.setTimeout(initEditorialStoryGSAP, 100);\r\n }\r\n return;\r\n }\r\n\r\n if(section.dataset.editorialReady === 'true') return;\r\n section.dataset.editorialReady = 'true';\r\n\r\n const reduceMotion = window.matchMedia('(prefers-reduced-motion: reduce)').matches;\r\n const isMobile = window.matchMedia('(max-width: 768px)').matches;\r\n\r\n if(reduceMotion || isMobile){\r\n section.querySelectorAll('.gsap-float, .img-parallax').forEach(el => {\r\n el.style.transform = '';\r\n el.style.rotate = '';\r\n el.style.scale = '';\r\n });\r\n return;\r\n }\r\n\r\n const floats = section.querySelectorAll('.gsap-float');\r\n\r\n floats.forEach(el => {\r\n const y = Number(el.dataset.y || 0);\r\n const scrub = Number(el.dataset.scrub || 1.4);\r\n const rotate = Number(el.dataset.rotate || 0);\r\n\r\n gsap.fromTo(el,\r\n {\r\n y:y * -.45,\r\n rotate:rotate * -.4,\r\n force3D:true\r\n },\r\n {\r\n y:y,\r\n rotate:rotate,\r\n ease:'none',\r\n force3D:true,\r\n scrollTrigger:{\r\n trigger:section,\r\n start:'top bottom',\r\n end:'bottom top',\r\n scrub:scrub,\r\n invalidateOnRefresh:true\r\n }\r\n }\r\n );\r\n });\r\n\r\n const images = section.querySelectorAll('.img-parallax');\r\n\r\n images.forEach(img => {\r\n const y = Number(img.dataset.y || 0);\r\n const scrub = Number(img.dataset.scrub || 1.8);\r\n\r\n gsap.fromTo(img,\r\n {\r\n y:y * -.5,\r\n scale:1.12,\r\n force3D:true\r\n },\r\n {\r\n y:y,\r\n scale:1.08,\r\n ease:'none',\r\n force3D:true,\r\n scrollTrigger:{\r\n trigger:section,\r\n start:'top bottom',\r\n end:'bottom top',\r\n scrub:scrub,\r\n invalidateOnRefresh:true\r\n }\r\n }\r\n );\r\n });\r\n\r\n const button = section.querySelector('.story-btn');\r\n\r\n if(button){\r\n button.addEventListener('mouseenter', () => {\r\n gsap.to(button, {\r\n y:-4,\r\n scale:1.025,\r\n duration:.45,\r\n ease:'power3.out'\r\n });\r\n });\r\n\r\n button.addEventListener('mouseleave', () => {\r\n gsap.to(button, {\r\n y:0,\r\n scale:1,\r\n duration:.45,\r\n ease:'power3.out'\r\n });\r\n });\r\n }\r\n\r\n ScrollTrigger.refresh();\r\n }\r\n\r\n if(document.readyState === 'loading'){\r\n document.addEventListener('DOMContentLoaded', () => {\r\n resetEditorialMobileStyles();\r\n initEditorialStoryGSAP();\r\n });\r\n }else{\r\n resetEditorialMobileStyles();\r\n initEditorialStoryGSAP();\r\n }\r\n\r\n window.addEventListener('load', () => {\r\n resetEditorialMobileStyles();\r\n window.setTimeout(initEditorialStoryGSAP, 300);\r\n if(window.ScrollTrigger) ScrollTrigger.refresh();\r\n });\r\n\r\n window.addEventListener('resize', resetEditorialMobileStyles);\r\n\r\n})();\r\n<\/script>\r\n\r\n<!-- ========================= -->\r\n<!-- EDITORIAL STORY JS - FIN -->\r\n<!-- ========================= -->\r\n\r\n<!-- ========================= -->\r\n<!-- FLOATING PROCESS JS - INICIO -->\r\n<!-- ========================= -->\r\n\r\n<script>\r\n(() => {\r\n\r\n const floatingProcess = document.querySelector('.floating-process');\r\n const fixedBg = document.querySelector('.floating-process .fixed-bg');\r\n const bgLines = document.querySelector('.floating-process .bg-lines');\r\n const cards = document.querySelectorAll('.floating-process .process-card');\r\n\r\n if(!floatingProcess || !fixedBg || !cards.length) return;\r\n\r\n const clamp = (value, min, max) => Math.min(Math.max(value, min), max);\r\n const processMotionQuery = window.matchMedia('(max-width: 768px), (prefers-reduced-motion: reduce)');\r\n\r\n function getSectionProgress(){\r\n const rect = floatingProcess.getBoundingClientRect();\r\n const total = Math.max(rect.height - window.innerHeight, 1);\r\n return clamp(-rect.top \/ total, 0, 1);\r\n }\r\n\r\n function toggleSVG(){\r\n const rect = floatingProcess.getBoundingClientRect();\r\n\r\n const isVisible =\r\n rect.top < window.innerHeight &&\r\n rect.bottom > 0;\r\n\r\n fixedBg.classList.toggle('visible', isVisible);\r\n }\r\n\r\n function animateScroll(){\r\n if(processMotionQuery.matches){\r\n fixedBg.classList.remove('visible');\r\n\r\n cards.forEach(card => {\r\n const content = card.querySelector('.content');\r\n const detail = card.querySelector('.session-detail');\r\n\r\n card.style.opacity = '';\r\n card.style.transform = '';\r\n card.classList.add('active');\r\n\r\n if(content) content.style.transform = '';\r\n if(detail){\r\n detail.style.transform = '';\r\n detail.style.opacity = '';\r\n }\r\n });\r\n\r\n requestAnimationFrame(animateScroll);\r\n return;\r\n }\r\n\r\n const sectionProgress = getSectionProgress();\r\n\r\n if(bgLines){\r\n bgLines.style.transform = `\r\n translate3d(0, ${sectionProgress * -120}px, 0)\r\n scale(${1 + sectionProgress * .04})\r\n `;\r\n }\r\n\r\n cards.forEach(card => {\r\n const rect = card.getBoundingClientRect();\r\n const cardCenter = rect.top + rect.height \/ 2;\r\n const viewportCenter = window.innerHeight \/ 2;\r\n\r\n const distance = cardCenter - viewportCenter;\r\n const normalized = clamp(distance \/ window.innerHeight, -1, 1);\r\n\r\n const progress = clamp(\r\n 1 - Math.abs(distance) \/ (window.innerHeight * .65),\r\n 0,\r\n 1\r\n );\r\n\r\n const content = card.querySelector('.content');\r\n const detail = card.querySelector('.session-detail');\r\n\r\n card.style.opacity = 0.18 + progress * .82;\r\n card.style.transform = `\r\n translate3d(0, ${normalized * 90}px, 0)\r\n scale(${.96 + progress * .04})\r\n `;\r\n\r\n if(content){\r\n content.style.transform = `\r\n translate3d(0, ${normalized * -55}px, 0)\r\n `;\r\n }\r\n\r\n if(detail){\r\n detail.style.transform = `\r\n translate3d(0, ${normalized * 42}px, 0)\r\n `;\r\n detail.style.opacity = 0.72 + progress * .28;\r\n }\r\n\r\n card.classList.toggle('active', progress > .45);\r\n });\r\n\r\n toggleSVG();\r\n requestAnimationFrame(animateScroll);\r\n }\r\n\r\n animateScroll();\r\n\r\n})();\r\n<\/script>\r\n\r\n<!-- ========================= -->\r\n<!-- FLOATING PROCESS JS - FIN -->\r\n<!-- ========================= -->\r\n\r\n<!-- ========================= -->\r\n<!-- CURVED REVEAL JS - INICIO -->\r\n<!-- ========================= -->\r\n\r\n<script>\r\n(() => {\r\n\r\n const clamp = (value, min, max) => Math.min(Math.max(value, min), max);\r\n\r\n function initCurvedReveal(){\r\n const section = document.querySelector('.curve-section');\r\n if(!section) return;\r\n\r\n const sticky = section.querySelector('.curve-sticky');\r\n const content = section.querySelector('.curve-content');\r\n const mask = section.querySelector('.image-mask');\r\n const image = section.querySelector('.hero-image');\r\n const orb = section.querySelector('.floating-orb');\r\n const path = section.querySelector('#travelPath');\r\n const titleDynamic = section.querySelector('.curve-title-dynamic');\r\n const copyDynamic = section.querySelector('.curve-copy-dynamic');\r\n const copyAccent = section.querySelector('.curve-copy-accent');\r\n\r\n if(!sticky || !mask || !image || !orb || !path) return;\r\n if(section.dataset.curvedReady === 'true') return;\r\n\r\n section.dataset.curvedReady = 'true';\r\n\r\n const imageEndProgress = .72;\r\n const curveMobileQuery = window.matchMedia('(max-width: 768px)');\r\n\r\n function animate(){\r\n const rect = section.getBoundingClientRect();\r\n const total = Math.max(section.offsetHeight - window.innerHeight, 1);\r\n\r\n const rawProgress = -rect.top \/ total;\r\n const progress = clamp(rawProgress, 0, 1);\r\n const stickyProgress = clamp(progress \/ imageEndProgress, 0, 1);\r\n const easedProgress = 1 - Math.pow(1 - stickyProgress, 2.8);\r\n const isBefore = rect.top > 0;\r\n const isDuring = rect.top <= 0 && progress < 1;\r\n const isAfter = progress >= 1;\r\n const releaseTop = total;\r\n\r\n sticky.style.setProperty('--curve-release-top', `${releaseTop}px`);\r\n sticky.classList.toggle('is-fixed', isDuring);\r\n sticky.classList.toggle('is-ended', isAfter);\r\n\r\n if(isBefore){\r\n sticky.classList.remove('is-fixed', 'is-ended');\r\n }\r\n\r\n const width = 128 - easedProgress * 28;\r\n const height = 46 + easedProgress * 54;\r\n const radius = 50 - easedProgress * 50;\r\n const bottom = -70 + easedProgress * 70;\r\n const titleColorProgress = clamp((stickyProgress - .12) \/ .42, 0, 1);\r\n\r\n if(titleDynamic){\r\n if(window.gsap){\r\n const titleColor = gsap.utils.interpolate('#100f0f', '#f6f0e2', titleColorProgress);\r\n gsap.set(titleDynamic, { color:titleColor });\r\n }else{\r\n titleDynamic.style.color = titleColorProgress > .5 ? '#f6f0e2' : '#100f0f';\r\n }\r\n }\r\n\r\n if(copyDynamic){\r\n if(window.gsap){\r\n const copyColor = gsap.utils.interpolate('#646464', '#f6f0e2', titleColorProgress);\r\n const accentColor = gsap.utils.interpolate('#88a79d', '#f6f0e2', titleColorProgress);\r\n gsap.set(copyDynamic, { color:copyColor });\r\n if(copyAccent) gsap.set(copyAccent, { color:accentColor });\r\n }else{\r\n copyDynamic.style.color = titleColorProgress > .5 ? '#f6f0e2' : '#646464';\r\n if(copyAccent) copyAccent.style.color = titleColorProgress > .5 ? '#f6f0e2' : '#88a79d';\r\n }\r\n }\r\n\r\n if(content){\r\n content.style.opacity = 1;\r\n content.style.transform = 'translate3d(-50%, -50%, 0)';\r\n }\r\n\r\n if(curveMobileQuery.matches){\r\n mask.style.width = '100vw';\r\n mask.style.height = '100svh';\r\n mask.style.bottom = '0';\r\n mask.style.borderRadius = '0';\r\n }else{\r\n mask.style.width = `${width}vw`;\r\n mask.style.height = `${height}vh`;\r\n mask.style.bottom = `${bottom}vh`;\r\n mask.style.borderRadius =\r\n `${radius}% ${radius}% 0 0 \/\r\n ${radius * 2}% ${radius * 2}% 0 0`;\r\n }\r\n\r\n image.style.transform =\r\n curveMobileQuery.matches\r\n ? 'none'\r\n : `scale(${1.1 + easedProgress * .08})\r\n translateY(${easedProgress * -40}px)`;\r\n\r\n const orbProgress = Math.pow(easedProgress, 4);\r\n\r\n const orbX =\r\n window.innerWidth * .62 * orbProgress\r\n + Math.sin(orbProgress * Math.PI * 1.35) * window.innerWidth * .04;\r\n\r\n const orbY =\r\n window.innerHeight * -.66 * (1 - Math.pow(1 - orbProgress, 1.55))\r\n + Math.sin(orbProgress * Math.PI * 2.1) * window.innerHeight * .025;\r\n\r\n orb.style.transform =\r\n `translate(${orbX}px, ${orbY}px)`;\r\n\r\n requestAnimationFrame(animate);\r\n }\r\n\r\n animate();\r\n }\r\n\r\n if(document.readyState === 'loading'){\r\n document.addEventListener('DOMContentLoaded', initCurvedReveal);\r\n }else{\r\n initCurvedReveal();\r\n }\r\n\r\n})();\r\n<\/script>\r\n\r\n<!-- ========================= -->\r\n<!-- CURVED REVEAL JS - FIN -->\r\n<!-- ========================= -->\r\n\r\n<!-- ========================= -->\r\n<!-- ORGANIC EDITORIAL CARDS JS - INICIO -->\r\n<!-- ========================= -->\r\n\r\n<script>\r\n(() => {\r\n\r\n function initOrganicEditorial(){\r\n const clamp = (value, min, max) => Math.min(Math.max(value, min), max);\r\n const wraps = document.querySelectorAll(\r\n '.organic-editorial .blob-wrap, .floating-process .blob-wrap'\r\n );\r\n\r\n if(!wraps.length) return;\r\n if(document.documentElement.dataset.organicReady === 'true') return;\r\n\r\n document.documentElement.dataset.organicReady = 'true';\r\n\r\n function animate(){\r\n wraps.forEach(wrap => {\r\n const speed = parseFloat(wrap.dataset.speed || 0);\r\n const rect = wrap.getBoundingClientRect();\r\n const center = window.innerHeight * .5;\r\n const distance = rect.top + rect.height * .5 - center;\r\n const isFloatingProcess = !!wrap.closest('.floating-process');\r\n const floatY = isFloatingProcess\r\n ? clamp(distance * speed * -.45, -18, 18)\r\n : distance * speed * -1.4;\r\n const img = wrap.querySelector('img');\r\n const imageOffset = isFloatingProcess\r\n ? clamp(distance * -.025, -10, 10)\r\n : distance * -.12;\r\n\r\n wrap.style.transform =\r\n `translate3d(0, ${floatY}px, 0)`;\r\n\r\n if(img){\r\n img.style.transform =\r\n `scale(${isFloatingProcess ? 1.08 : 1.18}) translate3d(0, ${imageOffset}px, 0)`;\r\n }\r\n });\r\n\r\n requestAnimationFrame(animate);\r\n }\r\n\r\n animate();\r\n }\r\n\r\n if(document.readyState === 'loading'){\r\n document.addEventListener('DOMContentLoaded', initOrganicEditorial);\r\n }else{\r\n initOrganicEditorial();\r\n }\r\n\r\n})();\r\n<\/script>\r\n\r\n<!-- ========================= -->\r\n<!-- ORGANIC EDITORIAL CARDS JS - FIN -->\r\n<!-- ========================= -->\r\n\r\n<!-- ========================= -->\r\n<!-- CONTACTO COMBINADO JS - INICIO -->\r\n<!-- ========================= -->\r\n\r\n<script>\r\n(() => {\r\n\r\n function initContactForm(){\r\n const contactSection = document.querySelector('.mica-contact-combined');\r\n if(!contactSection) return;\r\n if(contactSection.dataset.contactReady === 'true') return;\r\n\r\n const form = contactSection.querySelector('form');\r\n if(!form) return;\r\n\r\n contactSection.dataset.contactReady = 'true';\r\n\r\n const bg = contactSection.querySelector('.mica-contact-bg');\r\n let currentY = 0;\r\n let targetY = 0;\r\n\r\n function calculateParallax(){\r\n if(!bg) return;\r\n\r\n const rect = contactSection.getBoundingClientRect();\r\n const sectionCenter = rect.top + rect.height \/ 2;\r\n const viewportCenter = window.innerHeight \/ 2;\r\n const distance = sectionCenter - viewportCenter;\r\n\r\n targetY = Math.max(-90, Math.min(90, distance * -0.12));\r\n }\r\n\r\n function renderParallax(){\r\n if(bg){\r\n currentY += (targetY - currentY) * .08;\r\n bg.style.transform =\r\n `translate3d(0, ${currentY}px, 0) scale(1.12)`;\r\n }\r\n\r\n requestAnimationFrame(renderParallax);\r\n }\r\n\r\n calculateParallax();\r\n renderParallax();\r\n window.addEventListener('scroll', calculateParallax, { passive:true });\r\n window.addEventListener('resize', calculateParallax);\r\n\r\n form.addEventListener('submit', event => {\r\n event.preventDefault();\r\n\r\n const nombre = contactSection.querySelector('#nombre').value.trim();\r\n const email = contactSection.querySelector('#email').value.trim();\r\n const servicio = contactSection.querySelector('#servicio').value.trim();\r\n const mensaje = contactSection.querySelector('#mensaje').value.trim();\r\n\r\n if(!nombre || !email || !servicio || !mensaje){\r\n alert('Por favor completá todos los campos.');\r\n return;\r\n }\r\n\r\n const telefono = '5493533412152';\r\n const texto =\r\n`Hola Micaela, quisiera consultar por una sesión.\r\n\r\nNombre: ${nombre}\r\nCorreo electrónico: ${email}\r\nServicio de interés: ${servicio}\r\n\r\nMensaje:\r\n${mensaje}\r\n\r\nEnviado desde el formulario web.`;\r\n\r\n const url = `https:\/\/wa.me\/${telefono}?text=${encodeURIComponent(texto)}`;\r\n\r\n window.open(url, '_blank');\r\n form.reset();\r\n });\r\n }\r\n\r\n if(document.readyState === 'loading'){\r\n document.addEventListener('DOMContentLoaded', initContactForm);\r\n }else{\r\n initContactForm();\r\n }\r\n\r\n})();\r\n<\/script>\r\n\r\n<!-- ========================= -->\r\n<!-- CONTACTO COMBINADO JS - FIN -->\r\n<!-- ========================= -->\r\n\r\n<!-- ========================= -->\r\n<!-- FOOTER ELEGANTE JS - INICIO -->\r\n<!-- ========================= -->\r\n\r\n<script>\r\n(() => {\r\n\r\n function initGlobalCursorAura(){\r\n const cursorAura = document.getElementById('siteCursorAura');\r\n const customCursor = document.getElementById('siteCustomCursor');\r\n\r\n if(!cursorAura && !customCursor) return;\r\n if(document.documentElement.dataset.cursorReady === 'true') return;\r\n if(window.matchMedia('(pointer: coarse), (prefers-reduced-motion: reduce)').matches) return;\r\n\r\n document.documentElement.dataset.cursorReady = 'true';\r\n\r\n let auraX = window.innerWidth \/ 2;\r\n let auraY = window.innerHeight \/ 2;\r\n let targetAuraX = auraX;\r\n let targetAuraY = auraY;\r\n let auraVisible = false;\r\n\r\n function renderCursorAura(){\r\n auraX += (targetAuraX - auraX) * .12;\r\n auraY += (targetAuraY - auraY) * .12;\r\n\r\n if(cursorAura){\r\n cursorAura.style.opacity = auraVisible ? '1' : '0';\r\n cursorAura.style.transform =\r\n `translate3d(${auraX - 210}px, ${auraY - 210}px, 0)`;\r\n }\r\n\r\n requestAnimationFrame(renderCursorAura);\r\n }\r\n\r\n window.addEventListener('pointermove', event => {\r\n targetAuraX = event.clientX;\r\n targetAuraY = event.clientY;\r\n auraVisible = true;\r\n\r\n if(customCursor){\r\n customCursor.style.opacity = '1';\r\n customCursor.style.transform =\r\n `translate3d(${event.clientX - 7}px, ${event.clientY - 4}px, 0)`;\r\n }\r\n }, { passive:true });\r\n\r\n document.addEventListener('pointerleave', () => {\r\n auraVisible = false;\r\n if(customCursor) customCursor.style.opacity = '0';\r\n });\r\n\r\n window.addEventListener('blur', () => {\r\n auraVisible = false;\r\n if(customCursor) customCursor.style.opacity = '0';\r\n });\r\n\r\n renderCursorAura();\r\n }\r\n\r\n function initFooterWhatsapp(){\r\n const footer = document.querySelector('.ethereal-footer');\r\n const form = document.querySelector('.footer-whatsapp-form');\r\n\r\n if(!footer || !form) return;\r\n if(footer.dataset.footerReady === 'true') return;\r\n\r\n footer.dataset.footerReady = 'true';\r\n\r\n form.addEventListener('submit', event => {\r\n event.preventDefault();\r\n\r\n const nameInput = footer.querySelector('#footerName');\r\n const name = nameInput ? nameInput.value.trim() : '';\r\n\r\n const text =\r\n`Hola Micaela ✨\r\n\r\nMi nombre es ${name || '___'} y quisiera recibir información sobre tus sesiones.`;\r\n\r\n const url =\r\n `https:\/\/wa.me\/5493533412152?text=${encodeURIComponent(text)}`;\r\n\r\n window.open(url, '_blank');\r\n });\r\n }\r\n\r\n if(document.readyState === 'loading'){\r\n document.addEventListener('DOMContentLoaded', () => {\r\n initGlobalCursorAura();\r\n initFooterWhatsapp();\r\n });\r\n }else{\r\n initGlobalCursorAura();\r\n initFooterWhatsapp();\r\n }\r\n\r\n})();\r\n<\/script>\r\n\r\n<!-- ========================= -->\r\n<!-- FOOTER ELEGANTE JS - FIN -->\r\n<!-- ========================= -->\r\n\r\n<!-- ========================= -->\r\n<!-- CONTACTO + FOOTER GSAP APPEAR JS - INICIO -->\r\n<!-- ========================= -->\r\n\r\n<script>\r\n(() => {\r\n\r\n function initContactFooterAppear(){\r\n if(!window.gsap || !window.ScrollTrigger) return;\r\n\r\n const contactFooterContactSection = document.querySelector('.mica-contact-combined');\r\n const contactFooterFooterSection = document.querySelector('.ethereal-footer');\r\n\r\n if(!contactFooterContactSection && !contactFooterFooterSection) return;\r\n\r\n const contactFooterHasReadySection =\r\n contactFooterContactSection?.dataset.contactFooterAppearReady === 'true' ||\r\n contactFooterFooterSection?.dataset.contactFooterAppearReady === 'true';\r\n\r\n if(contactFooterHasReadySection) return;\r\n\r\n if(contactFooterContactSection) contactFooterContactSection.dataset.contactFooterAppearReady = 'true';\r\n if(contactFooterFooterSection) contactFooterFooterSection.dataset.contactFooterAppearReady = 'true';\r\n gsap.registerPlugin(ScrollTrigger);\r\n\r\n const contactFooterTriggers = [];\r\n\r\n if(contactFooterContactSection){\r\n const contactFooterContactItems = [\r\n contactFooterContactSection.querySelector('.mica-contact-info h3'),\r\n contactFooterContactSection.querySelector('.mica-contact-info p'),\r\n contactFooterContactSection.querySelector('.mica-contact-info ul'),\r\n contactFooterContactSection.querySelector('.mica-contact-quote'),\r\n contactFooterContactSection.querySelector('.mica-whatsapp-btn'),\r\n contactFooterContactSection.querySelector('.mica-contact-form')\r\n ].filter(Boolean);\r\n\r\n gsap.set(contactFooterContactItems, {\r\n opacity:0,\r\n y:42,\r\n filter:'blur(10px)'\r\n });\r\n\r\n const contactFooterContactTimeline = gsap.timeline({\r\n scrollTrigger:{\r\n trigger:contactFooterContactSection,\r\n start:'top 68%',\r\n once:true\r\n }\r\n })\r\n .to(contactFooterContactItems, {\r\n opacity:1,\r\n y:0,\r\n filter:'blur(0px)',\r\n duration:1,\r\n stagger:.11,\r\n ease:'power3.out'\r\n });\r\n\r\n contactFooterTriggers.push(contactFooterContactTimeline.scrollTrigger);\r\n\r\n gsap.fromTo(\r\n contactFooterContactSection.querySelectorAll('.contact-icon'),\r\n { scale:.65, opacity:0, rotate:-18 },\r\n {\r\n scale:1,\r\n opacity:1,\r\n rotate:0,\r\n duration:.8,\r\n stagger:.08,\r\n ease:'back.out(1.8)',\r\n scrollTrigger:{\r\n trigger:contactFooterContactSection,\r\n start:'top 58%',\r\n once:true\r\n }\r\n }\r\n );\r\n }\r\n\r\n if(contactFooterFooterSection){\r\n const contactFooterFooterItems = [\r\n contactFooterFooterSection.querySelector('.footer-eyebrow'),\r\n contactFooterFooterSection.querySelector('.footer-title'),\r\n contactFooterFooterSection.querySelector('.footer-text'),\r\n contactFooterFooterSection.querySelector('.footer-whatsapp-form'),\r\n contactFooterFooterSection.querySelector('.privacy-text'),\r\n contactFooterFooterSection.querySelector('.sitemap-label'),\r\n contactFooterFooterSection.querySelector('.footer-links'),\r\n contactFooterFooterSection.querySelector('.footer-brand'),\r\n contactFooterFooterSection.querySelector('.copyright'),\r\n contactFooterFooterSection.querySelector('.footer-contact-card')\r\n ].filter(Boolean);\r\n\r\n gsap.set(contactFooterFooterItems, {\r\n opacity:0,\r\n y:46,\r\n filter:'blur(12px)'\r\n });\r\n\r\n gsap.fromTo(\r\n contactFooterFooterSection.querySelector('.footer-container'),\r\n {\r\n y:70,\r\n scale:.97,\r\n opacity:.72\r\n },\r\n {\r\n y:0,\r\n scale:1,\r\n opacity:1,\r\n duration:1.15,\r\n ease:'power3.out',\r\n scrollTrigger:{\r\n trigger:contactFooterFooterSection,\r\n start:'top 78%',\r\n once:true\r\n }\r\n }\r\n );\r\n\r\n const contactFooterFooterTimeline = gsap.timeline({\r\n scrollTrigger:{\r\n trigger:contactFooterFooterSection,\r\n start:'top 68%',\r\n once:true\r\n }\r\n })\r\n .to(contactFooterFooterItems, {\r\n opacity:1,\r\n y:0,\r\n filter:'blur(0px)',\r\n duration:.95,\r\n stagger:.08,\r\n ease:'power3.out'\r\n });\r\n\r\n contactFooterTriggers.push(contactFooterFooterTimeline.scrollTrigger);\r\n\r\n gsap.fromTo(\r\n contactFooterFooterSection.querySelectorAll('.footer-techline, .footer-node'),\r\n { opacity:0, scaleX:.4 },\r\n {\r\n opacity:1,\r\n scaleX:1,\r\n duration:1,\r\n stagger:.12,\r\n ease:'power2.out',\r\n scrollTrigger:{\r\n trigger:contactFooterFooterSection,\r\n start:'top 82%',\r\n once:true\r\n }\r\n }\r\n );\r\n }\r\n\r\n window.setTimeout(() => {\r\n contactFooterTriggers.forEach(trigger => {\r\n if(trigger) trigger.refresh();\r\n });\r\n }, 80);\r\n }\r\n\r\n if(document.readyState === 'loading'){\r\n document.addEventListener('DOMContentLoaded', () => {\r\n setTimeout(initContactFooterAppear, 250);\r\n });\r\n }else{\r\n setTimeout(initContactFooterAppear, 250);\r\n }\r\n\r\n})();\r\n<\/script>\r\n\r\n<!-- ========================= -->\r\n<!-- CONTACTO + FOOTER GSAP APPEAR JS - FIN -->\r\n<!-- ========================= -->\r\n\r\n <a\r\n href=\"https:\/\/wa.me\/5493533412152?text=Hola%20Mica%2C%20quiero%20consultarte%20por%20una%20sesi%C3%B3n.%20Me%20gustar%C3%ADa%20contarte%20un%20poco%20sobre%20lo%20que%20estoy%20atravesando.\"\r\n class=\"floating-whatsapp\"\r\n id=\"floatingWhatsapp\"\r\n target=\"_blank\"\r\n rel=\"noopener\"\r\n aria-label=\"Escribime por WhatsApp\"\r\n >\r\n <i class=\"fab fa-whatsapp\" aria-hidden=\"true\"><\/i>\r\n <span class=\"floating-whatsapp__label\">WhatsApp<\/span>\r\n <span class=\"floating-whatsapp__dot\"><\/span>\r\n <\/a>\r\n\r\n <!-- BOOTSTRAP JS -->\r\n <script src=\"https:\/\/cdn.jsdelivr.net\/npm\/bootstrap@5.3.8\/dist\/js\/bootstrap.bundle.min.js\"><\/script>\r\n\r\n <!-- ========================= -->\r\n <!-- NAVBAR JS - INICIO -->\r\n <!-- ========================= -->\r\n\r\n <script>\r\n if('scrollRestoration' in history){\r\n history.scrollRestoration = 'manual';\r\n }\r\n\r\n window.scrollTo(0, 0);\r\n\r\n document.addEventListener('DOMContentLoaded', () => {\r\n\r\n const navbar = document.getElementById('mainNav');\r\n const navbarLogo = navbar.querySelector('.navbar-brand');\r\n const navbarToggler = navbar.querySelector('.navbar-toggler');\r\n const navbarCollapse = document.getElementById('navbarNav');\r\n const navLinks = document.querySelectorAll('#navbarNav .nav-link');\r\n\r\n if(!navbar) return;\r\n\r\n updateNavbarState();\r\n\r\n window.addEventListener('scroll', updateNavbarState, { passive:true });\r\n window.addEventListener('resize', updateNavbarState);\r\n\r\n if(navbarLogo){\r\n navbarLogo.addEventListener('click', event => {\r\n event.preventDefault();\r\n window.scrollTo({\r\n top:0,\r\n behavior:'smooth'\r\n });\r\n });\r\n }\r\n\r\n if(window.bootstrap && navbarToggler && navbarCollapse){\r\n const bsCollapse = bootstrap.Collapse.getOrCreateInstance(navbarCollapse, {\r\n toggle:false\r\n });\r\n\r\n navbarToggler.addEventListener('click', event => {\r\n event.preventDefault();\r\n bsCollapse.toggle();\r\n });\r\n\r\n navbarCollapse.addEventListener('shown.bs.collapse', () => {\r\n navbarToggler.setAttribute('aria-expanded', 'true');\r\n });\r\n\r\n navbarCollapse.addEventListener('hidden.bs.collapse', () => {\r\n navbarToggler.setAttribute('aria-expanded', 'false');\r\n });\r\n }\r\n\r\n navLinks.forEach(link => {\r\n link.addEventListener('click', () => {\r\n if(window.bootstrap && navbarCollapse){\r\n const bsCollapse = bootstrap.Collapse.getOrCreateInstance(navbarCollapse, {\r\n toggle:false\r\n });\r\n if(bsCollapse) bsCollapse.hide();\r\n }\r\n });\r\n });\r\n\r\n function updateNavbarState(){\r\n const isMobile = window.innerWidth < 999;\r\n const scrollLimit = window.innerHeight * (isMobile ? 0.2 : 0.8);\r\n\r\n if(window.scrollY > scrollLimit){\r\n navbar.classList.add('scrolled');\r\n }else{\r\n navbar.classList.remove('scrolled');\r\n }\r\n }\r\n\r\n });\r\n <\/script>\r\n\r\n <!-- ========================= -->\r\n <!-- NAVBAR JS - FIN -->\r\n <!-- ========================= -->\r\n\r\n <!-- ========================= -->\r\n <!-- FLOATING WHATSAPP JS - INICIO -->\r\n <!-- ========================= -->\r\n\r\n <script>\r\n document.addEventListener('DOMContentLoaded', () => {\r\n const floatingWhatsapp = document.getElementById('floatingWhatsapp');\r\n\r\n if(!floatingWhatsapp) return;\r\n\r\n let ticking = false;\r\n\r\n updateFloatingWhatsapp();\r\n\r\n window.addEventListener('scroll', requestFloatingWhatsappUpdate, { passive:true });\r\n window.addEventListener('resize', requestFloatingWhatsappUpdate);\r\n\r\n function requestFloatingWhatsappUpdate(){\r\n if(ticking) return;\r\n\r\n ticking = true;\r\n\r\n requestAnimationFrame(() => {\r\n updateFloatingWhatsapp();\r\n ticking = false;\r\n });\r\n }\r\n\r\n function updateFloatingWhatsapp(){\r\n floatingWhatsapp.classList.toggle(\r\n 'is-visible',\r\n window.scrollY > window.innerHeight\r\n );\r\n }\r\n });\r\n <\/script>\r\n\r\n <!-- ========================= -->\r\n <!-- FLOATING WHATSAPP JS - FIN -->\r\n <!-- ========================= -->\r\n\r\n <!-- ========================= -->\r\n <!-- RESPONSIVE RELOAD JS - INICIO -->\r\n <!-- ========================= -->\r\n\r\n <script>\r\n (() => {\r\n const reloadThreshold = 250;\r\n let initialWidth = window.innerWidth;\r\n let reloadTimer = null;\r\n\r\n window.addEventListener('resize', () => {\r\n const widthDiff = Math.abs(window.innerWidth - initialWidth);\r\n\r\n if(widthDiff < reloadThreshold) return;\r\n window.clearTimeout(reloadTimer);\r\n\r\n reloadTimer = window.setTimeout(() => {\r\n window.location.reload();\r\n }, 240);\r\n }, { passive:true });\r\n })();\r\n <\/script>\r\n\r\n <!-- ========================= -->\r\n <!-- RESPONSIVE RELOAD JS - FIN -->\r\n <!-- ========================= -->\r\n\r\n <!-- ========================= -->\r\n <!-- SITE LOADER JS - INICIO -->\r\n <!-- ========================= -->\r\n\r\n <script>\r\n (() => {\r\n const loader = document.getElementById('siteLoader');\r\n if(!loader) return;\r\n\r\n let hidden = false;\r\n\r\n function hideLoader(){\r\n if(hidden) return;\r\n hidden = true;\r\n loader.classList.add('is-hidden');\r\n document.body.classList.remove('is-loading');\r\n\r\n window.setTimeout(() => {\r\n loader.remove();\r\n }, 800);\r\n }\r\n\r\n if(document.readyState === 'complete'){\r\n window.setTimeout(hideLoader, 2000);\r\n }else{\r\n window.addEventListener('load', () => {\r\n window.setTimeout(hideLoader, 2000);\r\n }, { once:true });\r\n }\r\n\r\n window.setTimeout(hideLoader, 7000);\r\n })();\r\n <\/script>\r\n\r\n <!-- ========================= -->\r\n <!-- SITE LOADER JS - FIN -->\r\n <!-- ========================= -->\r\n\r\n<\/body>\r\n\r\n\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Micaela Marenchino – Constelaciones Familiares • MICAELA MARENCHINO • MICAELA MARENCHINO • MICAELA MARENCHINO • Cargando Inicio Quién Soy Sesiones Escribime MICAELA MARENCHINO Convierto lo invisible en amor comprensible. Seguir leyendo Acompaño procesos para comprender vínculos, duelos y patrones familiares desde las Constelaciones Ver lugares Lugares donde hice sesiones: Argentina Colombia Italia Estados Unidos España […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-3547","page","type-page","status-publish","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.6 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>MICAELA MARENCHINO \u2013 Psicolog\u00eda Sist\u00e9mica + Constelaciones Familiares 2.0 - Micalea Marenchino<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/micaelamarenchino.chdesignestudio.com\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"MICAELA MARENCHINO \u2013 Psicolog\u00eda Sist\u00e9mica + Constelaciones Familiares 2.0 - Micalea Marenchino\" \/>\n<meta property=\"og:description\" content=\"Micaela Marenchino – Constelaciones Familiares • MICAELA MARENCHINO • MICAELA MARENCHINO • MICAELA MARENCHINO • Cargando Inicio Quién Soy Sesiones Escribime MICAELA MARENCHINO Convierto lo invisible en amor comprensible. Seguir leyendo Acompaño procesos para comprender vínculos, duelos y patrones familiares desde las Constelaciones Ver lugares Lugares donde hice sesiones: Argentina Colombia Italia Estados Unidos España […]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/micaelamarenchino.chdesignestudio.com\/\" \/>\n<meta property=\"og:site_name\" content=\"Micalea Marenchino\" \/>\n<meta property=\"article:modified_time\" content=\"2026-06-04T15:15:23+00:00\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"39 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/micaelamarenchino.chdesignestudio.com\\\/\",\"url\":\"https:\\\/\\\/micaelamarenchino.chdesignestudio.com\\\/\",\"name\":\"MICAELA MARENCHINO \u2013 Psicolog\u00eda Sist\u00e9mica + Constelaciones Familiares 2.0 - Micalea Marenchino\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/micaelamarenchino.chdesignestudio.com\\\/#website\"},\"datePublished\":\"2026-06-01T23:10:19+00:00\",\"dateModified\":\"2026-06-04T15:15:23+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/micaelamarenchino.chdesignestudio.com\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/micaelamarenchino.chdesignestudio.com\\\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/micaelamarenchino.chdesignestudio.com\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/micaelamarenchino.chdesignestudio.com\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"MICAELA MARENCHINO \u2013 Psicolog\u00eda Sist\u00e9mica + Constelaciones Familiares 2.0\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/micaelamarenchino.chdesignestudio.com\\\/#website\",\"url\":\"https:\\\/\\\/micaelamarenchino.chdesignestudio.com\\\/\",\"name\":\"MICAELA MARENCHINO \u2013 Psicolog\u00eda Sist\u00e9mica + Constelaciones Familiares\",\"description\":\"\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/micaelamarenchino.chdesignestudio.com\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"MICAELA MARENCHINO \u2013 Psicolog\u00eda Sist\u00e9mica + Constelaciones Familiares 2.0 - Micalea Marenchino","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/micaelamarenchino.chdesignestudio.com\/","og_locale":"en_US","og_type":"article","og_title":"MICAELA MARENCHINO \u2013 Psicolog\u00eda Sist\u00e9mica + Constelaciones Familiares 2.0 - Micalea Marenchino","og_description":"Micaela Marenchino – Constelaciones Familiares • MICAELA MARENCHINO • MICAELA MARENCHINO • MICAELA MARENCHINO • Cargando Inicio Quién Soy Sesiones Escribime MICAELA MARENCHINO Convierto lo invisible en amor comprensible. Seguir leyendo Acompaño procesos para comprender vínculos, duelos y patrones familiares desde las Constelaciones Ver lugares Lugares donde hice sesiones: Argentina Colombia Italia Estados Unidos España […]","og_url":"https:\/\/micaelamarenchino.chdesignestudio.com\/","og_site_name":"Micalea Marenchino","article_modified_time":"2026-06-04T15:15:23+00:00","twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"39 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/micaelamarenchino.chdesignestudio.com\/","url":"https:\/\/micaelamarenchino.chdesignestudio.com\/","name":"MICAELA MARENCHINO \u2013 Psicolog\u00eda Sist\u00e9mica + Constelaciones Familiares 2.0 - Micalea Marenchino","isPartOf":{"@id":"https:\/\/micaelamarenchino.chdesignestudio.com\/#website"},"datePublished":"2026-06-01T23:10:19+00:00","dateModified":"2026-06-04T15:15:23+00:00","breadcrumb":{"@id":"https:\/\/micaelamarenchino.chdesignestudio.com\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/micaelamarenchino.chdesignestudio.com\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/micaelamarenchino.chdesignestudio.com\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/micaelamarenchino.chdesignestudio.com\/"},{"@type":"ListItem","position":2,"name":"MICAELA MARENCHINO \u2013 Psicolog\u00eda Sist\u00e9mica + Constelaciones Familiares 2.0"}]},{"@type":"WebSite","@id":"https:\/\/micaelamarenchino.chdesignestudio.com\/#website","url":"https:\/\/micaelamarenchino.chdesignestudio.com\/","name":"MICAELA MARENCHINO \u2013 Psicolog\u00eda Sist\u00e9mica + Constelaciones Familiares","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/micaelamarenchino.chdesignestudio.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"}]}},"_links":{"self":[{"href":"https:\/\/micaelamarenchino.chdesignestudio.com\/index.php?rest_route=\/wp\/v2\/pages\/3547","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/micaelamarenchino.chdesignestudio.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/micaelamarenchino.chdesignestudio.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/micaelamarenchino.chdesignestudio.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/micaelamarenchino.chdesignestudio.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=3547"}],"version-history":[{"count":5,"href":"https:\/\/micaelamarenchino.chdesignestudio.com\/index.php?rest_route=\/wp\/v2\/pages\/3547\/revisions"}],"predecessor-version":[{"id":3567,"href":"https:\/\/micaelamarenchino.chdesignestudio.com\/index.php?rest_route=\/wp\/v2\/pages\/3547\/revisions\/3567"}],"wp:attachment":[{"href":"https:\/\/micaelamarenchino.chdesignestudio.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=3547"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}