Makro Metais \u2014 Port\u00f5es, Grades e Estruturas Met\u00e1licas em Porto Alegre<\/title>\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Outfit:wght@400;500;600;700;800&display=swap\" rel=\"stylesheet\">\r\n<style>\r\n*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }\r\n:root {\r\n --orange: #D95F1A;\r\n --orange-dark: #b84d12;\r\n --orange-light: #F2784B;\r\n --orange-bg: #FEF3EC;\r\n --dark: #1C1C1C;\r\n --mid: #4A4A4A;\r\n --muted: #7A7A7A;\r\n --border: #E8E5E0;\r\n --bg: #FFFFFF;\r\n --bg2: #F8F6F3;\r\n --bg3: #F2EFE9;\r\n}\r\nhtml { scroll-behavior: smooth; }\r\nbody { font-family: 'Outfit', sans-serif; background: var(--bg); color: var(--dark); overflow-x: hidden; }\r\n\r\nnav {\r\n position: fixed; top: 0; left: 0; right: 0; z-index: 100;\r\n background: rgba(255,255,255,0.96);\r\n backdrop-filter: blur(10px);\r\n border-bottom: 1px solid var(--border);\r\n display: flex; align-items: center; justify-content: space-between;\r\n padding: 0 clamp(20px,5vw,80px);\r\n height: 68px;\r\n}\r\n.nav-logo-text { font-size: 20px; font-weight: 800; color: var(--dark); letter-spacing: -0.5px; text-decoration: none; }\r\n.nav-logo-text span { color: var(--orange); }\r\n.nav-right { display: flex; align-items: center; gap: 24px; }\r\n.nav-phone { font-size: 15px; font-weight: 600; color: var(--mid); text-decoration: none; display: flex; align-items: center; gap: 7px; }\r\n.nav-phone svg { color: var(--orange); width: 16px; height: 16px; }\r\n.nav-cta {\r\n display: inline-flex; align-items: center; gap: 8px;\r\n background: #25D366; color: #fff;\r\n font-size: 14px; font-weight: 700;\r\n padding: 10px 20px; border-radius: 8px;\r\n text-decoration: none; transition: background .2s;\r\n}\r\n.nav-cta:hover { background: #1db954; }\r\n.nav-cta svg { width: 18px; height: 18px; }\r\n@media(max-width:620px){ .nav-phone { display:none; } }\r\n\r\n.hero {\r\n position: relative;\r\n padding-top: 68px;\r\n min-height: 92vh;\r\n background:\r\n linear-gradient(rgba(0,0,0,.68), rgba(0,0,0,.68)),\r\n url('https:\/\/funil.kitcasanova.online\/wp-content\/uploads\/2026\/04\/estrutura-metalica-1.avif') center\/cover no-repeat;\r\n}\r\n@media(max-width:860px){ .hero { min-height: auto; } }\r\n.hero-left {\r\n display: flex; flex-direction: column; justify-content: center;\r\n padding: clamp(48px,6vw,90px) clamp(20px,5vw,72px);\r\n min-height: calc(92vh - 68px);\r\n max-width: 760px;\r\n}\r\n@media(max-width:860px){ .hero-left { min-height: auto; } }\r\n.hero-badge {\r\n display: inline-flex; align-items: center; gap: 8px;\r\n background: rgba(255,255,255,.12);\r\n color: #fff;\r\n font-size: 13px; font-weight: 700;\r\n padding: 6px 14px; border-radius: 100px;\r\n margin-bottom: 24px; width: fit-content;\r\n border: 1px solid rgba(255,255,255,.22);\r\n}\r\n.badge-dot { width: 7px; height: 7px; border-radius: 50%; background: var(--orange); }\r\n.hero h1 {\r\n font-size: clamp(34px,4.5vw,56px);\r\n font-weight: 800;\r\n line-height: 1.1;\r\n letter-spacing: -1.5px;\r\n color: #fff;\r\n margin-bottom: 20px;\r\n}\r\n.hero h1 span { color: var(--orange); }\r\n.hero-sub {\r\n font-size: clamp(16px,1.8vw,18px);\r\n color: rgba(255,255,255,.82);\r\n line-height: 1.65;\r\n max-width: 440px;\r\n margin-bottom: 36px;\r\n}\r\n.hero-sub strong { color: #fff; font-weight: 600; }\r\n.hero-btns { display: flex; flex-wrap: wrap; gap: 12px; margin-bottom: 44px; }\r\n.btn-wa {\r\n display: inline-flex; align-items: center; gap: 10px;\r\n background: #25D366; color: #fff;\r\n font-size: 16px; font-weight: 700;\r\n padding: 15px 28px; border-radius: 10px;\r\n text-decoration: none; transition: background .2s, transform .15s;\r\n box-shadow: 0 4px 16px rgba(37,211,102,.25);\r\n}\r\n.btn-wa:hover { background: #1db954; transform: translateY(-2px); }\r\n.btn-wa svg { width: 22px; height: 22px; }\r\n.btn-out {\r\n display: inline-flex; align-items: center; gap: 8px;\r\n background: transparent; color: #fff;\r\n font-size: 16px; font-weight: 600;\r\n padding: 15px 28px; border-radius: 10px;\r\n text-decoration: none; border: 1.5px solid rgba(255,255,255,.45);\r\n transition: border-color .2s, background .2s;\r\n}\r\n.btn-out:hover { border-color: rgba(255,255,255,.75); background: rgba(255,255,255,.12); }\r\n.hero-stats { display: flex; gap: 32px; flex-wrap: wrap; align-items: center; }\r\n.stat-num { font-size: 30px; font-weight: 800; color: #fff; letter-spacing: -1px; line-height: 1; }\r\n.stat-num span { color: var(--orange); }\r\n.stat-label { font-size: 13px; color: rgba(255,255,255,.72); margin-top: 3px; }\r\n.stat-sep { width: 1px; height: 36px; background: rgba(255,255,255,.22); }\r\n\r\n.hero-right, .hero-img { display: none; }\r\n.hero-card {\r\n position: absolute; bottom: 24px; left: 24px;\r\n background: #fff; border-radius: 12px;\r\n padding: 14px 18px;\r\n display: flex; align-items: center; gap: 12px;\r\n box-shadow: 0 8px 32px rgba(0,0,0,.12);\r\n}\r\n.hero-card-icon {\r\n width: 40px; height: 40px; border-radius: 8px;\r\n background: var(--orange-bg);\r\n display: flex; align-items: center; justify-content: center;\r\n color: var(--orange); flex-shrink: 0;\r\n}\r\n.hero-card-title { font-size: 14px; font-weight: 700; color: var(--dark); }\r\n.hero-card-sub { font-size: 12px; color: var(--muted); margin-top: 1px; }\r\n\r\n.trust-bar {\r\n background: var(--bg2);\r\n border-top: 1px solid var(--border);\r\n border-bottom: 1px solid var(--border);\r\n padding: 16px clamp(20px,5vw,80px);\r\n display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 8px 32px;\r\n}\r\n.trust-item {\r\n display: flex; align-items: center; gap: 8px;\r\n font-size: 14px; font-weight: 600; color: var(--mid);\r\n}\r\n.trust-item svg { color: var(--orange); width: 17px; height: 17px; flex-shrink: 0; }\r\n\r\nsection { position: relative; }\r\n.sec { max-width: 1180px; margin: 0 auto; padding: clamp(60px,7vw,100px) clamp(20px,5vw,80px); }\r\n.sec-tag {\r\n display: inline-flex; align-items: center; gap: 8px;\r\n font-size: 12px; font-weight: 700; letter-spacing: 1.5px; text-transform: uppercase;\r\n color: var(--orange); margin-bottom: 14px;\r\n}\r\n.sec-tag::before { content:''; display:block; width:20px; height:2.5px; background:var(--orange); border-radius:2px; }\r\n.sec-title { font-size: clamp(26px,3.2vw,42px); font-weight: 800; letter-spacing: -1px; line-height: 1.12; color: var(--dark); margin-bottom: 16px; }\r\n.sec-sub { font-size: 17px; color: var(--muted); line-height: 1.65; max-width: 520px; }\r\n\r\n.svc-grid {\r\n display: grid;\r\n grid-template-columns: repeat(3,1fr);\r\n gap: 18px;\r\n margin-top: 48px;\r\n}\r\n@media(max-width:900px){ .svc-grid { grid-template-columns: 1fr 1fr; } }\r\n@media(max-width:560px){ .svc-grid { grid-template-columns: 1fr; } }\r\n.svc-card {\r\n border-radius: 16px; overflow: hidden;\r\n border: 1px solid var(--border);\r\n display: flex; flex-direction: column;\r\n transition: transform .25s, box-shadow .25s;\r\n}\r\n.svc-card:hover { transform: translateY(-4px); box-shadow: 0 12px 36px rgba(0,0,0,.08); }\r\n.svc-img { width: 100%; height: 196px; object-fit: cover; display: block; }\r\n.svc-body { padding: 20px 20px 22px; flex: 1; display: flex; flex-direction: column; }\r\n.svc-title { font-size: 17px; font-weight: 700; color: var(--dark); margin-bottom: 7px; letter-spacing: -.3px; }\r\n.svc-desc { font-size: 14px; color: var(--muted); line-height: 1.6; flex: 1; margin-bottom: 14px; }\r\n.svc-link { display: inline-flex; align-items: center; gap: 5px; font-size: 14px; font-weight: 700; color: var(--orange); text-decoration: none; transition: gap .2s; }\r\n.svc-link:hover { gap: 9px; }\r\n\r\n.why-bg { background: var(--bg2); }\r\n.why-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 56px; align-items: center; margin-top: 48px; }\r\n@media(max-width:780px){ .why-grid { grid-template-columns: 1fr; gap: 36px; } }\r\n.why-list { list-style: none; display: flex; flex-direction: column; gap: 22px; }\r\n.why-item { display: flex; gap: 15px; align-items: flex-start; }\r\n.why-icon {\r\n width: 42px; height: 42px; border-radius: 10px;\r\n background: var(--orange-bg); flex-shrink: 0;\r\n display: flex; align-items: center; justify-content: center;\r\n color: var(--orange);\r\n}\r\n.why-item-title { font-size: 16px; font-weight: 700; color: var(--dark); margin-bottom: 4px; }\r\n.why-item-desc { font-size: 14px; color: var(--muted); line-height: 1.6; }\r\n.why-photos { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }\r\n.why-photo { border-radius: 14px; overflow: hidden; }\r\n.why-photo img { width: 100%; height: 190px; object-fit: cover; display: block; transition: transform .4s; }\r\n.why-photo:hover img { transform: scale(1.04); }\r\n.why-photo:first-child { grid-column: 1 \/ -1; }\r\n.why-photo:first-child img { height: 250px; }\r\n\r\n.proc-bg { background: #1C1C1C; }\r\n.proc-bg .sec-tag { color: var(--orange-light); }\r\n.proc-bg .sec-tag::before { background: var(--orange-light); }\r\n.proc-bg .sec-title { color: #fff; }\r\n.proc-grid { display: grid; grid-template-columns: repeat(4,1fr); gap: 0; margin-top: 48px; }\r\n@media(max-width:700px){ .proc-grid { grid-template-columns: 1fr 1fr; } }\r\n@media(max-width:440px){ .proc-grid { grid-template-columns: 1fr; } }\r\n.proc-step { padding: 28px 24px; border-right: 1px solid rgba(255,255,255,.07); }\r\n.proc-step:last-child { border-right: none; }\r\n.proc-num { font-size: 44px; font-weight: 800; color: var(--orange); opacity: .3; line-height: 1; margin-bottom: 12px; }\r\n.proc-title { font-size: 16px; font-weight: 700; color: #fff; margin-bottom: 8px; }\r\n.proc-desc { font-size: 14px; color: rgba(255,255,255,.45); line-height: 1.65; }\r\n\r\n.gal-bg { background: var(--bg); }\r\n.gal-grid {\r\n display: grid;\r\n grid-template-columns: repeat(4,1fr);\r\n grid-template-rows: 210px 210px;\r\n gap: 10px;\r\n margin-top: 48px;\r\n}\r\n@media(max-width:800px){ .gal-grid { grid-template-columns: 1fr 1fr; grid-template-rows: auto; } }\r\n@media(max-width:480px){ .gal-grid { grid-template-columns: 1fr; } }\r\n.g-item { border-radius: 14px; overflow: hidden; }\r\n.g-item img { width: 100%; height: 100%; object-fit: cover; display: block; transition: transform .4s; }\r\n.g-item:hover img { transform: scale(1.05); }\r\n.g-large { grid-column: span 2; grid-row: span 2; }\r\n.g-tall { grid-row: span 2; }\r\n\r\n.test-bg { background: var(--bg2); }\r\n.test-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 18px; margin-top: 48px; }\r\n@media(max-width:820px){ .test-grid { grid-template-columns: 1fr 1fr; } }\r\n@media(max-width:520px){ .test-grid { grid-template-columns: 1fr; } }\r\n.test-card {\r\n background: var(--bg);\r\n border: 1px solid var(--border);\r\n border-radius: 16px;\r\n padding: 26px 22px;\r\n}\r\n.test-stars { color: #F5A623; font-size: 14px; letter-spacing: 1px; margin-bottom: 14px; }\r\n.test-text { font-size: 15px; color: var(--mid); line-height: 1.7; font-style: italic; margin-bottom: 18px; }\r\n.test-author { font-size: 15px; font-weight: 700; color: var(--dark); }\r\n.test-role { font-size: 13px; color: var(--muted); margin-top: 2px; }\r\n\r\n.cta-band { background: var(--orange); }\r\n.cta-inner {\r\n max-width: 1180px; margin: 0 auto;\r\n padding: clamp(52px,6vw,80px) clamp(20px,5vw,80px);\r\n display: grid; grid-template-columns: 1fr auto; gap: 40px; align-items: center;\r\n}\r\n@media(max-width:660px){ .cta-inner { grid-template-columns: 1fr; } }\r\n.cta-title { font-size: clamp(26px,3.2vw,40px); font-weight: 800; color: #fff; letter-spacing: -1px; line-height: 1.15; }\r\n.cta-sub { font-size: 17px; color: rgba(255,255,255,.8); margin-top: 10px; }\r\n.btn-white {\r\n display: inline-flex; align-items: center; gap: 10px;\r\n background: #fff; color: var(--orange-dark);\r\n font-size: 16px; font-weight: 800;\r\n padding: 16px 30px; border-radius: 10px;\r\n text-decoration: none; white-space: nowrap;\r\n box-shadow: 0 4px 20px rgba(0,0,0,.15);\r\n transition: transform .15s;\r\n}\r\n.btn-white:hover { transform: translateY(-2px); }\r\n.btn-white svg { width: 22px; height: 22px; }\r\n\r\nfooter { background: #161616; border-top: 1px solid rgba(255,255,255,.05); }\r\n.foot-inner {\r\n max-width: 1180px; margin: 0 auto;\r\n padding: 56px clamp(20px,5vw,80px) 32px;\r\n display: grid; grid-template-columns: 2fr 1fr 1fr; gap: 44px;\r\n}\r\n@media(max-width:660px){ .foot-inner { grid-template-columns: 1fr; gap: 28px; } }\r\n.foot-brand { font-size: 22px; font-weight: 800; color: #fff; letter-spacing: -.5px; margin-bottom: 12px; }\r\n.foot-brand span { color: var(--orange); }\r\n.foot-tagline { font-size: 14px; color: rgba(255,255,255,.38); line-height: 1.65; max-width: 280px; margin-bottom: 22px; }\r\n.foot-contacts { display: flex; flex-direction: column; gap: 10px; }\r\n.foot-contacts a { display: flex; align-items: center; gap: 9px; font-size: 14px; color: rgba(255,255,255,.5); text-decoration: none; transition: color .2s; }\r\n.foot-contacts a:hover { color: var(--orange-light); }\r\n.foot-contacts svg { width: 14px; height: 14px; flex-shrink: 0; }\r\n.foot-col-title { font-size: 11px; font-weight: 700; letter-spacing: 1.5px; text-transform: uppercase; color: rgba(255,255,255,.28); margin-bottom: 16px; }\r\n.foot-links { list-style: none; display: flex; flex-direction: column; gap: 10px; }\r\n.foot-links a { font-size: 14px; color: rgba(255,255,255,.48); text-decoration: none; transition: color .2s; }\r\n.foot-links a:hover { color: var(--orange-light); }\r\n.foot-bottom {\r\n max-width: 1180px; margin: 0 auto;\r\n padding: 22px clamp(20px,5vw,80px);\r\n border-top: 1px solid rgba(255,255,255,.05);\r\n display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 10px;\r\n}\r\n.foot-copy { font-size: 13px; color: rgba(255,255,255,.2); }\r\n.foot-ig { display: flex; align-items: center; gap: 6px; font-size: 13px; color: rgba(255,255,255,.28); text-decoration: none; transition: color .2s; }\r\n.foot-ig:hover { color: var(--orange-light); }\r\n\r\n.wa-float {\r\n position: fixed; bottom: 24px; right: 24px; z-index: 200;\r\n display: flex; align-items: center; gap: 10px;\r\n background: #25D366; color: #fff;\r\n font-size: 14px; font-weight: 700;\r\n padding: 13px 18px 13px 14px; border-radius: 100px;\r\n text-decoration: none;\r\n box-shadow: 0 6px 24px rgba(37,211,102,.38);\r\n transition: transform .2s;\r\n animation: floatUp .5s .8s both;\r\n}\r\n@keyframes floatUp { from { opacity:0; transform:translateY(14px); } to { opacity:1; transform:none; } }\r\n.wa-float:hover { transform: translateY(-3px); }\r\n.wa-float svg { width: 22px; height: 22px; }\r\n@media(max-width:440px){ .wa-float span { display:none; } .wa-float { padding: 14px; border-radius: 50%; } }\r\n\r\n.fu { opacity:0; transform:translateY(22px); transition: opacity .55s ease, transform .55s ease; }\r\n.fu.v { opacity:1; transform:none; }\r\n<\/style>\r\n<\/head>\r\n<body>\r\n\r\n<nav>\r\n <a href=\"#\" class=\"nav-logo-text\">MAKRO<span>METAIS<\/span><\/a>\r\n <div class=\"nav-right\">\r\n <a href=\"tel:5551310833007\" class=\"nav-phone\">\r\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><path d=\"M22 16.92v3a2 2 0 01-2.18 2 19.79 19.79 0 01-8.63-3.07A19.5 19.5 0 013.07 9.81a19.79 19.79 0 01-3.07-8.68A2 2 0 012 1h3a2 2 0 012 1.72c.127.96.361 1.903.7 2.81a2 2 0 01-.45 2.11L6.09 8.91a16 16 0 006 6l1.27-1.27a2 2 0 012.11-.45c.907.339 1.85.573 2.81.7A2 2 0 0122 16.92z\"\/><\/svg>\r\n (51) 3108-3307\r\n <\/a>\r\n <a href=\"https:\/\/wa.me\/5551980218711?text=Ol\u00e1!+Encontrei+voc\u00eas+no+Google+e+gostaria+de+mais+informa\u00e7\u00f5es\" class=\"nav-cta\" target=\"_blank\" rel=\"noopener\">\r\n <svg viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M17.472 14.382c-.297-.149-1.758-.867-2.03-.967-.273-.099-.471-.148-.67.15-.197.297-.767.966-.94 1.164-.173.199-.347.223-.644.075-.297-.15-1.255-.463-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.298-.347.446-.52.149-.174.198-.298.298-.497.099-.198.05-.371-.025-.52-.075-.149-.669-1.612-.916-2.207-.242-.579-.487-.5-.669-.51-.173-.008-.371-.01-.57-.01-.198 0-.52.074-.792.372-.272.297-1.04 1.016-1.04 2.479 0 1.462 1.065 2.875 1.213 3.074.149.198 2.096 3.2 5.077 4.487.709.306 1.262.489 1.694.625.712.227 1.36.195 1.871.118.571-.085 1.758-.719 2.006-1.413.248-.694.248-1.289.173-1.413-.074-.124-.272-.198-.57-.347m-5.421 7.403h-.004a9.87 9.87 0 01-5.031-1.378l-.361-.214-3.741.982.998-3.648-.235-.374a9.86 9.86 0 01-1.51-5.26c.001-5.45 4.436-9.884 9.888-9.884 2.64 0 5.122 1.03 6.988 2.898a9.825 9.825 0 012.893 6.994c-.003 5.45-4.437 9.884-9.885 9.884m8.413-18.297A11.815 11.815 0 0012.05 0C5.495 0 .16 5.335.157 11.892c0 2.096.547 4.142 1.588 5.945L.057 24l6.305-1.654a11.882 11.882 0 005.683 1.448h.005c6.554 0 11.89-5.335 11.893-11.893a11.821 11.821 0 00-3.48-8.413z\"\/><\/svg>\r\n WhatsApp\r\n <\/a>\r\n <\/div>\r\n<\/nav>\r\n\r\n<div class=\"hero\">\r\n <div class=\"hero-left\">\r\n <div class=\"hero-badge fu\"><span class=\"badge-dot\"><\/span> Porto Alegre e Grande POA<\/div>\r\n <h1 class=\"fu\">Port\u00f5es e estruturas<br><span>feitas para durar<\/span><\/h1>\r\n <p class=\"hero-sub fu\">Serralheria especializada em port\u00f5es autom\u00e1ticos, grades, escadas e estruturas met\u00e1licas. <strong>Or\u00e7amento gratuito e sem compromisso.<\/strong><\/p>\r\n <div class=\"hero-btns fu\">\r\n <a href=\"https:\/\/wa.me\/5551980218711?text=Ol\u00e1!+Encontrei+voc\u00eas+no+Google+e+gostaria+de+mais+informa\u00e7\u00f5es\" class=\"btn-wa\" target=\"_blank\" rel=\"noopener\">\r\n <svg viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M17.472 14.382c-.297-.149-1.758-.867-2.03-.967-.273-.099-.471-.148-.67.15-.197.297-.767.966-.94 1.164-.173.199-.347.223-.644.075-.297-.15-1.255-.463-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.298-.347.446-.52.149-.174.198-.298.298-.497.099-.198.05-.371-.025-.52-.075-.149-.669-1.612-.916-2.207-.242-.579-.487-.5-.669-.51-.173-.008-.371-.01-.57-.01-.198 0-.52.074-.792.372-.272.297-1.04 1.016-1.04 2.479 0 1.462 1.065 2.875 1.213 3.074.149.198 2.096 3.2 5.077 4.487.709.306 1.262.489 1.694.625.712.227 1.36.195 1.871.118.571-.085 1.758-.719 2.006-1.413.248-.694.248-1.289.173-1.413-.074-.124-.272-.198-.57-.347m-5.421 7.403h-.004a9.87 9.87 0 01-5.031-1.378l-.361-.214-3.741.982.998-3.648-.235-.374a9.86 9.86 0 01-1.51-5.26c.001-5.45 4.436-9.884 9.888-9.884 2.64 0 5.122 1.03 6.988 2.898a9.825 9.825 0 012.893 6.994c-.003 5.45-4.437 9.884-9.885 9.884m8.413-18.297A11.815 11.815 0 0012.05 0C5.495 0 .16 5.335.157 11.892c0 2.096.547 4.142 1.588 5.945L.057 24l6.305-1.654a11.882 11.882 0 005.683 1.448h.005c6.554 0 11.89-5.335 11.893-11.893a11.821 11.821 0 00-3.48-8.413z\"\/><\/svg>\r\n Pedir or\u00e7amento gr\u00e1tis\r\n <\/a>\r\n <a href=\"#servicos\" class=\"btn-out\">Ver servi\u00e7os<\/a>\r\n <\/div>\r\n <\/div>\r\n<\/div>\r\n\r\n\r\n<section id=\"servicos\">\r\n <div class=\"sec\">\r\n <p class=\"sec-tag fu\">O que fazemos<\/p>\r\n <h2 class=\"sec-title fu\">Solu\u00e7\u00f5es completas em metal,<br>do projeto \u00e0 instala\u00e7\u00e3o<\/h2>\r\n <p class=\"sec-sub fu\">Tudo fabricado na nossa serralheria. Controlamos cada etapa para garantir qualidade, prazo e acabamento impec\u00e1vel.<\/p>\r\n <div class=\"svc-grid\">\r\n <div class=\"svc-card fu\">\r\n <img decoding=\"async\" src=\"https:\/\/funil.kitcasanova.online\/wp-content\/uploads\/2026\/04\/Portao-de-Ferro-02.jpg.jpeg\" alt=\"Port\u00f5es autom\u00e1ticos\" class=\"svc-img\" \/>\r\n <div class=\"svc-body\">\r\n <div class=\"svc-title\">Port\u00f5es Autom\u00e1ticos e Manuais<\/div>\r\n <div class=\"svc-desc\">Deslizantes, de contrapeso ou basculantes. Automa\u00e7\u00e3o inclusa. Feitos sob medida para a sua entrada.<\/div>\r\n <a href=\"https:\/\/wa.me\/5551980218711?text=Ol\u00e1!+Encontrei+voc\u00eas+no+Google+e+gostaria+de+mais+informa\u00e7\u00f5es+sobre+port\u00f5es\" class=\"svc-link\" target=\"_blank\" rel=\"noopener\">Solicitar or\u00e7amento \u2192<\/a>\r\n <\/div>\r\n <\/div>\r\n <div class=\"svc-card fu\">\r\n <img decoding=\"async\" src=\"https:\/\/funil.kitcasanova.online\/wp-content\/uploads\/2026\/04\/Grade-de-Janela-03.jpg.jpeg\" alt=\"Grades de prote\u00e7\u00e3o\" class=\"svc-img\" \/>\r\n <div class=\"svc-body\">\r\n <div class=\"svc-title\">Grades de Prote\u00e7\u00e3o<\/div>\r\n <div class=\"svc-desc\">Para janelas, portas, sacadas e cercamentos. Seguran\u00e7a com design que valoriza seu im\u00f3vel.<\/div>\r\n <a href=\"https:\/\/wa.me\/5551980218711?text=Ol\u00e1!+Encontrei+voc\u00eas+no+Google+e+gostaria+de+mais+informa\u00e7\u00f5es+sobre+grades\" class=\"svc-link\" target=\"_blank\" rel=\"noopener\">Solicitar or\u00e7amento \u2192<\/a>\r\n <\/div>\r\n <\/div>\r\n <div class=\"svc-card fu\">\r\n <img decoding=\"async\" src=\"https:\/\/funil.kitcasanova.online\/wp-content\/uploads\/2026\/04\/Estrutura-metalica.jpg.jpeg\" alt=\"Estruturas met\u00e1licas\" class=\"svc-img\" \/>\r\n <div class=\"svc-body\">\r\n <div class=\"svc-title\">Estruturas Met\u00e1licas<\/div>\r\n <div class=\"svc-desc\">Coberturas, pavilh\u00f5es, mezaninos e telhados met\u00e1licos com c\u00e1lculo t\u00e9cnico e m\u00e1xima robustez.<\/div>\r\n <a href=\"https:\/\/wa.me\/5551980218711?text=Ol\u00e1!+Encontrei+voc\u00eas+no+Google+e+gostaria+de+mais+informa\u00e7\u00f5es+sobre+estruturas+met\u00e1licas\" class=\"svc-link\" target=\"_blank\" rel=\"noopener\">Solicitar or\u00e7amento \u2192<\/a>\r\n <\/div>\r\n <\/div>\r\n <div class=\"svc-card fu\">\r\n <img decoding=\"async\" src=\"https:\/\/funil.kitcasanova.online\/wp-content\/uploads\/2026\/04\/Escada-02.jpg.jpeg\" alt=\"Escadas met\u00e1licas\" class=\"svc-img\" \/>\r\n <div class=\"svc-body\">\r\n <div class=\"svc-title\">Escadas Met\u00e1licas<\/div>\r\n <div class=\"svc-desc\">Retas, em L, caracol ou flutuantes. Design moderno com corrim\u00e3o integrado para resid\u00eancias e ind\u00fastrias.<\/div>\r\n <a href=\"https:\/\/wa.me\/5551980218711?text=Ol\u00e1!+Encontrei+voc\u00eas+no+Google+e+gostaria+de+mais+informa\u00e7\u00f5es+sobre+escadas\" class=\"svc-link\" target=\"_blank\" rel=\"noopener\">Solicitar or\u00e7amento \u2192<\/a>\r\n <\/div>\r\n <\/div>\r\n <div class=\"svc-card fu\">\r\n <img decoding=\"async\" src=\"https:\/\/funil.kitcasanova.online\/wp-content\/uploads\/2026\/04\/Grade-de-Janela-01.jpg.jpeg\" alt=\"Janelas e portas\" class=\"svc-img\" \/>\r\n <div class=\"svc-body\">\r\n <div class=\"svc-title\">Janelas e Portas de Ferro<\/div>\r\n <div class=\"svc-desc\">Fabricadas sob medida com acabamento em pintura eletrost\u00e1tica ou galvaniza\u00e7\u00e3o para m\u00e1xima durabilidade.<\/div>\r\n <a href=\"https:\/\/wa.me\/5551980218711?text=Ol\u00e1!+Encontrei+voc\u00eas+no+Google+e+gostaria+de+mais+informa\u00e7\u00f5es+sobre+portas+e+janelas\" class=\"svc-link\" target=\"_blank\" rel=\"noopener\">Solicitar or\u00e7amento \u2192<\/a>\r\n <\/div>\r\n <\/div>\r\n <div class=\"svc-card fu\" style=\"background:var(--orange-bg); border-color:rgba(217,95,26,.2);\">\r\n <div class=\"svc-body\" style=\"justify-content:center; padding:36px 20px;\">\r\n <div style=\"color:var(--orange); margin-bottom:14px;\">\r\n <svg width=\"36\" height=\"36\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M21 15a2 2 0 01-2 2H7l-4 4V5a2 2 0 012-2h14a2 2 0 012 2z\"\/><\/svg>\r\n <\/div>\r\n <div class=\"svc-title\">Tem outro projeto em mente?<\/div>\r\n <div class=\"svc-desc\">Guarda-roupas de ferro, eclusas, gradil, corrim\u00e3o inox e muito mais. Consulte nossa equipe.<\/div>\r\n <a href=\"https:\/\/wa.me\/5551980218711?text=Ol\u00e1!+Encontrei+voc\u00eas+no+Google+e+gostaria+de+mais+informa\u00e7\u00f5es\" class=\"svc-link\" target=\"_blank\" rel=\"noopener\">Falar com especialista \u2192<\/a>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n<section class=\"why-bg\">\r\n <div class=\"sec\">\r\n <p class=\"sec-tag fu\">Por que escolher a Makro<\/p>\r\n <h2 class=\"sec-title fu\">Qualidade que voc\u00ea v\u00ea<br>e confia por anos<\/h2>\r\n <div class=\"why-grid\">\r\n <ul class=\"why-list\">\r\n <li class=\"why-item fu\">\r\n <div class=\"why-icon\"><svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><path d=\"M2 20h20M5 20V8l7-5 7 5v12\"\/><rect x=\"9\" y=\"12\" width=\"6\" height=\"8\"\/><\/svg><\/div>\r\n <div>\r\n <div class=\"why-item-title\">Solu\u00e7\u00f5es sob medida para o seu projeto<\/div>\r\n <div class=\"why-item-desc\">Cada servi\u00e7o \u00e9 pensado de acordo com a necessidade do cliente, com aten\u00e7\u00e3o \u00e0s medidas, ao ambiente, ao acabamento e \u00e0 funcionalidade de cada estrutura.<\/div>\r\n <\/div>\r\n <\/li>\r\n <li class=\"why-item fu\">\r\n <div class=\"why-icon\"><svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><polyline points=\"12 6 12 12 16 14\"\/><\/svg><\/div>\r\n <div>\r\n <div class=\"why-item-title\">Compromisso com prazo e execu\u00e7\u00e3o<\/div>\r\n <div class=\"why-item-desc\">Acompanhamos cada etapa do processo com organiza\u00e7\u00e3o, alinhamento e responsabilidade, buscando entregar tudo com seguran\u00e7a, efici\u00eancia e dentro do combinado.<\/div>\r\n <\/div>\r\n <\/li>\r\n <li class=\"why-item fu\">\r\n <div class=\"why-icon\"><svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><path d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z\"\/><\/svg><\/div>\r\n <div>\r\n <div class=\"why-item-title\">Materiais de qualidade e \u00f3timo acabamento<\/div>\r\n <div class=\"why-item-desc\">Trabalhamos com materiais selecionados e solu\u00e7\u00f5es dur\u00e1veis, priorizando resist\u00eancia, est\u00e9tica e desempenho para entregar estruturas seguras e bem finalizadas.<\/div>\r\n <\/div>\r\n <\/li>\r\n <li class=\"why-item fu\">\r\n <div class=\"why-icon\"><svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg><\/div>\r\n <div>\r\n <div class=\"why-item-title\">Experi\u00eancia que gera confian\u00e7a<\/div>\r\n <div class=\"why-item-desc\">Mais do que entregar uma estrutura, buscamos entregar tranquilidade, seguran\u00e7a e um resultado que valorize o seu espa\u00e7o.<\/div>\r\n <\/div>\r\n <\/li>\r\n <\/ul>\r\n <div class=\"why-photos fu\">\r\n <div class=\"why-photo\"><img decoding=\"async\" src=\"https:\/\/funil.kitcasanova.online\/wp-content\/uploads\/2026\/04\/Portao-de-ferro-01.jpg.jpeg\" alt=\"Serralheiro trabalhando\" \/><\/div>\r\n <div class=\"why-photo\"><img decoding=\"async\" src=\"https:\/\/funil.kitcasanova.online\/wp-content\/uploads\/2026\/04\/Estrutura-metalica.jpg.jpeg\" alt=\"Detalhe estrutura\" \/><\/div>\r\n <div class=\"why-photo\"><img decoding=\"async\" src=\"https:\/\/funil.kitcasanova.online\/wp-content\/uploads\/2026\/04\/Portao-de-Ferro-02.jpg.jpeg\" alt=\"Port\u00e3o instalado\" \/><\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n\r\n<section class=\"gal-bg\">\r\n <div class=\"sec\">\r\n <p class=\"sec-tag fu\">Nossos trabalhos<\/p>\r\n <h2 class=\"sec-title fu\">Projetos entregues com orgulho<\/h2>\r\n <div class=\"gal-grid fu\">\r\n <div class=\"g-item g-large\">\r\n <img decoding=\"async\" src=\"https:\/\/funil.kitcasanova.online\/wp-content\/uploads\/2026\/04\/pexels-tima-miroshnichenko-5640627-1536x1024-1.jpg\" alt=\"Estrutura industrial\" \/>\r\n <\/div>\r\n <div class=\"g-item\">\r\n <img decoding=\"async\" src=\"https:\/\/funil.kitcasanova.online\/wp-content\/uploads\/2026\/04\/pexels-anna-maxelante-1596256-3184412-scaled-1.avif\" alt=\"Escada residencial\" \/>\r\n <\/div>\r\n <div class=\"g-item\">\r\n <img decoding=\"async\" src=\"https:\/\/funil.kitcasanova.online\/wp-content\/uploads\/2026\/04\/portaoo.avif\" alt=\"Port\u00e3o autom\u00e1tico\" \/>\r\n <\/div>\r\n <div class=\"g-item g-tall\">\r\n <img decoding=\"async\" src=\"https:\/\/funil.kitcasanova.online\/wp-content\/uploads\/2026\/04\/Portao-de-ferro-01.jpg.jpeg\" alt=\"Soldagem\" \/>\r\n <\/div>\r\n <div class=\"g-item\">\r\n <img decoding=\"async\" src=\"https:\/\/funil.kitcasanova.online\/wp-content\/uploads\/2026\/04\/Escada-01.jpg.jpeg\" alt=\"Cobertura met\u00e1lica\" \/>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n<section class=\"test-bg\">\r\n <div class=\"sec\">\r\n <p class=\"sec-tag fu\">Depoimentos<\/p>\r\n <h2 class=\"sec-title fu\">O que dizem nossos clientes<\/h2>\r\n <div class=\"test-grid\">\r\n <div class=\"test-card fu\">\r\n <div class=\"test-stars\">\u2605\u2605\u2605\u2605\u2605<\/div>\r\n <p class=\"test-text\">\"Fizemos a estrutura met\u00e1lica da nossa \u00e1rea de lazer com a Makro e ficou impec\u00e1vel. Cumpriram o prazo e o acabamento foi excelente. Super recomendo!\"<\/p>\r\n <div class=\"test-author\">Roberto C.<\/div>\r\n <div class=\"test-role\">Porto Alegre \u2014 Estrutura met\u00e1lica residencial<\/div>\r\n <\/div>\r\n <div class=\"test-card fu\">\r\n <div class=\"test-stars\">\u2605\u2605\u2605\u2605\u2605<\/div>\r\n <p class=\"test-text\">\"O port\u00e3o autom\u00e1tico do nosso condom\u00ednio funciona perfeitamente h\u00e1 mais de dois anos. Suporte r\u00e1pido sempre que precisamos. Excelente empresa!\"<\/p>\r\n <div class=\"test-author\">Ana L\u00facia M.<\/div>\r\n <div class=\"test-role\">Canoas \u2014 Port\u00e3o autom\u00e1tico para condom\u00ednio<\/div>\r\n <\/div>\r\n <div class=\"test-card fu\">\r\n <div class=\"test-stars\">\u2605\u2605\u2605\u2605\u2605<\/div>\r\n <p class=\"test-text\">\"Pedi or\u00e7amento em tr\u00eas serralheiros. A Makro foi quem apresentou o projeto mais completo e o melhor custo-benef\u00edcio. A escada ficou exatamente como eu imaginei.\"<\/p>\r\n <div class=\"test-author\">Marcos T.<\/div>\r\n <div class=\"test-role\">Gravata\u00ed \u2014 Escada met\u00e1lica residencial<\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n<div class=\"cta-band\">\r\n <div class=\"cta-inner\">\r\n <div>\r\n <div class=\"cta-title\">Pronto para come\u00e7ar<br>seu projeto?<\/div>\r\n <div class=\"cta-sub\">Fale agora pelo WhatsApp \u2014 or\u00e7amento 100% gratuito e sem compromisso.<\/div>\r\n <\/div>\r\n <a href=\"https:\/\/wa.me\/5551980218711?text=Ol\u00e1!+Encontrei+voc\u00eas+no+Google+e+gostaria+de+mais+informa\u00e7\u00f5es\" class=\"btn-white\" target=\"_blank\" rel=\"noopener\">\r\n <svg viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M17.472 14.382c-.297-.149-1.758-.867-2.03-.967-.273-.099-.471-.148-.67.15-.197.297-.767.966-.94 1.164-.173.199-.347.223-.644.075-.297-.15-1.255-.463-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.298-.347.446-.52.149-.174.198-.298.298-.497.099-.198.05-.371-.025-.52-.075-.149-.669-1.612-.916-2.207-.242-.579-.487-.5-.669-.51-.173-.008-.371-.01-.57-.01-.198 0-.52.074-.792.372-.272.297-1.04 1.016-1.04 2.479 0 1.462 1.065 2.875 1.213 3.074.149.198 2.096 3.2 5.077 4.487.709.306 1.262.489 1.694.625.712.227 1.36.195 1.871.118.571-.085 1.758-.719 2.006-1.413.248-.694.248-1.289.173-1.413-.074-.124-.272-.198-.57-.347m-5.421 7.403h-.004a9.87 9.87 0 01-5.031-1.378l-.361-.214-3.741.982.998-3.648-.235-.374a9.86 9.86 0 01-1.51-5.26c.001-5.45 4.436-9.884 9.888-9.884 2.64 0 5.122 1.03 6.988 2.898a9.825 9.825 0 012.893 6.994c-.003 5.45-4.437 9.884-9.885 9.884m8.413-18.297A11.815 11.815 0 0012.05 0C5.495 0 .16 5.335.157 11.892c0 2.096.547 4.142 1.588 5.945L.057 24l6.305-1.654a11.882 11.882 0 005.683 1.448h.005c6.554 0 11.89-5.335 11.893-11.893a11.821 11.821 0 00-3.48-8.413z\"\/><\/svg>\r\n Chamar no WhatsApp\r\n <\/a>\r\n <\/div>\r\n<\/div>\r\n\r\n<footer>\r\n <div class=\"foot-inner\">\r\n <div>\r\n <div class=\"foot-brand\">MAKRO<span>METAIS<\/span><\/div>\r\n <p class=\"foot-tagline\">Serralheria especializada em port\u00f5es, grades, estruturas met\u00e1licas e escadas. Fabrica\u00e7\u00e3o pr\u00f3pria em Porto Alegre.<\/p>\r\n <div class=\"foot-contacts\">\r\n <a href=\"https:\/\/wa.me\/5551980218711?text=Ol\u00e1!+Encontrei+voc\u00eas+no+Google+e+gostaria+de+mais+informa\u00e7\u00f5es\" target=\"_blank\" rel=\"noopener\">\r\n <svg viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M17.472 14.382c-.297-.149-1.758-.867-2.03-.967-.273-.099-.471-.148-.67.15-.197.297-.767.966-.94 1.164-.173.199-.347.223-.644.075-.297-.15-1.255-.463-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.298-.347.446-.52.149-.174.198-.298.298-.497.099-.198.05-.371-.025-.52-.075-.149-.669-1.612-.916-2.207-.242-.579-.487-.5-.669-.51-.173-.008-.371-.01-.57-.01-.198 0-.52.074-.792.372-.272.297-1.04 1.016-1.04 2.479 0 1.462 1.065 2.875 1.213 3.074.149.198 2.096 3.2 5.077 4.487.709.306 1.262.489 1.694.625.712.227 1.36.195 1.871.118.571-.085 1.758-.719 2.006-1.413.248-.694.248-1.289.173-1.413-.074-.124-.272-.198-.57-.347m-5.421 7.403h-.004a9.87 9.87 0 01-5.031-1.378l-.361-.214-3.741.982.998-3.648-.235-.374a9.86 9.86 0 01-1.51-5.26c.001-5.45 4.436-9.884 9.888-9.884 2.64 0 5.122 1.03 6.988 2.898a9.825 9.825 0 012.893 6.994c-.003 5.45-4.437 9.884-9.885 9.884m8.413-18.297A11.815 11.815 0 0012.05 0C5.495 0 .16 5.335.157 11.892c0 2.096.547 4.142 1.588 5.945L.057 24l6.305-1.654a11.882 11.882 0 005.683 1.448h.005c6.554 0 11.89-5.335 11.893-11.893a11.821 11.821 0 00-3.48-8.413z\"\/><\/svg>\r\n (51) 98021-8711 \u2014 WhatsApp\r\n <\/a>\r\n <a href=\"tel:5551310833007\">\r\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M22 16.92v3a2 2 0 01-2.18 2 19.79 19.79 0 01-8.63-3.07A19.5 19.5 0 013.07 9.81a19.79 19.79 0 01-3.07-8.68A2 2 0 012 1h3a2 2 0 012 1.72c.127.96.361 1.903.7 2.81a2 2 0 01-.45 2.11L6.09 8.91a16 16 0 006 6l1.27-1.27a2 2 0 012.11-.45c.907.339 1.85.573 2.81.7A2 2 0 0122 16.92z\"\/><\/svg>\r\n (51) 3108-3307\r\n <\/a>\r\n <a href=\"mailto:makro.metais@gmail.com\">\r\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z\"\/><polyline points=\"22,6 12,13 2,6\"\/><\/svg>\r\n makro.metais@gmail.com\r\n <\/a>\r\n <a href=\"#\" style=\"pointer-events:none; color:rgba(255,255,255,.25)!important;\">\r\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0118 0z\"\/><circle cx=\"12\" cy=\"10\" r=\"3\"\/><\/svg>\r\n Rua Dr. Campos Velho, 1120 \u2014 Cristal, Porto Alegre\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n <div>\r\n <div class=\"foot-col-title\">Servi\u00e7os<\/div>\r\n <ul class=\"foot-links\">\r\n <li><a href=\"https:\/\/wa.me\/5551980218711?text=Ol\u00e1!+Encontrei+voc\u00eas+no+Google+e+gostaria+de+mais+informa\u00e7\u00f5es+sobre+port\u00f5es\">Port\u00f5es autom\u00e1ticos<\/a><\/li>\r\n <li><a href=\"https:\/\/wa.me\/5551980218711?text=Ol\u00e1!+Encontrei+voc\u00eas+no+Google+e+gostaria+de+mais+informa\u00e7\u00f5es+sobre+grades\">Grades de prote\u00e7\u00e3o<\/a><\/li>\r\n <li><a href=\"https:\/\/wa.me\/5551980218711?text=Ol\u00e1!+Encontrei+voc\u00eas+no+Google+e+gostaria+de+mais+informa\u00e7\u00f5es+sobre+estruturas+met\u00e1licas\">Estruturas met\u00e1licas<\/a><\/li>\r\n <li><a href=\"https:\/\/wa.me\/5551980218711?text=Ol\u00e1!+Encontrei+voc\u00eas+no+Google+e+gostaria+de+mais+informa\u00e7\u00f5es+sobre+escadas\">Escadas met\u00e1licas<\/a><\/li>\r\n <li><a href=\"https:\/\/wa.me\/5551980218711?text=Ol\u00e1!+Encontrei+voc\u00eas+no+Google+e+gostaria+de+mais+informa\u00e7\u00f5es+sobre+portas+e+janelas\">Janelas e portas<\/a><\/li>\r\n <li><a href=\"https:\/\/wa.me\/5551980218711?text=Ol\u00e1!+Encontrei+voc\u00eas+no+Google+e+gostaria+de+mais+informa\u00e7\u00f5es\">Outros servi\u00e7os<\/a><\/li>\r\n <\/ul>\r\n <\/div>\r\n <div>\r\n <div class=\"foot-col-title\">Atendimento<\/div>\r\n <ul class=\"foot-links\">\r\n <li><a href=\"https:\/\/wa.me\/5551980218711?text=Ol\u00e1!+Encontrei+voc\u00eas+no+Google+e+gostaria+de+mais+informa\u00e7\u00f5es\">Falar no WhatsApp<\/a><\/li>\r\n <li><a href=\"https:\/\/www.instagram.com\/makro_esquadrias\/\" target=\"_blank\" rel=\"noopener\">Instagram<\/a><\/li>\r\n <\/ul>\r\n <div style=\"margin-top:22px; background:rgba(255,255,255,.04); border-radius:10px; padding:14px 16px;\">\r\n <div style=\"font-size:11px; font-weight:700; letter-spacing:1.5px; text-transform:uppercase; color:rgba(255,255,255,.28); margin-bottom:8px;\">Hor\u00e1rio<\/div>\r\n <div style=\"font-size:14px; color:rgba(255,255,255,.45); line-height:1.7;\">Seg\u2013Sex: 8h \u00e0s 18h<br>S\u00e1b: 8h \u00e0s 12h<\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"foot-bottom\">\r\n <span class=\"foot-copy\">\u00a9 2025 Makro Metais. Todos os direitos reservados.<\/span>\r\n <a href=\"https:\/\/www.instagram.com\/makro_esquadrias\/\" target=\"_blank\" rel=\"noopener\" class=\"foot-ig\">\r\n <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><rect x=\"2\" y=\"2\" width=\"20\" height=\"20\" rx=\"5\"\/><path d=\"M16 11.37A4 4 0 1112.63 8 4 4 0 0116 11.37z\"\/><line x1=\"17.5\" y1=\"6.5\" x2=\"17.51\" y2=\"6.5\"\/><\/svg>\r\n @makro_esquadrias\r\n <\/a>\r\n <\/div>\r\n<\/footer>\r\n\r\n<a href=\"https:\/\/wa.me\/5551980218711?text=Ol\u00e1!+Encontrei+voc\u00eas+no+Google+e+gostaria+de+mais+informa\u00e7\u00f5es\" class=\"wa-float\" target=\"_blank\" rel=\"noopener\" aria-label=\"WhatsApp\">\r\n <svg viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M17.472 14.382c-.297-.149-1.758-.867-2.03-.967-.273-.099-.471-.148-.67.15-.197.297-.767.966-.94 1.164-.173.199-.347.223-.644.075-.297-.15-1.255-.463-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.298-.347.446-.52.149-.174.198-.298.298-.497.099-.198.05-.371-.025-.52-.075-.149-.669-1.612-.916-2.207-.242-.579-.487-.5-.669-.51-.173-.008-.371-.01-.57-.01-.198 0-.52.074-.792.372-.272.297-1.04 1.016-1.04 2.479 0 1.462 1.065 2.875 1.213 3.074.149.198 2.096 3.2 5.077 4.487.709.306 1.262.489 1.694.625.712.227 1.36.195 1.871.118.571-.085 1.758-.719 2.006-1.413.248-.694.248-1.289.173-1.413-.074-.124-.272-.198-.57-.347m-5.421 7.403h-.004a9.87 9.87 0 01-5.031-1.378l-.361-.214-3.741.982.998-3.648-.235-.374a9.86 9.86 0 01-1.51-5.26c.001-5.45 4.436-9.884 9.888-9.884 2.64 0 5.122 1.03 6.988 2.898a9.825 9.825 0 012.893 6.994c-.003 5.45-4.437 9.884-9.885 9.884m8.413-18.297A11.815 11.815 0 0012.05 0C5.495 0 .16 5.335.157 11.892c0 2.096.547 4.142 1.588 5.945L.057 24l6.305-1.654a11.882 11.882 0 005.683 1.448h.005c6.554 0 11.89-5.335 11.893-11.893a11.821 11.821 0 00-3.48-8.413z\"\/><\/svg>\r\n <span>Or\u00e7amento gr\u00e1tis<\/span>\r\n<\/a>\r\n\r\n<script>\r\nconst obs = new IntersectionObserver(entries => {\r\n entries.forEach((e, i) => {\r\n if (e.isIntersecting) { setTimeout(() => e.target.classList.add('v'), i * 70); obs.unobserve(e.target); }\r\n });\r\n}, { threshold: 0.08 });\r\ndocument.querySelectorAll('.fu').forEach(el => obs.observe(el));\r\n<\/script>\r\n<\/body>\r\n<\/html>\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>Makro Metais \u2014 Port\u00f5es, Grades e Estruturas Met\u00e1licas em Porto Alegre MAKROMETAIS (51) 3108-3307 WhatsApp Porto Alegre e Grande POA Port\u00f5es e estruturasfeitas para durar Serralheria especializada em port\u00f5es autom\u00e1ticos, grades, escadas e estruturas met\u00e1licas. Or\u00e7amento gratuito e sem compromisso. Pedir or\u00e7amento gr\u00e1tis Ver servi\u00e7os O que fazemos Solu\u00e7\u00f5es completas em metal,do projeto \u00e0 instala\u00e7\u00e3o […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-422","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/makrometais.com.br\/index.php\/wp-json\/wp\/v2\/pages\/422","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/makrometais.com.br\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/makrometais.com.br\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/makrometais.com.br\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/makrometais.com.br\/index.php\/wp-json\/wp\/v2\/comments?post=422"}],"version-history":[{"count":7,"href":"https:\/\/makrometais.com.br\/index.php\/wp-json\/wp\/v2\/pages\/422\/revisions"}],"predecessor-version":[{"id":430,"href":"https:\/\/makrometais.com.br\/index.php\/wp-json\/wp\/v2\/pages\/422\/revisions\/430"}],"wp:attachment":[{"href":"https:\/\/makrometais.com.br\/index.php\/wp-json\/wp\/v2\/media?parent=422"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

\n\t\t\t\t

\n\t\t\t\t\t\r\n\r\n\r\n\r\n\r\nMakro Metais \u2014 Port\u00f5es, Grades e Estruturas Met\u00e1licas em Porto Alegre<\/title>\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Outfit:wght@400;500;600;700;800&display=swap\" rel=\"stylesheet\">\r\n<style>\r\n*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }\r\n:root {\r\n --orange: #D95F1A;\r\n --orange-dark: #b84d12;\r\n --orange-light: #F2784B;\r\n --orange-bg: #FEF3EC;\r\n --dark: #1C1C1C;\r\n --mid: #4A4A4A;\r\n --muted: #7A7A7A;\r\n --border: #E8E5E0;\r\n --bg: #FFFFFF;\r\n --bg2: #F8F6F3;\r\n --bg3: #F2EFE9;\r\n}\r\nhtml { scroll-behavior: smooth; }\r\nbody { font-family: 'Outfit', sans-serif; background: var(--bg); color: var(--dark); overflow-x: hidden; }\r\n\r\nnav {\r\n position: fixed; top: 0; left: 0; right: 0; z-index: 100;\r\n background: rgba(255,255,255,0.96);\r\n backdrop-filter: blur(10px);\r\n border-bottom: 1px solid var(--border);\r\n display: flex; align-items: center; justify-content: space-between;\r\n padding: 0 clamp(20px,5vw,80px);\r\n height: 68px;\r\n}\r\n.nav-logo-text { font-size: 20px; font-weight: 800; color: var(--dark); letter-spacing: -0.5px; text-decoration: none; }\r\n.nav-logo-text span { color: var(--orange); }\r\n.nav-right { display: flex; align-items: center; gap: 24px; }\r\n.nav-phone { font-size: 15px; font-weight: 600; color: var(--mid); text-decoration: none; display: flex; align-items: center; gap: 7px; }\r\n.nav-phone svg { color: var(--orange); width: 16px; height: 16px; }\r\n.nav-cta {\r\n display: inline-flex; align-items: center; gap: 8px;\r\n background: #25D366; color: #fff;\r\n font-size: 14px; font-weight: 700;\r\n padding: 10px 20px; border-radius: 8px;\r\n text-decoration: none; transition: background .2s;\r\n}\r\n.nav-cta:hover { background: #1db954; }\r\n.nav-cta svg { width: 18px; height: 18px; }\r\n@media(max-width:620px){ .nav-phone { display:none; } }\r\n\r\n.hero {\r\n position: relative;\r\n padding-top: 68px;\r\n min-height: 92vh;\r\n background:\r\n linear-gradient(rgba(0,0,0,.68), rgba(0,0,0,.68)),\r\n url('https:\/\/funil.kitcasanova.online\/wp-content\/uploads\/2026\/04\/estrutura-metalica-1.avif') center\/cover no-repeat;\r\n}\r\n@media(max-width:860px){ .hero { min-height: auto; } }\r\n.hero-left {\r\n display: flex; flex-direction: column; justify-content: center;\r\n padding: clamp(48px,6vw,90px) clamp(20px,5vw,72px);\r\n min-height: calc(92vh - 68px);\r\n max-width: 760px;\r\n}\r\n@media(max-width:860px){ .hero-left { min-height: auto; } }\r\n.hero-badge {\r\n display: inline-flex; align-items: center; gap: 8px;\r\n background: rgba(255,255,255,.12);\r\n color: #fff;\r\n font-size: 13px; font-weight: 700;\r\n padding: 6px 14px; border-radius: 100px;\r\n margin-bottom: 24px; width: fit-content;\r\n border: 1px solid rgba(255,255,255,.22);\r\n}\r\n.badge-dot { width: 7px; height: 7px; border-radius: 50%; background: var(--orange); }\r\n.hero h1 {\r\n font-size: clamp(34px,4.5vw,56px);\r\n font-weight: 800;\r\n line-height: 1.1;\r\n letter-spacing: -1.5px;\r\n color: #fff;\r\n margin-bottom: 20px;\r\n}\r\n.hero h1 span { color: var(--orange); }\r\n.hero-sub {\r\n font-size: clamp(16px,1.8vw,18px);\r\n color: rgba(255,255,255,.82);\r\n line-height: 1.65;\r\n max-width: 440px;\r\n margin-bottom: 36px;\r\n}\r\n.hero-sub strong { color: #fff; font-weight: 600; }\r\n.hero-btns { display: flex; flex-wrap: wrap; gap: 12px; margin-bottom: 44px; }\r\n.btn-wa {\r\n display: inline-flex; align-items: center; gap: 10px;\r\n background: #25D366; color: #fff;\r\n font-size: 16px; font-weight: 700;\r\n padding: 15px 28px; border-radius: 10px;\r\n text-decoration: none; transition: background .2s, transform .15s;\r\n box-shadow: 0 4px 16px rgba(37,211,102,.25);\r\n}\r\n.btn-wa:hover { background: #1db954; transform: translateY(-2px); }\r\n.btn-wa svg { width: 22px; height: 22px; }\r\n.btn-out {\r\n display: inline-flex; align-items: center; gap: 8px;\r\n background: transparent; color: #fff;\r\n font-size: 16px; font-weight: 600;\r\n padding: 15px 28px; border-radius: 10px;\r\n text-decoration: none; border: 1.5px solid rgba(255,255,255,.45);\r\n transition: border-color .2s, background .2s;\r\n}\r\n.btn-out:hover { border-color: rgba(255,255,255,.75); background: rgba(255,255,255,.12); }\r\n.hero-stats { display: flex; gap: 32px; flex-wrap: wrap; align-items: center; }\r\n.stat-num { font-size: 30px; font-weight: 800; color: #fff; letter-spacing: -1px; line-height: 1; }\r\n.stat-num span { color: var(--orange); }\r\n.stat-label { font-size: 13px; color: rgba(255,255,255,.72); margin-top: 3px; }\r\n.stat-sep { width: 1px; height: 36px; background: rgba(255,255,255,.22); }\r\n\r\n.hero-right, .hero-img { display: none; }\r\n.hero-card {\r\n position: absolute; bottom: 24px; left: 24px;\r\n background: #fff; border-radius: 12px;\r\n padding: 14px 18px;\r\n display: flex; align-items: center; gap: 12px;\r\n box-shadow: 0 8px 32px rgba(0,0,0,.12);\r\n}\r\n.hero-card-icon {\r\n width: 40px; height: 40px; border-radius: 8px;\r\n background: var(--orange-bg);\r\n display: flex; align-items: center; justify-content: center;\r\n color: var(--orange); flex-shrink: 0;\r\n}\r\n.hero-card-title { font-size: 14px; font-weight: 700; color: var(--dark); }\r\n.hero-card-sub { font-size: 12px; color: var(--muted); margin-top: 1px; }\r\n\r\n.trust-bar {\r\n background: var(--bg2);\r\n border-top: 1px solid var(--border);\r\n border-bottom: 1px solid var(--border);\r\n padding: 16px clamp(20px,5vw,80px);\r\n display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 8px 32px;\r\n}\r\n.trust-item {\r\n display: flex; align-items: center; gap: 8px;\r\n font-size: 14px; font-weight: 600; color: var(--mid);\r\n}\r\n.trust-item svg { color: var(--orange); width: 17px; height: 17px; flex-shrink: 0; }\r\n\r\nsection { position: relative; }\r\n.sec { max-width: 1180px; margin: 0 auto; padding: clamp(60px,7vw,100px) clamp(20px,5vw,80px); }\r\n.sec-tag {\r\n display: inline-flex; align-items: center; gap: 8px;\r\n font-size: 12px; font-weight: 700; letter-spacing: 1.5px; text-transform: uppercase;\r\n color: var(--orange); margin-bottom: 14px;\r\n}\r\n.sec-tag::before { content:''; display:block; width:20px; height:2.5px; background:var(--orange); border-radius:2px; }\r\n.sec-title { font-size: clamp(26px,3.2vw,42px); font-weight: 800; letter-spacing: -1px; line-height: 1.12; color: var(--dark); margin-bottom: 16px; }\r\n.sec-sub { font-size: 17px; color: var(--muted); line-height: 1.65; max-width: 520px; }\r\n\r\n.svc-grid {\r\n display: grid;\r\n grid-template-columns: repeat(3,1fr);\r\n gap: 18px;\r\n margin-top: 48px;\r\n}\r\n@media(max-width:900px){ .svc-grid { grid-template-columns: 1fr 1fr; } }\r\n@media(max-width:560px){ .svc-grid { grid-template-columns: 1fr; } }\r\n.svc-card {\r\n border-radius: 16px; overflow: hidden;\r\n border: 1px solid var(--border);\r\n display: flex; flex-direction: column;\r\n transition: transform .25s, box-shadow .25s;\r\n}\r\n.svc-card:hover { transform: translateY(-4px); box-shadow: 0 12px 36px rgba(0,0,0,.08); }\r\n.svc-img { width: 100%; height: 196px; object-fit: cover; display: block; }\r\n.svc-body { padding: 20px 20px 22px; flex: 1; display: flex; flex-direction: column; }\r\n.svc-title { font-size: 17px; font-weight: 700; color: var(--dark); margin-bottom: 7px; letter-spacing: -.3px; }\r\n.svc-desc { font-size: 14px; color: var(--muted); line-height: 1.6; flex: 1; margin-bottom: 14px; }\r\n.svc-link { display: inline-flex; align-items: center; gap: 5px; font-size: 14px; font-weight: 700; color: var(--orange); text-decoration: none; transition: gap .2s; }\r\n.svc-link:hover { gap: 9px; }\r\n\r\n.why-bg { background: var(--bg2); }\r\n.why-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 56px; align-items: center; margin-top: 48px; }\r\n@media(max-width:780px){ .why-grid { grid-template-columns: 1fr; gap: 36px; } }\r\n.why-list { list-style: none; display: flex; flex-direction: column; gap: 22px; }\r\n.why-item { display: flex; gap: 15px; align-items: flex-start; }\r\n.why-icon {\r\n width: 42px; height: 42px; border-radius: 10px;\r\n background: var(--orange-bg); flex-shrink: 0;\r\n display: flex; align-items: center; justify-content: center;\r\n color: var(--orange);\r\n}\r\n.why-item-title { font-size: 16px; font-weight: 700; color: var(--dark); margin-bottom: 4px; }\r\n.why-item-desc { font-size: 14px; color: var(--muted); line-height: 1.6; }\r\n.why-photos { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }\r\n.why-photo { border-radius: 14px; overflow: hidden; }\r\n.why-photo img { width: 100%; height: 190px; object-fit: cover; display: block; transition: transform .4s; }\r\n.why-photo:hover img { transform: scale(1.04); }\r\n.why-photo:first-child { grid-column: 1 \/ -1; }\r\n.why-photo:first-child img { height: 250px; }\r\n\r\n.proc-bg { background: #1C1C1C; }\r\n.proc-bg .sec-tag { color: var(--orange-light); }\r\n.proc-bg .sec-tag::before { background: var(--orange-light); }\r\n.proc-bg .sec-title { color: #fff; }\r\n.proc-grid { display: grid; grid-template-columns: repeat(4,1fr); gap: 0; margin-top: 48px; }\r\n@media(max-width:700px){ .proc-grid { grid-template-columns: 1fr 1fr; } }\r\n@media(max-width:440px){ .proc-grid { grid-template-columns: 1fr; } }\r\n.proc-step { padding: 28px 24px; border-right: 1px solid rgba(255,255,255,.07); }\r\n.proc-step:last-child { border-right: none; }\r\n.proc-num { font-size: 44px; font-weight: 800; color: var(--orange); opacity: .3; line-height: 1; margin-bottom: 12px; }\r\n.proc-title { font-size: 16px; font-weight: 700; color: #fff; margin-bottom: 8px; }\r\n.proc-desc { font-size: 14px; color: rgba(255,255,255,.45); line-height: 1.65; }\r\n\r\n.gal-bg { background: var(--bg); }\r\n.gal-grid {\r\n display: grid;\r\n grid-template-columns: repeat(4,1fr);\r\n grid-template-rows: 210px 210px;\r\n gap: 10px;\r\n margin-top: 48px;\r\n}\r\n@media(max-width:800px){ .gal-grid { grid-template-columns: 1fr 1fr; grid-template-rows: auto; } }\r\n@media(max-width:480px){ .gal-grid { grid-template-columns: 1fr; } }\r\n.g-item { border-radius: 14px; overflow: hidden; }\r\n.g-item img { width: 100%; height: 100%; object-fit: cover; display: block; transition: transform .4s; }\r\n.g-item:hover img { transform: scale(1.05); }\r\n.g-large { grid-column: span 2; grid-row: span 2; }\r\n.g-tall { grid-row: span 2; }\r\n\r\n.test-bg { background: var(--bg2); }\r\n.test-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 18px; margin-top: 48px; }\r\n@media(max-width:820px){ .test-grid { grid-template-columns: 1fr 1fr; } }\r\n@media(max-width:520px){ .test-grid { grid-template-columns: 1fr; } }\r\n.test-card {\r\n background: var(--bg);\r\n border: 1px solid var(--border);\r\n border-radius: 16px;\r\n padding: 26px 22px;\r\n}\r\n.test-stars { color: #F5A623; font-size: 14px; letter-spacing: 1px; margin-bottom: 14px; }\r\n.test-text { font-size: 15px; color: var(--mid); line-height: 1.7; font-style: italic; margin-bottom: 18px; }\r\n.test-author { font-size: 15px; font-weight: 700; color: var(--dark); }\r\n.test-role { font-size: 13px; color: var(--muted); margin-top: 2px; }\r\n\r\n.cta-band { background: var(--orange); }\r\n.cta-inner {\r\n max-width: 1180px; margin: 0 auto;\r\n padding: clamp(52px,6vw,80px) clamp(20px,5vw,80px);\r\n display: grid; grid-template-columns: 1fr auto; gap: 40px; align-items: center;\r\n}\r\n@media(max-width:660px){ .cta-inner { grid-template-columns: 1fr; } }\r\n.cta-title { font-size: clamp(26px,3.2vw,40px); font-weight: 800; color: #fff; letter-spacing: -1px; line-height: 1.15; }\r\n.cta-sub { font-size: 17px; color: rgba(255,255,255,.8); margin-top: 10px; }\r\n.btn-white {\r\n display: inline-flex; align-items: center; gap: 10px;\r\n background: #fff; color: var(--orange-dark);\r\n font-size: 16px; font-weight: 800;\r\n padding: 16px 30px; border-radius: 10px;\r\n text-decoration: none; white-space: nowrap;\r\n box-shadow: 0 4px 20px rgba(0,0,0,.15);\r\n transition: transform .15s;\r\n}\r\n.btn-white:hover { transform: translateY(-2px); }\r\n.btn-white svg { width: 22px; height: 22px; }\r\n\r\nfooter { background: #161616; border-top: 1px solid rgba(255,255,255,.05); }\r\n.foot-inner {\r\n max-width: 1180px; margin: 0 auto;\r\n padding: 56px clamp(20px,5vw,80px) 32px;\r\n display: grid; grid-template-columns: 2fr 1fr 1fr; gap: 44px;\r\n}\r\n@media(max-width:660px){ .foot-inner { grid-template-columns: 1fr; gap: 28px; } }\r\n.foot-brand { font-size: 22px; font-weight: 800; color: #fff; letter-spacing: -.5px; margin-bottom: 12px; }\r\n.foot-brand span { color: var(--orange); }\r\n.foot-tagline { font-size: 14px; color: rgba(255,255,255,.38); line-height: 1.65; max-width: 280px; margin-bottom: 22px; }\r\n.foot-contacts { display: flex; flex-direction: column; gap: 10px; }\r\n.foot-contacts a { display: flex; align-items: center; gap: 9px; font-size: 14px; color: rgba(255,255,255,.5); text-decoration: none; transition: color .2s; }\r\n.foot-contacts a:hover { color: var(--orange-light); }\r\n.foot-contacts svg { width: 14px; height: 14px; flex-shrink: 0; }\r\n.foot-col-title { font-size: 11px; font-weight: 700; letter-spacing: 1.5px; text-transform: uppercase; color: rgba(255,255,255,.28); margin-bottom: 16px; }\r\n.foot-links { list-style: none; display: flex; flex-direction: column; gap: 10px; }\r\n.foot-links a { font-size: 14px; color: rgba(255,255,255,.48); text-decoration: none; transition: color .2s; }\r\n.foot-links a:hover { color: var(--orange-light); }\r\n.foot-bottom {\r\n max-width: 1180px; margin: 0 auto;\r\n padding: 22px clamp(20px,5vw,80px);\r\n border-top: 1px solid rgba(255,255,255,.05);\r\n display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 10px;\r\n}\r\n.foot-copy { font-size: 13px; color: rgba(255,255,255,.2); }\r\n.foot-ig { display: flex; align-items: center; gap: 6px; font-size: 13px; color: rgba(255,255,255,.28); text-decoration: none; transition: color .2s; }\r\n.foot-ig:hover { color: var(--orange-light); }\r\n\r\n.wa-float {\r\n position: fixed; bottom: 24px; right: 24px; z-index: 200;\r\n display: flex; align-items: center; gap: 10px;\r\n background: #25D366; color: #fff;\r\n font-size: 14px; font-weight: 700;\r\n padding: 13px 18px 13px 14px; border-radius: 100px;\r\n text-decoration: none;\r\n box-shadow: 0 6px 24px rgba(37,211,102,.38);\r\n transition: transform .2s;\r\n animation: floatUp .5s .8s both;\r\n}\r\n@keyframes floatUp { from { opacity:0; transform:translateY(14px); } to { opacity:1; transform:none; } }\r\n.wa-float:hover { transform: translateY(-3px); }\r\n.wa-float svg { width: 22px; height: 22px; }\r\n@media(max-width:440px){ .wa-float span { display:none; } .wa-float { padding: 14px; border-radius: 50%; } }\r\n\r\n.fu { opacity:0; transform:translateY(22px); transition: opacity .55s ease, transform .55s ease; }\r\n.fu.v { opacity:1; transform:none; }\r\n<\/style>\r\n<\/head>\r\n<body>\r\n\r\n<nav>\r\n <a href=\"#\" class=\"nav-logo-text\">MAKRO<span>METAIS<\/span><\/a>\r\n <div class=\"nav-right\">\r\n <a href=\"tel:5551310833007\" class=\"nav-phone\">\r\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><path d=\"M22 16.92v3a2 2 0 01-2.18 2 19.79 19.79 0 01-8.63-3.07A19.5 19.5 0 013.07 9.81a19.79 19.79 0 01-3.07-8.68A2 2 0 012 1h3a2 2 0 012 1.72c.127.96.361 1.903.7 2.81a2 2 0 01-.45 2.11L6.09 8.91a16 16 0 006 6l1.27-1.27a2 2 0 012.11-.45c.907.339 1.85.573 2.81.7A2 2 0 0122 16.92z\"\/><\/svg>\r\n (51) 3108-3307\r\n <\/a>\r\n <a href=\"https:\/\/wa.me\/5551980218711?text=Ol\u00e1!+Encontrei+voc\u00eas+no+Google+e+gostaria+de+mais+informa\u00e7\u00f5es\" class=\"nav-cta\" target=\"_blank\" rel=\"noopener\">\r\n <svg viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M17.472 14.382c-.297-.149-1.758-.867-2.03-.967-.273-.099-.471-.148-.67.15-.197.297-.767.966-.94 1.164-.173.199-.347.223-.644.075-.297-.15-1.255-.463-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.298-.347.446-.52.149-.174.198-.298.298-.497.099-.198.05-.371-.025-.52-.075-.149-.669-1.612-.916-2.207-.242-.579-.487-.5-.669-.51-.173-.008-.371-.01-.57-.01-.198 0-.52.074-.792.372-.272.297-1.04 1.016-1.04 2.479 0 1.462 1.065 2.875 1.213 3.074.149.198 2.096 3.2 5.077 4.487.709.306 1.262.489 1.694.625.712.227 1.36.195 1.871.118.571-.085 1.758-.719 2.006-1.413.248-.694.248-1.289.173-1.413-.074-.124-.272-.198-.57-.347m-5.421 7.403h-.004a9.87 9.87 0 01-5.031-1.378l-.361-.214-3.741.982.998-3.648-.235-.374a9.86 9.86 0 01-1.51-5.26c.001-5.45 4.436-9.884 9.888-9.884 2.64 0 5.122 1.03 6.988 2.898a9.825 9.825 0 012.893 6.994c-.003 5.45-4.437 9.884-9.885 9.884m8.413-18.297A11.815 11.815 0 0012.05 0C5.495 0 .16 5.335.157 11.892c0 2.096.547 4.142 1.588 5.945L.057 24l6.305-1.654a11.882 11.882 0 005.683 1.448h.005c6.554 0 11.89-5.335 11.893-11.893a11.821 11.821 0 00-3.48-8.413z\"\/><\/svg>\r\n WhatsApp\r\n <\/a>\r\n <\/div>\r\n<\/nav>\r\n\r\n<div class=\"hero\">\r\n <div class=\"hero-left\">\r\n <div class=\"hero-badge fu\"><span class=\"badge-dot\"><\/span> Porto Alegre e Grande POA<\/div>\r\n <h1 class=\"fu\">Port\u00f5es e estruturas<br><span>feitas para durar<\/span><\/h1>\r\n <p class=\"hero-sub fu\">Serralheria especializada em port\u00f5es autom\u00e1ticos, grades, escadas e estruturas met\u00e1licas. <strong>Or\u00e7amento gratuito e sem compromisso.<\/strong><\/p>\r\n <div class=\"hero-btns fu\">\r\n <a href=\"https:\/\/wa.me\/5551980218711?text=Ol\u00e1!+Encontrei+voc\u00eas+no+Google+e+gostaria+de+mais+informa\u00e7\u00f5es\" class=\"btn-wa\" target=\"_blank\" rel=\"noopener\">\r\n <svg viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M17.472 14.382c-.297-.149-1.758-.867-2.03-.967-.273-.099-.471-.148-.67.15-.197.297-.767.966-.94 1.164-.173.199-.347.223-.644.075-.297-.15-1.255-.463-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.298-.347.446-.52.149-.174.198-.298.298-.497.099-.198.05-.371-.025-.52-.075-.149-.669-1.612-.916-2.207-.242-.579-.487-.5-.669-.51-.173-.008-.371-.01-.57-.01-.198 0-.52.074-.792.372-.272.297-1.04 1.016-1.04 2.479 0 1.462 1.065 2.875 1.213 3.074.149.198 2.096 3.2 5.077 4.487.709.306 1.262.489 1.694.625.712.227 1.36.195 1.871.118.571-.085 1.758-.719 2.006-1.413.248-.694.248-1.289.173-1.413-.074-.124-.272-.198-.57-.347m-5.421 7.403h-.004a9.87 9.87 0 01-5.031-1.378l-.361-.214-3.741.982.998-3.648-.235-.374a9.86 9.86 0 01-1.51-5.26c.001-5.45 4.436-9.884 9.888-9.884 2.64 0 5.122 1.03 6.988 2.898a9.825 9.825 0 012.893 6.994c-.003 5.45-4.437 9.884-9.885 9.884m8.413-18.297A11.815 11.815 0 0012.05 0C5.495 0 .16 5.335.157 11.892c0 2.096.547 4.142 1.588 5.945L.057 24l6.305-1.654a11.882 11.882 0 005.683 1.448h.005c6.554 0 11.89-5.335 11.893-11.893a11.821 11.821 0 00-3.48-8.413z\"\/><\/svg>\r\n Pedir or\u00e7amento gr\u00e1tis\r\n <\/a>\r\n <a href=\"#servicos\" class=\"btn-out\">Ver servi\u00e7os<\/a>\r\n <\/div>\r\n <\/div>\r\n<\/div>\r\n\r\n\r\n<section id=\"servicos\">\r\n <div class=\"sec\">\r\n <p class=\"sec-tag fu\">O que fazemos<\/p>\r\n <h2 class=\"sec-title fu\">Solu\u00e7\u00f5es completas em metal,<br>do projeto \u00e0 instala\u00e7\u00e3o<\/h2>\r\n <p class=\"sec-sub fu\">Tudo fabricado na nossa serralheria. Controlamos cada etapa para garantir qualidade, prazo e acabamento impec\u00e1vel.<\/p>\r\n <div class=\"svc-grid\">\r\n <div class=\"svc-card fu\">\r\n <img decoding=\"async\" src=\"https:\/\/funil.kitcasanova.online\/wp-content\/uploads\/2026\/04\/Portao-de-Ferro-02.jpg.jpeg\" alt=\"Port\u00f5es autom\u00e1ticos\" class=\"svc-img\" \/>\r\n <div class=\"svc-body\">\r\n <div class=\"svc-title\">Port\u00f5es Autom\u00e1ticos e Manuais<\/div>\r\n <div class=\"svc-desc\">Deslizantes, de contrapeso ou basculantes. Automa\u00e7\u00e3o inclusa. Feitos sob medida para a sua entrada.<\/div>\r\n <a href=\"https:\/\/wa.me\/5551980218711?text=Ol\u00e1!+Encontrei+voc\u00eas+no+Google+e+gostaria+de+mais+informa\u00e7\u00f5es+sobre+port\u00f5es\" class=\"svc-link\" target=\"_blank\" rel=\"noopener\">Solicitar or\u00e7amento \u2192<\/a>\r\n <\/div>\r\n <\/div>\r\n <div class=\"svc-card fu\">\r\n <img decoding=\"async\" src=\"https:\/\/funil.kitcasanova.online\/wp-content\/uploads\/2026\/04\/Grade-de-Janela-03.jpg.jpeg\" alt=\"Grades de prote\u00e7\u00e3o\" class=\"svc-img\" \/>\r\n <div class=\"svc-body\">\r\n <div class=\"svc-title\">Grades de Prote\u00e7\u00e3o<\/div>\r\n <div class=\"svc-desc\">Para janelas, portas, sacadas e cercamentos. Seguran\u00e7a com design que valoriza seu im\u00f3vel.<\/div>\r\n <a href=\"https:\/\/wa.me\/5551980218711?text=Ol\u00e1!+Encontrei+voc\u00eas+no+Google+e+gostaria+de+mais+informa\u00e7\u00f5es+sobre+grades\" class=\"svc-link\" target=\"_blank\" rel=\"noopener\">Solicitar or\u00e7amento \u2192<\/a>\r\n <\/div>\r\n <\/div>\r\n <div class=\"svc-card fu\">\r\n <img decoding=\"async\" src=\"https:\/\/funil.kitcasanova.online\/wp-content\/uploads\/2026\/04\/Estrutura-metalica.jpg.jpeg\" alt=\"Estruturas met\u00e1licas\" class=\"svc-img\" \/>\r\n <div class=\"svc-body\">\r\n <div class=\"svc-title\">Estruturas Met\u00e1licas<\/div>\r\n <div class=\"svc-desc\">Coberturas, pavilh\u00f5es, mezaninos e telhados met\u00e1licos com c\u00e1lculo t\u00e9cnico e m\u00e1xima robustez.<\/div>\r\n <a href=\"https:\/\/wa.me\/5551980218711?text=Ol\u00e1!+Encontrei+voc\u00eas+no+Google+e+gostaria+de+mais+informa\u00e7\u00f5es+sobre+estruturas+met\u00e1licas\" class=\"svc-link\" target=\"_blank\" rel=\"noopener\">Solicitar or\u00e7amento \u2192<\/a>\r\n <\/div>\r\n <\/div>\r\n <div class=\"svc-card fu\">\r\n <img decoding=\"async\" src=\"https:\/\/funil.kitcasanova.online\/wp-content\/uploads\/2026\/04\/Escada-02.jpg.jpeg\" alt=\"Escadas met\u00e1licas\" class=\"svc-img\" \/>\r\n <div class=\"svc-body\">\r\n <div class=\"svc-title\">Escadas Met\u00e1licas<\/div>\r\n <div class=\"svc-desc\">Retas, em L, caracol ou flutuantes. Design moderno com corrim\u00e3o integrado para resid\u00eancias e ind\u00fastrias.<\/div>\r\n <a href=\"https:\/\/wa.me\/5551980218711?text=Ol\u00e1!+Encontrei+voc\u00eas+no+Google+e+gostaria+de+mais+informa\u00e7\u00f5es+sobre+escadas\" class=\"svc-link\" target=\"_blank\" rel=\"noopener\">Solicitar or\u00e7amento \u2192<\/a>\r\n <\/div>\r\n <\/div>\r\n <div class=\"svc-card fu\">\r\n <img decoding=\"async\" src=\"https:\/\/funil.kitcasanova.online\/wp-content\/uploads\/2026\/04\/Grade-de-Janela-01.jpg.jpeg\" alt=\"Janelas e portas\" class=\"svc-img\" \/>\r\n <div class=\"svc-body\">\r\n <div class=\"svc-title\">Janelas e Portas de Ferro<\/div>\r\n <div class=\"svc-desc\">Fabricadas sob medida com acabamento em pintura eletrost\u00e1tica ou galvaniza\u00e7\u00e3o para m\u00e1xima durabilidade.<\/div>\r\n <a href=\"https:\/\/wa.me\/5551980218711?text=Ol\u00e1!+Encontrei+voc\u00eas+no+Google+e+gostaria+de+mais+informa\u00e7\u00f5es+sobre+portas+e+janelas\" class=\"svc-link\" target=\"_blank\" rel=\"noopener\">Solicitar or\u00e7amento \u2192<\/a>\r\n <\/div>\r\n <\/div>\r\n <div class=\"svc-card fu\" style=\"background:var(--orange-bg); border-color:rgba(217,95,26,.2);\">\r\n <div class=\"svc-body\" style=\"justify-content:center; padding:36px 20px;\">\r\n <div style=\"color:var(--orange); margin-bottom:14px;\">\r\n <svg width=\"36\" height=\"36\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M21 15a2 2 0 01-2 2H7l-4 4V5a2 2 0 012-2h14a2 2 0 012 2z\"\/><\/svg>\r\n <\/div>\r\n <div class=\"svc-title\">Tem outro projeto em mente?<\/div>\r\n <div class=\"svc-desc\">Guarda-roupas de ferro, eclusas, gradil, corrim\u00e3o inox e muito mais. Consulte nossa equipe.<\/div>\r\n <a href=\"https:\/\/wa.me\/5551980218711?text=Ol\u00e1!+Encontrei+voc\u00eas+no+Google+e+gostaria+de+mais+informa\u00e7\u00f5es\" class=\"svc-link\" target=\"_blank\" rel=\"noopener\">Falar com especialista \u2192<\/a>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n<section class=\"why-bg\">\r\n <div class=\"sec\">\r\n <p class=\"sec-tag fu\">Por que escolher a Makro<\/p>\r\n <h2 class=\"sec-title fu\">Qualidade que voc\u00ea v\u00ea<br>e confia por anos<\/h2>\r\n <div class=\"why-grid\">\r\n <ul class=\"why-list\">\r\n <li class=\"why-item fu\">\r\n <div class=\"why-icon\"><svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><path d=\"M2 20h20M5 20V8l7-5 7 5v12\"\/><rect x=\"9\" y=\"12\" width=\"6\" height=\"8\"\/><\/svg><\/div>\r\n <div>\r\n <div class=\"why-item-title\">Solu\u00e7\u00f5es sob medida para o seu projeto<\/div>\r\n <div class=\"why-item-desc\">Cada servi\u00e7o \u00e9 pensado de acordo com a necessidade do cliente, com aten\u00e7\u00e3o \u00e0s medidas, ao ambiente, ao acabamento e \u00e0 funcionalidade de cada estrutura.<\/div>\r\n <\/div>\r\n <\/li>\r\n <li class=\"why-item fu\">\r\n <div class=\"why-icon\"><svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><polyline points=\"12 6 12 12 16 14\"\/><\/svg><\/div>\r\n <div>\r\n <div class=\"why-item-title\">Compromisso com prazo e execu\u00e7\u00e3o<\/div>\r\n <div class=\"why-item-desc\">Acompanhamos cada etapa do processo com organiza\u00e7\u00e3o, alinhamento e responsabilidade, buscando entregar tudo com seguran\u00e7a, efici\u00eancia e dentro do combinado.<\/div>\r\n <\/div>\r\n <\/li>\r\n <li class=\"why-item fu\">\r\n <div class=\"why-icon\"><svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><path d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z\"\/><\/svg><\/div>\r\n <div>\r\n <div class=\"why-item-title\">Materiais de qualidade e \u00f3timo acabamento<\/div>\r\n <div class=\"why-item-desc\">Trabalhamos com materiais selecionados e solu\u00e7\u00f5es dur\u00e1veis, priorizando resist\u00eancia, est\u00e9tica e desempenho para entregar estruturas seguras e bem finalizadas.<\/div>\r\n <\/div>\r\n <\/li>\r\n <li class=\"why-item fu\">\r\n <div class=\"why-icon\"><svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg><\/div>\r\n <div>\r\n <div class=\"why-item-title\">Experi\u00eancia que gera confian\u00e7a<\/div>\r\n <div class=\"why-item-desc\">Mais do que entregar uma estrutura, buscamos entregar tranquilidade, seguran\u00e7a e um resultado que valorize o seu espa\u00e7o.<\/div>\r\n <\/div>\r\n <\/li>\r\n <\/ul>\r\n <div class=\"why-photos fu\">\r\n <div class=\"why-photo\"><img decoding=\"async\" src=\"https:\/\/funil.kitcasanova.online\/wp-content\/uploads\/2026\/04\/Portao-de-ferro-01.jpg.jpeg\" alt=\"Serralheiro trabalhando\" \/><\/div>\r\n <div class=\"why-photo\"><img decoding=\"async\" src=\"https:\/\/funil.kitcasanova.online\/wp-content\/uploads\/2026\/04\/Estrutura-metalica.jpg.jpeg\" alt=\"Detalhe estrutura\" \/><\/div>\r\n <div class=\"why-photo\"><img decoding=\"async\" src=\"https:\/\/funil.kitcasanova.online\/wp-content\/uploads\/2026\/04\/Portao-de-Ferro-02.jpg.jpeg\" alt=\"Port\u00e3o instalado\" \/><\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n\r\n<section class=\"gal-bg\">\r\n <div class=\"sec\">\r\n <p class=\"sec-tag fu\">Nossos trabalhos<\/p>\r\n <h2 class=\"sec-title fu\">Projetos entregues com orgulho<\/h2>\r\n <div class=\"gal-grid fu\">\r\n <div class=\"g-item g-large\">\r\n <img decoding=\"async\" src=\"https:\/\/funil.kitcasanova.online\/wp-content\/uploads\/2026\/04\/pexels-tima-miroshnichenko-5640627-1536x1024-1.jpg\" alt=\"Estrutura industrial\" \/>\r\n <\/div>\r\n <div class=\"g-item\">\r\n <img decoding=\"async\" src=\"https:\/\/funil.kitcasanova.online\/wp-content\/uploads\/2026\/04\/pexels-anna-maxelante-1596256-3184412-scaled-1.avif\" alt=\"Escada residencial\" \/>\r\n <\/div>\r\n <div class=\"g-item\">\r\n <img decoding=\"async\" src=\"https:\/\/funil.kitcasanova.online\/wp-content\/uploads\/2026\/04\/portaoo.avif\" alt=\"Port\u00e3o autom\u00e1tico\" \/>\r\n <\/div>\r\n <div class=\"g-item g-tall\">\r\n <img decoding=\"async\" src=\"https:\/\/funil.kitcasanova.online\/wp-content\/uploads\/2026\/04\/Portao-de-ferro-01.jpg.jpeg\" alt=\"Soldagem\" \/>\r\n <\/div>\r\n <div class=\"g-item\">\r\n <img decoding=\"async\" src=\"https:\/\/funil.kitcasanova.online\/wp-content\/uploads\/2026\/04\/Escada-01.jpg.jpeg\" alt=\"Cobertura met\u00e1lica\" \/>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n<section class=\"test-bg\">\r\n <div class=\"sec\">\r\n <p class=\"sec-tag fu\">Depoimentos<\/p>\r\n <h2 class=\"sec-title fu\">O que dizem nossos clientes<\/h2>\r\n <div class=\"test-grid\">\r\n <div class=\"test-card fu\">\r\n <div class=\"test-stars\">\u2605\u2605\u2605\u2605\u2605<\/div>\r\n <p class=\"test-text\">\"Fizemos a estrutura met\u00e1lica da nossa \u00e1rea de lazer com a Makro e ficou impec\u00e1vel. Cumpriram o prazo e o acabamento foi excelente. Super recomendo!\"<\/p>\r\n <div class=\"test-author\">Roberto C.<\/div>\r\n <div class=\"test-role\">Porto Alegre \u2014 Estrutura met\u00e1lica residencial<\/div>\r\n <\/div>\r\n <div class=\"test-card fu\">\r\n <div class=\"test-stars\">\u2605\u2605\u2605\u2605\u2605<\/div>\r\n <p class=\"test-text\">\"O port\u00e3o autom\u00e1tico do nosso condom\u00ednio funciona perfeitamente h\u00e1 mais de dois anos. Suporte r\u00e1pido sempre que precisamos. Excelente empresa!\"<\/p>\r\n <div class=\"test-author\">Ana L\u00facia M.<\/div>\r\n <div class=\"test-role\">Canoas \u2014 Port\u00e3o autom\u00e1tico para condom\u00ednio<\/div>\r\n <\/div>\r\n <div class=\"test-card fu\">\r\n <div class=\"test-stars\">\u2605\u2605\u2605\u2605\u2605<\/div>\r\n <p class=\"test-text\">\"Pedi or\u00e7amento em tr\u00eas serralheiros. A Makro foi quem apresentou o projeto mais completo e o melhor custo-benef\u00edcio. A escada ficou exatamente como eu imaginei.\"<\/p>\r\n <div class=\"test-author\">Marcos T.<\/div>\r\n <div class=\"test-role\">Gravata\u00ed \u2014 Escada met\u00e1lica residencial<\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n<div class=\"cta-band\">\r\n <div class=\"cta-inner\">\r\n <div>\r\n <div class=\"cta-title\">Pronto para come\u00e7ar<br>seu projeto?<\/div>\r\n <div class=\"cta-sub\">Fale agora pelo WhatsApp \u2014 or\u00e7amento 100% gratuito e sem compromisso.<\/div>\r\n <\/div>\r\n <a href=\"https:\/\/wa.me\/5551980218711?text=Ol\u00e1!+Encontrei+voc\u00eas+no+Google+e+gostaria+de+mais+informa\u00e7\u00f5es\" class=\"btn-white\" target=\"_blank\" rel=\"noopener\">\r\n <svg viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M17.472 14.382c-.297-.149-1.758-.867-2.03-.967-.273-.099-.471-.148-.67.15-.197.297-.767.966-.94 1.164-.173.199-.347.223-.644.075-.297-.15-1.255-.463-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.298-.347.446-.52.149-.174.198-.298.298-.497.099-.198.05-.371-.025-.52-.075-.149-.669-1.612-.916-2.207-.242-.579-.487-.5-.669-.51-.173-.008-.371-.01-.57-.01-.198 0-.52.074-.792.372-.272.297-1.04 1.016-1.04 2.479 0 1.462 1.065 2.875 1.213 3.074.149.198 2.096 3.2 5.077 4.487.709.306 1.262.489 1.694.625.712.227 1.36.195 1.871.118.571-.085 1.758-.719 2.006-1.413.248-.694.248-1.289.173-1.413-.074-.124-.272-.198-.57-.347m-5.421 7.403h-.004a9.87 9.87 0 01-5.031-1.378l-.361-.214-3.741.982.998-3.648-.235-.374a9.86 9.86 0 01-1.51-5.26c.001-5.45 4.436-9.884 9.888-9.884 2.64 0 5.122 1.03 6.988 2.898a9.825 9.825 0 012.893 6.994c-.003 5.45-4.437 9.884-9.885 9.884m8.413-18.297A11.815 11.815 0 0012.05 0C5.495 0 .16 5.335.157 11.892c0 2.096.547 4.142 1.588 5.945L.057 24l6.305-1.654a11.882 11.882 0 005.683 1.448h.005c6.554 0 11.89-5.335 11.893-11.893a11.821 11.821 0 00-3.48-8.413z\"\/><\/svg>\r\n Chamar no WhatsApp\r\n <\/a>\r\n <\/div>\r\n<\/div>\r\n\r\n<footer>\r\n <div class=\"foot-inner\">\r\n <div>\r\n <div class=\"foot-brand\">MAKRO<span>METAIS<\/span><\/div>\r\n <p class=\"foot-tagline\">Serralheria especializada em port\u00f5es, grades, estruturas met\u00e1licas e escadas. Fabrica\u00e7\u00e3o pr\u00f3pria em Porto Alegre.<\/p>\r\n <div class=\"foot-contacts\">\r\n <a href=\"https:\/\/wa.me\/5551980218711?text=Ol\u00e1!+Encontrei+voc\u00eas+no+Google+e+gostaria+de+mais+informa\u00e7\u00f5es\" target=\"_blank\" rel=\"noopener\">\r\n <svg viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M17.472 14.382c-.297-.149-1.758-.867-2.03-.967-.273-.099-.471-.148-.67.15-.197.297-.767.966-.94 1.164-.173.199-.347.223-.644.075-.297-.15-1.255-.463-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.298-.347.446-.52.149-.174.198-.298.298-.497.099-.198.05-.371-.025-.52-.075-.149-.669-1.612-.916-2.207-.242-.579-.487-.5-.669-.51-.173-.008-.371-.01-.57-.01-.198 0-.52.074-.792.372-.272.297-1.04 1.016-1.04 2.479 0 1.462 1.065 2.875 1.213 3.074.149.198 2.096 3.2 5.077 4.487.709.306 1.262.489 1.694.625.712.227 1.36.195 1.871.118.571-.085 1.758-.719 2.006-1.413.248-.694.248-1.289.173-1.413-.074-.124-.272-.198-.57-.347m-5.421 7.403h-.004a9.87 9.87 0 01-5.031-1.378l-.361-.214-3.741.982.998-3.648-.235-.374a9.86 9.86 0 01-1.51-5.26c.001-5.45 4.436-9.884 9.888-9.884 2.64 0 5.122 1.03 6.988 2.898a9.825 9.825 0 012.893 6.994c-.003 5.45-4.437 9.884-9.885 9.884m8.413-18.297A11.815 11.815 0 0012.05 0C5.495 0 .16 5.335.157 11.892c0 2.096.547 4.142 1.588 5.945L.057 24l6.305-1.654a11.882 11.882 0 005.683 1.448h.005c6.554 0 11.89-5.335 11.893-11.893a11.821 11.821 0 00-3.48-8.413z\"\/><\/svg>\r\n (51) 98021-8711 \u2014 WhatsApp\r\n <\/a>\r\n <a href=\"tel:5551310833007\">\r\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M22 16.92v3a2 2 0 01-2.18 2 19.79 19.79 0 01-8.63-3.07A19.5 19.5 0 013.07 9.81a19.79 19.79 0 01-3.07-8.68A2 2 0 012 1h3a2 2 0 012 1.72c.127.96.361 1.903.7 2.81a2 2 0 01-.45 2.11L6.09 8.91a16 16 0 006 6l1.27-1.27a2 2 0 012.11-.45c.907.339 1.85.573 2.81.7A2 2 0 0122 16.92z\"\/><\/svg>\r\n (51) 3108-3307\r\n <\/a>\r\n <a href=\"mailto:makro.metais@gmail.com\">\r\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z\"\/><polyline points=\"22,6 12,13 2,6\"\/><\/svg>\r\n makro.metais@gmail.com\r\n <\/a>\r\n <a href=\"#\" style=\"pointer-events:none; color:rgba(255,255,255,.25)!important;\">\r\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0118 0z\"\/><circle cx=\"12\" cy=\"10\" r=\"3\"\/><\/svg>\r\n Rua Dr. Campos Velho, 1120 \u2014 Cristal, Porto Alegre\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n <div>\r\n <div class=\"foot-col-title\">Servi\u00e7os<\/div>\r\n <ul class=\"foot-links\">\r\n <li><a href=\"https:\/\/wa.me\/5551980218711?text=Ol\u00e1!+Encontrei+voc\u00eas+no+Google+e+gostaria+de+mais+informa\u00e7\u00f5es+sobre+port\u00f5es\">Port\u00f5es autom\u00e1ticos<\/a><\/li>\r\n <li><a href=\"https:\/\/wa.me\/5551980218711?text=Ol\u00e1!+Encontrei+voc\u00eas+no+Google+e+gostaria+de+mais+informa\u00e7\u00f5es+sobre+grades\">Grades de prote\u00e7\u00e3o<\/a><\/li>\r\n <li><a href=\"https:\/\/wa.me\/5551980218711?text=Ol\u00e1!+Encontrei+voc\u00eas+no+Google+e+gostaria+de+mais+informa\u00e7\u00f5es+sobre+estruturas+met\u00e1licas\">Estruturas met\u00e1licas<\/a><\/li>\r\n <li><a href=\"https:\/\/wa.me\/5551980218711?text=Ol\u00e1!+Encontrei+voc\u00eas+no+Google+e+gostaria+de+mais+informa\u00e7\u00f5es+sobre+escadas\">Escadas met\u00e1licas<\/a><\/li>\r\n <li><a href=\"https:\/\/wa.me\/5551980218711?text=Ol\u00e1!+Encontrei+voc\u00eas+no+Google+e+gostaria+de+mais+informa\u00e7\u00f5es+sobre+portas+e+janelas\">Janelas e portas<\/a><\/li>\r\n <li><a href=\"https:\/\/wa.me\/5551980218711?text=Ol\u00e1!+Encontrei+voc\u00eas+no+Google+e+gostaria+de+mais+informa\u00e7\u00f5es\">Outros servi\u00e7os<\/a><\/li>\r\n <\/ul>\r\n <\/div>\r\n <div>\r\n <div class=\"foot-col-title\">Atendimento<\/div>\r\n <ul class=\"foot-links\">\r\n <li><a href=\"https:\/\/wa.me\/5551980218711?text=Ol\u00e1!+Encontrei+voc\u00eas+no+Google+e+gostaria+de+mais+informa\u00e7\u00f5es\">Falar no WhatsApp<\/a><\/li>\r\n <li><a href=\"https:\/\/www.instagram.com\/makro_esquadrias\/\" target=\"_blank\" rel=\"noopener\">Instagram<\/a><\/li>\r\n <\/ul>\r\n <div style=\"margin-top:22px; background:rgba(255,255,255,.04); border-radius:10px; padding:14px 16px;\">\r\n <div style=\"font-size:11px; font-weight:700; letter-spacing:1.5px; text-transform:uppercase; color:rgba(255,255,255,.28); margin-bottom:8px;\">Hor\u00e1rio<\/div>\r\n <div style=\"font-size:14px; color:rgba(255,255,255,.45); line-height:1.7;\">Seg\u2013Sex: 8h \u00e0s 18h<br>S\u00e1b: 8h \u00e0s 12h<\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"foot-bottom\">\r\n <span class=\"foot-copy\">\u00a9 2025 Makro Metais. Todos os direitos reservados.<\/span>\r\n <a href=\"https:\/\/www.instagram.com\/makro_esquadrias\/\" target=\"_blank\" rel=\"noopener\" class=\"foot-ig\">\r\n <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><rect x=\"2\" y=\"2\" width=\"20\" height=\"20\" rx=\"5\"\/><path d=\"M16 11.37A4 4 0 1112.63 8 4 4 0 0116 11.37z\"\/><line x1=\"17.5\" y1=\"6.5\" x2=\"17.51\" y2=\"6.5\"\/><\/svg>\r\n @makro_esquadrias\r\n <\/a>\r\n <\/div>\r\n<\/footer>\r\n\r\n<a href=\"https:\/\/wa.me\/5551980218711?text=Ol\u00e1!+Encontrei+voc\u00eas+no+Google+e+gostaria+de+mais+informa\u00e7\u00f5es\" class=\"wa-float\" target=\"_blank\" rel=\"noopener\" aria-label=\"WhatsApp\">\r\n <svg viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M17.472 14.382c-.297-.149-1.758-.867-2.03-.967-.273-.099-.471-.148-.67.15-.197.297-.767.966-.94 1.164-.173.199-.347.223-.644.075-.297-.15-1.255-.463-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.298-.347.446-.52.149-.174.198-.298.298-.497.099-.198.05-.371-.025-.52-.075-.149-.669-1.612-.916-2.207-.242-.579-.487-.5-.669-.51-.173-.008-.371-.01-.57-.01-.198 0-.52.074-.792.372-.272.297-1.04 1.016-1.04 2.479 0 1.462 1.065 2.875 1.213 3.074.149.198 2.096 3.2 5.077 4.487.709.306 1.262.489 1.694.625.712.227 1.36.195 1.871.118.571-.085 1.758-.719 2.006-1.413.248-.694.248-1.289.173-1.413-.074-.124-.272-.198-.57-.347m-5.421 7.403h-.004a9.87 9.87 0 01-5.031-1.378l-.361-.214-3.741.982.998-3.648-.235-.374a9.86 9.86 0 01-1.51-5.26c.001-5.45 4.436-9.884 9.888-9.884 2.64 0 5.122 1.03 6.988 2.898a9.825 9.825 0 012.893 6.994c-.003 5.45-4.437 9.884-9.885 9.884m8.413-18.297A11.815 11.815 0 0012.05 0C5.495 0 .16 5.335.157 11.892c0 2.096.547 4.142 1.588 5.945L.057 24l6.305-1.654a11.882 11.882 0 005.683 1.448h.005c6.554 0 11.89-5.335 11.893-11.893a11.821 11.821 0 00-3.48-8.413z\"\/><\/svg>\r\n <span>Or\u00e7amento gr\u00e1tis<\/span>\r\n<\/a>\r\n\r\n<script>\r\nconst obs = new IntersectionObserver(entries => {\r\n entries.forEach((e, i) => {\r\n if (e.isIntersecting) { setTimeout(() => e.target.classList.add('v'), i * 70); obs.unobserve(e.target); }\r\n });\r\n}, { threshold: 0.08 });\r\ndocument.querySelectorAll('.fu').forEach(el => obs.observe(el));\r\n<\/script>\r\n<\/body>\r\n<\/html>\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>Makro Metais \u2014 Port\u00f5es, Grades e Estruturas Met\u00e1licas em Porto Alegre MAKROMETAIS (51) 3108-3307 WhatsApp Porto Alegre e Grande POA Port\u00f5es e estruturasfeitas para durar Serralheria especializada em port\u00f5es autom\u00e1ticos, grades, escadas e estruturas met\u00e1licas. Or\u00e7amento gratuito e sem compromisso. Pedir or\u00e7amento gr\u00e1tis Ver servi\u00e7os O que fazemos Solu\u00e7\u00f5es completas em metal,do projeto \u00e0 instala\u00e7\u00e3o […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-422","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/makrometais.com.br\/index.php\/wp-json\/wp\/v2\/pages\/422","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/makrometais.com.br\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/makrometais.com.br\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/makrometais.com.br\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/makrometais.com.br\/index.php\/wp-json\/wp\/v2\/comments?post=422"}],"version-history":[{"count":7,"href":"https:\/\/makrometais.com.br\/index.php\/wp-json\/wp\/v2\/pages\/422\/revisions"}],"predecessor-version":[{"id":430,"href":"https:\/\/makrometais.com.br\/index.php\/wp-json\/wp\/v2\/pages\/422\/revisions\/430"}],"wp:attachment":[{"href":"https:\/\/makrometais.com.br\/index.php\/wp-json\/wp\/v2\/media?parent=422"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}