Elestudio - Dise\u00f1o y comunicaci\u00f3n<\/title>\r\n\r\n \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 \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 \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 \r\n <style>\r\n\r\n \/* FIX GLOBAL ELEMENTOR FULL WIDTH *\/\r\nhtml,\r\nbody {\r\n width: 100%;\r\n max-width: 100%;\r\n margin: 0 !important;\r\n padding: 0 !important;\r\n overflow-x: hidden !important;\r\n}\r\n\r\n.elementor-page-57 #site-header {\r\n display: none !important;\r\n}\r\n\r\n.elementor-page-57 .elementor,\r\n.elementor-page-57 .elementor-57,\r\n.elementor-page-57 .elementor-element-edca361,\r\n.elementor-page-57 .elementor-element-7957d88,\r\n.elementor-page-57 .elementor-widget-html,\r\n.elementor-page-57 .elementor-widget-container {\r\n width: 100% !important;\r\n max-width: 100% !important;\r\n margin: 0 !important;\r\n padding: 0 !important;\r\n}\r\n\r\n.elementor-page-57 .elementor-element-edca361.e-con {\r\n --width: 100% !important;\r\n --content-width: 100% !important;\r\n --container-max-width: 100% !important;\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 --gap: 0px !important;\r\n gap: 0 !important;\r\n}\r\n\r\n <\/style>\r\n\r\n\r\n\r\n<style>\r\n:root{\r\n --mica-azul-claro:#d7dde0;\r\n --mica-gris-claro:#eef0ee;\r\n --mica-dorado:#c7a06c;\r\n --mica-hueso:#f7f3ec;\r\n --mica-oscuro:#121417;\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:170px;\r\n max-width:42vw;\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\r\n\r\n\r\n\r\n\r\n<style>\r\n:root{\r\n --azul-claro:#d7dde0;\r\n --gris-claro:#eef0ee;\r\n --beige-dorado:#c7a06c;\r\n --hueso:#f7f3ec;\r\n --gris-azulado-oscuro:#121417;\r\n\r\n --mica-texto:#121417;\r\n --mica-luz:#f7f3ec;\r\n --mica-dorado:#c7a06c;\r\n --mica-glass:rgba(247,243,236,.22);\r\n --mica-glass-border:rgba(247,243,236,.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 height:100vh;\r\n min-height:100svh;\r\n overflow:hidden;\r\n}\r\n\r\n.camila-hero-layer{\r\n position:absolute;\r\n inset:0;\r\n width:100%;\r\n height:100%;\r\n overflow:hidden;\r\n background:var(--hueso);\r\n}\r\n\r\n\/* BACKGROUNDS *\/\r\n\r\n.camila-hero-bg{\r\n position:absolute;\r\n inset:0;\r\n background-size:cover;\r\n background-position:center center;\r\n will-change:opacity, transform;\r\n}\r\n\r\n.camila-bg-1{\r\n background-image:url('https:\/\/elestudio.osidentity.com\/wp-content\/uploads\/2026\/05\/hero.jpg');\r\n z-index:1;\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:4;\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\/* CONTENT *\/\r\n\r\n.camila-hero-content{\r\n position:absolute;\r\n inset:0;\r\n z-index:10;\r\n display:flex;\r\n align-items:end;\r\n justify-content:start;\r\n padding:5vw;\r\n text-align:start;\r\n will-change:transform, opacity;\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.camila-mini-title{\r\n color:var(--gris-azulado-oscuro);\r\n font-family:'Nunito', sans-serif;\r\n text-transform:uppercase;\r\n letter-spacing:.18em;\r\n font-size:1.07rem;\r\n line-height:1.45;\r\n font-weight:700;\r\n margin-bottom:1.2rem;\r\n opacity:.94;\r\n text-shadow:0 4px 22px rgba(83,96,104,.22);\r\n}\r\n\r\n.camila-reading-text{\r\n display:flex;\r\n flex-direction:column;\r\n gap:.72rem;\r\n color:var(--gris-azulado-oscuro);\r\n font-family:'Cormorant Garamond', serif;\r\n font-weight:400;\r\n margin-top:1rem;\r\n line-height:.94;\r\n font-size:3rem;\r\n letter-spacing:0;\r\n text-shadow:0 8px 32px rgba(83,96,104,.24);\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:.87;\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@media(min-width:1024px) and (max-width:1299px){\r\n .camila-hero-content{\r\n padding:4vw;\r\n }\r\n\r\n .camila-mini-title{\r\n font-size:.96rem;\r\n margin-bottom:.9rem;\r\n }\r\n\r\n .camila-reading-text{\r\n gap:.56rem;\r\n font-size:2.42rem;\r\n line-height:.96;\r\n }\r\n\r\n .camila-line{\r\n font-size:2.42rem;\r\n }\r\n\r\n .pillBlur{\r\n padding:2rem 2.35rem;\r\n }\r\n\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-hero-content{\r\n padding:8vw;\r\n align-items:center;\r\n }\r\n\r\n .camila-reading-text{\r\n font-size:2.12rem;\r\n line-height:.98;\r\n }\r\n\r\n .camila-line{\r\n font-size:2.12rem;\r\n }\r\n\r\n .camila-mini-title{\r\n font-size:.95rem;\r\n letter-spacing:.16em;\r\n }\r\n\r\n .camila-bg-1{\r\n background-position-x:-65%;\r\n }\r\n\r\n .pillBlur{\r\n padding:1.6rem;\r\n }\r\n}\r\n\r\n@media(max-width:480px){\r\n .camila-reading-text{\r\n font-size:2.12rem;\r\n gap:.46rem;\r\n }\r\n\r\n .camila-line{\r\n font-size:2.12rem;\r\n }\r\n\r\n .camila-mini-title{\r\n font-size:1.5rem;\r\n letter-spacing:.13em;\r\n }\r\n}\r\n<\/style>\r\n\r\n\r\n\r\n\r\n\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:#d7dde0;\r\n --mica-gris-claro:#eef0ee;\r\n --mica-dorado:#c7a06c;\r\n --mica-hueso:#f7f3ec;\r\n --mica-oscuro:#121417;\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 max-width:760px;\r\n margin:0 auto 44px;\r\n text-align:center;\r\n color:var(--mica-oscuro);\r\n}\r\n\r\n.mica-section-head span{\r\n display:inline-block;\r\n margin-bottom:14px;\r\n font-family:'Nunito', sans-serif;\r\n font-size:.82rem;\r\n letter-spacing:.18em;\r\n text-transform:uppercase;\r\n color:var(--mica-dorado);\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(2.8rem, 6vw, 5.8rem);\r\n font-weight:500;\r\n line-height:.9;\r\n letter-spacing:-.04em;\r\n color:var(--mica-oscuro);\r\n}\r\n\r\n.mica-section-head p{\r\n max-width:590px;\r\n margin:24px auto 0;\r\n font-family:'Nunito', sans-serif;\r\n font-size:1.05rem;\r\n line-height:1.75;\r\n color:rgba(83,96,104,.82);\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:25%;\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 box-shadow:0 24px 70px rgba(83,96,104,.12);\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(to top, rgba(83,96,104,.78) 0%, rgba(83,96,104,.28) 48%, rgba(246,240,226,.18) 100%),\r\n radial-gradient(circle at 50% 25%, rgba(246,240,226,.55), transparent 34%);\r\n z-index:2;\r\n pointer-events:none;\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:34px;\r\n box-sizing:border-box;\r\n pointer-events:none;\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:-.04em;\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-content p{\r\n margin:0;\r\n max-width:360px;\r\n color:rgba(246,240,226,.92);\r\n font-family:'Nunito', sans-serif;\r\n font-size:1.4rem;\r\n line-height:1.7;\r\n opacity:.86;\r\n transform:translateY(12px);\r\n will-change:transform, opacity;\r\n}\r\n\r\n.mica-card-content span{\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@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 width:100%;\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 \/ .82;\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,.86) 0%, rgba(83,96,104,.52) 48%, rgba(246,240,226,.16) 100%),\r\n radial-gradient(circle at 50% 20%, rgba(246,240,226,.42), transparent 38%);\r\n }\r\n\r\n .mica-card-content{\r\n justify-content:flex-end;\r\n gap:18px;\r\n padding:24px;\r\n }\r\n\r\n .mica-card-content h3{\r\n font-size:clamp(2.2rem, 12vw, 3.15rem);\r\n line-height:.92;\r\n max-width:92%;\r\n }\r\n\r\n .mica-card-content p{\r\n max-width:92%;\r\n font-size:1rem;\r\n line-height:1.55;\r\n opacity:.94;\r\n transform:none;\r\n }\r\n\r\n .mica-card-content span{\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<\/style>\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n<style>\r\n.projects-parallax-image{\r\n position:relative;\r\n width:100vw;\r\n height:70vh;\r\n min-height:420px;\r\n margin:0;\r\n overflow:hidden;\r\n background-image:url('https:\/\/static.wixstatic.com\/media\/d5f99a33f0044179af43cb9685308ce1.jpg\/v1\/fill\/w_866,h_656,al_c,q_85,usm_0.66_1.00_0.01,enc_avif,quality_auto\/d5f99a33f0044179af43cb9685308ce1.jpg');\r\n background-size:cover;\r\n background-position:center;\r\n background-repeat:no-repeat;\r\n background-attachment:fixed;\r\n}\r\n\r\n.projects-parallax-image--second{\r\n background-image:url('https:\/\/static.wixstatic.com\/media\/6083e67e999345c5aa1aafc7db76022b.jpg\/v1\/fill\/w_866,h_600,al_c,q_85,usm_0.66_1.00_0.01,enc_avif,quality_auto\/6083e67e999345c5aa1aafc7db76022b.jpg');\r\n}\r\n\r\n@media(max-width:768px){\r\n .projects-parallax-image{\r\n height:70vh;\r\n min-height:360px;\r\n }\r\n}\r\n<\/style>\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n<style>\r\n.philosophy-section{\r\n position:relative;\r\n height:260vh;\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:100vh;\r\n width:100%;\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 font-family:'Cormorant Garamond', serif;\r\n font-weight:500;\r\n font-size:clamp(2.4rem,4vw,4rem);\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__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\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n<style>\r\n.mica-contact-combined{\r\n --mica-bg:#fff;\r\n --mica-card:#ffffff;\r\n --mica-text:#121417;\r\n --mica-soft:#000;\r\n --mica-gold:#000;\r\n --mica-gray:#000;\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:#fff;\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:#fff;\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:none;\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:none;\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.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:#fff;\r\n border:1px solid rgba(0,0,0,.18);\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:#fff;\r\n border:1px solid #000;\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:#fff;\r\n color:#000;\r\n border:1px solid #000;\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 cursor:pointer;\r\n transition:\r\n transform .35s ease,\r\n background .35s ease,\r\n 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.mica-contact-form .btn-hero:hover{\r\n background:#000;\r\n color:#fff;\r\n transform:translateY(-3px);\r\n box-shadow:0 10px 20px rgba(0,0,0,.12);\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:#fff;\r\n border-radius:28px;\r\n box-shadow:0 24px 70px rgba(0,0,0,.08);\r\n border:1px solid rgba(0,0,0,.18);\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(0,0,0,.28);\r\n background:#fff;\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:#000;\r\n box-shadow:0 0 0 3px rgba(0,0,0,.10);\r\n}\r\n\r\n.mica-contact-form ::placeholder{\r\n color:rgba(0,0,0,.48);\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 border:1px solid #000;\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\r\n\r\n\r\n\r\n\r\n\r\n\r\n<style>\r\n.credit-bar{\r\n width:100%;\r\n padding:12px 18px;\r\n background:#fff;\r\n color:#000;\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:#000;\r\n text-decoration:underline;\r\n text-underline-offset:3px;\r\n transition:color .25s ease, background .25s ease;\r\n}\r\n\r\n.credit-bar a:hover{\r\n background:#000;\r\n color:#fff;\r\n}\r\n<\/style>\r\n\r\n\r\n\r\n\r\n\r\n\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:#000;\r\n background:#fff;\r\n border:1px solid #000;\r\n box-shadow:0 18px 42px rgba(0,0,0,.12);\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:#fff;\r\n background:#000;\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<\/style>\r\n\r\n\r\n\r\n\r\n\r\n\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:138px;\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-hero-content{\r\n padding: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 .offset{\r\n transform:translateY(-18vh);\r\n }\r\n\r\n .camila-mini-title{\r\n font-size:.95rem;\r\n line-height:1.45;\r\n letter-spacing:.18em;\r\n margin-bottom:.75rem;\r\n }\r\n\r\n .camila-reading-text{\r\n gap:.46rem;\r\n font-size:2.12rem;\r\n line-height:.98;\r\n letter-spacing:0;\r\n }\r\n\r\n .camila-line{\r\n font-size:2.12rem;\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 .mica-magnetic-section{\r\n padding:58px 18px 40px;\r\n }\r\n\r\n .mica-section-head{\r\n margin-bottom:30px;\r\n }\r\n\r\n .mica-section-head h2{\r\n font-size:clamp(2.55rem,12vw,3.8rem);\r\n line-height:.96;\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: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 \/ .82;\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(2.2rem,12vw,3.15rem);\r\n line-height:.92;\r\n }\r\n\r\n .mica-card-content p{\r\n font-size:1rem;\r\n line-height:1.55;\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 .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}\r\n\r\n@media(max-width:420px){\r\n .camila-hero-content{\r\n padding-left:18px;\r\n padding-right:18px;\r\n }\r\n\r\n .camila-reading-text{\r\n font-size:2.12rem;\r\n line-height:1;\r\n gap:.42rem;\r\n }\r\n\r\n .camila-line{\r\n font-size:2.12rem;\r\n }\r\n\r\n .camila-mini-title{\r\n font-size:1.2rem;\r\n letter-spacing:.12em;\r\n }\r\n\r\n .mica-card{\r\n aspect-ratio:1 \/ .9;\r\n }\r\n\r\n}\r\n<\/style>\r\n\r\n\r\n\r\n\r\n\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:#000;\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:#fff;\r\n display:flex;\r\n align-items:center;\r\n justify-content:center;\r\n overflow:hidden;\r\n border:1px solid rgba(255,255,255,.32);\r\n backdrop-filter:blur(4px);\r\n -webkit-backdrop-filter:blur(4px);\r\n box-shadow:0 24px 70px rgba(255,255,255,.12);\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(0,0,0,.08) 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 img{\r\n width:128px;\r\n max-width:none;\r\n height:auto;\r\n filter:grayscale(1) contrast(1.25) drop-shadow(0 10px 24px rgba(0,0,0,.18));\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:\"georgia-pro\", \"Georgia Pro\", Georgia, serif;\r\n font-size:12px;\r\n letter-spacing:5px;\r\n fill:#000;\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:\"georgia-pro\", \"Georgia Pro\", Georgia, 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\r\n\r\n\r\n\r\n\r\n<style>\r\n:root{\r\n --font-primary:\"georgia-pro\", \"Georgia Pro\", Georgia, serif;\r\n --font-secondary:\"georgia-pro\", \"Georgia Pro\", Georgia, serif;\r\n --font-feature:\"georgia-pro\", \"Georgia Pro\", Georgia, serif;\r\n --font-content:\"georgia-pro\", \"Georgia Pro\", Georgia, serif;\r\n}\r\n\r\nbody{\r\n font-family:var(--font-content);\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.mica-contact-info h3,\r\n.mica-contact-form h2{\r\n font-family:var(--font-primary)!important;\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.eyebrow,\r\n.mica-whatsapp-btn,\r\n.mica-contact-form .btn-hero,\r\n.floating-whatsapp,\r\n.philosophy-section__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.mica-section-head p,\r\n.mica-card-content p{\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.eyebrow{\r\n font-weight:300;\r\n}\r\n<\/style>\r\n\r\n\r\n\r\n<style>\r\n\/* ========================= *\/\r\n\/* GEORGIA PRO MOCK OVERRIDES *\/\r\n\/* ========================= *\/\r\nhtml,\r\nbody{\r\n background:#fff!important;\r\n font-family:\"georgia-pro\", \"Georgia Pro\", Georgia, serif!important;\r\n}\r\n\r\nbody,\r\na,\r\np,\r\nli,\r\nlabel,\r\ninput,\r\ntextarea,\r\nselect,\r\nbutton,\r\nh1,\r\nh2,\r\nh3,\r\nh4,\r\nh5,\r\nh6,\r\nspan{\r\n font-family:\"georgia-pro\", \"Georgia Pro\", Georgia, serif!important;\r\n letter-spacing:0;\r\n}\r\n\r\n#mainNav{\r\n background:transparent!important;\r\n border:0!important;\r\n box-shadow:none!important;\r\n backdrop-filter:none!important;\r\n -webkit-backdrop-filter:none!important;\r\n transition:\r\n background-color .35s ease,\r\n backdrop-filter .35s ease,\r\n -webkit-backdrop-filter .35s ease,\r\n border-color .35s ease,\r\n box-shadow .35s ease;\r\n}\r\n\r\n#mainNav.scrolled{\r\n background:rgba(255,255,255,.72)!important;\r\n border-bottom:1px solid rgba(0,0,0,.08)!important;\r\n box-shadow:0 12px 34px rgba(0,0,0,.06)!important;\r\n backdrop-filter:blur(18px) saturate(145%)!important;\r\n -webkit-backdrop-filter:blur(18px) saturate(145%)!important;\r\n}\r\n\r\n#mainNav::before{ display:none; }\r\n\r\n#mainNav .container-fluid{\r\n min-height:172px;\r\n padding:27px 24px 0;\r\n display:flex;\r\n flex-direction:column;\r\n justify-content:flex-start;\r\n align-items:center;\r\n transition:\r\n min-height .9s cubic-bezier(.22,1,.36,1),\r\n padding .9s cubic-bezier(.22,1,.36,1),\r\n justify-content .9s cubic-bezier(.22,1,.36,1);\r\n}\r\n\r\n#mainNav.hero-ended .container-fluid{\r\n min-height:72px;\r\n padding:.85rem clamp(28px,5vw,82px)!important;\r\n flex-direction:row;\r\n justify-content:space-between;\r\n align-items:center;\r\n}\r\n\r\n#mainNav .navbar-brand{\r\n margin:0 0 19px!important;\r\n padding:0;\r\n color:#000!important;\r\n font-size:54px;\r\n font-weight:700;\r\n line-height:1;\r\n text-transform:none;\r\n text-decoration:none;\r\n letter-spacing:0;\r\n text-shadow:none;\r\n}\r\n\r\n#mainNav.hero-ended .navbar-brand{\r\n margin:0!important;\r\n font-size:clamp(36px,3.2vw,46px);\r\n line-height:.92;\r\n}\r\n\r\n#mainNav .navbar-collapse{\r\n width:auto;\r\n flex-basis:auto;\r\n flex-grow:0;\r\n}\r\n\r\n#mainNav.hero-ended .navbar-collapse{\r\n margin-left:auto;\r\n display:flex!important;\r\n justify-content:flex-end;\r\n align-items:center;\r\n}\r\n\r\n#mainNav .navbar-nav{\r\n gap:107px;\r\n align-items:center;\r\n}\r\n\r\n#mainNav.hero-ended .navbar-nav{\r\n gap:clamp(42px,6vw,96px);\r\n}\r\n\r\n#mainNav.hero-ended .nav-link{\r\n font-size:19px;\r\n line-height:1.1;\r\n}\r\n\r\n#mainNav .navbar-nav .nav-item{ margin:0; }\r\n\r\n#mainNav .nav-link,\r\n#mainNav.scrolled .nav-link{\r\n padding:0!important;\r\n color:#000!important;\r\n font-size:20px;\r\n font-weight:400!important;\r\n line-height:1;\r\n white-space:nowrap;\r\n text-transform:none;\r\n letter-spacing:0;\r\n text-shadow:none!important;\r\n}\r\n\r\n#mainNav .nav-link::after{ display:none; }\r\n\r\n.logo,\r\n.logo-light,\r\n.logo-dark{ display:none!important; }\r\n\r\n.mica-magnetic-section{\r\n width:100%;\r\n padding:106px 74px 96px!important;\r\n background:#fff!important;\r\n overflow:visible;\r\n}\r\n\r\n.mica-section-head{\r\n max-width:none;\r\n margin:0 auto 106px!important;\r\n text-align:center;\r\n}\r\n\r\n.mica-section-head span,\r\n.mica-section-head p{ display:none!important; }\r\n\r\n.mica-section-head h2{\r\n margin:0;\r\n color:#000!important;\r\n font-family:\"georgia-pro\", \"Georgia Pro\", Georgia, serif!important;\r\n font-size:110px!important;\r\n font-weight:400!important;\r\n line-height:106px;\r\n letter-spacing:0!important;\r\n}\r\n\r\n.mica-magnetic-grid{\r\n width:100%;\r\n height:auto!important;\r\n min-height:0!important;\r\n padding:0!important;\r\n display:grid!important;\r\n grid-template-columns:repeat(3, minmax(0, 1fr));\r\n gap:32px 34px;\r\n align-items:start;\r\n}\r\n\r\n.mica-card{\r\n position:relative;\r\n width:100%!important;\r\n height:auto!important;\r\n min-height:0!important;\r\n aspect-ratio:535 \/ 350;\r\n border-radius:0!important;\r\n box-shadow:none!important;\r\n cursor:pointer;\r\n overflow:hidden;\r\n background:#eee;\r\n will-change:transform, filter;\r\n}\r\n\r\n.mica-card img{\r\n display:block;\r\n width:100%;\r\n height:100%;\r\n object-fit:cover;\r\n transform:scale(1.02);\r\n will-change:transform, filter;\r\n}\r\n\r\n.mica-card::after{\r\n content:\"\";\r\n position:absolute;\r\n inset:0;\r\n border:1px solid rgba(0,0,0,0);\r\n pointer-events:none;\r\n transition:border-color .35s ease;\r\n}\r\n\r\n.mica-card:hover::after{\r\n border-color:rgba(0,0,0,.18);\r\n}\r\n\r\n.mica-card-bg,\r\n.mica-card-overlay,\r\n.mica-card-content{ display:none!important; }\r\n\r\n.mica-magnetic-grid .mica-card{\r\n contain:layout paint!important;\r\n transform:none!important;\r\n filter:none!important;\r\n opacity:1!important;\r\n will-change:auto!important;\r\n}\r\n\r\n.mica-magnetic-grid .mica-card img{\r\n position:absolute!important;\r\n inset:0!important;\r\n display:block!important;\r\n width:100%!important;\r\n height:100%!important;\r\n max-width:none!important;\r\n object-fit:cover!important;\r\n object-position:center!important;\r\n transform:none!important;\r\n filter:none!important;\r\n opacity:1!important;\r\n background:#eee!important;\r\n will-change:auto!important;\r\n}\r\n\r\n.mica-magnetic-grid .mica-card img[src=\"\"],\r\n.mica-magnetic-grid .mica-card img:not([src]){\r\n visibility:hidden!important;\r\n}\r\n\r\n.mica-project-modal{\r\n --project-black:#000;\r\n --project-white:#fff;\r\n display:none;\r\n opacity:0;\r\n background:#fff;\r\n overflow:hidden;\r\n}\r\n\r\n.mica-project-modal.is-open{\r\n display:block;\r\n opacity:1;\r\n}\r\n\r\nbody.mica-project-modal-open{\r\n overflow:hidden;\r\n}\r\n\r\n.mica-project-modal .modal-dialog{\r\n margin:0;\r\n}\r\n\r\n.mica-project-modal .modal-content{\r\n min-height:100svh;\r\n max-height:100svh;\r\n border:0;\r\n border-radius:0;\r\n background:#fff;\r\n color:#000;\r\n overflow-y:auto;\r\n}\r\n\r\n.mica-project-modal__close{\r\n position:fixed;\r\n top:clamp(34px,4.5vw,58px);\r\n right:clamp(18px,3vw,34px);\r\n z-index:10;\r\n width:46px;\r\n height:46px;\r\n display:grid;\r\n place-items:center;\r\n border:1px solid #000;\r\n border-radius:50%;\r\n background:#fff;\r\n color:#000;\r\n font-size:1.2rem;\r\n transition:background .35s ease, color .35s ease, transform .35s ease;\r\n}\r\n\r\n.mica-project-modal__close:hover{\r\n background:#000!important;\r\n color:#fff;\r\n transform:translateY(-2px);\r\n}\r\n\r\n.mica-project-modal__grid{\r\n min-height:100svh;\r\n display:grid;\r\n grid-template-columns:minmax(320px,.82fr) minmax(0,1.18fr);\r\n gap:clamp(28px,5vw,78px);\r\n padding:clamp(78px,8vw,122px) clamp(24px,6vw,92px);\r\n}\r\n\r\n.mica-project-modal__copy{\r\n align-self:center;\r\n max-width:620px;\r\n}\r\n\r\n.mica-project-modal__eyebrow{\r\n display:block;\r\n margin-bottom:24px;\r\n color:#000;\r\n font-size:.78rem;\r\n font-weight:700;\r\n letter-spacing:.22em;\r\n text-transform:uppercase;\r\n}\r\n\r\n.mica-project-modal h2{\r\n margin:0;\r\n color:#000;\r\n font-family:\"Cormorant Garamond\", serif;\r\n font-size:clamp(3.8rem,8vw,8.5rem);\r\n font-weight:400;\r\n line-height:.86;\r\n letter-spacing:-.045em;\r\n}\r\n\r\n.mica-project-modal p{\r\n margin:clamp(24px,4vw,42px) 0 0;\r\n color:#000;\r\n font-size:clamp(1.02rem,1.25vw,1.24rem);\r\n font-weight:300;\r\n line-height:1.72;\r\n}\r\n\r\n.mica-project-modal__meta{\r\n display:grid;\r\n grid-template-columns:repeat(2,minmax(0,1fr));\r\n gap:14px;\r\n margin:clamp(26px,4vw,44px) 0 0;\r\n}\r\n\r\n.mica-project-modal__meta div{\r\n border:1px solid rgba(0,0,0,.16);\r\n padding:14px 16px;\r\n}\r\n\r\n.mica-project-modal__meta dt{\r\n margin:0 0 6px;\r\n color:#000;\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.mica-project-modal__meta dd{\r\n margin:0;\r\n color:#000;\r\n font-size:.98rem;\r\n line-height:1.35;\r\n}\r\n\r\n.mica-project-modal__gallery{\r\n display:grid;\r\n grid-template-columns:1fr 1fr;\r\n gap:18px;\r\n align-content:center;\r\n}\r\n\r\n.mica-project-modal__gallery img{\r\n width:100%;\r\n height:100%;\r\n min-height:clamp(220px,28vw,420px);\r\n object-fit:cover;\r\n filter:grayscale(1) contrast(1.04);\r\n}\r\n\r\n.mica-project-modal__gallery img:first-child{\r\n grid-column:1 \/ -1;\r\n min-height:clamp(320px,42vw,560px);\r\n}\r\n\r\n@media(max-width:991px){\r\n .mica-project-modal__grid{\r\n grid-template-columns:1fr;\r\n padding:86px 22px 34px;\r\n }\r\n\r\n .mica-project-modal__copy{\r\n max-width:none;\r\n }\r\n\r\n .mica-project-modal__gallery{\r\n grid-template-columns:1fr;\r\n }\r\n\r\n .mica-project-modal__meta{\r\n grid-template-columns:1fr;\r\n }\r\n}\r\n\r\n.philosophy-section{\r\n height:auto!important;\r\n min-height:0!important;\r\n margin-top:106px;\r\n background:#fff!important;\r\n}\r\n\r\n.philosophy-section__inner{\r\n height:auto!important;\r\n min-height:0!important;\r\n padding:58px 24px 88px!important;\r\n justify-content:center!important;\r\n overflow:visible!important;\r\n}\r\n\r\n.philosophy-section__mini-top,\r\n.philosophy-section__button{\r\n display:none!important;\r\n}\r\n\r\n.philosophy-section__mock-title{\r\n margin:0;\r\n color:#000;\r\n font-family:\"georgia-pro\", \"Georgia Pro\", Georgia, serif!important;\r\n font-size:clamp(76px,7.4vw,98px)!important;\r\n font-weight:300!important;\r\n line-height:.92!important;\r\n letter-spacing:0!important;\r\n text-align:center;\r\n}\r\n\r\n.philosophy-section__reading-text{\r\n display:block;\r\n width:min(940px, 100%)!important;\r\n margin:50px auto 0!important;\r\n color:#000!important;\r\n font-family:\"Cormorant Garamond\", \"georgia-pro\", \"Georgia Pro\", Georgia, serif!important;\r\n font-size:24px!important;\r\n font-weight:300!important;\r\n line-height:1.12!important;\r\n letter-spacing:0!important;\r\n text-align:left!important;\r\n}\r\n\r\n.philosophy-section__reading-text p{\r\n margin:0 0 24px!important;\r\n color:#000!important;\r\n font-family:\"Cormorant Garamond\", \"georgia-pro\", \"Georgia Pro\", Georgia, serif!important;\r\n font-size:24px!important;\r\n font-weight:300!important;\r\n line-height:1.12!important;\r\n letter-spacing:0!important;\r\n opacity:1!important;\r\n filter:none!important;\r\n transform:none!important;\r\n}\r\n\r\n.philosophy-section__reading-text p:last-child{\r\n margin-bottom:0!important;\r\n}\r\n\r\n.philosophy-section__services{\r\n color:rgba(0,0,0,.58)!important;\r\n font-family:\"georgia-pro\", \"Georgia Pro\", Georgia, serif!important;\r\n font-size:18px!important;\r\n font-weight:500!important;\r\n line-height:1.45!important;\r\n letter-spacing:.075em!important;\r\n text-transform:uppercase;\r\n}\r\n\r\n.mica-contact-info h3,\r\n.mica-contact-form h2{\r\n font-weight:400!important;\r\n}\r\n\r\n.mica-contact-info p,\r\n.mica-contact-form p{\r\n font-weight:300!important;\r\n}\r\n\r\n.mica-contact-combined{\r\n background:#fff!important;\r\n color:#000!important;\r\n}\r\n\r\n.mica-contact-combined .mica-contact-bg,\r\n.mica-contact-combined::before,\r\n.mica-contact-combined::after{\r\n background:#fff!important;\r\n}\r\n\r\n.mica-contact-combined h3,\r\n.mica-contact-combined h2,\r\n.mica-contact-combined p,\r\n.mica-contact-combined li,\r\n.mica-contact-combined strong,\r\n.mica-contact-combined span,\r\n.mica-contact-combined em,\r\n.mica-contact-combined label,\r\n.mica-contact-combined input,\r\n.mica-contact-combined textarea,\r\n.mica-contact-combined select{\r\n color:#000!important;\r\n}\r\n\r\n.mica-contact-combined .mica-contact-info li,\r\n.mica-contact-combined .mica-contact-form,\r\n.mica-contact-combined input,\r\n.mica-contact-combined textarea,\r\n.mica-contact-combined select{\r\n background:#fff!important;\r\n border-color:rgba(0,0,0,.28)!important;\r\n}\r\n\r\n.mica-contact-combined .contact-icon,\r\n.mica-contact-combined .mica-whatsapp-btn,\r\n.mica-contact-combined .btn-hero{\r\n background:#fff!important;\r\n border:1px solid #000!important;\r\n color:#000!important;\r\n}\r\n\r\n.mica-contact-combined .mica-whatsapp-btn:hover,\r\n.mica-contact-combined .btn-hero:hover{\r\n background:#000!important;\r\n color:#fff!important;\r\n}\r\n\r\n.philosophy-section__reading-text{\r\n font-weight:300!important;\r\n}\r\n\r\n@media(max-width:1199px){\r\n #mainNav .navbar-nav{ gap:54px; }\r\n #mainNav.hero-ended .navbar-nav{ gap:clamp(32px,5vw,64px); }\r\n #mainNav .nav-link{ font-size:20px; }\r\n #mainNav.hero-ended .nav-link{ font-size:18px; }\r\n .mica-magnetic-section{ padding:clamp(72px,7vw,106px) clamp(24px,5vw,74px) 0!important; }\r\n .mica-section-head{ margin-bottom:clamp(56px,7vw,106px)!important; }\r\n .mica-section-head h2,\r\n .philosophy-section__mock-title{\r\n font-size:clamp(72px,8vw,96px)!important;\r\n line-height:.92!important;\r\n }\r\n .philosophy-section__reading-text,\r\n .philosophy-section__reading-text p{\r\n font-size:clamp(21px,2vw,24px)!important;\r\n font-weight:300!important;\r\n line-height:1.15!important;\r\n }\r\n}\r\n\r\n@media(max-width:991px){\r\n #mainNav .container-fluid{\r\n min-height:auto;\r\n padding:18px 18px 0;\r\n flex-direction:row;\r\n justify-content:space-between;\r\n }\r\n\r\n #mainNav.hero-ended .container-fluid{\r\n min-height:64px;\r\n padding:.7rem 18px!important;\r\n }\r\n\r\n #mainNav .navbar-brand{\r\n margin:0!important;\r\n font-size:clamp(38px,8vw,54px);\r\n }\r\n\r\n #mainNav.hero-ended .navbar-brand{\r\n font-size:clamp(34px,7vw,44px);\r\n }\r\n\r\n #mainNav .navbar-collapse{\r\n position:absolute;\r\n top:64px;\r\n left:18px;\r\n right:18px;\r\n width:auto;\r\n padding:20px 24px;\r\n background:rgba(255,255,255,.94)!important;\r\n border-radius:0!important;\r\n border:1px solid rgba(0,0,0,.08);\r\n box-shadow:0 18px 45px rgba(0,0,0,.08);\r\n }\r\n\r\n #mainNav .navbar-nav{ gap:18px; }\r\n #mainNav .nav-link{ font-size:20px; }\r\n\r\n .mica-magnetic-section{\r\n padding:82px 24px 0!important;\r\n }\r\n\r\n .mica-magnetic-grid{\r\n width:100%;\r\n height:auto!important;\r\n min-height:0!important;\r\n padding:0!important;\r\n display:grid!important;\r\n grid-template-columns:repeat(2, minmax(0, 1fr));\r\n gap:24px;\r\n }\r\n\r\n .mica-card{\r\n width:100%!important;\r\n height:auto!important;\r\n aspect-ratio:535 \/ 350;\r\n }\r\n}\r\n\r\n@media(max-width:640px){\r\n .mica-section-head h2{\r\n font-size:clamp(52px,17vw,76px)!important;\r\n line-height:clamp(52px,16vw,74px);\r\n }\r\n .mica-section-head{ margin-bottom:42px!important; }\r\n .mica-magnetic-grid{ grid-template-columns:1fr; gap:18px; }\r\n .philosophy-section{ margin-top:72px; }\r\n .philosophy-section__inner{ padding-bottom:96px!important; }\r\n .philosophy-section__mock-title{\r\n font-size:clamp(52px,17vw,76px)!important;\r\n line-height:clamp(52px,16vw,74px);\r\n }\r\n .philosophy-section__reading-text{\r\n margin-top:34px!important;\r\n }\r\n .philosophy-section__reading-text,\r\n .philosophy-section__reading-text p{\r\n font-size:21px!important;\r\n font-weight:300!important;\r\n line-height:1.18!important;\r\n }\r\n .philosophy-section__services{\r\n font-size:14px!important;\r\n font-weight:500!important;\r\n line-height:1.5!important;\r\n }\r\n}\r\n<\/style>\r\n<style>\r\n\/* NAVBAR SIMPLE FINAL - gana sobre estilos anteriores *\/\r\n#mainNav{\r\n position:absolute!important;\r\n top:22px!important;\r\n right:auto!important;\r\n left:0!important;\r\n width:100%!important;\r\n z-index:20!important;\r\n background:transparent!important;\r\n border:0!important;\r\n box-shadow:none!important;\r\n backdrop-filter:none!important;\r\n -webkit-backdrop-filter:none!important;\r\n transform:none!important;\r\n transition:none!important;\r\n}\r\n\r\n#mainNav.scrolled,\r\n#mainNav.hero-ended{\r\n background:transparent!important;\r\n border:0!important;\r\n box-shadow:none!important;\r\n backdrop-filter:none!important;\r\n -webkit-backdrop-filter:none!important;\r\n}\r\n\r\n#mainNav *,\r\n#mainNav *::before,\r\n#mainNav *::after{\r\n transition:none!important;\r\n animation:none!important;\r\n}\r\n\r\n#mainNav::before,\r\n#mainNav .nav-link::after{\r\n content:none!important;\r\n display:none!important;\r\n}\r\n\r\n#mainNav .container-fluid,\r\n#mainNav.hero-ended .container-fluid{\r\n min-height:0!important;\r\n padding:0 24px!important;\r\n display:flex!important;\r\n flex-direction:column!important;\r\n justify-content:flex-start!important;\r\n align-items:center!important;\r\n gap:16px!important;\r\n}\r\n\r\n#mainNav .container-fluid > .col-1{\r\n display:none!important;\r\n}\r\n\r\n#mainNav .navbar-brand,\r\n#mainNav.hero-ended .navbar-brand{\r\n margin:0!important;\r\n color:#000!important;\r\n font-family:'Nunito', sans-serif!important;\r\n font-size:36px!important;\r\n font-weight:800!important;\r\n line-height:1.05!important;\r\n letter-spacing:0!important;\r\n color:#000!important;\r\n text-shadow:none!important;\r\n}\r\n\r\n#mainNav .navbar-collapse,\r\n#mainNav.hero-ended .navbar-collapse{\r\n display:flex!important;\r\n width:auto!important;\r\n margin:0!important;\r\n flex-basis:auto!important;\r\n flex-grow:0!important;\r\n justify-content:center!important;\r\n background:transparent!important;\r\n border:0!important;\r\n box-shadow:none!important;\r\n}\r\n\r\n#mainNav .navbar-nav,\r\n#mainNav.hero-ended .navbar-nav{\r\n margin:0!important;\r\n gap:82px!important;\r\n align-items:center!important;\r\n justify-content:center!important;\r\n}\r\n\r\n#mainNav .nav-link,\r\n#mainNav.scrolled .nav-link,\r\n#mainNav.hero-ended .nav-link,\r\n#mainNav .nav-link:hover,\r\n#mainNav.scrolled .nav-link:hover{\r\n color:#000!important;\r\n padding:0!important;\r\n font-family:Georgia, \"Times New Roman\", serif!important;\r\n font-size:21px!important;\r\n font-weight:600!important;\r\n line-height:1!important;\r\n letter-spacing:0!important;\r\n text-shadow:none!important;\r\n background:transparent!important;\r\n}\r\n\r\n#mainNav .fixed-toggler,\r\n#mainNav.scrolled .fixed-toggler,\r\n#mainNav .fixed-toggler:hover,\r\n#mainNav .fixed-toggler:focus{\r\n display:none!important;\r\n position:relative!important;\r\n top:auto!important;\r\n right:auto!important;\r\n color:#000!important;\r\n background:transparent!important;\r\n border:0!important;\r\n box-shadow:none!important;\r\n backdrop-filter:none!important;\r\n -webkit-backdrop-filter:none!important;\r\n}\r\n\r\n@media(max-width:991px){\r\n #mainNav{\r\n top:18px!important;\r\n }\r\n\r\n #mainNav .container-fluid,\r\n #mainNav.hero-ended .container-fluid{\r\n min-height:0!important;\r\n padding:0 18px!important;\r\n gap:12px!important;\r\n }\r\n\r\n #mainNav .navbar-brand,\r\n #mainNav.hero-ended .navbar-brand{\r\n font-size:clamp(30px,8vw,36px)!important;\r\n }\r\n\r\n #mainNav .navbar-collapse{\r\n position:static!important;\r\n display:flex!important;\r\n width:100%!important;\r\n padding:0!important;\r\n background:transparent!important;\r\n border:0!important;\r\n box-shadow:none!important;\r\n filter:none!important;\r\n transform:none!important;\r\n }\r\n\r\n #mainNav .navbar-nav,\r\n #mainNav.hero-ended .navbar-nav{\r\n gap:22px!important;\r\n flex-direction:row!important;\r\n flex-wrap:wrap!important;\r\n }\r\n\r\n #mainNav .nav-link,\r\n #mainNav.scrolled .nav-link,\r\n #mainNav.hero-ended .nav-link{\r\n font-size:19px!important;\r\n }\r\n}\r\n<\/style>\r\n\r\n<style>\r\n\/* CONTACTO SIMPLE FINAL *\/\r\n.mica-contact-combined{\r\n position:relative!important;\r\n min-height:0!important;\r\n width:100%!important;\r\n overflow:hidden!important;\r\n padding:86px 24px 84px!important;\r\n background:#fff!important;\r\n color:#000!important;\r\n}\r\n\r\n.mica-contact-combined::before,\r\n.mica-contact-combined::after,\r\n.mica-contact-combined .mica-contact-bg{\r\n display:none!important;\r\n content:none!important;\r\n}\r\n\r\n.contact-simple{\r\n width:min(602px, 100%)!important;\r\n margin:0 auto!important;\r\n color:#000!important;\r\n}\r\n\r\n.contact-simple h2{\r\n margin:0 0 46px!important;\r\n color:#000!important;\r\n font-family:Georgia, \"Times New Roman\", serif!important;\r\n font-size:clamp(72px, 7vw, 96px)!important;\r\n font-weight:400!important;\r\n line-height:.9!important;\r\n letter-spacing:0!important;\r\n text-align:center!important;\r\n text-transform:none!important;\r\n}\r\n\r\n.contact-simple__form{\r\n display:block!important;\r\n width:100%!important;\r\n}\r\n\r\n.contact-simple__field{\r\n display:block!important;\r\n margin:0 0 14px!important;\r\n}\r\n\r\n.contact-simple__field label{\r\n display:block!important;\r\n margin:0 0 11px!important;\r\n color:#000!important;\r\n font-family:'Nunito', sans-serif!important;\r\n font-size:18px!important;\r\n font-weight:300!important;\r\n line-height:1!important;\r\n letter-spacing:0!important;\r\n text-transform:none!important;\r\n}\r\n\r\n.contact-simple__field label span{\r\n color:#d32222!important;\r\n font-weight:300!important;\r\n}\r\n\r\n.contact-simple__field input,\r\n.contact-simple__field textarea{\r\n display:block!important;\r\n width:100%!important;\r\n border:1px solid #000!important;\r\n border-radius:0!important;\r\n background:#fff!important;\r\n color:#000!important;\r\n box-shadow:none!important;\r\n outline:none!important;\r\n font-family:'Nunito', sans-serif!important;\r\n font-size:16px!important;\r\n font-weight:300!important;\r\n line-height:1.35!important;\r\n}\r\n\r\n.contact-simple__field input{\r\n height:40px!important;\r\n min-height:40px!important;\r\n padding:5px 10px!important;\r\n}\r\n\r\n.contact-simple__field textarea{\r\n min-height:142px!important;\r\n padding:8px 10px!important;\r\n resize:vertical!important;\r\n}\r\n\r\n.contact-simple__field input:focus,\r\n.contact-simple__field textarea:focus{\r\n border-color:#000!important;\r\n box-shadow:none!important;\r\n}\r\n\r\n.contact-simple__footer{\r\n display:grid!important;\r\n grid-template-columns:1fr auto 160px!important;\r\n align-items:center!important;\r\n gap:28px!important;\r\n margin-top:13px!important;\r\n}\r\n\r\n.contact-simple__footer a{\r\n color:#000!important;\r\n text-decoration:none!important;\r\n font-family:'Nunito', sans-serif!important;\r\n font-size:15px!important;\r\n font-weight:300!important;\r\n line-height:1!important;\r\n}\r\n\r\n.contact-simple__socials{\r\n display:flex!important;\r\n align-items:center!important;\r\n justify-content:center!important;\r\n gap:19px!important;\r\n color:#000!important;\r\n}\r\n\r\n.contact-simple__socials a{\r\n display:inline-flex!important;\r\n align-items:center!important;\r\n justify-content:center!important;\r\n width:18px!important;\r\n height:22px!important;\r\n color:#000!important;\r\n font-size:23px!important;\r\n line-height:1!important;\r\n}\r\n\r\n.contact-simple__footer button{\r\n display:inline-flex!important;\r\n align-items:center!important;\r\n justify-content:center!important;\r\n width:160px!important;\r\n height:40px!important;\r\n border:1px solid #000!important;\r\n border-radius:0!important;\r\n background:#000!important;\r\n color:#fff!important;\r\n box-shadow:none!important;\r\n font-family:'Nunito', sans-serif!important;\r\n font-size:14px!important;\r\n font-weight:400!important;\r\n line-height:1!important;\r\n text-transform:none!important;\r\n letter-spacing:0!important;\r\n}\r\n\r\n@media(max-width:640px){\r\n .mica-contact-combined{\r\n padding:64px 20px 64px!important;\r\n }\r\n\r\n .contact-simple h2{\r\n margin-bottom:34px!important;\r\n font-size:clamp(58px, 18vw, 78px)!important;\r\n }\r\n\r\n .contact-simple__footer{\r\n grid-template-columns:1fr!important;\r\n justify-items:start!important;\r\n gap:18px!important;\r\n }\r\n\r\n .contact-simple__footer button{\r\n width:100%!important;\r\n }\r\n}\r\n<\/style>\r\n<\/head>\r\n\r\n\r\n<body class=\"is-loading \"\r\n style=\"\r\n padding-left:0px!important;\r\n padding-right: 0px !important;\r\n \">\r\n\r\n \r\n \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 <img decoding=\"async\" src=\"https:\/\/elestudio.osidentity.com\/wp-content\/uploads\/2026\/05\/logoelestudio.png\" alt=\"\">\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 • ELESTUDIO • DISEÑO Y COMUNICACIÓN\r\n <\/textPath>\r\n <\/text>\r\n <\/svg>\r\n <\/div>\r\n\r\n <h5 class=\"site-loader__text\">\r\n • ELESTUDIO •<br>\r\n Cargando\r\n <\/h5>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n \r\n \r\n\r\n \r\n \r\n \r\n\r\n \r\n\r\n <nav id=\"mainNav\" class=\"navbar navbar-expand-lg\">\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\">elestudio<\/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=\"#Proyectos\">proyectos.<\/a>\r\n <\/li>\r\n\r\n <li class=\"nav-item\">\r\n <a class=\"nav-link\" href=\"#Estudio\">acerca de.<\/a>\r\n <\/li>\r\n\r\n <li class=\"nav-item\">\r\n <a class=\"nav-link\" href=\"#Contacto\">contacto.<\/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 \r\n \r\n\r\n \r\n \r\n \r\n\r\n <section class=\"camila-hero-300vh\">\r\n\r\n <div class=\"camila-hero-layer\">\r\n\r\n \r\n <div class=\"camila-hero-bg camila-bg-1\"><\/div>\r\n\r\n \r\n <div class=\"camila-overlay\"><\/div>\r\n\r\n <\/div>\r\n\r\n <\/section>\r\n\r\n \r\n \r\n \r\n\r\n \r\n \r\n \r\n\r\n <section class=\"mica-magnetic-section\" id=\"Proyectos\">\r\n\r\n <div class=\"mica-section-head\">\r\n <h2>proyectos.<\/h2>\r\n <\/div>\r\n\r\n <div class=\"mica-magnetic-grid\" aria-label=\"Proyectos destacados\">\r\n\r\n <article class=\"mica-card\" role=\"button\" tabindex=\"0\" data-project-index=\"0\" aria-label=\"Abrir proyecto Aura identidad\">\r\n <img decoding=\"async\" src=\"https:\/\/elestudio.osidentity.com\/wp-content\/uploads\/2026\/05\/aura.jpg\" alt=\"Proyecto de identidad visual\" loading=\"lazy\">\r\n <\/article>\r\n <article class=\"mica-card\" role=\"button\" tabindex=\"0\" data-project-index=\"1\" aria-label=\"Abrir proyecto Aura sistema visual\">\r\n <img decoding=\"async\" src=\"https:\/\/elestudio.osidentity.com\/wp-content\/uploads\/2026\/05\/aura.jpg\" alt=\"Proyecto de identidad visual\" loading=\"lazy\">\r\n <\/article>\r\n <article class=\"mica-card\" role=\"button\" tabindex=\"0\" data-project-index=\"2\" aria-label=\"Abrir proyecto Aura editorial\">\r\n <img decoding=\"async\" src=\"https:\/\/elestudio.osidentity.com\/wp-content\/uploads\/2026\/05\/aura.jpg\" alt=\"Proyecto de identidad visual\" loading=\"lazy\">\r\n <\/article>\r\n\r\n <article class=\"mica-card\" role=\"button\" tabindex=\"0\" data-project-index=\"3\" aria-label=\"Abrir proyecto Orbita\">\r\n <img decoding=\"async\" src=\"https:\/\/elestudio.osidentity.com\/wp-content\/uploads\/2026\/05\/orbita.jpg\" alt=\"Proyecto Orbita\" loading=\"lazy\">\r\n <\/article>\r\n\r\n <article class=\"mica-card\" role=\"button\" tabindex=\"0\" data-project-index=\"4\" aria-label=\"Abrir proyecto Paula\">\r\n <img decoding=\"async\" src=\"https:\/\/elestudio.osidentity.com\/wp-content\/uploads\/2026\/05\/proyect.jpg\" alt=\"Proyecto Paula\" loading=\"lazy\">\r\n <\/article>\r\n\r\n <article class=\"mica-card\" role=\"button\" tabindex=\"0\" data-project-index=\"5\" aria-label=\"Abrir proyecto Aura campana\">\r\n <img decoding=\"async\" src=\"https:\/\/elestudio.osidentity.com\/wp-content\/uploads\/2026\/05\/aura.jpg\" alt=\"Proyecto de identidad visual\" loading=\"lazy\">\r\n <\/article>\r\n\r\n <article class=\"mica-card\" role=\"button\" tabindex=\"0\" data-project-index=\"6\" aria-label=\"Abrir proyecto Orbita contenidos\">\r\n <img decoding=\"async\" src=\"https:\/\/elestudio.osidentity.com\/wp-content\/uploads\/2026\/05\/orbita.jpg\" alt=\"Proyecto Orbita\" loading=\"lazy\">\r\n <\/article>\r\n\r\n <article class=\"mica-card\" role=\"button\" tabindex=\"0\" data-project-index=\"7\" aria-label=\"Abrir proyecto Paula digital\">\r\n <img decoding=\"async\" src=\"https:\/\/elestudio.osidentity.com\/wp-content\/uploads\/2026\/05\/proyect.jpg\" alt=\"Proyecto Paula\" loading=\"lazy\">\r\n <\/article>\r\n\r\n <\/div>\r\n <\/section>\r\n\r\n <section class=\"projects-parallax-image projects-parallax-image--second\" aria-label=\"Imagen destacada de proyectos\"><\/section>\r\n\r\n <div class=\"modal fade mica-project-modal\" id=\"projectModal\" tabindex=\"-1\" aria-hidden=\"true\">\r\n <div class=\"modal-dialog modal-fullscreen\">\r\n <div class=\"modal-content\">\r\n <button type=\"button\" class=\"mica-project-modal__close\" aria-label=\"Cerrar proyecto\">\r\n <i class=\"fa-solid fa-xmark\" aria-hidden=\"true\"><\/i>\r\n <\/button>\r\n\r\n <div class=\"mica-project-modal__grid\">\r\n <aside class=\"mica-project-modal__copy\">\r\n <span class=\"mica-project-modal__eyebrow\" id=\"projectModalEyebrow\">Proyecto<\/span>\r\n <h2 id=\"projectModalTitle\">Proyecto<\/h2>\r\n <p id=\"projectModalDescription\"><\/p>\r\n\r\n <dl class=\"mica-project-modal__meta\" id=\"projectModalMeta\"><\/dl>\r\n <\/aside>\r\n\r\n <div class=\"mica-project-modal__gallery\" id=\"projectModalGallery\"><\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n \r\n \r\n\r\n \r\n \r\n \r\n<div style=\"position: relative;transform:translateY(220px);\" id=\"Estudio\"><\/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 <h2 class=\"philosophy-section__mock-title\">acerca de.<\/h2>\r\n\r\n <div class=\"philosophy-section__reading-text\" >\r\n <p>Somos un estudio creativo especializado en diseño, concepto y estrategia. Creemos en la transformación auténtica: impulsamos marcas desde su esencia para potenciar aquello que las hace únicas. Nos mueven las ganas de crear proyectos llenos de narrativa y significado, donde toda historia encuentra su forma.<\/p>\r\n\r\n <p>Nos caracteriza una actitud de excelencia y responsabilidad en cada reto que asumimos. Cuidamos cada aspecto con precisión y sensibilidad. La curiosidad es el motor que nos mantiene en constante evolución y nos conecta con las tendencias y el cambio, para seguir sorprendiendo y superándonos.<\/p>\r\n\r\n <p>Para nosotras, cada proyecto es una promesa, un pacto de dedicación. Queremos ser tus aliadas.<\/p>\r\n\r\n <p class=\"philosophy-section__services\">BRANDING \/ ESTRATEGIA \/ MARCAS \/ STORYTELLING \/ NUEVOS PRODUCTOS \/ POSICIONAMIENTO \/ PACKAGING \/ EDITORIAL \/ WEB \/ LANZAMIENTOS \/ ESPACIOS \/ CAMPAÑAS \/ VINOS<\/p>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <\/section>\r\n\r\n \r\n \r\n \r\n\r\n <section class=\"projects-parallax-image\" aria-label=\"Imagen destacada de proyectos\"><\/section>\r\n\r\n \r\n \r\n \r\n\r\n <section class=\"mica-contact-combined\" id=\"Contacto\">\r\n\r\n <div class=\"contact-simple\">\r\n\r\n <h2>contacto.<\/h2>\r\n\r\n <form class=\"contact-simple__form\">\r\n\r\n <div class=\"contact-simple__field\">\r\n <label for=\"nombre\">Nombre <span>*<\/span><\/label>\r\n <input type=\"text\" id=\"nombre\" required>\r\n <\/div>\r\n\r\n <div class=\"contact-simple__field\">\r\n <label for=\"email\">Email <span>*<\/span><\/label>\r\n <input type=\"email\" id=\"email\" required>\r\n <\/div>\r\n\r\n <div class=\"contact-simple__field\">\r\n <label for=\"telefono\">Teléfono<\/label>\r\n <input type=\"tel\" id=\"telefono\">\r\n <\/div>\r\n\r\n <div class=\"contact-simple__field\">\r\n <label for=\"mensaje\">Mensaje <span>*<\/span><\/label>\r\n <textarea id=\"mensaje\" rows=\"7\" required><\/textarea>\r\n <\/div>\r\n\r\n <div class=\"contact-simple__footer\">\r\n <a href=\"mailto:info@misitio.com\">info@misitio.com<\/a>\r\n\r\n <div class=\"contact-simple__socials\">\r\n <a href=\"#\" aria-label=\"Facebook\"><i class=\"fa-brands fa-facebook-f\" aria-hidden=\"true\"><\/i><\/a>\r\n <a href=\"#\" aria-label=\"Pinterest\"><i class=\"fa-brands fa-pinterest-p\" aria-hidden=\"true\"><\/i><\/a>\r\n <a href=\"#\" aria-label=\"Instagram\"><i class=\"fa-brands fa-instagram\" aria-hidden=\"true\"><\/i><\/a>\r\n <\/div>\r\n\r\n <button type=\"submit\" id=\"sendBtn\">Enviar<\/button>\r\n <\/div>\r\n\r\n <\/form>\r\n\r\n <\/div>\r\n\r\n <\/section>\r\n\r\n \r\n \r\n \r\n<div class=\"credit-bar\">\r\n CREATED BY:\r\n <a href=\"https:\/\/www.instagram.com\/elestudio.diseno\/\" target=\"_blank\" rel=\"noopener\">\r\n Elestudio\r\n <\/a>\r\n <\/div>\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\r\n<script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/animejs\/3.2.1\/anime.min.js\"><\/script>\r\n\r\n\r\n\r\n\r\n\r\n\r\n\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 if(!window.gsap) return;\r\n\r\n const prefersReducedMotion = window.matchMedia('(prefers-reduced-motion: reduce)').matches;\r\n const grid = document.querySelector('.mica-magnetic-grid');\r\n const cards = gsap.utils.toArray('.mica-card');\r\n\r\n if(!grid || !cards.length) return;\r\n\r\n cards.forEach(card => {\r\n const image = card.querySelector('img');\r\n gsap.set(card, {\r\n opacity:1,\r\n x:0,\r\n y:0,\r\n scale:1,\r\n filter:'none',\r\n clearProps:'transform'\r\n });\r\n\r\n if(image){\r\n gsap.set(image, {\r\n opacity:1,\r\n x:0,\r\n y:0,\r\n yPercent:0,\r\n scale:1,\r\n filter:'none',\r\n clearProps:'transform'\r\n });\r\n }\r\n });\r\n\r\n return;\r\n\r\n if(window.ScrollTrigger) gsap.registerPlugin(ScrollTrigger);\r\n\r\n if(prefersReducedMotion){\r\n gsap.set(cards, { opacity:1, y:0, clearProps:'transform,filter' });\r\n return;\r\n }\r\n\r\n gsap.set(cards, {\r\n opacity:0,\r\n y:28,\r\n scale:.985,\r\n filter:'blur(6px)'\r\n });\r\n\r\n gsap.set('.mica-card img', {\r\n scale:1.035,\r\n filter:'grayscale(8%) contrast(.98)'\r\n });\r\n\r\n const revealConfig = {\r\n opacity:1,\r\n y:0,\r\n scale:1,\r\n filter:'blur(0px)',\r\n duration:1.15,\r\n stagger:{\r\n each:.12,\r\n from:'start'\r\n },\r\n ease:'power2.out',\r\n clearProps:'filter',\r\n delay:.05\r\n };\r\n\r\n if(window.ScrollTrigger){\r\n gsap.to(cards, {\r\n ...revealConfig,\r\n scrollTrigger:{\r\n trigger:grid,\r\n start:'top 78%',\r\n once:true\r\n }\r\n });\r\n\r\n gsap.to('.mica-card img', {\r\n scale:1.015,\r\n filter:'grayscale(0%) contrast(1)',\r\n duration:1.15,\r\n stagger:.08,\r\n ease:'power2.out',\r\n scrollTrigger:{\r\n trigger:grid,\r\n start:'top 78%',\r\n once:true\r\n }\r\n });\r\n\r\n cards.forEach((card, index) => {\r\n const image = card.querySelector('img');\r\n if(!image) return;\r\n\r\n gsap.fromTo(image,\r\n { yPercent:-2 },\r\n {\r\n yPercent:2,\r\n ease:'none',\r\n scrollTrigger:{\r\n trigger:card,\r\n start:'top bottom',\r\n end:'bottom top',\r\n scrub:true\r\n }\r\n }\r\n );\r\n\r\n gsap.to(card, {\r\n y:index % 2 === 0 ? -8 : 8,\r\n ease:'none',\r\n scrollTrigger:{\r\n trigger:card,\r\n start:'top bottom',\r\n end:'bottom top',\r\n scrub:true\r\n }\r\n });\r\n });\r\n\r\n }else{\r\n gsap.to(cards, revealConfig);\r\n gsap.to('.mica-card img', {\r\n scale:1.015,\r\n filter:'grayscale(0%) contrast(1)',\r\n duration:1.15,\r\n stagger:.08,\r\n ease:'power2.out'\r\n });\r\n }\r\n\r\n cards.forEach(card => {\r\n const image = card.querySelector('img');\r\n if(!image) return;\r\n\r\n const cardX = gsap.quickTo(card, 'x', { duration:.55, ease:'power3.out' });\r\n const cardY = gsap.quickTo(card, 'y', { duration:.55, ease:'power3.out' });\r\n const imageX = gsap.quickTo(image, 'x', { duration:.7, ease:'power3.out' });\r\n const imageY = gsap.quickTo(image, 'y', { duration:.7, ease:'power3.out' });\r\n\r\n card.addEventListener('mouseenter', () => {\r\n gsap.to(card, {\r\n scale:1.035,\r\n zIndex:3,\r\n boxShadow:'0 22px 54px rgba(0,0,0,.16)',\r\n duration:.55,\r\n ease:'power3.out',\r\n overwrite:true\r\n });\r\n\r\n gsap.to(image, {\r\n scale:1.11,\r\n filter:'grayscale(0%) contrast(1.06)',\r\n duration:.75,\r\n ease:'power3.out',\r\n overwrite:true\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) \/ 44;\r\n const moveY = (event.clientY - rect.top - rect.height \/ 2) \/ 44;\r\n\r\n cardX(moveX);\r\n cardY(moveY);\r\n imageX(moveX * -.72);\r\n imageY(moveY * -.72);\r\n });\r\n\r\n card.addEventListener('mouseleave', () => {\r\n cardX(0);\r\n cardY(0);\r\n imageX(0);\r\n imageY(0);\r\n\r\n gsap.to(card, {\r\n scale:1,\r\n zIndex:1,\r\n boxShadow:'0 0 0 rgba(0,0,0,0)',\r\n duration:.55,\r\n ease:'power3.out',\r\n overwrite:true\r\n });\r\n\r\n gsap.to(image, {\r\n scale:1.02,\r\n filter:'grayscale(0%) contrast(1)',\r\n duration:.65,\r\n ease:'power3.out',\r\n overwrite:true\r\n });\r\n });\r\n });\r\n\r\n});\r\n<\/script>\r\n\r\n<script>\r\ndocument.addEventListener('DOMContentLoaded', () => {\r\n const modalElement = document.getElementById('projectModal');\r\n const modalTitle = document.getElementById('projectModalTitle');\r\n const modalEyebrow = document.getElementById('projectModalEyebrow');\r\n const modalDescription = document.getElementById('projectModalDescription');\r\n const modalMeta = document.getElementById('projectModalMeta');\r\n const modalGallery = document.getElementById('projectModalGallery');\r\n const projectCards = document.querySelectorAll('.mica-card[data-project-index]');\r\n\r\n if(!modalElement || !modalTitle || !modalDescription || !modalMeta || !modalGallery || !projectCards.length) return;\r\n\r\n const projectImages = {\r\n aura:'https:\/\/elestudio.osidentity.com\/wp-content\/uploads\/2026\/05\/aura.jpg',\r\n orbita:'https:\/\/elestudio.osidentity.com\/wp-content\/uploads\/2026\/05\/orbita.jpg',\r\n paula:'https:\/\/elestudio.osidentity.com\/wp-content\/uploads\/2026\/05\/proyect.jpg'\r\n };\r\n\r\n const projects = [\r\n {\r\n title:'Aura',\r\n eyebrow:'Identidad visual',\r\n description:'Sistema visual para una marca sensible, precisa y contemporanea. Trabajamos una direccion grafica sobria, recursos editoriales y piezas capaces de sostener presencia sin levantar la voz.',\r\n images:[projectImages.aura, projectImages.orbita, projectImages.paula],\r\n meta:{ Servicio:'Branding', Rol:'Direccion visual', Entrega:'Sistema de marca' }\r\n },\r\n {\r\n title:'Aura editorial',\r\n eyebrow:'Comunicacion',\r\n description:'Una extension editorial de marca pensada para ordenar mensajes, jerarquias y ritmo visual. El resultado: piezas claras, elegantes y listas para convivir en distintos canales.',\r\n images:[projectImages.aura, projectImages.paula, projectImages.orbita],\r\n meta:{ Servicio:'Contenido', Rol:'Diseno y comunicacion', Entrega:'Piezas editoriales' }\r\n },\r\n {\r\n title:'Aura digital',\r\n eyebrow:'Sistema grafico',\r\n description:'Desarrollamos una familia de recursos para redes, presentaciones y comunicacion comercial. Una identidad flexible, con aire, contraste y criterio de aplicacion.',\r\n images:[projectImages.aura, projectImages.aura, projectImages.orbita],\r\n meta:{ Servicio:'Templates', Rol:'Sistema visual', Entrega:'Kit digital' }\r\n },\r\n {\r\n title:'Orbita',\r\n eyebrow:'Campana visual',\r\n description:'Proyecto construido alrededor de movimiento, sintesis y foco. Una comunicacion con pulso propio, pensada para que cada pieza parezca parte de una misma orbita.',\r\n images:[projectImages.orbita, projectImages.aura, projectImages.paula],\r\n meta:{ Servicio:'Campana', Rol:'Direccion creativa', Entrega:'Universo visual' }\r\n },\r\n {\r\n title:'Paula',\r\n eyebrow:'Presencia de marca',\r\n description:'Disenamos una presencia visual simple y reconocible, con foco en claridad, cercania y consistencia. Menos ruido, mas intencion: esa fue la busqueda.',\r\n images:[projectImages.paula, projectImages.orbita, projectImages.aura],\r\n meta:{ Servicio:'Marca digital', Rol:'Diseno grafico', Entrega:'Contenido y piezas' }\r\n },\r\n {\r\n title:'Aura campana',\r\n eyebrow:'Direccion de arte',\r\n description:'Un set de piezas para amplificar identidad sin perder delicadeza. Ajustamos tono, composicion e imagen para que la marca pudiera hablar con mas presencia.',\r\n images:[projectImages.aura, projectImages.paula, projectImages.aura],\r\n meta:{ Servicio:'Direccion de arte', Rol:'Comunicacion visual', Entrega:'Campana modular' }\r\n },\r\n {\r\n title:'Orbita contenidos',\r\n eyebrow:'Contenido digital',\r\n description:'Una serie de contenidos pensada para circular con coherencia: placas, recursos, imagenes y microdecisiones graficas que hacen que la marca se reconozca al toque.',\r\n images:[projectImages.orbita, projectImages.paula, projectImages.orbita],\r\n meta:{ Servicio:'Redes', Rol:'Contenido', Entrega:'Sistema de publicaciones' }\r\n },\r\n {\r\n title:'Paula digital',\r\n eyebrow:'Lanzamiento',\r\n description:'Piezas para presentar una marca con limpieza y caracter. Construimos una narrativa visual directa, ordenada y con suficiente personalidad para no pasar de largo.',\r\n images:[projectImages.paula, projectImages.aura, projectImages.orbita],\r\n meta:{ Servicio:'Lanzamiento', Rol:'Paid y editorial', Entrega:'Piezas digitales' }\r\n }\r\n ];\r\n\r\n const modalClose = modalElement.querySelector('.mica-project-modal__close');\r\n\r\n function renderProject(project){\r\n modalEyebrow.textContent = project.eyebrow;\r\n modalTitle.textContent = project.title;\r\n modalDescription.textContent = project.description;\r\n modalMeta.innerHTML = Object.entries(project.meta)\r\n .map(([term, description]) => `<div><dt>${term}<\/dt><dd>${description}<\/dd><\/div>`)\r\n .join('');\r\n modalGallery.innerHTML = project.images\r\n .map((src, index) => `<img decoding=\"async\" src=\"${src}\" alt=\"${project.title} imagen ${index + 1}\" loading=\"lazy\">`)\r\n .join('');\r\n }\r\n\r\n function animateModalIn(){\r\n if(!window.anime) return;\r\n\r\n anime.remove('.mica-project-modal .modal-content, .mica-project-modal__copy > *, .mica-project-modal__gallery img');\r\n anime.set('.mica-project-modal .modal-content', { opacity:0 });\r\n anime.set('.mica-project-modal__copy > *', { opacity:0, translateY:24 });\r\n anime.set('.mica-project-modal__gallery img', { opacity:0, translateY:34, scale:1.025 });\r\n\r\n anime({\r\n targets:'.mica-project-modal .modal-content',\r\n opacity:[0, 1],\r\n duration:420,\r\n easing:'easeOutQuad'\r\n });\r\n\r\n anime({\r\n targets:'.mica-project-modal__copy > *',\r\n opacity:[0, 1],\r\n translateY:[24, 0],\r\n delay:anime.stagger(70, { start:120 }),\r\n duration:780,\r\n easing:'cubicBezier(.22,1,.36,1)'\r\n });\r\n\r\n anime({\r\n targets:'.mica-project-modal__gallery img',\r\n opacity:[0, 1],\r\n translateY:[34, 0],\r\n scale:[1.025, 1],\r\n delay:anime.stagger(90, { start:180 }),\r\n duration:920,\r\n easing:'cubicBezier(.22,1,.36,1)'\r\n });\r\n }\r\n\r\n function openModal(){\r\n modalElement.classList.add('is-open');\r\n modalElement.removeAttribute('aria-hidden');\r\n document.body.classList.add('mica-project-modal-open');\r\n animateModalIn();\r\n }\r\n\r\n function closeModal(){\r\n if(window.anime){\r\n anime.remove('.mica-project-modal .modal-content');\r\n anime({\r\n targets:'.mica-project-modal .modal-content',\r\n opacity:[1, 0],\r\n translateY:[0, 10],\r\n duration:260,\r\n easing:'easeOutQuad',\r\n complete:() => {\r\n modalElement.classList.remove('is-open');\r\n modalElement.setAttribute('aria-hidden', 'true');\r\n document.body.classList.remove('mica-project-modal-open');\r\n anime.set('.mica-project-modal .modal-content', { opacity:1, translateY:0 });\r\n }\r\n });\r\n return;\r\n }\r\n\r\n modalElement.classList.remove('is-open');\r\n modalElement.setAttribute('aria-hidden', 'true');\r\n document.body.classList.remove('mica-project-modal-open');\r\n }\r\n\r\n projectCards.forEach(card => {\r\n const openProject = () => {\r\n const index = Number(card.dataset.projectIndex);\r\n const project = projects[index];\r\n if(!project) return;\r\n\r\n renderProject(project);\r\n\r\n openModal();\r\n };\r\n\r\n card.addEventListener('click', openProject);\r\n card.addEventListener('keydown', event => {\r\n if(event.key === 'Enter' || event.key === ' '){\r\n event.preventDefault();\r\n openProject();\r\n }\r\n });\r\n });\r\n\r\n if(modalClose){\r\n modalClose.addEventListener('click', closeModal);\r\n }\r\n\r\n modalElement.addEventListener('click', event => {\r\n if(event.target === modalElement){\r\n closeModal();\r\n }\r\n });\r\n\r\n document.addEventListener('keydown', event => {\r\n if(event.key === 'Escape' && modalElement.classList.contains('is-open')){\r\n closeModal();\r\n }\r\n });\r\n});\r\n<\/script>\r\n\r\n\r\n\r\n\r\n\r\n<script>\r\ndocument.addEventListener('error', event => {\r\n const image = event.target;\r\n if(!(image instanceof HTMLImageElement)) return;\r\n if(!image.closest('.mica-card, .mica-project-modal__gallery')) return;\r\n\r\n const fallback = 'https:\/\/static.wixstatic.com\/media\/d5f99a33f0044179af43cb9685308ce1.jpg\/v1\/fill\/w_866,h_656,al_c,q_85,usm_0.66_1.00_0.01,enc_avif,quality_auto\/d5f99a33f0044179af43cb9685308ce1.jpg';\r\n\r\n if(image.dataset.fallbackApplied === 'true'){\r\n image.style.visibility = 'hidden';\r\n return;\r\n }\r\n\r\n image.dataset.fallbackApplied = 'true';\r\n image.src = fallback;\r\n}, true);\r\n<\/script>\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n<script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/gsap\/3.12.5\/ScrollTrigger.min.js\"><\/script>\r\n\r\n\r\n\r\n\r\n\r\n\r\n\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 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 telefono = contactSection.querySelector('#telefono').value.trim();\r\n const mensaje = contactSection.querySelector('#mensaje').value.trim();\r\n\r\n if(!nombre || !email || !mensaje){\r\n alert('Por favor completá los campos obligatorios.');\r\n return;\r\n }\r\n\r\n const contactoEmail = 'info@misitio.com';\r\n const texto =\r\n`Hola Elestudio, quisiera consultar por un proyecto.\r\n\r\nNombre: ${nombre}\r\nEmail: ${email}\r\nTeléfono: ${telefono || 'No indicado'}\r\n\r\nMensaje:\r\n${mensaje}\r\n\r\nEnviado desde el formulario web.`;\r\n\r\n const url = `mailto:${contactoEmail}?subject=${encodeURIComponent('Consulta desde la web')}&body=${encodeURIComponent(texto)}`;\r\n\r\n window.location.href = url;\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\r\n\r\n\r\n\r\n\r\n\r\n<script>\r\n(() => {\r\n\r\n function initContactAppear(){\r\n if(!window.gsap || !window.ScrollTrigger) return;\r\n\r\n const contactSection = document.querySelector('.mica-contact-combined');\r\n if(!contactSection || contactSection.dataset.contactAppearReady === 'true') return;\r\n\r\n contactSection.dataset.contactAppearReady = 'true';\r\n gsap.registerPlugin(ScrollTrigger);\r\n\r\n const contactItems = [\r\n contactSection.querySelector('.contact-simple h2'),\r\n ...contactSection.querySelectorAll('.contact-simple__field'),\r\n contactSection.querySelector('.contact-simple__footer')\r\n ].filter(Boolean);\r\n\r\n gsap.set(contactItems, {\r\n opacity:0,\r\n y:42,\r\n filter:'blur(10px)'\r\n });\r\n\r\n gsap.timeline({\r\n scrollTrigger:{\r\n trigger:contactSection,\r\n start:'top 68%',\r\n once:true\r\n }\r\n }).to(contactItems, {\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 }\r\n\r\n if(document.readyState === 'loading'){\r\n document.addEventListener('DOMContentLoaded', () => {\r\n setTimeout(initContactAppear, 250);\r\n });\r\n }else{\r\n setTimeout(initContactAppear, 250);\r\n }\r\n\r\n})();\r\n<\/script>\r\n\r\n\r\n\r\n\r\n\r\n <a\r\n href=\"https:\/\/wa.me\/5491164827391?text=Hola%20Elestudio%2C%20quiero%20hacer%20una%20consulta%20desde%20la%20web.\"\r\n class=\"floating-whatsapp\"\r\n id=\"floatingWhatsapp\"\r\n rel=\"noopener\"\r\n target=\"_blank\"\r\n aria-label=\"Contactar a Elestudio por WhatsApp\"\r\n >\r\n <i class=\"fa-brands fa-whatsapp\" aria-hidden=\"true\"><\/i>\r\n <span class=\"floating-whatsapp__label\">Contacto<\/span>\r\n <span class=\"floating-whatsapp__dot\"><\/span>\r\n <\/a>\r\n\r\n \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 \r\n \r\n\r\n <script>\r\n document.addEventListener('DOMContentLoaded', () => {\r\n\r\n const navbar = document.getElementById('mainNav');\r\n if(!navbar) return;\r\n\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(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 });\r\n <\/script>\r\n\r\n \r\n \r\n \r\n\r\n \r\n \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 \r\n \r\n\r\n \r\n \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, 2600);\r\n }else{\r\n window.addEventListener('load', () => {\r\n window.setTimeout(hideLoader, 2600);\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 \r\n \r\n\r\n<\/body>\r\n\r\n\r\n\r\n\r\n\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>Elestudio – Dise\u00f1o y comunicaci\u00f3n • ELESTUDIO • DISEÑO Y COMUNICACIÓN • ELESTUDIO • Cargando elestudio proyectos. acerca de. contacto. proyectos. Proyecto Proyecto acerca de. Somos un estudio creativo especializado en diseño, concepto y estrategia. Creemos en la transformación auténtica: impulsamos marcas desde su esencia para potenciar aquello que las hace únicas. Nos mueven las […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-57","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/elestudio.osidentity.com\/index.php?rest_route=\/wp\/v2\/pages\/57","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/elestudio.osidentity.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/elestudio.osidentity.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/elestudio.osidentity.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/elestudio.osidentity.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=57"}],"version-history":[{"count":5,"href":"https:\/\/elestudio.osidentity.com\/index.php?rest_route=\/wp\/v2\/pages\/57\/revisions"}],"predecessor-version":[{"id":67,"href":"https:\/\/elestudio.osidentity.com\/index.php?rest_route=\/wp\/v2\/pages\/57\/revisions\/67"}],"wp:attachment":[{"href":"https:\/\/elestudio.osidentity.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=57"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

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

\n\t\t\t\t

\n\t\t\t\t\t\r\n\r\n\r\n\r\n \r\n \r\n \r\n \r\n\r\n Elestudio - Dise\u00f1o y comunicaci\u00f3n<\/title>\r\n\r\n \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 \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 \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 \r\n <style>\r\n\r\n \/* FIX GLOBAL ELEMENTOR FULL WIDTH *\/\r\nhtml,\r\nbody {\r\n width: 100%;\r\n max-width: 100%;\r\n margin: 0 !important;\r\n padding: 0 !important;\r\n overflow-x: hidden !important;\r\n}\r\n\r\n.elementor-page-57 #site-header {\r\n display: none !important;\r\n}\r\n\r\n.elementor-page-57 .elementor,\r\n.elementor-page-57 .elementor-57,\r\n.elementor-page-57 .elementor-element-edca361,\r\n.elementor-page-57 .elementor-element-7957d88,\r\n.elementor-page-57 .elementor-widget-html,\r\n.elementor-page-57 .elementor-widget-container {\r\n width: 100% !important;\r\n max-width: 100% !important;\r\n margin: 0 !important;\r\n padding: 0 !important;\r\n}\r\n\r\n.elementor-page-57 .elementor-element-edca361.e-con {\r\n --width: 100% !important;\r\n --content-width: 100% !important;\r\n --container-max-width: 100% !important;\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 --gap: 0px !important;\r\n gap: 0 !important;\r\n}\r\n\r\n <\/style>\r\n\r\n\r\n\r\n<style>\r\n:root{\r\n --mica-azul-claro:#d7dde0;\r\n --mica-gris-claro:#eef0ee;\r\n --mica-dorado:#c7a06c;\r\n --mica-hueso:#f7f3ec;\r\n --mica-oscuro:#121417;\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:170px;\r\n max-width:42vw;\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\r\n\r\n\r\n\r\n\r\n<style>\r\n:root{\r\n --azul-claro:#d7dde0;\r\n --gris-claro:#eef0ee;\r\n --beige-dorado:#c7a06c;\r\n --hueso:#f7f3ec;\r\n --gris-azulado-oscuro:#121417;\r\n\r\n --mica-texto:#121417;\r\n --mica-luz:#f7f3ec;\r\n --mica-dorado:#c7a06c;\r\n --mica-glass:rgba(247,243,236,.22);\r\n --mica-glass-border:rgba(247,243,236,.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 height:100vh;\r\n min-height:100svh;\r\n overflow:hidden;\r\n}\r\n\r\n.camila-hero-layer{\r\n position:absolute;\r\n inset:0;\r\n width:100%;\r\n height:100%;\r\n overflow:hidden;\r\n background:var(--hueso);\r\n}\r\n\r\n\/* BACKGROUNDS *\/\r\n\r\n.camila-hero-bg{\r\n position:absolute;\r\n inset:0;\r\n background-size:cover;\r\n background-position:center center;\r\n will-change:opacity, transform;\r\n}\r\n\r\n.camila-bg-1{\r\n background-image:url('https:\/\/elestudio.osidentity.com\/wp-content\/uploads\/2026\/05\/hero.jpg');\r\n z-index:1;\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:4;\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\/* CONTENT *\/\r\n\r\n.camila-hero-content{\r\n position:absolute;\r\n inset:0;\r\n z-index:10;\r\n display:flex;\r\n align-items:end;\r\n justify-content:start;\r\n padding:5vw;\r\n text-align:start;\r\n will-change:transform, opacity;\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.camila-mini-title{\r\n color:var(--gris-azulado-oscuro);\r\n font-family:'Nunito', sans-serif;\r\n text-transform:uppercase;\r\n letter-spacing:.18em;\r\n font-size:1.07rem;\r\n line-height:1.45;\r\n font-weight:700;\r\n margin-bottom:1.2rem;\r\n opacity:.94;\r\n text-shadow:0 4px 22px rgba(83,96,104,.22);\r\n}\r\n\r\n.camila-reading-text{\r\n display:flex;\r\n flex-direction:column;\r\n gap:.72rem;\r\n color:var(--gris-azulado-oscuro);\r\n font-family:'Cormorant Garamond', serif;\r\n font-weight:400;\r\n margin-top:1rem;\r\n line-height:.94;\r\n font-size:3rem;\r\n letter-spacing:0;\r\n text-shadow:0 8px 32px rgba(83,96,104,.24);\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:.87;\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@media(min-width:1024px) and (max-width:1299px){\r\n .camila-hero-content{\r\n padding:4vw;\r\n }\r\n\r\n .camila-mini-title{\r\n font-size:.96rem;\r\n margin-bottom:.9rem;\r\n }\r\n\r\n .camila-reading-text{\r\n gap:.56rem;\r\n font-size:2.42rem;\r\n line-height:.96;\r\n }\r\n\r\n .camila-line{\r\n font-size:2.42rem;\r\n }\r\n\r\n .pillBlur{\r\n padding:2rem 2.35rem;\r\n }\r\n\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-hero-content{\r\n padding:8vw;\r\n align-items:center;\r\n }\r\n\r\n .camila-reading-text{\r\n font-size:2.12rem;\r\n line-height:.98;\r\n }\r\n\r\n .camila-line{\r\n font-size:2.12rem;\r\n }\r\n\r\n .camila-mini-title{\r\n font-size:.95rem;\r\n letter-spacing:.16em;\r\n }\r\n\r\n .camila-bg-1{\r\n background-position-x:-65%;\r\n }\r\n\r\n .pillBlur{\r\n padding:1.6rem;\r\n }\r\n}\r\n\r\n@media(max-width:480px){\r\n .camila-reading-text{\r\n font-size:2.12rem;\r\n gap:.46rem;\r\n }\r\n\r\n .camila-line{\r\n font-size:2.12rem;\r\n }\r\n\r\n .camila-mini-title{\r\n font-size:1.5rem;\r\n letter-spacing:.13em;\r\n }\r\n}\r\n<\/style>\r\n\r\n\r\n\r\n\r\n\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:#d7dde0;\r\n --mica-gris-claro:#eef0ee;\r\n --mica-dorado:#c7a06c;\r\n --mica-hueso:#f7f3ec;\r\n --mica-oscuro:#121417;\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 max-width:760px;\r\n margin:0 auto 44px;\r\n text-align:center;\r\n color:var(--mica-oscuro);\r\n}\r\n\r\n.mica-section-head span{\r\n display:inline-block;\r\n margin-bottom:14px;\r\n font-family:'Nunito', sans-serif;\r\n font-size:.82rem;\r\n letter-spacing:.18em;\r\n text-transform:uppercase;\r\n color:var(--mica-dorado);\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(2.8rem, 6vw, 5.8rem);\r\n font-weight:500;\r\n line-height:.9;\r\n letter-spacing:-.04em;\r\n color:var(--mica-oscuro);\r\n}\r\n\r\n.mica-section-head p{\r\n max-width:590px;\r\n margin:24px auto 0;\r\n font-family:'Nunito', sans-serif;\r\n font-size:1.05rem;\r\n line-height:1.75;\r\n color:rgba(83,96,104,.82);\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:25%;\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 box-shadow:0 24px 70px rgba(83,96,104,.12);\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(to top, rgba(83,96,104,.78) 0%, rgba(83,96,104,.28) 48%, rgba(246,240,226,.18) 100%),\r\n radial-gradient(circle at 50% 25%, rgba(246,240,226,.55), transparent 34%);\r\n z-index:2;\r\n pointer-events:none;\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:34px;\r\n box-sizing:border-box;\r\n pointer-events:none;\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:-.04em;\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-content p{\r\n margin:0;\r\n max-width:360px;\r\n color:rgba(246,240,226,.92);\r\n font-family:'Nunito', sans-serif;\r\n font-size:1.4rem;\r\n line-height:1.7;\r\n opacity:.86;\r\n transform:translateY(12px);\r\n will-change:transform, opacity;\r\n}\r\n\r\n.mica-card-content span{\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@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 width:100%;\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 \/ .82;\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,.86) 0%, rgba(83,96,104,.52) 48%, rgba(246,240,226,.16) 100%),\r\n radial-gradient(circle at 50% 20%, rgba(246,240,226,.42), transparent 38%);\r\n }\r\n\r\n .mica-card-content{\r\n justify-content:flex-end;\r\n gap:18px;\r\n padding:24px;\r\n }\r\n\r\n .mica-card-content h3{\r\n font-size:clamp(2.2rem, 12vw, 3.15rem);\r\n line-height:.92;\r\n max-width:92%;\r\n }\r\n\r\n .mica-card-content p{\r\n max-width:92%;\r\n font-size:1rem;\r\n line-height:1.55;\r\n opacity:.94;\r\n transform:none;\r\n }\r\n\r\n .mica-card-content span{\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<\/style>\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n<style>\r\n.projects-parallax-image{\r\n position:relative;\r\n width:100vw;\r\n height:70vh;\r\n min-height:420px;\r\n margin:0;\r\n overflow:hidden;\r\n background-image:url('https:\/\/static.wixstatic.com\/media\/d5f99a33f0044179af43cb9685308ce1.jpg\/v1\/fill\/w_866,h_656,al_c,q_85,usm_0.66_1.00_0.01,enc_avif,quality_auto\/d5f99a33f0044179af43cb9685308ce1.jpg');\r\n background-size:cover;\r\n background-position:center;\r\n background-repeat:no-repeat;\r\n background-attachment:fixed;\r\n}\r\n\r\n.projects-parallax-image--second{\r\n background-image:url('https:\/\/static.wixstatic.com\/media\/6083e67e999345c5aa1aafc7db76022b.jpg\/v1\/fill\/w_866,h_600,al_c,q_85,usm_0.66_1.00_0.01,enc_avif,quality_auto\/6083e67e999345c5aa1aafc7db76022b.jpg');\r\n}\r\n\r\n@media(max-width:768px){\r\n .projects-parallax-image{\r\n height:70vh;\r\n min-height:360px;\r\n }\r\n}\r\n<\/style>\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n<style>\r\n.philosophy-section{\r\n position:relative;\r\n height:260vh;\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:100vh;\r\n width:100%;\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 font-family:'Cormorant Garamond', serif;\r\n font-weight:500;\r\n font-size:clamp(2.4rem,4vw,4rem);\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__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\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n<style>\r\n.mica-contact-combined{\r\n --mica-bg:#fff;\r\n --mica-card:#ffffff;\r\n --mica-text:#121417;\r\n --mica-soft:#000;\r\n --mica-gold:#000;\r\n --mica-gray:#000;\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:#fff;\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:#fff;\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:none;\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:none;\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.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:#fff;\r\n border:1px solid rgba(0,0,0,.18);\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:#fff;\r\n border:1px solid #000;\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:#fff;\r\n color:#000;\r\n border:1px solid #000;\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 cursor:pointer;\r\n transition:\r\n transform .35s ease,\r\n background .35s ease,\r\n 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.mica-contact-form .btn-hero:hover{\r\n background:#000;\r\n color:#fff;\r\n transform:translateY(-3px);\r\n box-shadow:0 10px 20px rgba(0,0,0,.12);\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:#fff;\r\n border-radius:28px;\r\n box-shadow:0 24px 70px rgba(0,0,0,.08);\r\n border:1px solid rgba(0,0,0,.18);\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(0,0,0,.28);\r\n background:#fff;\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:#000;\r\n box-shadow:0 0 0 3px rgba(0,0,0,.10);\r\n}\r\n\r\n.mica-contact-form ::placeholder{\r\n color:rgba(0,0,0,.48);\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 border:1px solid #000;\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\r\n\r\n\r\n\r\n\r\n\r\n\r\n<style>\r\n.credit-bar{\r\n width:100%;\r\n padding:12px 18px;\r\n background:#fff;\r\n color:#000;\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:#000;\r\n text-decoration:underline;\r\n text-underline-offset:3px;\r\n transition:color .25s ease, background .25s ease;\r\n}\r\n\r\n.credit-bar a:hover{\r\n background:#000;\r\n color:#fff;\r\n}\r\n<\/style>\r\n\r\n\r\n\r\n\r\n\r\n\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:#000;\r\n background:#fff;\r\n border:1px solid #000;\r\n box-shadow:0 18px 42px rgba(0,0,0,.12);\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:#fff;\r\n background:#000;\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<\/style>\r\n\r\n\r\n\r\n\r\n\r\n\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:138px;\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-hero-content{\r\n padding: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 .offset{\r\n transform:translateY(-18vh);\r\n }\r\n\r\n .camila-mini-title{\r\n font-size:.95rem;\r\n line-height:1.45;\r\n letter-spacing:.18em;\r\n margin-bottom:.75rem;\r\n }\r\n\r\n .camila-reading-text{\r\n gap:.46rem;\r\n font-size:2.12rem;\r\n line-height:.98;\r\n letter-spacing:0;\r\n }\r\n\r\n .camila-line{\r\n font-size:2.12rem;\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 .mica-magnetic-section{\r\n padding:58px 18px 40px;\r\n }\r\n\r\n .mica-section-head{\r\n margin-bottom:30px;\r\n }\r\n\r\n .mica-section-head h2{\r\n font-size:clamp(2.55rem,12vw,3.8rem);\r\n line-height:.96;\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: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 \/ .82;\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(2.2rem,12vw,3.15rem);\r\n line-height:.92;\r\n }\r\n\r\n .mica-card-content p{\r\n font-size:1rem;\r\n line-height:1.55;\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 .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}\r\n\r\n@media(max-width:420px){\r\n .camila-hero-content{\r\n padding-left:18px;\r\n padding-right:18px;\r\n }\r\n\r\n .camila-reading-text{\r\n font-size:2.12rem;\r\n line-height:1;\r\n gap:.42rem;\r\n }\r\n\r\n .camila-line{\r\n font-size:2.12rem;\r\n }\r\n\r\n .camila-mini-title{\r\n font-size:1.2rem;\r\n letter-spacing:.12em;\r\n }\r\n\r\n .mica-card{\r\n aspect-ratio:1 \/ .9;\r\n }\r\n\r\n}\r\n<\/style>\r\n\r\n\r\n\r\n\r\n\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:#000;\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:#fff;\r\n display:flex;\r\n align-items:center;\r\n justify-content:center;\r\n overflow:hidden;\r\n border:1px solid rgba(255,255,255,.32);\r\n backdrop-filter:blur(4px);\r\n -webkit-backdrop-filter:blur(4px);\r\n box-shadow:0 24px 70px rgba(255,255,255,.12);\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(0,0,0,.08) 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 img{\r\n width:128px;\r\n max-width:none;\r\n height:auto;\r\n filter:grayscale(1) contrast(1.25) drop-shadow(0 10px 24px rgba(0,0,0,.18));\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:\"georgia-pro\", \"Georgia Pro\", Georgia, serif;\r\n font-size:12px;\r\n letter-spacing:5px;\r\n fill:#000;\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:\"georgia-pro\", \"Georgia Pro\", Georgia, 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\r\n\r\n\r\n\r\n\r\n<style>\r\n:root{\r\n --font-primary:\"georgia-pro\", \"Georgia Pro\", Georgia, serif;\r\n --font-secondary:\"georgia-pro\", \"Georgia Pro\", Georgia, serif;\r\n --font-feature:\"georgia-pro\", \"Georgia Pro\", Georgia, serif;\r\n --font-content:\"georgia-pro\", \"Georgia Pro\", Georgia, serif;\r\n}\r\n\r\nbody{\r\n font-family:var(--font-content);\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.mica-contact-info h3,\r\n.mica-contact-form h2{\r\n font-family:var(--font-primary)!important;\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.eyebrow,\r\n.mica-whatsapp-btn,\r\n.mica-contact-form .btn-hero,\r\n.floating-whatsapp,\r\n.philosophy-section__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.mica-section-head p,\r\n.mica-card-content p{\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.eyebrow{\r\n font-weight:300;\r\n}\r\n<\/style>\r\n\r\n\r\n\r\n<style>\r\n\/* ========================= *\/\r\n\/* GEORGIA PRO MOCK OVERRIDES *\/\r\n\/* ========================= *\/\r\nhtml,\r\nbody{\r\n background:#fff!important;\r\n font-family:\"georgia-pro\", \"Georgia Pro\", Georgia, serif!important;\r\n}\r\n\r\nbody,\r\na,\r\np,\r\nli,\r\nlabel,\r\ninput,\r\ntextarea,\r\nselect,\r\nbutton,\r\nh1,\r\nh2,\r\nh3,\r\nh4,\r\nh5,\r\nh6,\r\nspan{\r\n font-family:\"georgia-pro\", \"Georgia Pro\", Georgia, serif!important;\r\n letter-spacing:0;\r\n}\r\n\r\n#mainNav{\r\n background:transparent!important;\r\n border:0!important;\r\n box-shadow:none!important;\r\n backdrop-filter:none!important;\r\n -webkit-backdrop-filter:none!important;\r\n transition:\r\n background-color .35s ease,\r\n backdrop-filter .35s ease,\r\n -webkit-backdrop-filter .35s ease,\r\n border-color .35s ease,\r\n box-shadow .35s ease;\r\n}\r\n\r\n#mainNav.scrolled{\r\n background:rgba(255,255,255,.72)!important;\r\n border-bottom:1px solid rgba(0,0,0,.08)!important;\r\n box-shadow:0 12px 34px rgba(0,0,0,.06)!important;\r\n backdrop-filter:blur(18px) saturate(145%)!important;\r\n -webkit-backdrop-filter:blur(18px) saturate(145%)!important;\r\n}\r\n\r\n#mainNav::before{ display:none; }\r\n\r\n#mainNav .container-fluid{\r\n min-height:172px;\r\n padding:27px 24px 0;\r\n display:flex;\r\n flex-direction:column;\r\n justify-content:flex-start;\r\n align-items:center;\r\n transition:\r\n min-height .9s cubic-bezier(.22,1,.36,1),\r\n padding .9s cubic-bezier(.22,1,.36,1),\r\n justify-content .9s cubic-bezier(.22,1,.36,1);\r\n}\r\n\r\n#mainNav.hero-ended .container-fluid{\r\n min-height:72px;\r\n padding:.85rem clamp(28px,5vw,82px)!important;\r\n flex-direction:row;\r\n justify-content:space-between;\r\n align-items:center;\r\n}\r\n\r\n#mainNav .navbar-brand{\r\n margin:0 0 19px!important;\r\n padding:0;\r\n color:#000!important;\r\n font-size:54px;\r\n font-weight:700;\r\n line-height:1;\r\n text-transform:none;\r\n text-decoration:none;\r\n letter-spacing:0;\r\n text-shadow:none;\r\n}\r\n\r\n#mainNav.hero-ended .navbar-brand{\r\n margin:0!important;\r\n font-size:clamp(36px,3.2vw,46px);\r\n line-height:.92;\r\n}\r\n\r\n#mainNav .navbar-collapse{\r\n width:auto;\r\n flex-basis:auto;\r\n flex-grow:0;\r\n}\r\n\r\n#mainNav.hero-ended .navbar-collapse{\r\n margin-left:auto;\r\n display:flex!important;\r\n justify-content:flex-end;\r\n align-items:center;\r\n}\r\n\r\n#mainNav .navbar-nav{\r\n gap:107px;\r\n align-items:center;\r\n}\r\n\r\n#mainNav.hero-ended .navbar-nav{\r\n gap:clamp(42px,6vw,96px);\r\n}\r\n\r\n#mainNav.hero-ended .nav-link{\r\n font-size:19px;\r\n line-height:1.1;\r\n}\r\n\r\n#mainNav .navbar-nav .nav-item{ margin:0; }\r\n\r\n#mainNav .nav-link,\r\n#mainNav.scrolled .nav-link{\r\n padding:0!important;\r\n color:#000!important;\r\n font-size:20px;\r\n font-weight:400!important;\r\n line-height:1;\r\n white-space:nowrap;\r\n text-transform:none;\r\n letter-spacing:0;\r\n text-shadow:none!important;\r\n}\r\n\r\n#mainNav .nav-link::after{ display:none; }\r\n\r\n.logo,\r\n.logo-light,\r\n.logo-dark{ display:none!important; }\r\n\r\n.mica-magnetic-section{\r\n width:100%;\r\n padding:106px 74px 96px!important;\r\n background:#fff!important;\r\n overflow:visible;\r\n}\r\n\r\n.mica-section-head{\r\n max-width:none;\r\n margin:0 auto 106px!important;\r\n text-align:center;\r\n}\r\n\r\n.mica-section-head span,\r\n.mica-section-head p{ display:none!important; }\r\n\r\n.mica-section-head h2{\r\n margin:0;\r\n color:#000!important;\r\n font-family:\"georgia-pro\", \"Georgia Pro\", Georgia, serif!important;\r\n font-size:110px!important;\r\n font-weight:400!important;\r\n line-height:106px;\r\n letter-spacing:0!important;\r\n}\r\n\r\n.mica-magnetic-grid{\r\n width:100%;\r\n height:auto!important;\r\n min-height:0!important;\r\n padding:0!important;\r\n display:grid!important;\r\n grid-template-columns:repeat(3, minmax(0, 1fr));\r\n gap:32px 34px;\r\n align-items:start;\r\n}\r\n\r\n.mica-card{\r\n position:relative;\r\n width:100%!important;\r\n height:auto!important;\r\n min-height:0!important;\r\n aspect-ratio:535 \/ 350;\r\n border-radius:0!important;\r\n box-shadow:none!important;\r\n cursor:pointer;\r\n overflow:hidden;\r\n background:#eee;\r\n will-change:transform, filter;\r\n}\r\n\r\n.mica-card img{\r\n display:block;\r\n width:100%;\r\n height:100%;\r\n object-fit:cover;\r\n transform:scale(1.02);\r\n will-change:transform, filter;\r\n}\r\n\r\n.mica-card::after{\r\n content:\"\";\r\n position:absolute;\r\n inset:0;\r\n border:1px solid rgba(0,0,0,0);\r\n pointer-events:none;\r\n transition:border-color .35s ease;\r\n}\r\n\r\n.mica-card:hover::after{\r\n border-color:rgba(0,0,0,.18);\r\n}\r\n\r\n.mica-card-bg,\r\n.mica-card-overlay,\r\n.mica-card-content{ display:none!important; }\r\n\r\n.mica-magnetic-grid .mica-card{\r\n contain:layout paint!important;\r\n transform:none!important;\r\n filter:none!important;\r\n opacity:1!important;\r\n will-change:auto!important;\r\n}\r\n\r\n.mica-magnetic-grid .mica-card img{\r\n position:absolute!important;\r\n inset:0!important;\r\n display:block!important;\r\n width:100%!important;\r\n height:100%!important;\r\n max-width:none!important;\r\n object-fit:cover!important;\r\n object-position:center!important;\r\n transform:none!important;\r\n filter:none!important;\r\n opacity:1!important;\r\n background:#eee!important;\r\n will-change:auto!important;\r\n}\r\n\r\n.mica-magnetic-grid .mica-card img[src=\"\"],\r\n.mica-magnetic-grid .mica-card img:not([src]){\r\n visibility:hidden!important;\r\n}\r\n\r\n.mica-project-modal{\r\n --project-black:#000;\r\n --project-white:#fff;\r\n display:none;\r\n opacity:0;\r\n background:#fff;\r\n overflow:hidden;\r\n}\r\n\r\n.mica-project-modal.is-open{\r\n display:block;\r\n opacity:1;\r\n}\r\n\r\nbody.mica-project-modal-open{\r\n overflow:hidden;\r\n}\r\n\r\n.mica-project-modal .modal-dialog{\r\n margin:0;\r\n}\r\n\r\n.mica-project-modal .modal-content{\r\n min-height:100svh;\r\n max-height:100svh;\r\n border:0;\r\n border-radius:0;\r\n background:#fff;\r\n color:#000;\r\n overflow-y:auto;\r\n}\r\n\r\n.mica-project-modal__close{\r\n position:fixed;\r\n top:clamp(34px,4.5vw,58px);\r\n right:clamp(18px,3vw,34px);\r\n z-index:10;\r\n width:46px;\r\n height:46px;\r\n display:grid;\r\n place-items:center;\r\n border:1px solid #000;\r\n border-radius:50%;\r\n background:#fff;\r\n color:#000;\r\n font-size:1.2rem;\r\n transition:background .35s ease, color .35s ease, transform .35s ease;\r\n}\r\n\r\n.mica-project-modal__close:hover{\r\n background:#000!important;\r\n color:#fff;\r\n transform:translateY(-2px);\r\n}\r\n\r\n.mica-project-modal__grid{\r\n min-height:100svh;\r\n display:grid;\r\n grid-template-columns:minmax(320px,.82fr) minmax(0,1.18fr);\r\n gap:clamp(28px,5vw,78px);\r\n padding:clamp(78px,8vw,122px) clamp(24px,6vw,92px);\r\n}\r\n\r\n.mica-project-modal__copy{\r\n align-self:center;\r\n max-width:620px;\r\n}\r\n\r\n.mica-project-modal__eyebrow{\r\n display:block;\r\n margin-bottom:24px;\r\n color:#000;\r\n font-size:.78rem;\r\n font-weight:700;\r\n letter-spacing:.22em;\r\n text-transform:uppercase;\r\n}\r\n\r\n.mica-project-modal h2{\r\n margin:0;\r\n color:#000;\r\n font-family:\"Cormorant Garamond\", serif;\r\n font-size:clamp(3.8rem,8vw,8.5rem);\r\n font-weight:400;\r\n line-height:.86;\r\n letter-spacing:-.045em;\r\n}\r\n\r\n.mica-project-modal p{\r\n margin:clamp(24px,4vw,42px) 0 0;\r\n color:#000;\r\n font-size:clamp(1.02rem,1.25vw,1.24rem);\r\n font-weight:300;\r\n line-height:1.72;\r\n}\r\n\r\n.mica-project-modal__meta{\r\n display:grid;\r\n grid-template-columns:repeat(2,minmax(0,1fr));\r\n gap:14px;\r\n margin:clamp(26px,4vw,44px) 0 0;\r\n}\r\n\r\n.mica-project-modal__meta div{\r\n border:1px solid rgba(0,0,0,.16);\r\n padding:14px 16px;\r\n}\r\n\r\n.mica-project-modal__meta dt{\r\n margin:0 0 6px;\r\n color:#000;\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.mica-project-modal__meta dd{\r\n margin:0;\r\n color:#000;\r\n font-size:.98rem;\r\n line-height:1.35;\r\n}\r\n\r\n.mica-project-modal__gallery{\r\n display:grid;\r\n grid-template-columns:1fr 1fr;\r\n gap:18px;\r\n align-content:center;\r\n}\r\n\r\n.mica-project-modal__gallery img{\r\n width:100%;\r\n height:100%;\r\n min-height:clamp(220px,28vw,420px);\r\n object-fit:cover;\r\n filter:grayscale(1) contrast(1.04);\r\n}\r\n\r\n.mica-project-modal__gallery img:first-child{\r\n grid-column:1 \/ -1;\r\n min-height:clamp(320px,42vw,560px);\r\n}\r\n\r\n@media(max-width:991px){\r\n .mica-project-modal__grid{\r\n grid-template-columns:1fr;\r\n padding:86px 22px 34px;\r\n }\r\n\r\n .mica-project-modal__copy{\r\n max-width:none;\r\n }\r\n\r\n .mica-project-modal__gallery{\r\n grid-template-columns:1fr;\r\n }\r\n\r\n .mica-project-modal__meta{\r\n grid-template-columns:1fr;\r\n }\r\n}\r\n\r\n.philosophy-section{\r\n height:auto!important;\r\n min-height:0!important;\r\n margin-top:106px;\r\n background:#fff!important;\r\n}\r\n\r\n.philosophy-section__inner{\r\n height:auto!important;\r\n min-height:0!important;\r\n padding:58px 24px 88px!important;\r\n justify-content:center!important;\r\n overflow:visible!important;\r\n}\r\n\r\n.philosophy-section__mini-top,\r\n.philosophy-section__button{\r\n display:none!important;\r\n}\r\n\r\n.philosophy-section__mock-title{\r\n margin:0;\r\n color:#000;\r\n font-family:\"georgia-pro\", \"Georgia Pro\", Georgia, serif!important;\r\n font-size:clamp(76px,7.4vw,98px)!important;\r\n font-weight:300!important;\r\n line-height:.92!important;\r\n letter-spacing:0!important;\r\n text-align:center;\r\n}\r\n\r\n.philosophy-section__reading-text{\r\n display:block;\r\n width:min(940px, 100%)!important;\r\n margin:50px auto 0!important;\r\n color:#000!important;\r\n font-family:\"Cormorant Garamond\", \"georgia-pro\", \"Georgia Pro\", Georgia, serif!important;\r\n font-size:24px!important;\r\n font-weight:300!important;\r\n line-height:1.12!important;\r\n letter-spacing:0!important;\r\n text-align:left!important;\r\n}\r\n\r\n.philosophy-section__reading-text p{\r\n margin:0 0 24px!important;\r\n color:#000!important;\r\n font-family:\"Cormorant Garamond\", \"georgia-pro\", \"Georgia Pro\", Georgia, serif!important;\r\n font-size:24px!important;\r\n font-weight:300!important;\r\n line-height:1.12!important;\r\n letter-spacing:0!important;\r\n opacity:1!important;\r\n filter:none!important;\r\n transform:none!important;\r\n}\r\n\r\n.philosophy-section__reading-text p:last-child{\r\n margin-bottom:0!important;\r\n}\r\n\r\n.philosophy-section__services{\r\n color:rgba(0,0,0,.58)!important;\r\n font-family:\"georgia-pro\", \"Georgia Pro\", Georgia, serif!important;\r\n font-size:18px!important;\r\n font-weight:500!important;\r\n line-height:1.45!important;\r\n letter-spacing:.075em!important;\r\n text-transform:uppercase;\r\n}\r\n\r\n.mica-contact-info h3,\r\n.mica-contact-form h2{\r\n font-weight:400!important;\r\n}\r\n\r\n.mica-contact-info p,\r\n.mica-contact-form p{\r\n font-weight:300!important;\r\n}\r\n\r\n.mica-contact-combined{\r\n background:#fff!important;\r\n color:#000!important;\r\n}\r\n\r\n.mica-contact-combined .mica-contact-bg,\r\n.mica-contact-combined::before,\r\n.mica-contact-combined::after{\r\n background:#fff!important;\r\n}\r\n\r\n.mica-contact-combined h3,\r\n.mica-contact-combined h2,\r\n.mica-contact-combined p,\r\n.mica-contact-combined li,\r\n.mica-contact-combined strong,\r\n.mica-contact-combined span,\r\n.mica-contact-combined em,\r\n.mica-contact-combined label,\r\n.mica-contact-combined input,\r\n.mica-contact-combined textarea,\r\n.mica-contact-combined select{\r\n color:#000!important;\r\n}\r\n\r\n.mica-contact-combined .mica-contact-info li,\r\n.mica-contact-combined .mica-contact-form,\r\n.mica-contact-combined input,\r\n.mica-contact-combined textarea,\r\n.mica-contact-combined select{\r\n background:#fff!important;\r\n border-color:rgba(0,0,0,.28)!important;\r\n}\r\n\r\n.mica-contact-combined .contact-icon,\r\n.mica-contact-combined .mica-whatsapp-btn,\r\n.mica-contact-combined .btn-hero{\r\n background:#fff!important;\r\n border:1px solid #000!important;\r\n color:#000!important;\r\n}\r\n\r\n.mica-contact-combined .mica-whatsapp-btn:hover,\r\n.mica-contact-combined .btn-hero:hover{\r\n background:#000!important;\r\n color:#fff!important;\r\n}\r\n\r\n.philosophy-section__reading-text{\r\n font-weight:300!important;\r\n}\r\n\r\n@media(max-width:1199px){\r\n #mainNav .navbar-nav{ gap:54px; }\r\n #mainNav.hero-ended .navbar-nav{ gap:clamp(32px,5vw,64px); }\r\n #mainNav .nav-link{ font-size:20px; }\r\n #mainNav.hero-ended .nav-link{ font-size:18px; }\r\n .mica-magnetic-section{ padding:clamp(72px,7vw,106px) clamp(24px,5vw,74px) 0!important; }\r\n .mica-section-head{ margin-bottom:clamp(56px,7vw,106px)!important; }\r\n .mica-section-head h2,\r\n .philosophy-section__mock-title{\r\n font-size:clamp(72px,8vw,96px)!important;\r\n line-height:.92!important;\r\n }\r\n .philosophy-section__reading-text,\r\n .philosophy-section__reading-text p{\r\n font-size:clamp(21px,2vw,24px)!important;\r\n font-weight:300!important;\r\n line-height:1.15!important;\r\n }\r\n}\r\n\r\n@media(max-width:991px){\r\n #mainNav .container-fluid{\r\n min-height:auto;\r\n padding:18px 18px 0;\r\n flex-direction:row;\r\n justify-content:space-between;\r\n }\r\n\r\n #mainNav.hero-ended .container-fluid{\r\n min-height:64px;\r\n padding:.7rem 18px!important;\r\n }\r\n\r\n #mainNav .navbar-brand{\r\n margin:0!important;\r\n font-size:clamp(38px,8vw,54px);\r\n }\r\n\r\n #mainNav.hero-ended .navbar-brand{\r\n font-size:clamp(34px,7vw,44px);\r\n }\r\n\r\n #mainNav .navbar-collapse{\r\n position:absolute;\r\n top:64px;\r\n left:18px;\r\n right:18px;\r\n width:auto;\r\n padding:20px 24px;\r\n background:rgba(255,255,255,.94)!important;\r\n border-radius:0!important;\r\n border:1px solid rgba(0,0,0,.08);\r\n box-shadow:0 18px 45px rgba(0,0,0,.08);\r\n }\r\n\r\n #mainNav .navbar-nav{ gap:18px; }\r\n #mainNav .nav-link{ font-size:20px; }\r\n\r\n .mica-magnetic-section{\r\n padding:82px 24px 0!important;\r\n }\r\n\r\n .mica-magnetic-grid{\r\n width:100%;\r\n height:auto!important;\r\n min-height:0!important;\r\n padding:0!important;\r\n display:grid!important;\r\n grid-template-columns:repeat(2, minmax(0, 1fr));\r\n gap:24px;\r\n }\r\n\r\n .mica-card{\r\n width:100%!important;\r\n height:auto!important;\r\n aspect-ratio:535 \/ 350;\r\n }\r\n}\r\n\r\n@media(max-width:640px){\r\n .mica-section-head h2{\r\n font-size:clamp(52px,17vw,76px)!important;\r\n line-height:clamp(52px,16vw,74px);\r\n }\r\n .mica-section-head{ margin-bottom:42px!important; }\r\n .mica-magnetic-grid{ grid-template-columns:1fr; gap:18px; }\r\n .philosophy-section{ margin-top:72px; }\r\n .philosophy-section__inner{ padding-bottom:96px!important; }\r\n .philosophy-section__mock-title{\r\n font-size:clamp(52px,17vw,76px)!important;\r\n line-height:clamp(52px,16vw,74px);\r\n }\r\n .philosophy-section__reading-text{\r\n margin-top:34px!important;\r\n }\r\n .philosophy-section__reading-text,\r\n .philosophy-section__reading-text p{\r\n font-size:21px!important;\r\n font-weight:300!important;\r\n line-height:1.18!important;\r\n }\r\n .philosophy-section__services{\r\n font-size:14px!important;\r\n font-weight:500!important;\r\n line-height:1.5!important;\r\n }\r\n}\r\n<\/style>\r\n<style>\r\n\/* NAVBAR SIMPLE FINAL - gana sobre estilos anteriores *\/\r\n#mainNav{\r\n position:absolute!important;\r\n top:22px!important;\r\n right:auto!important;\r\n left:0!important;\r\n width:100%!important;\r\n z-index:20!important;\r\n background:transparent!important;\r\n border:0!important;\r\n box-shadow:none!important;\r\n backdrop-filter:none!important;\r\n -webkit-backdrop-filter:none!important;\r\n transform:none!important;\r\n transition:none!important;\r\n}\r\n\r\n#mainNav.scrolled,\r\n#mainNav.hero-ended{\r\n background:transparent!important;\r\n border:0!important;\r\n box-shadow:none!important;\r\n backdrop-filter:none!important;\r\n -webkit-backdrop-filter:none!important;\r\n}\r\n\r\n#mainNav *,\r\n#mainNav *::before,\r\n#mainNav *::after{\r\n transition:none!important;\r\n animation:none!important;\r\n}\r\n\r\n#mainNav::before,\r\n#mainNav .nav-link::after{\r\n content:none!important;\r\n display:none!important;\r\n}\r\n\r\n#mainNav .container-fluid,\r\n#mainNav.hero-ended .container-fluid{\r\n min-height:0!important;\r\n padding:0 24px!important;\r\n display:flex!important;\r\n flex-direction:column!important;\r\n justify-content:flex-start!important;\r\n align-items:center!important;\r\n gap:16px!important;\r\n}\r\n\r\n#mainNav .container-fluid > .col-1{\r\n display:none!important;\r\n}\r\n\r\n#mainNav .navbar-brand,\r\n#mainNav.hero-ended .navbar-brand{\r\n margin:0!important;\r\n color:#000!important;\r\n font-family:'Nunito', sans-serif!important;\r\n font-size:36px!important;\r\n font-weight:800!important;\r\n line-height:1.05!important;\r\n letter-spacing:0!important;\r\n color:#000!important;\r\n text-shadow:none!important;\r\n}\r\n\r\n#mainNav .navbar-collapse,\r\n#mainNav.hero-ended .navbar-collapse{\r\n display:flex!important;\r\n width:auto!important;\r\n margin:0!important;\r\n flex-basis:auto!important;\r\n flex-grow:0!important;\r\n justify-content:center!important;\r\n background:transparent!important;\r\n border:0!important;\r\n box-shadow:none!important;\r\n}\r\n\r\n#mainNav .navbar-nav,\r\n#mainNav.hero-ended .navbar-nav{\r\n margin:0!important;\r\n gap:82px!important;\r\n align-items:center!important;\r\n justify-content:center!important;\r\n}\r\n\r\n#mainNav .nav-link,\r\n#mainNav.scrolled .nav-link,\r\n#mainNav.hero-ended .nav-link,\r\n#mainNav .nav-link:hover,\r\n#mainNav.scrolled .nav-link:hover{\r\n color:#000!important;\r\n padding:0!important;\r\n font-family:Georgia, \"Times New Roman\", serif!important;\r\n font-size:21px!important;\r\n font-weight:600!important;\r\n line-height:1!important;\r\n letter-spacing:0!important;\r\n text-shadow:none!important;\r\n background:transparent!important;\r\n}\r\n\r\n#mainNav .fixed-toggler,\r\n#mainNav.scrolled .fixed-toggler,\r\n#mainNav .fixed-toggler:hover,\r\n#mainNav .fixed-toggler:focus{\r\n display:none!important;\r\n position:relative!important;\r\n top:auto!important;\r\n right:auto!important;\r\n color:#000!important;\r\n background:transparent!important;\r\n border:0!important;\r\n box-shadow:none!important;\r\n backdrop-filter:none!important;\r\n -webkit-backdrop-filter:none!important;\r\n}\r\n\r\n@media(max-width:991px){\r\n #mainNav{\r\n top:18px!important;\r\n }\r\n\r\n #mainNav .container-fluid,\r\n #mainNav.hero-ended .container-fluid{\r\n min-height:0!important;\r\n padding:0 18px!important;\r\n gap:12px!important;\r\n }\r\n\r\n #mainNav .navbar-brand,\r\n #mainNav.hero-ended .navbar-brand{\r\n font-size:clamp(30px,8vw,36px)!important;\r\n }\r\n\r\n #mainNav .navbar-collapse{\r\n position:static!important;\r\n display:flex!important;\r\n width:100%!important;\r\n padding:0!important;\r\n background:transparent!important;\r\n border:0!important;\r\n box-shadow:none!important;\r\n filter:none!important;\r\n transform:none!important;\r\n }\r\n\r\n #mainNav .navbar-nav,\r\n #mainNav.hero-ended .navbar-nav{\r\n gap:22px!important;\r\n flex-direction:row!important;\r\n flex-wrap:wrap!important;\r\n }\r\n\r\n #mainNav .nav-link,\r\n #mainNav.scrolled .nav-link,\r\n #mainNav.hero-ended .nav-link{\r\n font-size:19px!important;\r\n }\r\n}\r\n<\/style>\r\n\r\n<style>\r\n\/* CONTACTO SIMPLE FINAL *\/\r\n.mica-contact-combined{\r\n position:relative!important;\r\n min-height:0!important;\r\n width:100%!important;\r\n overflow:hidden!important;\r\n padding:86px 24px 84px!important;\r\n background:#fff!important;\r\n color:#000!important;\r\n}\r\n\r\n.mica-contact-combined::before,\r\n.mica-contact-combined::after,\r\n.mica-contact-combined .mica-contact-bg{\r\n display:none!important;\r\n content:none!important;\r\n}\r\n\r\n.contact-simple{\r\n width:min(602px, 100%)!important;\r\n margin:0 auto!important;\r\n color:#000!important;\r\n}\r\n\r\n.contact-simple h2{\r\n margin:0 0 46px!important;\r\n color:#000!important;\r\n font-family:Georgia, \"Times New Roman\", serif!important;\r\n font-size:clamp(72px, 7vw, 96px)!important;\r\n font-weight:400!important;\r\n line-height:.9!important;\r\n letter-spacing:0!important;\r\n text-align:center!important;\r\n text-transform:none!important;\r\n}\r\n\r\n.contact-simple__form{\r\n display:block!important;\r\n width:100%!important;\r\n}\r\n\r\n.contact-simple__field{\r\n display:block!important;\r\n margin:0 0 14px!important;\r\n}\r\n\r\n.contact-simple__field label{\r\n display:block!important;\r\n margin:0 0 11px!important;\r\n color:#000!important;\r\n font-family:'Nunito', sans-serif!important;\r\n font-size:18px!important;\r\n font-weight:300!important;\r\n line-height:1!important;\r\n letter-spacing:0!important;\r\n text-transform:none!important;\r\n}\r\n\r\n.contact-simple__field label span{\r\n color:#d32222!important;\r\n font-weight:300!important;\r\n}\r\n\r\n.contact-simple__field input,\r\n.contact-simple__field textarea{\r\n display:block!important;\r\n width:100%!important;\r\n border:1px solid #000!important;\r\n border-radius:0!important;\r\n background:#fff!important;\r\n color:#000!important;\r\n box-shadow:none!important;\r\n outline:none!important;\r\n font-family:'Nunito', sans-serif!important;\r\n font-size:16px!important;\r\n font-weight:300!important;\r\n line-height:1.35!important;\r\n}\r\n\r\n.contact-simple__field input{\r\n height:40px!important;\r\n min-height:40px!important;\r\n padding:5px 10px!important;\r\n}\r\n\r\n.contact-simple__field textarea{\r\n min-height:142px!important;\r\n padding:8px 10px!important;\r\n resize:vertical!important;\r\n}\r\n\r\n.contact-simple__field input:focus,\r\n.contact-simple__field textarea:focus{\r\n border-color:#000!important;\r\n box-shadow:none!important;\r\n}\r\n\r\n.contact-simple__footer{\r\n display:grid!important;\r\n grid-template-columns:1fr auto 160px!important;\r\n align-items:center!important;\r\n gap:28px!important;\r\n margin-top:13px!important;\r\n}\r\n\r\n.contact-simple__footer a{\r\n color:#000!important;\r\n text-decoration:none!important;\r\n font-family:'Nunito', sans-serif!important;\r\n font-size:15px!important;\r\n font-weight:300!important;\r\n line-height:1!important;\r\n}\r\n\r\n.contact-simple__socials{\r\n display:flex!important;\r\n align-items:center!important;\r\n justify-content:center!important;\r\n gap:19px!important;\r\n color:#000!important;\r\n}\r\n\r\n.contact-simple__socials a{\r\n display:inline-flex!important;\r\n align-items:center!important;\r\n justify-content:center!important;\r\n width:18px!important;\r\n height:22px!important;\r\n color:#000!important;\r\n font-size:23px!important;\r\n line-height:1!important;\r\n}\r\n\r\n.contact-simple__footer button{\r\n display:inline-flex!important;\r\n align-items:center!important;\r\n justify-content:center!important;\r\n width:160px!important;\r\n height:40px!important;\r\n border:1px solid #000!important;\r\n border-radius:0!important;\r\n background:#000!important;\r\n color:#fff!important;\r\n box-shadow:none!important;\r\n font-family:'Nunito', sans-serif!important;\r\n font-size:14px!important;\r\n font-weight:400!important;\r\n line-height:1!important;\r\n text-transform:none!important;\r\n letter-spacing:0!important;\r\n}\r\n\r\n@media(max-width:640px){\r\n .mica-contact-combined{\r\n padding:64px 20px 64px!important;\r\n }\r\n\r\n .contact-simple h2{\r\n margin-bottom:34px!important;\r\n font-size:clamp(58px, 18vw, 78px)!important;\r\n }\r\n\r\n .contact-simple__footer{\r\n grid-template-columns:1fr!important;\r\n justify-items:start!important;\r\n gap:18px!important;\r\n }\r\n\r\n .contact-simple__footer button{\r\n width:100%!important;\r\n }\r\n}\r\n<\/style>\r\n<\/head>\r\n\r\n\r\n<body class=\"is-loading \"\r\n style=\"\r\n padding-left:0px!important;\r\n padding-right: 0px !important;\r\n \">\r\n\r\n \r\n \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 <img decoding=\"async\" src=\"https:\/\/elestudio.osidentity.com\/wp-content\/uploads\/2026\/05\/logoelestudio.png\" alt=\"\">\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 • ELESTUDIO • DISEÑO Y COMUNICACIÓN\r\n <\/textPath>\r\n <\/text>\r\n <\/svg>\r\n <\/div>\r\n\r\n <h5 class=\"site-loader__text\">\r\n • ELESTUDIO •<br>\r\n Cargando\r\n <\/h5>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n \r\n \r\n\r\n \r\n \r\n \r\n\r\n \r\n\r\n <nav id=\"mainNav\" class=\"navbar navbar-expand-lg\">\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\">elestudio<\/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=\"#Proyectos\">proyectos.<\/a>\r\n <\/li>\r\n\r\n <li class=\"nav-item\">\r\n <a class=\"nav-link\" href=\"#Estudio\">acerca de.<\/a>\r\n <\/li>\r\n\r\n <li class=\"nav-item\">\r\n <a class=\"nav-link\" href=\"#Contacto\">contacto.<\/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 \r\n \r\n\r\n \r\n \r\n \r\n\r\n <section class=\"camila-hero-300vh\">\r\n\r\n <div class=\"camila-hero-layer\">\r\n\r\n \r\n <div class=\"camila-hero-bg camila-bg-1\"><\/div>\r\n\r\n \r\n <div class=\"camila-overlay\"><\/div>\r\n\r\n <\/div>\r\n\r\n <\/section>\r\n\r\n \r\n \r\n \r\n\r\n \r\n \r\n \r\n\r\n <section class=\"mica-magnetic-section\" id=\"Proyectos\">\r\n\r\n <div class=\"mica-section-head\">\r\n <h2>proyectos.<\/h2>\r\n <\/div>\r\n\r\n <div class=\"mica-magnetic-grid\" aria-label=\"Proyectos destacados\">\r\n\r\n <article class=\"mica-card\" role=\"button\" tabindex=\"0\" data-project-index=\"0\" aria-label=\"Abrir proyecto Aura identidad\">\r\n <img decoding=\"async\" src=\"https:\/\/elestudio.osidentity.com\/wp-content\/uploads\/2026\/05\/aura.jpg\" alt=\"Proyecto de identidad visual\" loading=\"lazy\">\r\n <\/article>\r\n <article class=\"mica-card\" role=\"button\" tabindex=\"0\" data-project-index=\"1\" aria-label=\"Abrir proyecto Aura sistema visual\">\r\n <img decoding=\"async\" src=\"https:\/\/elestudio.osidentity.com\/wp-content\/uploads\/2026\/05\/aura.jpg\" alt=\"Proyecto de identidad visual\" loading=\"lazy\">\r\n <\/article>\r\n <article class=\"mica-card\" role=\"button\" tabindex=\"0\" data-project-index=\"2\" aria-label=\"Abrir proyecto Aura editorial\">\r\n <img decoding=\"async\" src=\"https:\/\/elestudio.osidentity.com\/wp-content\/uploads\/2026\/05\/aura.jpg\" alt=\"Proyecto de identidad visual\" loading=\"lazy\">\r\n <\/article>\r\n\r\n <article class=\"mica-card\" role=\"button\" tabindex=\"0\" data-project-index=\"3\" aria-label=\"Abrir proyecto Orbita\">\r\n <img decoding=\"async\" src=\"https:\/\/elestudio.osidentity.com\/wp-content\/uploads\/2026\/05\/orbita.jpg\" alt=\"Proyecto Orbita\" loading=\"lazy\">\r\n <\/article>\r\n\r\n <article class=\"mica-card\" role=\"button\" tabindex=\"0\" data-project-index=\"4\" aria-label=\"Abrir proyecto Paula\">\r\n <img decoding=\"async\" src=\"https:\/\/elestudio.osidentity.com\/wp-content\/uploads\/2026\/05\/proyect.jpg\" alt=\"Proyecto Paula\" loading=\"lazy\">\r\n <\/article>\r\n\r\n <article class=\"mica-card\" role=\"button\" tabindex=\"0\" data-project-index=\"5\" aria-label=\"Abrir proyecto Aura campana\">\r\n <img decoding=\"async\" src=\"https:\/\/elestudio.osidentity.com\/wp-content\/uploads\/2026\/05\/aura.jpg\" alt=\"Proyecto de identidad visual\" loading=\"lazy\">\r\n <\/article>\r\n\r\n <article class=\"mica-card\" role=\"button\" tabindex=\"0\" data-project-index=\"6\" aria-label=\"Abrir proyecto Orbita contenidos\">\r\n <img decoding=\"async\" src=\"https:\/\/elestudio.osidentity.com\/wp-content\/uploads\/2026\/05\/orbita.jpg\" alt=\"Proyecto Orbita\" loading=\"lazy\">\r\n <\/article>\r\n\r\n <article class=\"mica-card\" role=\"button\" tabindex=\"0\" data-project-index=\"7\" aria-label=\"Abrir proyecto Paula digital\">\r\n <img decoding=\"async\" src=\"https:\/\/elestudio.osidentity.com\/wp-content\/uploads\/2026\/05\/proyect.jpg\" alt=\"Proyecto Paula\" loading=\"lazy\">\r\n <\/article>\r\n\r\n <\/div>\r\n <\/section>\r\n\r\n <section class=\"projects-parallax-image projects-parallax-image--second\" aria-label=\"Imagen destacada de proyectos\"><\/section>\r\n\r\n <div class=\"modal fade mica-project-modal\" id=\"projectModal\" tabindex=\"-1\" aria-hidden=\"true\">\r\n <div class=\"modal-dialog modal-fullscreen\">\r\n <div class=\"modal-content\">\r\n <button type=\"button\" class=\"mica-project-modal__close\" aria-label=\"Cerrar proyecto\">\r\n <i class=\"fa-solid fa-xmark\" aria-hidden=\"true\"><\/i>\r\n <\/button>\r\n\r\n <div class=\"mica-project-modal__grid\">\r\n <aside class=\"mica-project-modal__copy\">\r\n <span class=\"mica-project-modal__eyebrow\" id=\"projectModalEyebrow\">Proyecto<\/span>\r\n <h2 id=\"projectModalTitle\">Proyecto<\/h2>\r\n <p id=\"projectModalDescription\"><\/p>\r\n\r\n <dl class=\"mica-project-modal__meta\" id=\"projectModalMeta\"><\/dl>\r\n <\/aside>\r\n\r\n <div class=\"mica-project-modal__gallery\" id=\"projectModalGallery\"><\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n \r\n \r\n\r\n \r\n \r\n \r\n<div style=\"position: relative;transform:translateY(220px);\" id=\"Estudio\"><\/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 <h2 class=\"philosophy-section__mock-title\">acerca de.<\/h2>\r\n\r\n <div class=\"philosophy-section__reading-text\" >\r\n <p>Somos un estudio creativo especializado en diseño, concepto y estrategia. Creemos en la transformación auténtica: impulsamos marcas desde su esencia para potenciar aquello que las hace únicas. Nos mueven las ganas de crear proyectos llenos de narrativa y significado, donde toda historia encuentra su forma.<\/p>\r\n\r\n <p>Nos caracteriza una actitud de excelencia y responsabilidad en cada reto que asumimos. Cuidamos cada aspecto con precisión y sensibilidad. La curiosidad es el motor que nos mantiene en constante evolución y nos conecta con las tendencias y el cambio, para seguir sorprendiendo y superándonos.<\/p>\r\n\r\n <p>Para nosotras, cada proyecto es una promesa, un pacto de dedicación. Queremos ser tus aliadas.<\/p>\r\n\r\n <p class=\"philosophy-section__services\">BRANDING \/ ESTRATEGIA \/ MARCAS \/ STORYTELLING \/ NUEVOS PRODUCTOS \/ POSICIONAMIENTO \/ PACKAGING \/ EDITORIAL \/ WEB \/ LANZAMIENTOS \/ ESPACIOS \/ CAMPAÑAS \/ VINOS<\/p>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <\/section>\r\n\r\n \r\n \r\n \r\n\r\n <section class=\"projects-parallax-image\" aria-label=\"Imagen destacada de proyectos\"><\/section>\r\n\r\n \r\n \r\n \r\n\r\n <section class=\"mica-contact-combined\" id=\"Contacto\">\r\n\r\n <div class=\"contact-simple\">\r\n\r\n <h2>contacto.<\/h2>\r\n\r\n <form class=\"contact-simple__form\">\r\n\r\n <div class=\"contact-simple__field\">\r\n <label for=\"nombre\">Nombre <span>*<\/span><\/label>\r\n <input type=\"text\" id=\"nombre\" required>\r\n <\/div>\r\n\r\n <div class=\"contact-simple__field\">\r\n <label for=\"email\">Email <span>*<\/span><\/label>\r\n <input type=\"email\" id=\"email\" required>\r\n <\/div>\r\n\r\n <div class=\"contact-simple__field\">\r\n <label for=\"telefono\">Teléfono<\/label>\r\n <input type=\"tel\" id=\"telefono\">\r\n <\/div>\r\n\r\n <div class=\"contact-simple__field\">\r\n <label for=\"mensaje\">Mensaje <span>*<\/span><\/label>\r\n <textarea id=\"mensaje\" rows=\"7\" required><\/textarea>\r\n <\/div>\r\n\r\n <div class=\"contact-simple__footer\">\r\n <a href=\"mailto:info@misitio.com\">info@misitio.com<\/a>\r\n\r\n <div class=\"contact-simple__socials\">\r\n <a href=\"#\" aria-label=\"Facebook\"><i class=\"fa-brands fa-facebook-f\" aria-hidden=\"true\"><\/i><\/a>\r\n <a href=\"#\" aria-label=\"Pinterest\"><i class=\"fa-brands fa-pinterest-p\" aria-hidden=\"true\"><\/i><\/a>\r\n <a href=\"#\" aria-label=\"Instagram\"><i class=\"fa-brands fa-instagram\" aria-hidden=\"true\"><\/i><\/a>\r\n <\/div>\r\n\r\n <button type=\"submit\" id=\"sendBtn\">Enviar<\/button>\r\n <\/div>\r\n\r\n <\/form>\r\n\r\n <\/div>\r\n\r\n <\/section>\r\n\r\n \r\n \r\n \r\n<div class=\"credit-bar\">\r\n CREATED BY:\r\n <a href=\"https:\/\/www.instagram.com\/elestudio.diseno\/\" target=\"_blank\" rel=\"noopener\">\r\n Elestudio\r\n <\/a>\r\n <\/div>\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\r\n<script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/animejs\/3.2.1\/anime.min.js\"><\/script>\r\n\r\n\r\n\r\n\r\n\r\n\r\n\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 if(!window.gsap) return;\r\n\r\n const prefersReducedMotion = window.matchMedia('(prefers-reduced-motion: reduce)').matches;\r\n const grid = document.querySelector('.mica-magnetic-grid');\r\n const cards = gsap.utils.toArray('.mica-card');\r\n\r\n if(!grid || !cards.length) return;\r\n\r\n cards.forEach(card => {\r\n const image = card.querySelector('img');\r\n gsap.set(card, {\r\n opacity:1,\r\n x:0,\r\n y:0,\r\n scale:1,\r\n filter:'none',\r\n clearProps:'transform'\r\n });\r\n\r\n if(image){\r\n gsap.set(image, {\r\n opacity:1,\r\n x:0,\r\n y:0,\r\n yPercent:0,\r\n scale:1,\r\n filter:'none',\r\n clearProps:'transform'\r\n });\r\n }\r\n });\r\n\r\n return;\r\n\r\n if(window.ScrollTrigger) gsap.registerPlugin(ScrollTrigger);\r\n\r\n if(prefersReducedMotion){\r\n gsap.set(cards, { opacity:1, y:0, clearProps:'transform,filter' });\r\n return;\r\n }\r\n\r\n gsap.set(cards, {\r\n opacity:0,\r\n y:28,\r\n scale:.985,\r\n filter:'blur(6px)'\r\n });\r\n\r\n gsap.set('.mica-card img', {\r\n scale:1.035,\r\n filter:'grayscale(8%) contrast(.98)'\r\n });\r\n\r\n const revealConfig = {\r\n opacity:1,\r\n y:0,\r\n scale:1,\r\n filter:'blur(0px)',\r\n duration:1.15,\r\n stagger:{\r\n each:.12,\r\n from:'start'\r\n },\r\n ease:'power2.out',\r\n clearProps:'filter',\r\n delay:.05\r\n };\r\n\r\n if(window.ScrollTrigger){\r\n gsap.to(cards, {\r\n ...revealConfig,\r\n scrollTrigger:{\r\n trigger:grid,\r\n start:'top 78%',\r\n once:true\r\n }\r\n });\r\n\r\n gsap.to('.mica-card img', {\r\n scale:1.015,\r\n filter:'grayscale(0%) contrast(1)',\r\n duration:1.15,\r\n stagger:.08,\r\n ease:'power2.out',\r\n scrollTrigger:{\r\n trigger:grid,\r\n start:'top 78%',\r\n once:true\r\n }\r\n });\r\n\r\n cards.forEach((card, index) => {\r\n const image = card.querySelector('img');\r\n if(!image) return;\r\n\r\n gsap.fromTo(image,\r\n { yPercent:-2 },\r\n {\r\n yPercent:2,\r\n ease:'none',\r\n scrollTrigger:{\r\n trigger:card,\r\n start:'top bottom',\r\n end:'bottom top',\r\n scrub:true\r\n }\r\n }\r\n );\r\n\r\n gsap.to(card, {\r\n y:index % 2 === 0 ? -8 : 8,\r\n ease:'none',\r\n scrollTrigger:{\r\n trigger:card,\r\n start:'top bottom',\r\n end:'bottom top',\r\n scrub:true\r\n }\r\n });\r\n });\r\n\r\n }else{\r\n gsap.to(cards, revealConfig);\r\n gsap.to('.mica-card img', {\r\n scale:1.015,\r\n filter:'grayscale(0%) contrast(1)',\r\n duration:1.15,\r\n stagger:.08,\r\n ease:'power2.out'\r\n });\r\n }\r\n\r\n cards.forEach(card => {\r\n const image = card.querySelector('img');\r\n if(!image) return;\r\n\r\n const cardX = gsap.quickTo(card, 'x', { duration:.55, ease:'power3.out' });\r\n const cardY = gsap.quickTo(card, 'y', { duration:.55, ease:'power3.out' });\r\n const imageX = gsap.quickTo(image, 'x', { duration:.7, ease:'power3.out' });\r\n const imageY = gsap.quickTo(image, 'y', { duration:.7, ease:'power3.out' });\r\n\r\n card.addEventListener('mouseenter', () => {\r\n gsap.to(card, {\r\n scale:1.035,\r\n zIndex:3,\r\n boxShadow:'0 22px 54px rgba(0,0,0,.16)',\r\n duration:.55,\r\n ease:'power3.out',\r\n overwrite:true\r\n });\r\n\r\n gsap.to(image, {\r\n scale:1.11,\r\n filter:'grayscale(0%) contrast(1.06)',\r\n duration:.75,\r\n ease:'power3.out',\r\n overwrite:true\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) \/ 44;\r\n const moveY = (event.clientY - rect.top - rect.height \/ 2) \/ 44;\r\n\r\n cardX(moveX);\r\n cardY(moveY);\r\n imageX(moveX * -.72);\r\n imageY(moveY * -.72);\r\n });\r\n\r\n card.addEventListener('mouseleave', () => {\r\n cardX(0);\r\n cardY(0);\r\n imageX(0);\r\n imageY(0);\r\n\r\n gsap.to(card, {\r\n scale:1,\r\n zIndex:1,\r\n boxShadow:'0 0 0 rgba(0,0,0,0)',\r\n duration:.55,\r\n ease:'power3.out',\r\n overwrite:true\r\n });\r\n\r\n gsap.to(image, {\r\n scale:1.02,\r\n filter:'grayscale(0%) contrast(1)',\r\n duration:.65,\r\n ease:'power3.out',\r\n overwrite:true\r\n });\r\n });\r\n });\r\n\r\n});\r\n<\/script>\r\n\r\n<script>\r\ndocument.addEventListener('DOMContentLoaded', () => {\r\n const modalElement = document.getElementById('projectModal');\r\n const modalTitle = document.getElementById('projectModalTitle');\r\n const modalEyebrow = document.getElementById('projectModalEyebrow');\r\n const modalDescription = document.getElementById('projectModalDescription');\r\n const modalMeta = document.getElementById('projectModalMeta');\r\n const modalGallery = document.getElementById('projectModalGallery');\r\n const projectCards = document.querySelectorAll('.mica-card[data-project-index]');\r\n\r\n if(!modalElement || !modalTitle || !modalDescription || !modalMeta || !modalGallery || !projectCards.length) return;\r\n\r\n const projectImages = {\r\n aura:'https:\/\/elestudio.osidentity.com\/wp-content\/uploads\/2026\/05\/aura.jpg',\r\n orbita:'https:\/\/elestudio.osidentity.com\/wp-content\/uploads\/2026\/05\/orbita.jpg',\r\n paula:'https:\/\/elestudio.osidentity.com\/wp-content\/uploads\/2026\/05\/proyect.jpg'\r\n };\r\n\r\n const projects = [\r\n {\r\n title:'Aura',\r\n eyebrow:'Identidad visual',\r\n description:'Sistema visual para una marca sensible, precisa y contemporanea. Trabajamos una direccion grafica sobria, recursos editoriales y piezas capaces de sostener presencia sin levantar la voz.',\r\n images:[projectImages.aura, projectImages.orbita, projectImages.paula],\r\n meta:{ Servicio:'Branding', Rol:'Direccion visual', Entrega:'Sistema de marca' }\r\n },\r\n {\r\n title:'Aura editorial',\r\n eyebrow:'Comunicacion',\r\n description:'Una extension editorial de marca pensada para ordenar mensajes, jerarquias y ritmo visual. El resultado: piezas claras, elegantes y listas para convivir en distintos canales.',\r\n images:[projectImages.aura, projectImages.paula, projectImages.orbita],\r\n meta:{ Servicio:'Contenido', Rol:'Diseno y comunicacion', Entrega:'Piezas editoriales' }\r\n },\r\n {\r\n title:'Aura digital',\r\n eyebrow:'Sistema grafico',\r\n description:'Desarrollamos una familia de recursos para redes, presentaciones y comunicacion comercial. Una identidad flexible, con aire, contraste y criterio de aplicacion.',\r\n images:[projectImages.aura, projectImages.aura, projectImages.orbita],\r\n meta:{ Servicio:'Templates', Rol:'Sistema visual', Entrega:'Kit digital' }\r\n },\r\n {\r\n title:'Orbita',\r\n eyebrow:'Campana visual',\r\n description:'Proyecto construido alrededor de movimiento, sintesis y foco. Una comunicacion con pulso propio, pensada para que cada pieza parezca parte de una misma orbita.',\r\n images:[projectImages.orbita, projectImages.aura, projectImages.paula],\r\n meta:{ Servicio:'Campana', Rol:'Direccion creativa', Entrega:'Universo visual' }\r\n },\r\n {\r\n title:'Paula',\r\n eyebrow:'Presencia de marca',\r\n description:'Disenamos una presencia visual simple y reconocible, con foco en claridad, cercania y consistencia. Menos ruido, mas intencion: esa fue la busqueda.',\r\n images:[projectImages.paula, projectImages.orbita, projectImages.aura],\r\n meta:{ Servicio:'Marca digital', Rol:'Diseno grafico', Entrega:'Contenido y piezas' }\r\n },\r\n {\r\n title:'Aura campana',\r\n eyebrow:'Direccion de arte',\r\n description:'Un set de piezas para amplificar identidad sin perder delicadeza. Ajustamos tono, composicion e imagen para que la marca pudiera hablar con mas presencia.',\r\n images:[projectImages.aura, projectImages.paula, projectImages.aura],\r\n meta:{ Servicio:'Direccion de arte', Rol:'Comunicacion visual', Entrega:'Campana modular' }\r\n },\r\n {\r\n title:'Orbita contenidos',\r\n eyebrow:'Contenido digital',\r\n description:'Una serie de contenidos pensada para circular con coherencia: placas, recursos, imagenes y microdecisiones graficas que hacen que la marca se reconozca al toque.',\r\n images:[projectImages.orbita, projectImages.paula, projectImages.orbita],\r\n meta:{ Servicio:'Redes', Rol:'Contenido', Entrega:'Sistema de publicaciones' }\r\n },\r\n {\r\n title:'Paula digital',\r\n eyebrow:'Lanzamiento',\r\n description:'Piezas para presentar una marca con limpieza y caracter. Construimos una narrativa visual directa, ordenada y con suficiente personalidad para no pasar de largo.',\r\n images:[projectImages.paula, projectImages.aura, projectImages.orbita],\r\n meta:{ Servicio:'Lanzamiento', Rol:'Paid y editorial', Entrega:'Piezas digitales' }\r\n }\r\n ];\r\n\r\n const modalClose = modalElement.querySelector('.mica-project-modal__close');\r\n\r\n function renderProject(project){\r\n modalEyebrow.textContent = project.eyebrow;\r\n modalTitle.textContent = project.title;\r\n modalDescription.textContent = project.description;\r\n modalMeta.innerHTML = Object.entries(project.meta)\r\n .map(([term, description]) => `<div><dt>${term}<\/dt><dd>${description}<\/dd><\/div>`)\r\n .join('');\r\n modalGallery.innerHTML = project.images\r\n .map((src, index) => `<img decoding=\"async\" src=\"${src}\" alt=\"${project.title} imagen ${index + 1}\" loading=\"lazy\">`)\r\n .join('');\r\n }\r\n\r\n function animateModalIn(){\r\n if(!window.anime) return;\r\n\r\n anime.remove('.mica-project-modal .modal-content, .mica-project-modal__copy > *, .mica-project-modal__gallery img');\r\n anime.set('.mica-project-modal .modal-content', { opacity:0 });\r\n anime.set('.mica-project-modal__copy > *', { opacity:0, translateY:24 });\r\n anime.set('.mica-project-modal__gallery img', { opacity:0, translateY:34, scale:1.025 });\r\n\r\n anime({\r\n targets:'.mica-project-modal .modal-content',\r\n opacity:[0, 1],\r\n duration:420,\r\n easing:'easeOutQuad'\r\n });\r\n\r\n anime({\r\n targets:'.mica-project-modal__copy > *',\r\n opacity:[0, 1],\r\n translateY:[24, 0],\r\n delay:anime.stagger(70, { start:120 }),\r\n duration:780,\r\n easing:'cubicBezier(.22,1,.36,1)'\r\n });\r\n\r\n anime({\r\n targets:'.mica-project-modal__gallery img',\r\n opacity:[0, 1],\r\n translateY:[34, 0],\r\n scale:[1.025, 1],\r\n delay:anime.stagger(90, { start:180 }),\r\n duration:920,\r\n easing:'cubicBezier(.22,1,.36,1)'\r\n });\r\n }\r\n\r\n function openModal(){\r\n modalElement.classList.add('is-open');\r\n modalElement.removeAttribute('aria-hidden');\r\n document.body.classList.add('mica-project-modal-open');\r\n animateModalIn();\r\n }\r\n\r\n function closeModal(){\r\n if(window.anime){\r\n anime.remove('.mica-project-modal .modal-content');\r\n anime({\r\n targets:'.mica-project-modal .modal-content',\r\n opacity:[1, 0],\r\n translateY:[0, 10],\r\n duration:260,\r\n easing:'easeOutQuad',\r\n complete:() => {\r\n modalElement.classList.remove('is-open');\r\n modalElement.setAttribute('aria-hidden', 'true');\r\n document.body.classList.remove('mica-project-modal-open');\r\n anime.set('.mica-project-modal .modal-content', { opacity:1, translateY:0 });\r\n }\r\n });\r\n return;\r\n }\r\n\r\n modalElement.classList.remove('is-open');\r\n modalElement.setAttribute('aria-hidden', 'true');\r\n document.body.classList.remove('mica-project-modal-open');\r\n }\r\n\r\n projectCards.forEach(card => {\r\n const openProject = () => {\r\n const index = Number(card.dataset.projectIndex);\r\n const project = projects[index];\r\n if(!project) return;\r\n\r\n renderProject(project);\r\n\r\n openModal();\r\n };\r\n\r\n card.addEventListener('click', openProject);\r\n card.addEventListener('keydown', event => {\r\n if(event.key === 'Enter' || event.key === ' '){\r\n event.preventDefault();\r\n openProject();\r\n }\r\n });\r\n });\r\n\r\n if(modalClose){\r\n modalClose.addEventListener('click', closeModal);\r\n }\r\n\r\n modalElement.addEventListener('click', event => {\r\n if(event.target === modalElement){\r\n closeModal();\r\n }\r\n });\r\n\r\n document.addEventListener('keydown', event => {\r\n if(event.key === 'Escape' && modalElement.classList.contains('is-open')){\r\n closeModal();\r\n }\r\n });\r\n});\r\n<\/script>\r\n\r\n\r\n\r\n\r\n\r\n<script>\r\ndocument.addEventListener('error', event => {\r\n const image = event.target;\r\n if(!(image instanceof HTMLImageElement)) return;\r\n if(!image.closest('.mica-card, .mica-project-modal__gallery')) return;\r\n\r\n const fallback = 'https:\/\/static.wixstatic.com\/media\/d5f99a33f0044179af43cb9685308ce1.jpg\/v1\/fill\/w_866,h_656,al_c,q_85,usm_0.66_1.00_0.01,enc_avif,quality_auto\/d5f99a33f0044179af43cb9685308ce1.jpg';\r\n\r\n if(image.dataset.fallbackApplied === 'true'){\r\n image.style.visibility = 'hidden';\r\n return;\r\n }\r\n\r\n image.dataset.fallbackApplied = 'true';\r\n image.src = fallback;\r\n}, true);\r\n<\/script>\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n<script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/gsap\/3.12.5\/ScrollTrigger.min.js\"><\/script>\r\n\r\n\r\n\r\n\r\n\r\n\r\n\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 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 telefono = contactSection.querySelector('#telefono').value.trim();\r\n const mensaje = contactSection.querySelector('#mensaje').value.trim();\r\n\r\n if(!nombre || !email || !mensaje){\r\n alert('Por favor completá los campos obligatorios.');\r\n return;\r\n }\r\n\r\n const contactoEmail = 'info@misitio.com';\r\n const texto =\r\n`Hola Elestudio, quisiera consultar por un proyecto.\r\n\r\nNombre: ${nombre}\r\nEmail: ${email}\r\nTeléfono: ${telefono || 'No indicado'}\r\n\r\nMensaje:\r\n${mensaje}\r\n\r\nEnviado desde el formulario web.`;\r\n\r\n const url = `mailto:${contactoEmail}?subject=${encodeURIComponent('Consulta desde la web')}&body=${encodeURIComponent(texto)}`;\r\n\r\n window.location.href = url;\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\r\n\r\n\r\n\r\n\r\n\r\n<script>\r\n(() => {\r\n\r\n function initContactAppear(){\r\n if(!window.gsap || !window.ScrollTrigger) return;\r\n\r\n const contactSection = document.querySelector('.mica-contact-combined');\r\n if(!contactSection || contactSection.dataset.contactAppearReady === 'true') return;\r\n\r\n contactSection.dataset.contactAppearReady = 'true';\r\n gsap.registerPlugin(ScrollTrigger);\r\n\r\n const contactItems = [\r\n contactSection.querySelector('.contact-simple h2'),\r\n ...contactSection.querySelectorAll('.contact-simple__field'),\r\n contactSection.querySelector('.contact-simple__footer')\r\n ].filter(Boolean);\r\n\r\n gsap.set(contactItems, {\r\n opacity:0,\r\n y:42,\r\n filter:'blur(10px)'\r\n });\r\n\r\n gsap.timeline({\r\n scrollTrigger:{\r\n trigger:contactSection,\r\n start:'top 68%',\r\n once:true\r\n }\r\n }).to(contactItems, {\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 }\r\n\r\n if(document.readyState === 'loading'){\r\n document.addEventListener('DOMContentLoaded', () => {\r\n setTimeout(initContactAppear, 250);\r\n });\r\n }else{\r\n setTimeout(initContactAppear, 250);\r\n }\r\n\r\n})();\r\n<\/script>\r\n\r\n\r\n\r\n\r\n\r\n <a\r\n href=\"https:\/\/wa.me\/5491164827391?text=Hola%20Elestudio%2C%20quiero%20hacer%20una%20consulta%20desde%20la%20web.\"\r\n class=\"floating-whatsapp\"\r\n id=\"floatingWhatsapp\"\r\n rel=\"noopener\"\r\n target=\"_blank\"\r\n aria-label=\"Contactar a Elestudio por WhatsApp\"\r\n >\r\n <i class=\"fa-brands fa-whatsapp\" aria-hidden=\"true\"><\/i>\r\n <span class=\"floating-whatsapp__label\">Contacto<\/span>\r\n <span class=\"floating-whatsapp__dot\"><\/span>\r\n <\/a>\r\n\r\n \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 \r\n \r\n\r\n <script>\r\n document.addEventListener('DOMContentLoaded', () => {\r\n\r\n const navbar = document.getElementById('mainNav');\r\n if(!navbar) return;\r\n\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(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 });\r\n <\/script>\r\n\r\n \r\n \r\n \r\n\r\n \r\n \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 \r\n \r\n\r\n \r\n \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, 2600);\r\n }else{\r\n window.addEventListener('load', () => {\r\n window.setTimeout(hideLoader, 2600);\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 \r\n \r\n\r\n<\/body>\r\n\r\n\r\n\r\n\r\n\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>Elestudio – Dise\u00f1o y comunicaci\u00f3n • ELESTUDIO • DISEÑO Y COMUNICACIÓN • ELESTUDIO • Cargando elestudio proyectos. acerca de. contacto. proyectos. Proyecto Proyecto acerca de. Somos un estudio creativo especializado en diseño, concepto y estrategia. Creemos en la transformación auténtica: impulsamos marcas desde su esencia para potenciar aquello que las hace únicas. Nos mueven las […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-57","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/elestudio.osidentity.com\/index.php?rest_route=\/wp\/v2\/pages\/57","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/elestudio.osidentity.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/elestudio.osidentity.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/elestudio.osidentity.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/elestudio.osidentity.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=57"}],"version-history":[{"count":5,"href":"https:\/\/elestudio.osidentity.com\/index.php?rest_route=\/wp\/v2\/pages\/57\/revisions"}],"predecessor-version":[{"id":67,"href":"https:\/\/elestudio.osidentity.com\/index.php?rest_route=\/wp\/v2\/pages\/57\/revisions\/67"}],"wp:attachment":[{"href":"https:\/\/elestudio.osidentity.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=57"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}