{"id":19,"date":"2023-09-08T15:31:33","date_gmt":"2023-09-08T15:31:33","guid":{"rendered":"https:\/\/manguerasbicolor.com.co\/?page_id=19"},"modified":"2026-08-19T18:53:40","modified_gmt":"2026-08-19T18:53:40","slug":"contactanos","status":"publish","type":"page","link":"https:\/\/manguerasbicolor.com.co\/?page_id=19","title":{"rendered":"contactanos"},"content":{"rendered":"\n<style>\n:root{\n  --mb-bg:#0a0a0c;\n  --mb-bg-soft:#121216;\n  --mb-card:#17171c;\n  --mb-line:#26262e;\n  --mb-text:#f3f3f5;\n  --mb-text-dim:#a6a6b0;\n  --mb-orange:#ff6a3d;\n  --mb-blue:#19b8e6;\n  --mb-grad:linear-gradient(120deg,var(--mb-orange),var(--mb-blue));\n}\n.mb-root{background:var(--mb-bg);color:var(--mb-text);font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Arial,sans-serif;overflow-x:hidden;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);width:100vw;}\n.mb-root *{box-sizing:border-box;}\n.mb-wrap{max-width:1180px;margin:0 auto;padding:0 24px;}\n.mb-eyebrow{display:inline-block;font-size:13px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--mb-orange);margin-bottom:14px;}\n.mb-h2{font-size:clamp(28px,4vw,44px);font-weight:800;line-height:1.15;margin:0 0 16px;}\n.mb-sub{color:var(--mb-text-dim);font-size:17px;line-height:1.7;max-width:640px;}\n.mb-btn{display:inline-flex;align-items:center;gap:10px;padding:15px 28px;border-radius:999px;font-weight:700;font-size:15px;text-decoration:none;border:2px solid transparent;transition:transform .25s ease,box-shadow .25s ease,background .25s ease;cursor:pointer;}\n.mb-btn-primary{background:var(--mb-grad);color:#08080a;}\n.mb-btn-primary:hover{transform:translateY(-3px);box-shadow:0 14px 30px -10px rgba(255,106,61,.55);color:#08080a;}\n.mb-btn-ghost{border-color:rgba(255,255,255,.25);color:var(--mb-text);}\n.mb-btn-ghost:hover{border-color:var(--mb-orange);background:rgba(255,106,61,.08);color:var(--mb-text);transform:translateY(-3px);}\n\n\/* PAGE HERO (interior pages, shorter than home) *\/\n.mb-phero{position:relative;min-height:56vh;display:flex;align-items:center;overflow:hidden;}\n.mb-phero-bg{position:absolute;inset:0;background-size:cover;background-position:center;will-change:transform;}\n.mb-phero-overlay{position:absolute;inset:0;background:linear-gradient(180deg,rgba(8,8,10,.6) 0%,rgba(8,8,10,.8) 60%,var(--mb-bg) 100%);}\n.mb-phero-inner{position:relative;z-index:2;width:100%;}\n.mb-phero h1{font-size:clamp(34px,5vw,58px);font-weight:900;line-height:1.08;margin:0 0 18px;letter-spacing:-.02em;}\n.mb-phero h1 span{background:var(--mb-grad);-webkit-background-clip:text;background-clip:text;color:transparent;}\n.mb-phero p{font-size:clamp(15px,1.6vw,18px);color:var(--mb-text-dim);max-width:600px;margin:0;line-height:1.6;}\n\n.mb-reveal{opacity:0;transform:translateY(36px);transition:opacity .8s cubic-bezier(.16,1,.3,1),transform .8s cubic-bezier(.16,1,.3,1);}\n.mb-reveal.in{opacity:1;transform:translateY(0);}\n\n.mb-section{padding:90px 0;}\n.mb-section-head{text-align:center;max-width:680px;margin:0 auto 50px;}\n.mb-section-head .mb-sub{margin:0 auto;}\n\n.mb-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:26px;}\n.mb-card{position:relative;background:var(--mb-card);border:1px solid var(--mb-line);border-radius:20px;padding:36px 30px;overflow:hidden;transition:transform .35s cubic-bezier(.16,1,.3,1),border-color .35s;}\n.mb-card::before{content:'';position:absolute;inset:0;background:var(--mb-grad);opacity:0;transition:opacity .35s;z-index:0;}\n.mb-card:hover{transform:translateY(-10px);border-color:transparent;}\n.mb-card:hover::before{opacity:1;}\n.mb-card-inner{position:relative;z-index:1;}\n.mb-card:hover .mb-card-inner{color:#08080a;}\n.mb-card-ic{width:56px;height:56px;border-radius:14px;background:rgba(255,106,61,.12);display:flex;align-items:center;justify-content:center;font-size:26px;margin-bottom:22px;transition:background .35s;}\n.mb-card:hover .mb-card-ic{background:rgba(8,8,10,.15);}\n.mb-card h3{font-size:20px;font-weight:800;margin:0 0 12px;}\n.mb-card p{color:var(--mb-text-dim);font-size:15px;line-height:1.65;margin:0;transition:color .35s;}\n.mb-card:hover p{color:rgba(8,8,10,.75);}\n@media (max-width:900px){.mb-cards{grid-template-columns:1fr;}}\n.mb-cards-2{display:grid;grid-template-columns:repeat(2,1fr);gap:26px;}\n@media (max-width:760px){.mb-cards-2{grid-template-columns:1fr;}}\n.mb-cards-4{display:grid;grid-template-columns:repeat(4,1fr);gap:22px;}\n@media (max-width:900px){.mb-cards-4{grid-template-columns:repeat(2,1fr);}}\n\n.mb-carousel-wrap{position:relative;}\n.mb-carousel{display:flex;gap:22px;overflow-x:auto;scroll-snap-type:x mandatory;padding:8px 4px 26px;scrollbar-width:none;}\n.mb-carousel::-webkit-scrollbar{display:none;}\n.mb-slide{flex:0 0 300px;scroll-snap-align:start;background:var(--mb-card);border:1px solid var(--mb-line);border-radius:18px;overflow:hidden;transition:transform .3s;}\n.mb-slide:hover{transform:translateY(-6px);}\n.mb-slide img{width:100%;height:190px;object-fit:cover;display:block;}\n.mb-slide-body{padding:22px;}\n.mb-slide-body h4{margin:0 0 8px;font-size:16px;font-weight:800;}\n.mb-slide-body p{margin:0;color:var(--mb-text-dim);font-size:13.5px;line-height:1.6;}\n.mb-carousel-nav{display:flex;gap:12px;justify-content:center;margin-top:6px;}\n.mb-nav-btn{width:44px;height:44px;border-radius:50%;border:1px solid var(--mb-line);background:var(--mb-bg-soft);color:var(--mb-text);display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:18px;transition:.25s;}\n.mb-nav-btn:hover{background:var(--mb-grad);color:#08080a;border-color:transparent;}\n\n.mb-process{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;}\n.mb-step{position:relative;padding:34px 26px 26px;border-left:2px solid var(--mb-line);transition:border-color .3s;}\n.mb-step:hover{border-color:var(--mb-orange);}\n.mb-step .mb-step-num{font-size:46px;font-weight:900;color:transparent;-webkit-text-stroke:1.5px var(--mb-line);margin-bottom:14px;display:block;transition:.3s;}\n.mb-step:hover .mb-step-num{-webkit-text-stroke:1.5px var(--mb-orange);}\n.mb-step h3{font-size:18px;font-weight:800;margin:0 0 10px;}\n.mb-step p{color:var(--mb-text-dim);font-size:14.5px;line-height:1.65;margin:0;}\n@media (max-width:900px){.mb-process{grid-template-columns:1fr;}}\n\n.mb-locs{display:grid;grid-template-columns:1fr 1fr;gap:24px;}\n.mb-loc{background:var(--mb-card);border:1px solid var(--mb-line);border-radius:20px;padding:32px;transition:transform .3s,border-color .3s;}\n.mb-loc:hover{transform:translateY(-6px);border-color:var(--mb-orange);}\n.mb-loc h3{margin:0 0 14px;font-size:19px;font-weight:800;display:flex;align-items:center;gap:10px;}\n.mb-loc p{margin:0 0 8px;color:var(--mb-text-dim);font-size:14.5px;}\n.mb-loc a{color:var(--mb-text);text-decoration:none;font-weight:700;}\n.mb-loc a:hover{color:var(--mb-orange);}\n@media (max-width:760px){.mb-locs{grid-template-columns:1fr;}}\n\n.mb-cta{position:relative;border-radius:28px;overflow:hidden;padding:70px 40px;text-align:center;background:var(--mb-grad);}\n.mb-cta h2{color:#08080a;font-size:clamp(26px,4vw,40px);font-weight:900;margin:0 0 16px;}\n.mb-cta p{color:rgba(8,8,10,.75);max-width:520px;margin:0 auto 30px;font-size:16px;}\n.mb-cta .mb-btn-primary{background:#08080a;color:#fff;}\n.mb-cta .mb-btn-primary:hover{box-shadow:0 14px 30px -10px rgba(0,0,0,.5);color:#fff;}\n\n.mb-form{background:var(--mb-card);border:1px solid var(--mb-line);border-radius:20px;padding:36px;}\n.mb-form label{display:block;font-size:13px;font-weight:700;color:var(--mb-text-dim);margin:0 0 8px;text-transform:uppercase;letter-spacing:.06em;}\n.mb-form input,.mb-form textarea{width:100%;background:var(--mb-bg-soft);border:1px solid var(--mb-line);border-radius:12px;padding:13px 16px;color:var(--mb-text);font-size:15px;margin-bottom:20px;font-family:inherit;transition:border-color .25s;}\n.mb-form input:focus,.mb-form textarea:focus{outline:none;border-color:var(--mb-orange);}\n.mb-form textarea{min-height:120px;resize:vertical;}\n\n.mb-fea{display:flex;gap:18px;align-items:flex-start;padding:22px 0;border-bottom:1px solid var(--mb-line);}\n.mb-fea:last-child{border-bottom:none;}\n.mb-fea .ic{width:46px;height:46px;flex:0 0 46px;border-radius:12px;background:rgba(255,106,61,.12);display:flex;align-items:center;justify-content:center;font-size:22px;}\n.mb-fea h4{margin:0 0 6px;font-size:16.5px;font-weight:800;}\n.mb-fea p{margin:0;color:var(--mb-text-dim);font-size:14.5px;line-height:1.6;}\n.mb-map{width:100%;height:260px;border:0;border-radius:14px;margin-top:18px;filter:grayscale(.3) contrast(1.1);}\n\n.mb-root h1,.mb-root h2,.mb-root h3,.mb-root h4{color:var(--mb-text) !important;}\n.mb-root .mb-hero h1 span,.mb-root .mb-phero h1 span{color:transparent !important;}\n.mb-root .mb-cta h1,.mb-root .mb-cta h2,.mb-root .mb-cta h3{color:#08080a !important;}\n.mb-root .mb-card:hover h3{color:#08080a !important;}\n<\/style>\n<div class=\"mb-root\">\n\n  <section class=\"mb-phero\" style=\"min-height:44vh;\">\n    <div class=\"mb-phero-bg\" style=\"background-image:url('https:\/\/manguerasbicolor.com.co\/wp-content\/uploads\/redesign\/hero-contacto.png')\"><\/div>\n    <div class=\"mb-phero-overlay\"><\/div>\n    <div class=\"mb-wrap mb-phero-inner\">\n      <div class=\"mb-eyebrow\">Cont\u00e1ctanos<\/div>\n      <h1>Hablemos de tu <span>pr\u00f3ximo proyecto<\/span><\/h1>\n      <p>Escr\u00edbenos por WhatsApp o vis\u00edtanos en cualquiera de nuestras dos sedes en Colombia.<\/p>\n    <\/div>\n  <\/section>\n\n  <section class=\"mb-section\" style=\"padding-top:60px;\">\n    <div class=\"mb-wrap\">\n      <div class=\"mb-cta mb-reveal\" style=\"margin-bottom:70px;\">\n        <h2>Respuesta r\u00e1pida por WhatsApp<\/h2>\n        <p>Ventas: +57 322 635 9000 \u2014 cu\u00e9ntanos qu\u00e9 necesitas y te respondemos a la brevedad.<\/p>\n        <a href=\"https:\/\/wa.me\/573226359000\" target=\"_blank\" rel=\"noopener\" class=\"mb-btn mb-btn-primary\">Escribir por WhatsApp \u2192<\/a>\n      <\/div>\n\n      <div class=\"mb-section-head mb-reveal\">\n        <div class=\"mb-eyebrow\">Nuestras sedes<\/div>\n        <h2 class=\"mb-h2\">Vis\u00edtanos en persona<\/h2>\n      <\/div>\n      <div class=\"mb-locs mb-reveal\">\n        <div class=\"mb-loc\">\n          <h3>\ud83d\udccd Sede Principal \u2014 Bello, Antioquia<\/h3>\n          <p>Diagonal 52 # 12-353, Niqu\u00eda<\/p>\n          <p>Tel. <a href=\"tel:+576046049060\">+57 (604) 604 9060<\/a><\/p>\n          <p>Ventas: <a href=\"https:\/\/wa.me\/573226359000\" target=\"_blank\" rel=\"noopener\">+57 322 635 9000<\/a><\/p>\n          <iframe class=\"mb-map\" loading=\"lazy\" src=\"https:\/\/www.google.com\/maps?q=Diagonal+52+%2312-353,+Niqu%C3%ADa,+Bello,+Antioquia&#038;output=embed\"><\/iframe>\n        <\/div>\n        <div class=\"mb-loc\">\n          <h3>\ud83d\udccd Sede Caribe<\/h3>\n          <p>Cra 64 # 74 \u2013 37<\/p>\n          <p>Tel. <a href=\"tel:+576045298808\">+57 (604) 529 8808<\/a><\/p>\n          <p>Ventas: <a href=\"https:\/\/wa.me\/573226359000\" target=\"_blank\" rel=\"noopener\">+57 322 635 9000<\/a><\/p>\n          <iframe class=\"mb-map\" loading=\"lazy\" src=\"https:\/\/www.google.com\/maps?q=Cra+64+%2374-37&#038;output=embed\"><\/iframe>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/section>\n\n<\/div>\n<script>\n(function(){\n  document.querySelectorAll('.mb-phero-bg[data-bg]').forEach(function(el){\n    el.style.backgroundImage = \"url('\" + el.getAttribute('data-bg') + \"')\";\n  });\n  var px = document.querySelector('.mb-phero-bg, .mb-hero-bg');\n  if(px){\n    window.addEventListener('scroll', function(){\n      var y = window.scrollY;\n      if(y < window.innerHeight * 1.2){\n        px.style.transform = 'translateY(' + (y * 0.35) + 'px) scale(1.08)';\n      }\n    }, {passive:true});\n  }\n  var reveals = document.querySelectorAll('.mb-reveal');\n  var io = new IntersectionObserver(function(entries){\n    entries.forEach(function(e){\n      if(e.isIntersecting){ e.target.classList.add('in'); io.unobserve(e.target); }\n    });\n  }, {threshold:0.15});\n  reveals.forEach(function(el){ io.observe(el); });\n  setTimeout(function(){ reveals.forEach(function(el){ el.classList.add('in'); }); }, 2500);\n\n  var counters = document.querySelectorAll('.mb-stat .num[data-count]');\n  var cio = new IntersectionObserver(function(entries){\n    entries.forEach(function(e){\n      if(e.isIntersecting){\n        var el = e.target;\n        var target = parseInt(el.getAttribute('data-count'), 10);\n        var dur = 1400, t0 = performance.now();\n        function tick(t){\n          var p = Math.min(1, (t - t0) \/ dur);\n          var eased = 1 - Math.pow(1 - p, 3);\n          el.textContent = Math.round(eased * target);\n          if(p < 1) requestAnimationFrame(tick);\n        }\n        requestAnimationFrame(tick);\n        cio.unobserve(el);\n      }\n    });\n  }, {threshold:0.5});\n  counters.forEach(function(el){ cio.observe(el); });\n  setTimeout(function(){ counters.forEach(function(el){ el.textContent = el.getAttribute('data-count'); }); }, 2500);\n\n  document.querySelectorAll('.mb-carousel-wrap').forEach(function(wrap){\n    var car = wrap.querySelector('.mb-carousel');\n    var prev = wrap.querySelector('.mb-nav-prev');\n    var next = wrap.querySelector('.mb-nav-next');\n    if(!car) return;\n    var scrollAmt = 322;\n    if(next) next.addEventListener('click', function(){ car.scrollBy({left:scrollAmt, behavior:'smooth'}); });\n    if(prev) prev.addEventListener('click', function(){ car.scrollBy({left:-scrollAmt, behavior:'smooth'}); });\n    var autoTimer = setInterval(function(){\n      if(car.scrollLeft + car.clientWidth >= car.scrollWidth - 10){\n        car.scrollTo({left:0, behavior:'smooth'});\n      } else {\n        car.scrollBy({left:scrollAmt, behavior:'smooth'});\n      }\n    }, 4200);\n    car.addEventListener('mouseenter', function(){ clearInterval(autoTimer); });\n  });\n})();\n<\/script>\n\n","protected":false},"excerpt":{"rendered":"<p>Cont\u00e1ctanos Hablemos de tu pr\u00f3ximo proyecto Escr\u00edbenos por WhatsApp o vis\u00edtanos en cualquiera de nuestras dos sedes en Colombia. Respuesta r\u00e1pida por WhatsApp Ventas: +57 322 635 9000 \u2014 cu\u00e9ntanos qu\u00e9 necesitas y te respondemos a la brevedad. Escribir por WhatsApp \u2192 Nuestras sedes Vis\u00edtanos en persona \ud83d\udccd Sede Principal \u2014 Bello, Antioquia Diagonal 52 &hellip; <\/p>\n<p class=\"link-more\"><a href=\"https:\/\/manguerasbicolor.com.co\/?page_id=19\" class=\"more-link\">Leer m\u00e1s<span class=\"screen-reader-text\"> \u00abcontactanos\u00bb<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"om_disable_all_campaigns":false,"footnotes":""},"class_list":["post-19","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/manguerasbicolor.com.co\/index.php?rest_route=\/wp\/v2\/pages\/19","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/manguerasbicolor.com.co\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/manguerasbicolor.com.co\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/manguerasbicolor.com.co\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/manguerasbicolor.com.co\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=19"}],"version-history":[{"count":54,"href":"https:\/\/manguerasbicolor.com.co\/index.php?rest_route=\/wp\/v2\/pages\/19\/revisions"}],"predecessor-version":[{"id":844,"href":"https:\/\/manguerasbicolor.com.co\/index.php?rest_route=\/wp\/v2\/pages\/19\/revisions\/844"}],"wp:attachment":[{"href":"https:\/\/manguerasbicolor.com.co\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=19"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}