{"version":3,"file":"shared-lib.CwUc-CT7.mjs","names":[],"sources":["https:/framerusercontent.com/modules/m7QVtKI5a7JNaDNMO2Ay/SP7x3eJ7Kv0p0lxQ6MLL/Footer.js","https:/framerusercontent.com/modules/zBZTrh8PWRua4S8LF0si/GA5FwvBCzqRkbt1HWWqp/Header.js","https:/framerusercontent.com/modules/hGWQ6DoocusTRlKjXbzF/itczqvbEqpED3jEVlLGI/siteMetadata.js"],"sourcesContent":["// MADAH · 07 · CONTACTO + FOOTER — v4\n// Layout EXACTO a tu referencia: DOS COLUMNAS\n//   Columna izquierda: frase grande bicolor + subtítulo\n//   Columna derecha: nav apilada (Home/Proyecto/Esta soy yo/Hablemos) + mail + redes, todo alineado arriba a la derecha\n// Abajo: línea + MADAH (imagen) + año\nimport{jsx as _jsx}from\"react/jsx-runtime\";export default function MadahFinal(){const html=`\n<style>\n@font-face{font-family:'Expressway';src:url('fonts/Expressway-Book.woff2') format('woff2');font-weight:400;font-display:swap}\n@font-face{font-family:'Expressway';src:url('fonts/Expressway-ExtraBold.woff2') format('woff2');font-weight:800;font-display:swap}\n#mh-fin *{margin:0;padding:0;box-sizing:border-box}\n#mh-fin{--red:#E41C19;--cream:#F0EEE9;--stone:#D4CDC7;--ease:cubic-bezier(.16,1,.3,1);font-family:'Expressway','Archivo',system-ui,sans-serif}\n\n#mh-fin .contact{position:relative;overflow:hidden;background:var(--red);color:#fff;min-height:100vh;display:flex;flex-direction:column;justify-content:space-between;padding:clamp(40px,5vw,64px) clamp(24px,5vw,80px) clamp(36px,4vw,48px)}\n\n/* === fila principal: DOS COLUMNAS === */\n#mh-fin .maingrid{position:relative;z-index:2;flex:1;display:flex;justify-content:flex-start;align-items:flex-start;gap:clamp(1.5rem,5vw,4.5rem);flex-wrap:wrap}\n\n/* columna izquierda: frase */\n#mh-fin .col-left{flex:0 1 auto;max-width:62%;min-width:280px;padding-top:clamp(.5rem,2vw,1.5rem)}\n#mh-fin .big{font-family:'Archivo',sans-serif;font-weight:900;line-height:.88;font-size:clamp(2.6rem,9.5vw,7.5rem);opacity:0;transform:translateY(28px);animation:bigIn .8s var(--ease) .2s forwards}\n#mh-fin .big .l1{display:block;color:#fff}\n#mh-fin .big .l2{display:block;color:#000}\n@keyframes bigIn{to{opacity:1;transform:none}}\n#mh-fin .sub{margin-top:clamp(1.2rem,3vw,2rem);font-weight:600;font-size:clamp(1rem,1.8vw,1.3rem);max-width:28ch;line-height:1.35;color:rgba(0,0,0,.78);opacity:0;transform:translateY(18px);animation:fIn .7s var(--ease) .45s forwards}\n@keyframes fIn{to{opacity:1;transform:none}}\n\n/* columna derecha: nav + mail + redes, apilados, alineados a la izquierda (justificados entre s\\xed) */\n#mh-fin .col-right{display:flex;flex-direction:column;align-items:flex-start;gap:.55rem;flex-shrink:0}\n\n#mh-fin .cut{clip-path:polygon(0 0,100% 0,100% calc(100% - 12px),calc(100% - 12px) 100%,0 100%)}\n\n#mh-fin .navbtn{\n  position:relative;\n  overflow:hidden;\n  background:#000;\n  width:fit-content;\n  opacity:0;\n  transform:translateX(28px);\n  animation:nIn .55s var(--ease) forwards;\n}\n#mh-fin .navbtn:nth-child(1){animation-delay:.1s}#mh-fin .navbtn:nth-child(2){animation-delay:.16s}#mh-fin .navbtn:nth-child(3){animation-delay:.22s}#mh-fin .navbtn:nth-child(4){animation-delay:.28s}\n#mh-fin .navbtn a{\n  position:relative;\n  display:block;\n  font-weight:800;\n  font-size:clamp(.85rem,1.3vw,1rem);\n  letter-spacing:.02em;\n  text-transform:uppercase;\n  color:#fff;\n  text-decoration:none;\n  padding:.6em 1.4em;\n  text-align:left;\n  transition:color .45s var(--ease);\n}\n#mh-fin .navbtn::before{\n  content:\"\";\n  position:absolute;\n  inset:0;\n  background:#fff;\n  transform:translateY(101%);\n  transition:transform .45s var(--ease);\n}\n#mh-fin .navbtn:hover::before{transform:translateY(0)}\n#mh-fin .navbtn:hover a{color:var(--red)}\n@keyframes nIn{to{opacity:1;transform:none}}\n\n/* mail, debajo del nav */\n#mh-fin .mailbig{margin-top:.5rem;font-weight:700;font-size:clamp(.85rem,1.3vw,1rem);color:#fff;text-decoration:none;display:inline-flex;align-items:center;gap:.5em;white-space:nowrap;opacity:0;transform:translateX(28px);animation:nIn .55s var(--ease) .36s forwards}\n#mh-fin .mailbig svg{transition:transform .4s var(--ease);flex-shrink:0}\n#mh-fin .mailbig:hover svg{transform:translate(4px,-4px)}\n\n/* redes, debajo del mail, mismo corte que los botones */\n#mh-fin .socials{display:flex;gap:.5rem;margin-top:.3rem}\n#mh-fin .soc{\n  position:relative;\n  width:38px;\n  height:38px;\n  background:#000;\n  display:flex;\n  align-items:center;\n  justify-content:center;\n  color:#fff;\n  text-decoration:none;\n  overflow:hidden;\n  transition:color .4s var(--ease);\n  opacity:0;\n  transform:translateY(-10px) scale(.9);\n  animation:sIn .5s var(--ease) forwards;\n}\n#mh-fin .soc:nth-child(1){animation-delay:.42s}#mh-fin .soc:nth-child(2){animation-delay:.48s}#mh-fin .soc:nth-child(3){animation-delay:.54s}#mh-fin .soc:nth-child(4){animation-delay:.6s}\n@keyframes sIn{to{opacity:1;transform:none}}\n#mh-fin .soc::before{\n  content:\"\";\n  position:absolute;\n  inset:0;\n  background:#fff;\n  transform:translateY(101%);\n  transition:transform .4s var(--ease);\n  z-index:0;\n}\n#mh-fin .soc:hover::before{transform:translateY(0)}\n#mh-fin .soc:hover{color:var(--red)}\n#mh-fin .soc svg{position:relative;z-index:1;width:17px;height:17px}\n\n/* === bloque inferior: MADAH como IMAGEN + a\\xf1o, separado por l\\xednea === */\n#mh-fin .bottomrow{position:relative;z-index:3;display:flex;justify-content:space-between;align-items:center;gap:1.5rem;flex-wrap:wrap;padding-top:clamp(20px,3vw,30px);border-top:1.5px solid rgba(0,0,0,.22)}\n\n#mh-fin .bigmark-wrap{opacity:0;transform:translateY(20px);animation:fIn .65s var(--ease) .55s forwards}\n#mh-fin .bigmark{\n  display:block;\n  height:clamp(20px,9vw,25px);\n  width:auto;\n  max-width:60vw;\n  object-fit:contain;\n  object-position:left center;\n}\n\n#mh-fin .year{\n  font-family:'Archivo',sans-serif;\n  font-weight:800;\n  font-size:clamp(1.1rem,2.4vw,1.6rem);\n  color:#000;\n  opacity:0;\n  transform:translateY(20px);\n  animation:fIn .65s var(--ease) .65s forwards;\n}\n\n/* === footer negro inferior: marca + links + legal === */\n#mh-fin .footer{background:#000;color:var(--cream);padding:clamp(50px,7vw,84px) clamp(24px,5vw,80px) clamp(24px,3vw,36px)}\n#mh-fin .cols{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:clamp(1.8rem,4vw,3.5rem);padding-bottom:clamp(36px,5vw,56px);border-bottom:1px solid rgba(255,255,255,.12)}\n#mh-fin .brand{font-family:'Archivo',sans-serif;font-weight:900;font-size:clamp(1.8rem,4.5vw,2.8rem);letter-spacing:.02em;display:flex;align-items:baseline;gap:.4rem}\n#mh-fin .brand .dot{width:.34em;height:.34em;border-radius:50%;background:var(--red);display:inline-block}\n#mh-fin .tag{margin-top:1rem;color:var(--stone);font-size:.92rem;line-height:1.55;max-width:30ch}\n#mh-fin h5{font-weight:800;font-size:.72rem;letter-spacing:.16em;text-transform:uppercase;color:var(--red);margin-bottom:1.1rem}\n#mh-fin ul{list-style:none;display:flex;flex-direction:column;gap:.65rem}\n#mh-fin .col a,#mh-fin .col li{color:var(--stone);font-size:.9rem;text-decoration:none;transition:color .3s;position:relative;width:fit-content}\n#mh-fin .col a::after{content:\"\";position:absolute;left:0;bottom:-2px;width:0;height:1px;background:var(--red);transition:width .35s var(--ease)}\n#mh-fin .col a:hover{color:var(--cream)}\n#mh-fin .col a:hover::after{width:100%}\n#mh-fin .bottom{display:flex;justify-content:space-between;align-items:center;gap:1.2rem;flex-wrap:wrap;padding-top:clamp(20px,2.4vw,28px);font-weight:600;font-size:.7rem;letter-spacing:.1em;text-transform:uppercase;color:#6b6b6b}\n#mh-fin .bottom .rr{color:var(--stone)}\n#mh-fin .cols>div{opacity:0;transform:translateY(24px);animation:cIn .7s var(--ease) forwards}\n#mh-fin .cols>div:nth-child(1){animation-delay:.1s}#mh-fin .cols>div:nth-child(2){animation-delay:.2s}#mh-fin .cols>div:nth-child(3){animation-delay:.3s}#mh-fin .cols>div:nth-child(4){animation-delay:.4s}\n@keyframes cIn{to{opacity:1;transform:none}}\n\n@media(max-width:900px){\n  #mh-fin .cols{grid-template-columns:1fr 1fr}\n  #mh-fin .maingrid{flex-direction:column}\n  #mh-fin .col-left{max-width:100%}\n  #mh-fin .col-right{width:100%}\n  #mh-fin .navbtn,#mh-fin .mailbig{transform:translateY(16px)}\n}\n@media(max-width:640px){\n  #mh-fin .bottomrow{flex-direction:column;align-items:flex-start;gap:1rem}\n}\n@media(max-width:600px){#mh-fin .bottom{flex-direction:column;align-items:flex-start;gap:.6rem}}\n</style>\n\n<div id=\"mh-fin\">\n\n  <section class=\"contact\">\n\n    <!-- DOS COLUMNAS: frase a la izquierda, nav+mail+redes apiladas a la derecha -->\n    <div class=\"maingrid\">\n\n      <div class=\"col-left\">\n        <h2 class=\"big\"><span class=\"l1\">Hagamos</span><span class=\"l2\">algo bueno.</span></h2>\n        <p class=\"sub\">\\xbfTen\\xe9s un proyecto que tiene que impactar en el primer segundo? Hablemos.</p>\n      </div>\n\n      <div class=\"col-right\">\n        <div class=\"navbtn cut\"><a href=\"/home\">Home</a></div>\n        <div class=\"navbtn cut\"><a href=\"/proyectos\">Proyectos</a></div>\n        <div class=\"navbtn cut\"><a href=\"/sobremi3\">Sobre Mi</a></div>\n        <div class=\"navbtn cut\"><a href=\"/hablemos\">Hablemos</a></div>\n\n        <a class=\"mailbig\" href=\"mailto:melihambra@hotmail.com\">\n          melihambra@hotmail.com\n          <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M7 17 L17 7 M17 7 H9 M17 7 V15\" stroke=\"#fff\" stroke-width=\"2.4\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/></svg>\n        </a>\n\n        <div class=\"socials\">\n          <a class=\"soc cut\" href=\"https://instagram.com/madah.design\" target=\"_blank\" aria-label=\"Instagram\">\n            <svg viewBox=\"0 0 24 24\" fill=\"none\"><rect x=\"3\" y=\"3\" width=\"18\" height=\"18\" rx=\"5\" stroke=\"currentColor\" stroke-width=\"2\"/><circle cx=\"12\" cy=\"12\" r=\"4\" stroke=\"currentColor\" stroke-width=\"2\"/><circle cx=\"17.2\" cy=\"6.8\" r=\"1.2\" fill=\"currentColor\"/></svg>\n          </a>\n          <a class=\"soc cut\" href=\"www.linkedin.com/in/melanie-hambra-aa9968219\" target=\"_blank\" aria-label=\"LinkedIn\">\n            <svg viewBox=\"0 0 24 24\" fill=\"none\"><rect x=\"3\" y=\"3\" width=\"18\" height=\"18\" rx=\"3\" stroke=\"currentColor\" stroke-width=\"2\"/><path d=\"M7.5 10v6.5M7.5 7.5v.01M11.5 16.5V12c0-1.4 1-2 2-2s2 .8 2 2v4.5\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"/></svg>\n          </a>\n          <a class=\"soc cut\" href=\"https://www.behance.net/mmhambra\" target=\"_blank\" aria-label=\"Behance\">\n            <svg viewBox=\"0 0 24 24\" fill=\"none\"><text x=\"12\" y=\"16\" text-anchor=\"middle\" font-size=\"11\" font-weight=\"800\" fill=\"currentColor\" font-family=\"Archivo, sans-serif\">Bē</text></svg>\n          </a>\n          <a class=\"soc cut\" href=\"https://www.tiktok.com/@madah.design?_r=1&_t=ZS-97IVwt3R52C\" target=\"_blank\" aria-label=\"TikTok\">\n            <svg viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M14 4v9.2a2.8 2.8 0 1 1-2-2.68V8.4a4.8 4.8 0 1 0 4 4.73V9.6c.9.55 1.95.87 3 .87V8.4c-1.66 0-3-1.2-3-3.07V4h-2z\" fill=\"currentColor\"/></svg>\n          </a>\n        </div>\n      </div>\n\n    </div>\n\n    <div class=\"bottomrow\">\n      <div class=\"bigmark-wrap\">\n        <img class=\"bigmark\" src=\"https://files.catbox.moe/36ludt.png\" alt=\"MADAH\"/>\n      </div>\n      <span class=\"year\">\\xa9 2026</span>\n    </div>\n  </section>\n</div>`;return /*#__PURE__*/_jsx(\"div\",{style:{width:\"100%\"},dangerouslySetInnerHTML:{__html:html}});}\nexport const __FramerMetadata__ = {\"exports\":{\"default\":{\"type\":\"reactComponent\",\"name\":\"MadahFinal\",\"slots\":[],\"annotations\":{\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./Footer.map","// MADAH · 01 · HEADER\nimport{jsx as _jsx}from\"react/jsx-runtime\";export default function MadahHeader(){const html=`\n<style>\n@font-face{font-family:'Expressway';src:url('fonts/Expressway-Book.woff2') format('woff2');font-weight:400;font-display:swap}\n@font-face{font-family:'Expressway';src:url('fonts/Expressway-ExtraBold.woff2') format('woff2');font-weight:800;font-display:swap}\n#mh-header *{margin:0;padding:0;box-sizing:border-box}\n#mh-header{\n  --red:#E41C19;\n  --cream:#F0EEE9;\n  font-family:'Expressway','Archivo',system-ui,sans-serif;\n\n   position:fixed;\n   top:0;\n   left:0;\n   width:100%;\n   z-index:9999;\n\n  background:#000;\n\n  border-bottom:1px solid rgba(255,255,255,.08);\n\n  color:var(--cream);\n\n  transition:background .35s ease, backdrop-filter .35s ease, -webkit-backdrop-filter .35s ease;\n\n  overflow:visible;\n\n}\n#mh-header.scrolled{\n  background:rgba(8,8,8,.78);\n\n  box-shadow:\n    0 1px 0 rgba(228,28,25,.18),\n    0 10px 30px rgba(228,28,25,.08);\n\n  border-bottom:1px solid rgba(228,28,25,.25);\n}\n#mh-header .in{display:flex;align-items:center;justify-content:space-between;gap:1.5rem;padding:22px clamp(20px,5vw,56px)}\n#mh-header .logo{font-family:'Archivo',sans-serif;font-weight:900;font-size:1.4rem;letter-spacing:.02em;display:flex;align-items:center;\ngap:.45rem;text-decoration:none;color:var(--cream)}\n#mh-header .logo img{\n  height:22px;\n  width:auto;\n  display:block;\n}\n#mh-header.scrolled::after{\n  content:\"\";\n  position:absolute;\n  left:0;\n  bottom:-1px;\n  width:100%;\n  height:1px;\n\n  background:#E41C19;\n\n  box-shadow:\n    0 0 6px rgba(228,28,25,.55),\n    0 0 12px rgba(228,28,25,.25);\n\n  opacity:.7;\n}\n#mh-header .logo .dot{width:.42em;height:.42em;border-radius:50%;background:var(--red);display:inline-block}\n#mh-header nav{display:flex;gap:clamp(1rem,3vw,3rem);font-weight:600;font-size:.8rem;letter-spacing:.12em;text-transform:uppercase}\n#mh-header nav a{color:var(--cream);text-decoration:none;opacity:.85;position:relative;padding:.2em 0;transition:opacity .3s}\n#mh-header nav a::after{content:\"\";position:absolute;left:0;bottom:-2px;width:0;height:1px;background:var(--red);transition:width .35s cubic-bezier(.16,1,.3,1)}\n#mh-header nav a:hover{opacity:1}#mh-header nav a:hover::after{width:100%}\n#mh-header .cta{font-weight:600;font-size:.8rem;letter-spacing:.12em;text-transform:uppercase;color:var(--cream);text-decoration:none;border:1px solid var(--cream);padding:.7em 1.2em;border-radius:40px;transition:.35s}\n#mh-header .cta:hover{background:var(--red);border-color:var(--red);color:#fff}\n@media(max-width:760px){#mh-header nav,#mh-header .cta{display:none}}\n</style>\n<header id=\"mh-header\"><div class=\"in\">\n  <a class=\"logo\" href=\"/\">\n  <img src=\"https://files.catbox.moe/6ogtdf.png\" alt=\"MADAH\" />\n</a>\n  <nav><a href=\"/proyectos\">Proyectos</a><a href=\"/sobre-mi\">Sobre m\\xed</a><a href=\"/hablemos\">Hablemos</a></nav>\n  <a class=\"cta\" href=\"mailto:melihambra@hotmail.com?subject=Nuevo%20Proyecto&body=Hola%20Melanie,%20vi%20tu%20portfolio%20y%20me%20gustar\\xeda%20hablar%20sobre...\">Trabajemos juntos</a>\n</div></header>\n<script>\n  window.addEventListener(\"scroll\", function(){\n    const header = document.querySelector(\"#mh-header\");\n    if(!header) return;\n\n    if(window.scrollY > 20){\n      header.classList.add(\"scrolled\");\n    } else {\n      header.classList.remove(\"scrolled\");\n    }\n  });\n</script>`;return /*#__PURE__*/_jsx(\"div\",{style:{width:\"100%\"},dangerouslySetInnerHTML:{__html:html}});}\nexport const __FramerMetadata__ = {\"exports\":{\"default\":{\"type\":\"reactComponent\",\"name\":\"MadahHeader\",\"slots\":[],\"annotations\":{\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./Header.map","// Generated by Framer (3ad0d99)\nexport default function metadata(params,activeLocale){return{description:\"Made with Framer\",robots:\"max-image-preview:large\",title:\"My Framer Site\"};}export const metadataVersion=1;\nexport const __FramerMetadata__ = {\"exports\":{\"metadataVersion\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"default\":{\"type\":\"function\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}"],"mappings":"oGAK2C,SAAwB,GAAY,CAyMvE,OAAoB,EAAK,MAAM,CAAC,MAAM,CAAC,MAAM,OAAO,CAAC,wBAAwB,CAAC,OAzMK;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;QAyMO,CAAC,CAAC,kBAzMzD,ICJA,SAAwB,GAAa,CAuFrE,OAAoB,EAAK,MAAM,CAAC,MAAM,CAAC,MAAM,OAAO,CAAC,wBAAwB,CAAC,OAvFG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;YAuFS,CAAC,CAAC,kBAvF5D,ICA3C,SAAwB,EAAS,EAAO,EAAa,CAAC,MAAM,CAAC,YAAY,mBAAmB,OAAO,0BAA0B,MAAM,iBAAiB"}