{
  "version": 3,
  "sources": ["ssg:https://framerusercontent.com/modules/dxNAZo7kZw0MMop6ZZZO/kd3sb85yO3arDkBIcT64/siteMetadata.js"],
  "sourcesContent": ["// Generated by Framer (b0cf16c)\nexport default function metadata(params,activeLocale){return{customHTMLHeadStart:'<meta name=\"apple-mobile-web-app-capable\" content=\"yes\">\\n<meta name=\"apple-mobile-web-app-status-bar-style\" content=\"black\">\\n<meta name=\"theme-color\" content=\"#000000\">\\n\\n\\n\\n<style>\\n  @import url(\\'https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@400;700&display=swap\\');\\n\\n\\n body[toggle-theme=\"light\"]  .arrow2 {\\n    filter:invert(1) !important; \\n   }\\n\\n\\n\\n /*body[toggle-theme=\"light\"] #classfooterblack .icon-open::before {\\n    filter:invert(1) !important; \\n   }*/\\n body[toggle-theme=\"light\"]  .icon-open::before {\\n    filter:invert(1) !important; \\n   }\\n\\n   body[toggle-theme=\"dark\"] .arrow1{\\n    filter:invert(1);\\n   }\\n     #classfooterblack .arrow1{\\n    filter: invert(1);\\n  }\\n  #classfooterblack .arrow2{\\n    filter: invert(0) !important;\\n  }\\n\\nbody[toggle-theme=\"light\"]   #classfooterblack .icon-open::before{\\n   filter: invert(0) !important;\\n}\\n  body,html{\\n  scroll-behavior: smooth;\\n      -webkit-font-smoothing: antialiased;\\n    text-rendering: optimizeLegibility;\\n   --framer-font-open-type-features: \\'zero\\' on !important;\\n  font-feature-settings: \\'zero\\' on, \\'ss03\\' on !important;\\n\\n  }\\n  h6,h1,h2,h3,h4,h5,div,span,p{\\n    --framer-font-open-type-features: \\'ss03\\' on, \\'zero\\' on !important;\\n    font-feature-settings: \\'ss03\\' on, \\'zero\\' on !important;\\n\\n  }\\n.framer-vhrq3h{\\n  position: fixed !important;\\n  top: auto !important;\\n  left: auto !important;\\n  bottom: 96px;\\n  right: 56px;\\n  z-index: 2;\\n}\\n  .imgCover{\\n    height:auto !important;\\n  }\\n.imgCover > div {\\n  position:relative !important;\\n}\\n\\n.imgCover img {\\n height:fit-content !important;\\n max-height:925px;\\n width: initial !important;\\n float:right;\\n}\\n  .menuD{\\n      display:block !important;\\n      \\n    }\\n    .menuM{\\n      display:none !important;\\n    }\\n  .lineClass2 .framer-1w9xb5p{\\n   right:-20px !important;\\n  \\n  }\\n\\n[data-framer-name=\"Project 5 Vertical\"],[data-framer-name=\"Project 6 Vertical\"]  {\\n  width:350px !important;\\n}\\n  .lineClass1 .framer-1w9xb5p{\\n   right:-37px !important;\\n   width: fit-content !important;\\n  max-height: 275px;\\n  \\n\\n  }\\n  .cursorpointer3{\\n        cursor: default !important;\\n  }\\n   .cursorpointer1,.cursorpointer4{\\n        cursor: pointer !important;\\n  }\\n   .cursorpointer1:hover .framer-1w9xb5p div, .cursorpointer4:hover .framer-1w9xb5p div{\\n        cursor: pointer !important;\\n             background-color:rgb(204, 255, 0); \\n             color: #000000;\\n  }\\n   .lineClass1 .framer-1w9xb5p div, .lineClass2 .framer-1w9xb5p div{\\n        padding-bottom: 5px;\\n        margin-left: 2px;\\n  }\\n \\n.SliderW img{\\n  max-height:600px !important;\\n}\\n\\n\\n   .cursorpointer1:hover h6, .cursorpointer4:hover h6{\\n        \\n           \\n             color: #000000 !important;\\n  }\\n  \\n  .SliderW li div:first-child{\\n   position:relative !important;\\n   height:auto;\\n   \\n  }\\n \\n\\n.SliderW section > div{\\n  position:relative !important;\\n}\\n.SliderW > div{\\n  height:auto !important;\\n}\\n  .SliderW ul {\\n   \\n    place-items: flex-start center !important;\\n}\\n.SliderW .framer-vimeo > div{\\nheight:100% !important;\\n\\n}\\n.SliderW  .framer-vimeo {\\n height:345px !important;\\n}\\n.SliderW .divSlider .framer-vimeo {\\n height:600px !important;\\n}\\n\\n\\n.SliderW .divSlider  {\\n  /* height: 270px !important; */\\n}\\n.SliderW .divSlider > div{\\nheight:100% !important;\\nwidth:100%;\\n}\\n\\n.SliderW  .framer-vimeo{\\n  /* min-height:600px; */\\n}\\n\\n  .SliderW  .btnPlay\\n   {\\n   position:absolute !important;\\n   height:40px !important;\\n   width:40px !important;\\n   left:50%;\\n   top:50%;\\n  }\\n  .SliderW fieldset button > div, .SliderVideo fieldset button > div{\\nwidth: 100px !important;\\n    border-radius: 0px !important;\\n    height: 3px !important;\\n}\\n.SliderW fieldset div:nth-child(2), .SliderVideo fieldset div:nth-child(2){\\n    position: absolute !important;\\n    height: 20px;\\n    top: 0 !important;\\n    transform: none !important;\\n    align-items: flex-start !important;\\n    right: -295px;\\n    padding-top:8px;\\n   \\n    left: auto !important;\\n}\\n\\n  .svgContainer{\\n    margin-right: 4px;\\n    margin-top: -4px;\\n\\n  }\\n\\n\\n   .imgw {\\n        width:510px !important;\\n        height:fit-content !important;\\n    }\\n  \\n  .imgh{\\n        width:340px !important;\\n        height:fit-content !important;\\n    }\\n  body[toggle-theme=\"light\"] #idNav-darkmode .framer-1dmyqem, body[toggle-theme=\"light\"] #idNav-darkmode .framer-eexmls{\\n    display: none;\\n   }\\n   body[toggle-theme=\"dark\"] #idNav-darkmode .framer-1ivh1cw, body[toggle-theme=\"dark\"] #idNav-darkmode .framer-55p285{\\n    display: none;\\n   }\\n   #idNav-darkmode.framer-v-1bbi9uc, #idNav-darkmode.framer-v-cpyu7s{\\n    height: 100vh !important;\\n    z-index: 10 !important;\\n    position: fixed;\\n    top: 0 !important;\\n    left: 0 !important;\\n   }\\n   .framer-hpO90.framer-1ae6ag5, .framer-9verk6, .framer-XFGCF.framer-1ae6ag5, .framer-Q19zM, .framer-rkL20, .framer-LH84l{\\n    transform: none !important;\\n   }\\n  .framer-pvibu7-container, .framer-945oc5-container, .framer-20Xth{\\n    cursor: pointer !important;\\n  }\\n  .framer-e3QOY.framer-v-ayquo3.hover.framer-ayquo3 p{\\n    color: #000000 !important;\\n  }\\n  .idTarget{\\n    padding: 14px;\\n  }\\n  .idTarget:hover{\\n    filter: grayscale(1);\\n    background-color: #D4D0C9;\\n  }\\n   .icon-closed::before {\\n  content: \"\";\\n  display: inline-block;\\n  width: 10px; /* Ajusta el tama\\xf1o del icono */\\n  height: 10px;\\n  background-image: url(\\'data:image/svg+xml,<svg width=\"10\" height=\"10\" viewBox=\"0 0 10 10\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" > <path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M4.70718 3.58594L1.41421 0.292969L0 1.70718L3.29297 5.00015L0.000150742 8.29297L1.41436 9.70718L4.70718 6.41436L8 9.70718L9.41421 8.29297L6.1214 5.00015L9.41436 1.70718L8.00015 0.292969L4.70718 3.58594Z\" fill=\"black\" /> </svg>\\'); \\n  position:absolute;\\n  margin-top: 6px; \\n  margin-left: -13px;\\n}\\nbody[toggle-theme=\"dark\"] button[aria-label=\"Next\"] , body[toggle-theme=\"dark\"] button[aria-label=\"Previous\"]{\\nfilter:invert(1) !important;\\n\\n}\\n .icon-open::before {\\n  content: \"\";\\n  display: inline-block;\\n  width: 8px; /* Ajusta el tama\\xf1o del icono */\\n  height: 8px;\\n  background-image: url(\\'data:image/svg+xml,<svg width=\"8\" height=\"8\" viewBox=\"0 0 8 8\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" > <circle cx=\"4\" cy=\"4\" r=\"4\" fill=\"black\" /> </svg>\\'); \\n  position:absolute;\\n  margin-top: 7px; \\n  margin-left: -13px;\\n    animation-name: parpadeo;\\n  animation-duration: 3s;\\n  animation-timing-function: linear;\\n  animation-iteration-count: infinite;\\n\\n  -webkit-animation-name:parpadeo;\\n  -webkit-animation-duration:3s;\\n  -webkit-animation-timing-function: linear;\\n  -webkit-animation-iteration-count: infinite;\\n}\\n#classfooterblack .icon-closed::before {\\n   background-image: url(\\'data:image/svg+xml,<svg width=\"10\" height=\"10\" viewBox=\"0 0 10 10\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" > <path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M4.70718 3.58594L1.41421 0.292969L0 1.70718L3.29297 5.00015L0.000150742 8.29297L1.41436 9.70718L4.70718 6.41436L8 9.70718L9.41421 8.29297L6.1214 5.00015L9.41436 1.70718L8.00015 0.292969L4.70718 3.58594Z\" fill=\"white\" /> </svg>\\') !important; \\n}\\n/* #classfooterblack .icon-open::before {\\n  \\n  background-image: url(\\'data:image/svg+xml,<svg width=\"8\" height=\"8\" viewBox=\"0 0 8 8\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" > <circle cx=\"4\" cy=\"4\" r=\"4\" fill=\"white\" /> </svg>\\'); \\n  \\n}*/\\n\\n\\n@-moz-keyframes parpadeo{  \\n  0% { opacity: 1.0; }\\n  50% { opacity: 0.0; }\\n  100% { opacity: 1.0; }\\n}\\n\\n@-webkit-keyframes parpadeo {  \\n  0% { opacity: 1.0; }\\n  50% { opacity: 0.0; }\\n   100% { opacity: 1.0; }\\n}\\n\\n@keyframes parpadeo {  \\n  0% { opacity: 1.0; }\\n   50% { opacity: 0.0; }\\n  100% { opacity: 1.0; }\\n}\\n.videocontent {\\n    width: 100% !important;\\n    height: 100% !important;\\n}\\n\\n .imgw .framer-605s97{\\nbackground-color:red;\\n}\\n\\n.framer-hcusug{\\n  transition: .5s !important;\\n  interpolate-size: allow-keywords;\\n}\\n\\n\\n @media only screen and (max-width: 1439px) {\\n   .SliderW fieldset div:nth-child(2), .SliderVideo fieldset div:nth-child(2){\\n   \\n    right: -210px;\\n  \\n}\\n.SliderW fieldset div:nth-child(1), .SliderVideo fieldset div:nth-child(1){\\n  left: -210px !important;\\n}\\n  }\\n\\n\\n @media only screen and (max-width: 1240px) {\\n   .imgw {\\n        width:465px !important;\\n        height:fit-content !important;\\n    }\\n  }\\n\\n @media only screen and (max-width: 1199px) {\\n    .infoStack{\\n    flex-direction: column-reverse !important;\\n    gap: 20px !important;\\n  }\\n\\n\\n     .SliderW fieldset div:nth-child(2), .SliderVideo fieldset div:nth-child(2){\\n   \\n    right: -250px;\\n  \\n}\\n.SliderW fieldset div:nth-child(1), .SliderVideo fieldset div:nth-child(1){\\n  left: -250px !important;\\n}\\n \\n  .imgh{\\n        width:330px !important;\\n        height:fit-content !important;\\n                    margin: 0 auto;\\n    }\\n       .imgw{\\n        width:430px !important;\\n        height:fit-content !important;\\n                    margin: 0 auto;\\n    }\\n     .menuD{\\n      display:none !important;\\n    }\\n    .menuM{\\n      display:block !important;\\n    }\\n  \\n     .lineClass1 .framer-1w9xb5p, .lineClass2 .framer-1w9xb5p{\\n  display:none !important;\\n  \\n\\n  }\\n  .textOpacity > div {\\n    opacity:1 !important;\\n        width: 100% !important;\\n  }\\n  \\n}\\n @media only screen and (max-width: 1170px) {\\n\\n      .SliderW fieldset div:nth-child(2), .SliderVideo fieldset div:nth-child(2){\\n\\n      right: -205px;\\n\\n      }\\n      .SliderW fieldset div:nth-child(1), .SliderVideo fieldset div:nth-child(1){\\n      left: -205px !important;\\n      }\\n \\n }\\n@media only screen and (max-width: 1090px) {\\n    .imgCoverContain{\\n       min-height: auto !important\\n        \\n    }\\n    \\n       .imgw{\\n        width:330px !important;\\n        \\n    }\\n    .SliderW fieldset div:nth-child(2){\\n        display:none !important;\\n        \\n        \\n    }\\n\\n     .SliderW fieldset div:nth-child(1){\\n        left:-10rem !important;\\n        \\n        \\n    }\\n    \\n   \\n\\n     \\n  } \\n\\n @media only screen and (max-width: 990px) {\\n .SliderW fieldset div:nth-child(1){\\n       left: -5rem !important\\n        \\n    }\\n   }\\n  \\n @media only screen and (max-width: 810px) {\\n  [data-framer-name=\"Project 5 Horizontal\"] .framer-vimeo {\\n      max-height:170px; \\n        \\n    }\\n   }\\n\\n    @media only screen and (max-width: 768px) {\\n .SliderW fieldset div:nth-child(1){\\n       left: -4rem !important\\n        \\n    }\\n \\n   }\\n\\n    @media only screen and (max-width: 740px) {\\n    \\n \\n\\n           .SliderW fieldset div:nth-child(1){\\n       left: 0rem !important\\n        \\n    }\\n}\\n\\n @media only screen and (max-width: 650px) {\\n  .SliderW img{\\n    max-height:400px !important;\\n  }\\n   .SliderW > div{\\n      width: 330px !important;\\n     \\n      }\\n      .SliderW .divSlider .framer-vimeo {\\n      height:400px !important;\\n      }\\n \\n       .imgw{\\n        width:330px !important;\\n          }\\n\\n           .SliderW fieldset div:nth-child(1){\\n       left: auto !important\\n        \\n    }\\n    .SliderW .framer-vimeo{\\n       height:190px !important;\\n        \\n    }\\n    .SliderW .btnPlay{\\n       transform:translateX(-50%) !important;\\n        \\n    }\\n    [data-framer-name=\"Project 5 Vertical\"], [data-framer-name=\"Project 6 Vertical\"]{\\n       width:230px !important;\\n        \\n    }\\n}\\n\\n    \\n\\n</style>\\n\\n',description:\"Nativo is a global creative agency specializing in branding, visual identity, and activation design. With nearly two decades of experience, we craft compelling visuals and brand experiences, blending artistry, strategy, and innovation to shape culture.\",favicon:\"https://framerusercontent.com/assets/Bewyqq6XJ83CWFDeOAi3a9MpxGg.png\",robots:\"max-image-preview:large\",socialImage:\"https://framerusercontent.com/assets/7j2tQKEnYaemPAKJqiuUxIPPK8.png\",title:\"Nativo\"};}export const metadataVersion=1;\nexport const __FramerMetadata__ = {\"exports\":{\"metadataVersion\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"default\":{\"type\":\"function\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}"],
  "mappings": "AACe,SAARA,EAA0BC,EAAOC,EAAa,CAAC,MAAM,CAAC,oBAAoB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAAqxW,YAAY,+PAA+P,QAAQ,uEAAuE,OAAO,0BAA0B,YAAY,sEAAsE,MAAM,QAAQ,CAAE",
  "names": ["metadata", "params", "activeLocale"]
}