{"id":30,"date":"2026-04-20T13:25:52","date_gmt":"2026-04-20T16:25:52","guid":{"rendered":"http:\/\/locplanpa.com.br\/?page_id=30"},"modified":"2026-04-30T19:39:27","modified_gmt":"2026-04-30T22:39:27","slug":"inicio","status":"publish","type":"page","link":"https:\/\/locplanpa.com.br\/","title":{"rendered":"In\u00edcio"},"content":{"rendered":"\t\t
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\r\n\r\n\r\n\r\n \r\n \r\n \r\n LocPlan Loca\u00e7\u00f5es | Planejamento que Constr\u00f3i Resultados<\/title>\r\n <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n <link\r\n href=\"https:\/\/fonts.googleapis.com\/css2?family=DM+Sans:ital,wght@0,400;0,500;0,600;0,700;1,400&family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap\"\r\n rel=\"stylesheet\">\r\n <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.5.1\/css\/all.min.css\">\r\n <style>\r\n \/* =============================================\r\n LOCPLAN V3 \u2014 PREMIUM LIGHT THEME\r\n Fonts: Plus Jakarta Sans + DM Sans\r\n No AI images \u2014 uses real Unsplash photos\r\n ============================================= *\/\r\n\r\n *,\r\n *::before,\r\n *::after {\r\n margin: 0;\r\n padding: 0;\r\n box-sizing: border-box;\r\n }\r\n\r\n :root {\r\n --primary: #D4A90F;\r\n --primary-dark: #B8920D;\r\n --primary-light: #FFF8E1;\r\n --primary-50: rgba(212, 169, 15, 0.06);\r\n --dark: #151515;\r\n --dark-800: #1E1E1E;\r\n --dark-700: #2A2A2A;\r\n --dark-600: #3A3A3A;\r\n --gray-900: #222;\r\n --gray-700: #444;\r\n --gray-500: #777;\r\n --gray-400: #999;\r\n --gray-200: #E0E0E0;\r\n --gray-100: #F0EFEC;\r\n --gray-50: #F7F6F3;\r\n --white: #FFFFFF;\r\n --green: #22C55E;\r\n --green-light: #DCFCE7;\r\n --head: 'Plus Jakarta Sans', sans-serif;\r\n --body: 'DM Sans', sans-serif;\r\n --r: 14px;\r\n --r-lg: 20px;\r\n --r-xl: 28px;\r\n --r-full: 100px;\r\n --ease: cubic-bezier(0.16, 1, 0.3, 1);\r\n --shadow-xs: 0 1px 3px rgba(0, 0, 0, 0.04);\r\n --shadow-sm: 0 4px 12px rgba(0, 0, 0, 0.06);\r\n --shadow-md: 0 8px 30px rgba(0, 0, 0, 0.08);\r\n --shadow-lg: 0 20px 60px rgba(0, 0, 0, 0.1);\r\n --shadow-xl: 0 32px 80px rgba(0, 0, 0, 0.12);\r\n }\r\n\r\n html {\r\n scroll-behavior: smooth;\r\n scroll-padding-top: 90px;\r\n }\r\n\r\n body {\r\n font-family: var(--body);\r\n background: var(--white);\r\n color: var(--dark);\r\n line-height: 1.65;\r\n overflow-x: hidden;\r\n -webkit-font-smoothing: antialiased;\r\n }\r\n\r\n a {\r\n text-decoration: none;\r\n color: inherit;\r\n }\r\n\r\n img {\r\n display: block;\r\n max-width: 100%;\r\n }\r\n\r\n .container {\r\n max-width: 1200px;\r\n margin: 0 auto;\r\n padding: 0 24px;\r\n }\r\n\r\n .section {\r\n padding: 120px 0;\r\n }\r\n\r\n .section-alt {\r\n background: var(--gray-50);\r\n }\r\n\r\n .section-dark {\r\n background: var(--dark);\r\n color: var(--white);\r\n }\r\n\r\n h2 {\r\n font-family: var(--head);\r\n font-size: clamp(1.9rem, 3.5vw, 2.7rem);\r\n font-weight: 800;\r\n line-height: 1.2;\r\n letter-spacing: -0.02em;\r\n }\r\n\r\n h2 em {\r\n font-style: normal;\r\n color: var(--primary);\r\n }\r\n\r\n \/* ===== TAG LINE ===== *\/\r\n .tag-line {\r\n display: flex;\r\n align-items: center;\r\n gap: 10px;\r\n font-family: var(--head);\r\n font-size: 0.78rem;\r\n font-weight: 700;\r\n color: var(--primary-dark);\r\n text-transform: uppercase;\r\n letter-spacing: 0.2em;\r\n margin-bottom: 14px;\r\n }\r\n\r\n .tag-line.center {\r\n justify-content: center;\r\n }\r\n\r\n .tag-line.light {\r\n color: var(--primary);\r\n }\r\n\r\n .tag-bar {\r\n display: block;\r\n width: 28px;\r\n height: 3px;\r\n background: var(--primary);\r\n border-radius: 2px;\r\n }\r\n\r\n \/* ===== SECTION HEADER ===== *\/\r\n .section-header {\r\n text-align: center;\r\n max-width: 620px;\r\n margin: 0 auto 72px;\r\n }\r\n\r\n .section-header h2 {\r\n margin-bottom: 14px;\r\n }\r\n\r\n .section-sub {\r\n color: var(--gray-500);\r\n font-size: 1.06rem;\r\n line-height: 1.7;\r\n }\r\n\r\n \/* ===== BUTTONS ===== *\/\r\n .btn {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 8px;\r\n font-family: var(--head);\r\n font-weight: 700;\r\n font-size: 0.88rem;\r\n padding: 12px 24px;\r\n border-radius: var(--r);\r\n border: 2px solid transparent;\r\n cursor: pointer;\r\n transition: all 0.35s var(--ease);\r\n white-space: nowrap;\r\n position: relative;\r\n overflow: hidden;\r\n }\r\n\r\n .btn::before {\r\n content: '';\r\n position: absolute;\r\n inset: 0;\r\n background: rgba(255, 255, 255, 0.15);\r\n transform: translateX(-100%);\r\n transition: transform 0.5s var(--ease);\r\n }\r\n\r\n .btn:hover::before {\r\n transform: translateX(0);\r\n }\r\n\r\n .btn-sm {\r\n padding: 10px 20px;\r\n font-size: 0.82rem;\r\n }\r\n\r\n .btn-lg {\r\n padding: 15px 30px;\r\n font-size: 0.92rem;\r\n }\r\n\r\n .btn-block {\r\n width: 100%;\r\n justify-content: center;\r\n }\r\n\r\n .btn-primary {\r\n background: var(--primary);\r\n color: var(--dark);\r\n border-color: var(--primary);\r\n }\r\n\r\n .btn-primary:hover {\r\n background: var(--primary-dark);\r\n border-color: var(--primary-dark);\r\n transform: translateY(-3px);\r\n box-shadow: 0 12px 28px rgba(212, 169, 15, 0.3);\r\n }\r\n\r\n .btn-ghost {\r\n background: transparent;\r\n color: var(--dark);\r\n border-color: var(--gray-200);\r\n }\r\n\r\n .btn-ghost:hover {\r\n border-color: var(--primary);\r\n color: var(--primary-dark);\r\n transform: translateY(-3px);\r\n }\r\n\r\n .btn-whatsapp {\r\n background: #25D366;\r\n color: #fff;\r\n border-color: #25D366;\r\n }\r\n\r\n .btn-whatsapp:hover {\r\n background: #1EBE5A;\r\n transform: translateY(-3px);\r\n box-shadow: 0 12px 28px rgba(37, 211, 102, 0.25);\r\n }\r\n\r\n \/* =====================\r\n HEADER\r\n ===================== *\/\r\n #header {\r\n position: fixed;\r\n top: 0;\r\n left: 0;\r\n width: 100%;\r\n z-index: 1000;\r\n padding: 12px 0;\r\n transition: all 0.4s var(--ease);\r\n background: rgba(255, 255, 255, 0.7);\r\n backdrop-filter: blur(20px);\r\n -webkit-backdrop-filter: blur(20px);\r\n }\r\n\r\n #header.scrolled {\r\n background: rgba(255, 255, 255, 0.95);\r\n box-shadow: var(--shadow-sm);\r\n padding: 8px 0;\r\n }\r\n\r\n .header-flex {\r\n display: flex;\r\n align-items: center;\r\n justify-content: space-between;\r\n gap: 20px;\r\n }\r\n\r\n .logo img {\r\n height: 42px;\r\n }\r\n\r\n .nav {\r\n display: flex;\r\n align-items: center;\r\n gap: 6px;\r\n }\r\n\r\n .nav-link {\r\n font-family: var(--head);\r\n font-size: 0.85rem;\r\n font-weight: 600;\r\n color: var(--gray-500);\r\n padding: 8px 14px;\r\n border-radius: var(--r);\r\n transition: all 0.3s var(--ease);\r\n }\r\n\r\n .nav-link:hover,\r\n .nav-link.active {\r\n color: var(--dark);\r\n background: var(--gray-50);\r\n }\r\n\r\n .header-actions {\r\n display: flex;\r\n align-items: center;\r\n gap: 16px;\r\n }\r\n\r\n .header-tel {\r\n display: flex;\r\n align-items: center;\r\n gap: 10px;\r\n padding: 6px 12px 6px 6px;\r\n border-radius: var(--r);\r\n transition: background 0.3s var(--ease);\r\n }\r\n\r\n .header-tel:hover {\r\n background: var(--gray-50);\r\n }\r\n\r\n .tel-icon {\r\n width: 36px;\r\n height: 36px;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n background: var(--primary-50);\r\n border-radius: 10px;\r\n color: var(--primary-dark);\r\n font-size: 0.85rem;\r\n }\r\n\r\n .tel-text span {\r\n display: block;\r\n font-size: 0.7rem;\r\n color: var(--gray-400);\r\n font-weight: 500;\r\n }\r\n\r\n .tel-text strong {\r\n display: block;\r\n font-family: var(--head);\r\n font-size: 0.82rem;\r\n font-weight: 700;\r\n color: var(--dark);\r\n }\r\n\r\n .hamburger {\r\n display: none;\r\n flex-direction: column;\r\n gap: 5px;\r\n background: none;\r\n border: none;\r\n cursor: pointer;\r\n }\r\n\r\n .hamburger span {\r\n width: 22px;\r\n height: 2px;\r\n background: var(--dark);\r\n border-radius: 2px;\r\n transition: all 0.3s var(--ease);\r\n }\r\n\r\n .hamburger.active span:nth-child(1) {\r\n transform: translateY(7px) rotate(45deg);\r\n }\r\n\r\n .hamburger.active span:nth-child(2) {\r\n opacity: 0;\r\n }\r\n\r\n .hamburger.active span:nth-child(3) {\r\n transform: translateY(-7px) rotate(-45deg);\r\n }\r\n\r\n .mobile-overlay {\r\n position: fixed;\r\n inset: 0;\r\n background: rgba(255, 255, 255, 0.97);\r\n backdrop-filter: blur(30px);\r\n z-index: 999;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n opacity: 0;\r\n pointer-events: none;\r\n transition: opacity 0.4s var(--ease);\r\n }\r\n\r\n .mobile-overlay.open {\r\n opacity: 1;\r\n pointer-events: all;\r\n }\r\n\r\n .mobile-nav {\r\n display: flex;\r\n flex-direction: column;\r\n align-items: center;\r\n gap: 18px;\r\n }\r\n\r\n .mobile-nav a {\r\n font-family: var(--head);\r\n font-size: 1.5rem;\r\n font-weight: 700;\r\n }\r\n\r\n .mobile-nav a:hover {\r\n color: var(--primary-dark);\r\n }\r\n\r\n \/* =====================\r\n HERO\r\n ===================== *\/\r\n .hero {\r\n padding: 130px 0 0;\r\n position: relative;\r\n overflow: hidden;\r\n background: linear-gradient(180deg, var(--white) 0%, var(--gray-50) 100%);\r\n }\r\n\r\n .hero::before {\r\n content: '';\r\n position: absolute;\r\n top: -200px;\r\n right: -200px;\r\n width: 600px;\r\n height: 600px;\r\n background: radial-gradient(circle, rgba(212, 169, 15, 0.08) 0%, transparent 70%);\r\n border-radius: 50%;\r\n pointer-events: none;\r\n }\r\n\r\n .hero-inner {\r\n display: grid;\r\n grid-template-columns: 1fr 1fr;\r\n gap: 56px;\r\n align-items: center;\r\n padding-bottom: 80px;\r\n }\r\n\r\n \/* Hero badge *\/\r\n .hero-badge {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 10px;\r\n padding: 7px 18px 7px 10px;\r\n background: var(--primary-light);\r\n border: 1px solid rgba(212, 169, 15, 0.2);\r\n border-radius: var(--r-full);\r\n font-size: 0.8rem;\r\n font-weight: 600;\r\n color: var(--primary-dark);\r\n margin-bottom: 24px;\r\n }\r\n\r\n .badge-dot {\r\n width: 8px;\r\n height: 8px;\r\n background: var(--primary);\r\n border-radius: 50%;\r\n animation: pulse 2s ease-in-out infinite;\r\n }\r\n\r\n @keyframes pulse {\r\n\r\n 0%,\r\n 100% {\r\n transform: scale(1);\r\n opacity: 1;\r\n }\r\n\r\n 50% {\r\n transform: scale(0.8);\r\n opacity: 0.5;\r\n }\r\n }\r\n\r\n .hero h1 {\r\n font-family: var(--head);\r\n font-size: clamp(2.8rem, 5.5vw, 4.2rem);\r\n font-weight: 800;\r\n line-height: 1.06;\r\n letter-spacing: -0.03em;\r\n color: var(--dark);\r\n margin-bottom: 20px;\r\n }\r\n\r\n .hero-accent {\r\n position: relative;\r\n color: var(--primary);\r\n }\r\n\r\n .hero-accent::after {\r\n content: '';\r\n position: absolute;\r\n bottom: 4px;\r\n left: 0;\r\n width: 100%;\r\n height: 8px;\r\n background: rgba(212, 169, 15, 0.2);\r\n border-radius: 4px;\r\n z-index: -1;\r\n }\r\n\r\n .hero-sub {\r\n color: var(--gray-500);\r\n font-size: 1.1rem;\r\n line-height: 1.7;\r\n max-width: 440px;\r\n margin-bottom: 32px;\r\n }\r\n\r\n .hero-ctas {\r\n display: flex;\r\n gap: 12px;\r\n flex-wrap: wrap;\r\n }\r\n\r\n \/* Hero Media *\/\r\n .hero-media {\r\n position: relative;\r\n }\r\n\r\n .hero-img-wrapper {\r\n position: relative;\r\n border-radius: var(--r-xl);\r\n overflow: hidden;\r\n box-shadow: var(--shadow-xl);\r\n }\r\n\r\n .hero-img-wrapper img {\r\n width: 100%;\r\n height: 480px;\r\n object-fit: cover;\r\n }\r\n\r\n .hero-img-accent {\r\n position: absolute;\r\n bottom: -6px;\r\n right: -6px;\r\n width: 120px;\r\n height: 120px;\r\n border: 4px solid var(--primary);\r\n border-radius: 0 0 var(--r-xl) 0;\r\n z-index: -1;\r\n }\r\n\r\n \/* Floating cards *\/\r\n .hero-float-card {\r\n will-change: transform;\r\n position: absolute;\r\n display: flex;\r\n align-items: center;\r\n gap: 12px;\r\n padding: 14px 20px;\r\n background: var(--white);\r\n border-radius: var(--r);\r\n box-shadow: var(--shadow-md);\r\n border: 1px solid var(--gray-200);\r\n z-index: 2;\r\n animation: floatY 4s ease-in-out infinite;\r\n }\r\n\r\n .float-card-1 {\r\n bottom: 40px;\r\n left: -30px;\r\n animation-delay: 0s;\r\n }\r\n\r\n .float-card-2 {\r\n top: 40px;\r\n right: -20px;\r\n animation-delay: 2s;\r\n }\r\n\r\n @keyframes floatY {\r\n\r\n 0%,\r\n 100% {\r\n transform: translateY(0);\r\n }\r\n\r\n 50% {\r\n transform: translateY(-8px);\r\n }\r\n }\r\n\r\n .float-icon {\r\n width: 40px;\r\n height: 40px;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n background: var(--primary-light);\r\n border-radius: 10px;\r\n color: var(--primary-dark);\r\n font-size: 1rem;\r\n flex-shrink: 0;\r\n }\r\n\r\n .float-icon.bg-green {\r\n background: var(--green-light);\r\n color: var(--green);\r\n }\r\n\r\n .hero-float-card strong {\r\n display: block;\r\n font-family: var(--head);\r\n font-size: 0.85rem;\r\n font-weight: 700;\r\n }\r\n\r\n .hero-float-card span {\r\n display: block;\r\n font-size: 0.75rem;\r\n color: var(--gray-400);\r\n }\r\n\r\n \/* Stats bar *\/\r\n .stats-bar {\r\n background: var(--dark);\r\n padding: 40px 0;\r\n border-radius: var(--r-xl) var(--r-xl) 0 0;\r\n }\r\n\r\n .stats-grid {\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n gap: 56px;\r\n }\r\n\r\n .stat-item {\r\n text-align: center;\r\n }\r\n\r\n .stat-num {\r\n font-family: var(--head);\r\n font-weight: 800;\r\n color: var(--primary);\r\n line-height: 1;\r\n margin-bottom: 6px;\r\n }\r\n\r\n .stat-num span {\r\n font-size: 2.8rem;\r\n }\r\n\r\n .stat-num sup {\r\n font-size: 1.3rem;\r\n font-weight: 700;\r\n }\r\n\r\n .stat-item p {\r\n font-size: 0.82rem;\r\n color: rgba(255, 255, 255, 0.5);\r\n font-weight: 500;\r\n text-transform: uppercase;\r\n letter-spacing: 0.06em;\r\n }\r\n\r\n .stat-divider {\r\n width: 1px;\r\n height: 48px;\r\n background: rgba(255, 255, 255, 0.1);\r\n }\r\n\r\n \/* =====================\r\n ABOUT\r\n ===================== *\/\r\n .about-wrap {\r\n display: grid;\r\n grid-template-columns: 1fr 1.1fr;\r\n gap: 80px;\r\n align-items: center;\r\n }\r\n\r\n .about-images {\r\n position: relative;\r\n padding: 24px 0 24px 24px;\r\n }\r\n\r\n .about-img-main {\r\n border-radius: var(--r-xl);\r\n overflow: hidden;\r\n box-shadow: var(--shadow-lg);\r\n position: relative;\r\n z-index: 2;\r\n }\r\n\r\n .about-img-main img {\r\n width: 100%;\r\n height: 520px;\r\n object-fit: cover;\r\n }\r\n\r\n .about-img-small {\r\n position: absolute;\r\n bottom: -8px;\r\n right: -24px;\r\n width: 200px;\r\n border-radius: var(--r);\r\n overflow: hidden;\r\n box-shadow: var(--shadow-md);\r\n border: 4px solid var(--white);\r\n z-index: 3;\r\n }\r\n\r\n .about-img-small img {\r\n width: 100%;\r\n height: 140px;\r\n object-fit: cover;\r\n }\r\n\r\n .about-exp {\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n background: var(--primary);\r\n color: var(--dark);\r\n padding: 18px 22px;\r\n border-radius: var(--r);\r\n z-index: 3;\r\n box-shadow: var(--shadow-md);\r\n display: flex;\r\n align-items: center;\r\n gap: 10px;\r\n }\r\n\r\n .exp-number {\r\n font-family: var(--head);\r\n font-size: 2.4rem;\r\n font-weight: 800;\r\n line-height: 1;\r\n }\r\n\r\n .exp-number sup {\r\n font-size: 1rem;\r\n }\r\n\r\n .exp-label {\r\n font-size: 0.75rem;\r\n font-weight: 700;\r\n line-height: 1.3;\r\n text-transform: uppercase;\r\n letter-spacing: 0.05em;\r\n }\r\n\r\n .about-dots {\r\n position: absolute;\r\n top: 60px;\r\n left: -12px;\r\n width: 80px;\r\n height: 80px;\r\n background-image: radial-gradient(circle, var(--primary) 1.5px, transparent 1.5px);\r\n background-size: 12px 12px;\r\n opacity: 0.3;\r\n z-index: 1;\r\n }\r\n\r\n .about-text h2 {\r\n margin-bottom: 20px;\r\n }\r\n\r\n .about-lead {\r\n font-size: 1.06rem;\r\n line-height: 1.75;\r\n color: var(--gray-700);\r\n margin-bottom: 12px;\r\n }\r\n\r\n .about-text>p {\r\n color: var(--gray-500);\r\n font-size: 0.95rem;\r\n line-height: 1.75;\r\n margin-bottom: 28px;\r\n }\r\n\r\n .about-features {\r\n display: grid;\r\n grid-template-columns: 1fr 1fr;\r\n gap: 16px;\r\n margin-bottom: 24px;\r\n }\r\n\r\n .feat {\r\n display: flex;\r\n gap: 14px;\r\n padding: 18px;\r\n background: var(--gray-50);\r\n border-radius: var(--r);\r\n border: 1px solid var(--gray-200);\r\n transition: all 0.35s var(--ease);\r\n }\r\n\r\n .feat:hover {\r\n background: var(--primary-light);\r\n border-color: rgba(212, 169, 15, 0.25);\r\n transform: translateY(-3px);\r\n box-shadow: var(--shadow-sm);\r\n }\r\n\r\n .feat-icon {\r\n width: 40px;\r\n height: 40px;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n background: var(--primary-50);\r\n border-radius: 10px;\r\n color: var(--primary-dark);\r\n font-size: 1rem;\r\n flex-shrink: 0;\r\n }\r\n\r\n .feat h4 {\r\n font-family: var(--head);\r\n font-size: 0.88rem;\r\n font-weight: 700;\r\n margin-bottom: 2px;\r\n }\r\n\r\n .feat p {\r\n font-size: 0.8rem;\r\n color: var(--gray-500);\r\n line-height: 1.4;\r\n }\r\n\r\n .about-values-row {\r\n display: flex;\r\n flex-wrap: wrap;\r\n gap: 8px;\r\n }\r\n\r\n .value-chip {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 6px;\r\n padding: 8px 16px;\r\n background: var(--white);\r\n border: 1px solid var(--gray-200);\r\n border-radius: var(--r-full);\r\n font-size: 0.8rem;\r\n font-weight: 600;\r\n color: var(--gray-700);\r\n transition: all 0.3s var(--ease);\r\n }\r\n\r\n .value-chip i {\r\n color: var(--primary);\r\n font-size: 0.85rem;\r\n }\r\n\r\n .value-chip:hover {\r\n background: var(--primary-light);\r\n border-color: var(--primary);\r\n transform: translateY(-2px);\r\n }\r\n\r\n \/* =====================\r\n SERVICES \u2014 Mosaic\r\n ===================== *\/\r\n .services-mosaic {\r\n display: grid;\r\n grid-template-columns: repeat(3, 1fr);\r\n gap: 18px;\r\n }\r\n\r\n .svc-card {\r\n background: var(--white);\r\n border: 1px solid var(--gray-200);\r\n border-radius: var(--r-lg);\r\n overflow: hidden;\r\n transition: all 0.45s var(--ease);\r\n }\r\n\r\n .svc-card:hover {\r\n transform: translateY(-6px);\r\n box-shadow: var(--shadow-lg);\r\n border-color: rgba(212, 169, 15, 0.3);\r\n }\r\n\r\n .svc-main {\r\n grid-column: span 1;\r\n }\r\n\r\n .svc-img {\r\n position: relative;\r\n overflow: hidden;\r\n }\r\n\r\n .svc-main .svc-img {\r\n height: 200px;\r\n }\r\n\r\n .svc-card:not(.svc-main):not(.svc-dark):not(.svc-accent) .svc-img {\r\n height: 200px;\r\n }\r\n\r\n .svc-img img {\r\n width: 100%;\r\n height: 100%;\r\n object-fit: cover;\r\n transition: transform 0.6s var(--ease);\r\n }\r\n\r\n .svc-card:hover .svc-img img {\r\n transform: scale(1.06);\r\n }\r\n\r\n .svc-img-overlay {\r\n position: absolute;\r\n inset: 0;\r\n background: linear-gradient(180deg, transparent 40%, rgba(0, 0, 0, 0.05) 100%);\r\n }\r\n\r\n .svc-body {\r\n padding: 26px;\r\n }\r\n\r\n .svc-icon {\r\n width: 42px;\r\n height: 42px;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n background: var(--primary-light);\r\n border-radius: 10px;\r\n color: var(--primary-dark);\r\n font-size: 1.05rem;\r\n margin-bottom: 14px;\r\n transition: all 0.3s var(--ease);\r\n }\r\n\r\n .svc-card:hover .svc-icon {\r\n background: var(--primary);\r\n color: var(--dark);\r\n }\r\n\r\n .svc-card h3 {\r\n font-family: var(--head);\r\n font-size: 1.15rem;\r\n font-weight: 700;\r\n margin-bottom: 8px;\r\n }\r\n\r\n .svc-card p {\r\n color: var(--gray-500);\r\n font-size: 0.9rem;\r\n line-height: 1.6;\r\n }\r\n\r\n .svc-tags {\r\n display: flex;\r\n flex-wrap: wrap;\r\n gap: 6px;\r\n margin-top: 16px;\r\n }\r\n\r\n .svc-tags span {\r\n padding: 5px 13px;\r\n background: var(--gray-50);\r\n border: 1px solid var(--gray-200);\r\n border-radius: var(--r-full);\r\n font-size: 0.76rem;\r\n font-weight: 600;\r\n color: var(--gray-700);\r\n transition: all 0.3s var(--ease);\r\n }\r\n\r\n .svc-card:hover .svc-tags span {\r\n background: var(--primary-light);\r\n border-color: rgba(212, 169, 15, 0.2);\r\n }\r\n\r\n \/* Dark card *\/\r\n .svc-dark {\r\n background: var(--dark);\r\n border-color: var(--dark);\r\n }\r\n\r\n .svc-dark h3 {\r\n color: var(--white);\r\n }\r\n\r\n .svc-dark p {\r\n color: rgba(255, 255, 255, 0.6);\r\n }\r\n\r\n .svc-icon-dark {\r\n background: rgba(212, 169, 15, 0.12);\r\n color: var(--primary);\r\n }\r\n\r\n .svc-dark:hover .svc-icon-dark {\r\n background: var(--primary);\r\n color: var(--dark);\r\n }\r\n\r\n .svc-link {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 6px;\r\n margin-top: 16px;\r\n font-weight: 700;\r\n font-size: 0.88rem;\r\n color: var(--primary);\r\n transition: gap 0.3s var(--ease);\r\n }\r\n\r\n .svc-link:hover {\r\n gap: 12px;\r\n }\r\n\r\n \/* Accent card *\/\r\n .svc-accent {\r\n background: var(--primary);\r\n border-color: var(--primary);\r\n }\r\n\r\n .svc-accent h3 {\r\n color: var(--dark);\r\n }\r\n\r\n .svc-accent p {\r\n color: rgba(21, 21, 21, 0.7);\r\n }\r\n\r\n .svc-icon-accent {\r\n background: rgba(21, 21, 21, 0.1);\r\n color: var(--dark);\r\n }\r\n\r\n .svc-link-dark {\r\n color: var(--dark);\r\n }\r\n\r\n \/* =====================\r\n FLEET \u2014 Horizontal Scroll\r\n ===================== *\/\r\n .fleet-header {\r\n display: flex;\r\n align-items: flex-end;\r\n justify-content: space-between;\r\n gap: 40px;\r\n margin-bottom: 48px;\r\n }\r\n\r\n .fleet-header h2 {\r\n margin-bottom: 0;\r\n }\r\n\r\n .fleet-sub {\r\n max-width: 380px;\r\n color: var(--gray-500);\r\n font-size: 0.95rem;\r\n line-height: 1.6;\r\n text-align: right;\r\n }\r\n\r\n .fleet-scroll {\r\n overflow-x: auto;\r\n margin: 0 -24px;\r\n padding: 0 24px 20px;\r\n scroll-snap-type: x mandatory;\r\n scrollbar-width: none;\r\n }\r\n\r\n .fleet-scroll::-webkit-scrollbar {\r\n display: none;\r\n }\r\n\r\n .fleet-track {\r\n display: flex;\r\n gap: 18px;\r\n width: max-content;\r\n }\r\n\r\n .fleet-item {\r\n scroll-snap-align: start;\r\n width: 300px;\r\n flex-shrink: 0;\r\n background: var(--white);\r\n border: 1px solid var(--gray-200);\r\n border-radius: var(--r-lg);\r\n overflow: hidden;\r\n transition: all 0.4s var(--ease);\r\n }\r\n\r\n .fleet-item:hover {\r\n border-color: var(--primary);\r\n transform: translateY(-6px);\r\n box-shadow: var(--shadow-md);\r\n }\r\n\r\n .fleet-img {\r\n height: 180px;\r\n overflow: hidden;\r\n }\r\n\r\n .fleet-img img {\r\n width: 100%;\r\n height: 100%;\r\n object-fit: cover;\r\n transition: transform 0.5s var(--ease);\r\n }\r\n\r\n .fleet-item:hover .fleet-img img {\r\n transform: scale(1.05);\r\n }\r\n\r\n .fleet-info {\r\n padding: 22px;\r\n }\r\n\r\n .fleet-info h4 {\r\n font-family: var(--head);\r\n font-size: 1rem;\r\n font-weight: 700;\r\n margin-bottom: 6px;\r\n }\r\n\r\n .fleet-info p {\r\n color: var(--gray-400);\r\n font-size: 0.82rem;\r\n line-height: 1.5;\r\n margin-bottom: 10px;\r\n }\r\n\r\n .fleet-badge {\r\n display: inline-block;\r\n padding: 4px 12px;\r\n background: var(--primary-light);\r\n border: 1px solid rgba(212, 169, 15, 0.2);\r\n border-radius: var(--r-full);\r\n font-family: var(--head);\r\n font-size: 0.72rem;\r\n font-weight: 700;\r\n color: var(--primary-dark);\r\n text-transform: uppercase;\r\n letter-spacing: 0.04em;\r\n }\r\n\r\n \/* =====================\r\n DIFFERENTIALS (dark bg)\r\n ===================== *\/\r\n .diff-wrap {\r\n display: grid;\r\n grid-template-columns: 1fr 1fr;\r\n gap: 72px;\r\n align-items: start;\r\n }\r\n\r\n .diff-left h2 {\r\n margin-bottom: 16px;\r\n }\r\n\r\n .diff-left>p {\r\n color: rgba(255, 255, 255, 0.6);\r\n font-size: 1.02rem;\r\n line-height: 1.7;\r\n margin-bottom: 24px;\r\n }\r\n\r\n .diff-cta-row {\r\n margin-bottom: 32px;\r\n }\r\n\r\n .diff-img-wrapper {\r\n border-radius: var(--r-lg);\r\n overflow: hidden;\r\n box-shadow: var(--shadow-lg);\r\n }\r\n\r\n .diff-img-wrapper img {\r\n width: 100%;\r\n height: 220px;\r\n object-fit: cover;\r\n }\r\n\r\n .diff-right {\r\n display: flex;\r\n flex-direction: column;\r\n gap: 14px;\r\n }\r\n\r\n .diff-card {\r\n display: flex;\r\n align-items: flex-start;\r\n gap: 18px;\r\n padding: 24px;\r\n background: rgba(255, 255, 255, 0.04);\r\n border: 1px solid rgba(255, 255, 255, 0.06);\r\n border-radius: var(--r);\r\n transition: all 0.4s var(--ease);\r\n }\r\n\r\n .diff-card:hover {\r\n background: rgba(255, 255, 255, 0.08);\r\n border-color: rgba(212, 169, 15, 0.2);\r\n transform: translateX(8px);\r\n }\r\n\r\n .diff-number {\r\n font-family: var(--head);\r\n font-size: 1.6rem;\r\n font-weight: 800;\r\n color: var(--primary);\r\n opacity: 0.35;\r\n flex-shrink: 0;\r\n line-height: 1;\r\n transition: opacity 0.3s var(--ease);\r\n }\r\n\r\n .diff-card:hover .diff-number {\r\n opacity: 1;\r\n }\r\n\r\n .diff-card h4 {\r\n font-family: var(--head);\r\n font-size: 1rem;\r\n font-weight: 700;\r\n margin-bottom: 4px;\r\n }\r\n\r\n .diff-card p {\r\n color: rgba(255, 255, 255, 0.5);\r\n font-size: 0.88rem;\r\n line-height: 1.6;\r\n }\r\n\r\n \/* =====================\r\n PARTNERS \u2014 Marquee\r\n ===================== *\/\r\n .partners-marquee {\r\n overflow: hidden;\r\n position: relative;\r\n margin-top: -8px;\r\n }\r\n\r\n .partners-marquee::before,\r\n .partners-marquee::after {\r\n content: '';\r\n position: absolute;\r\n top: 0;\r\n bottom: 0;\r\n width: 120px;\r\n z-index: 2;\r\n pointer-events: none;\r\n }\r\n\r\n .partners-marquee::before {\r\n left: 0;\r\n background: linear-gradient(to right, var(--gray-50), transparent);\r\n }\r\n\r\n .partners-marquee::after {\r\n right: 0;\r\n background: linear-gradient(to left, var(--gray-50), transparent);\r\n }\r\n\r\n .marquee-inner {\r\n will-change: transform;\r\n display: flex;\r\n gap: 14px;\r\n animation: marquee 30s linear infinite;\r\n width: max-content;\r\n padding: 20px 0;\r\n }\r\n\r\n .marquee-inner:hover {\r\n animation-play-state: paused;\r\n }\r\n\r\n @keyframes marquee {\r\n 0% {\r\n transform: translateX(0);\r\n }\r\n\r\n 100% {\r\n transform: translateX(-50%);\r\n }\r\n }\r\n\r\n .partner-pill {\r\n will-change: transform;\r\n flex-shrink: 0;\r\n display: flex;\r\n align-items: center;\r\n gap: 10px;\r\n padding: 14px 28px;\r\n background: var(--white);\r\n border: 1px solid var(--gray-200);\r\n border-radius: var(--r-full);\r\n font-family: var(--head);\r\n font-size: 0.92rem;\r\n font-weight: 700;\r\n color: var(--dark);\r\n white-space: nowrap;\r\n box-shadow: var(--shadow-xs);\r\n transition: all 0.3s var(--ease);\r\n }\r\n\r\n .partner-pill i {\r\n color: var(--primary);\r\n font-size: 1rem;\r\n }\r\n\r\n .partner-pill:hover {\r\n background: var(--primary-light);\r\n border-color: var(--primary);\r\n transform: translateY(-3px);\r\n box-shadow: var(--shadow-sm);\r\n }\r\n\r\n \/* =====================\r\n CTA \/ CONTACT\r\n ===================== *\/\r\n .cta-block {\r\n background: var(--gray-50);\r\n border: 1px solid var(--gray-200);\r\n border-radius: var(--r-xl);\r\n padding: 56px;\r\n display: grid;\r\n grid-template-columns: 1.3fr 1fr;\r\n gap: 56px;\r\n align-items: start;\r\n position: relative;\r\n overflow: hidden;\r\n }\r\n\r\n .cta-block::before {\r\n content: '';\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n right: 0;\r\n height: 4px;\r\n background: linear-gradient(90deg, var(--primary), var(--primary-dark), transparent);\r\n }\r\n\r\n .cta-left h2 {\r\n margin-bottom: 14px;\r\n }\r\n\r\n .cta-left>p {\r\n color: var(--gray-500);\r\n font-size: 1.02rem;\r\n line-height: 1.7;\r\n margin-bottom: 28px;\r\n }\r\n\r\n .cta-btns {\r\n display: flex;\r\n gap: 10px;\r\n flex-wrap: wrap;\r\n }\r\n\r\n .cta-right {\r\n display: flex;\r\n flex-direction: column;\r\n gap: 20px;\r\n }\r\n\r\n .info-card {\r\n display: flex;\r\n align-items: flex-start;\r\n gap: 14px;\r\n padding: 16px;\r\n background: var(--white);\r\n border: 1px solid var(--gray-200);\r\n border-radius: var(--r);\r\n transition: all 0.3s var(--ease);\r\n }\r\n\r\n .info-card:hover {\r\n border-color: rgba(212, 169, 15, 0.3);\r\n box-shadow: var(--shadow-sm);\r\n }\r\n\r\n .info-icon {\r\n width: 42px;\r\n height: 42px;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n background: var(--primary-light);\r\n border-radius: 10px;\r\n color: var(--primary-dark);\r\n font-size: 1rem;\r\n flex-shrink: 0;\r\n }\r\n\r\n .info-card h5 {\r\n font-family: var(--head);\r\n font-size: 0.85rem;\r\n font-weight: 700;\r\n margin-bottom: 3px;\r\n }\r\n\r\n .info-card p {\r\n color: var(--gray-500);\r\n font-size: 0.85rem;\r\n line-height: 1.5;\r\n }\r\n\r\n \/* =====================\r\n FOOTER\r\n ===================== *\/\r\n .footer {\r\n background: var(--dark);\r\n padding: 56px 0 0;\r\n }\r\n\r\n .footer-top {\r\n display: grid;\r\n grid-template-columns: 1.6fr 1fr 1fr 1.3fr;\r\n gap: 40px;\r\n padding-bottom: 40px;\r\n }\r\n\r\n .footer-logo {\r\n height: 42px;\r\n margin-bottom: 14px;\r\n filter: brightness(10);\r\n }\r\n\r\n .footer-brand>p {\r\n color: rgba(255, 255, 255, 0.5);\r\n font-size: 0.88rem;\r\n line-height: 1.6;\r\n margin-bottom: 18px;\r\n }\r\n\r\n .social-row {\r\n display: flex;\r\n gap: 8px;\r\n }\r\n\r\n .social-row a {\r\n width: 36px;\r\n height: 36px;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n border: 1px solid rgba(255, 255, 255, 0.1);\r\n border-radius: 10px;\r\n color: rgba(255, 255, 255, 0.5);\r\n font-size: 0.9rem;\r\n transition: all 0.3s var(--ease);\r\n }\r\n\r\n .social-row a:hover {\r\n background: var(--primary);\r\n border-color: var(--primary);\r\n color: var(--dark);\r\n transform: translateY(-2px);\r\n }\r\n\r\n .footer-col h5 {\r\n font-family: var(--head);\r\n font-size: 0.88rem;\r\n font-weight: 700;\r\n color: var(--white);\r\n margin-bottom: 18px;\r\n }\r\n\r\n .footer-col a {\r\n display: block;\r\n color: rgba(255, 255, 255, 0.45);\r\n font-size: 0.88rem;\r\n margin-bottom: 10px;\r\n transition: color 0.3s var(--ease);\r\n }\r\n\r\n .footer-col a:hover {\r\n color: var(--primary);\r\n }\r\n\r\n .footer-contact {\r\n color: rgba(255, 255, 255, 0.45);\r\n font-size: 0.88rem;\r\n margin-bottom: 10px;\r\n }\r\n\r\n .footer-contact i {\r\n color: var(--primary);\r\n margin-right: 8px;\r\n width: 14px;\r\n }\r\n\r\n .footer-bottom {\r\n border-top: 1px solid rgba(255, 255, 255, 0.06);\r\n padding: 18px 0;\r\n text-align: center;\r\n }\r\n\r\n .footer-bottom p {\r\n color: rgba(255, 255, 255, 0.3);\r\n font-size: 0.78rem;\r\n }\r\n\r\n \/* =====================\r\n ANIMATIONS\r\n ===================== *\/\r\n [data-anim] {\r\n opacity: 0;\r\n transition: opacity 0.8s var(--ease), transform 0.8s var(--ease);\r\n }\r\n\r\n [data-anim=\"up\"] {\r\n transform: translateY(50px);\r\n }\r\n\r\n [data-anim=\"right\"] {\r\n transform: translateX(-50px);\r\n }\r\n\r\n [data-anim=\"left\"] {\r\n transform: translateX(50px);\r\n }\r\n\r\n [data-anim].is-visible {\r\n opacity: 1;\r\n transform: translate(0, 0);\r\n }\r\n\r\n \/* =====================\r\n RESPONSIVE\r\n ===================== *\/\r\n @media (max-width: 1024px) {\r\n\r\n .hero-inner,\r\n .about-wrap,\r\n .diff-wrap {\r\n grid-template-columns: 1fr;\r\n gap: 48px;\r\n }\r\n\r\n .services-mosaic {\r\n grid-template-columns: 1fr 1fr;\r\n }\r\n\r\n .svc-main {\r\n grid-row: span 1;\r\n }\r\n\r\n .fleet-header {\r\n flex-direction: column;\r\n align-items: flex-start;\r\n }\r\n\r\n .fleet-sub {\r\n text-align: left;\r\n max-width: none;\r\n }\r\n\r\n .cta-block {\r\n grid-template-columns: 1fr;\r\n gap: 40px;\r\n padding: 36px;\r\n }\r\n\r\n .footer-top {\r\n grid-template-columns: 1fr 1fr;\r\n }\r\n\r\n .stats-grid {\r\n gap: 32px;\r\n }\r\n }\r\n\r\n @media (max-width: 768px) {\r\n .section {\r\n padding: 80px 0;\r\n }\r\n\r\n .nav,\r\n .header-actions {\r\n display: none;\r\n }\r\n\r\n .hamburger {\r\n display: flex;\r\n }\r\n\r\n .hero {\r\n padding: 120px 0 0;\r\n }\r\n\r\n .hero-float-card {\r\n will-change: transform;\r\n display: none;\r\n }\r\n\r\n .hero-img-accent {\r\n display: none;\r\n }\r\n\r\n .about-img-small {\r\n display: none;\r\n }\r\n\r\n .about-dots {\r\n display: none;\r\n }\r\n\r\n .about-features {\r\n grid-template-columns: 1fr;\r\n }\r\n\r\n .services-mosaic {\r\n grid-template-columns: 1fr;\r\n }\r\n\r\n .stats-grid {\r\n flex-wrap: wrap;\r\n gap: 20px;\r\n }\r\n\r\n .stat-divider {\r\n display: none;\r\n }\r\n\r\n .stat-item {\r\n flex: 1;\r\n min-width: 100px;\r\n }\r\n\r\n .footer-top {\r\n grid-template-columns: 1fr;\r\n gap: 28px;\r\n }\r\n\r\n .cta-block {\r\n padding: 28px;\r\n }\r\n\r\n .cta-btns {\r\n flex-direction: column;\r\n }\r\n\r\n .cta-btns .btn {\r\n justify-content: center;\r\n }\r\n }\r\n <\/style>\r\n\r\n <!-- ============================================= -->\r\n <!-- CONFIGURA\u00c7\u00c3O DE IMAGENS DO SITE -->\r\n <!-- Altere as URLs abaixo para mudar as imagens! -->\r\n <!-- ============================================= -->\r\n <script>\r\n const SITE_IMAGES = {\r\n logo: \"http:\/\/locplanpa.com.br\/wp-content\/uploads\/2026\/04\/logo-1.png\",\r\n logowhite: \"http:\/\/locplanpa.com.br\/wp-content\/uploads\/2026\/04\/logo.png\",\r\n hero: \"http:\/\/locplanpa.com.br\/wp-content\/uploads\/2026\/04\/hero.jpg\",\r\n sobre: \"http:\/\/locplanpa.com.br\/wp-content\/uploads\/2026\/04\/frota.jpg\",\r\n terraplanagem: \"http:\/\/locplanpa.com.br\/wp-content\/uploads\/2026\/04\/terraplanagem.jpg\",\r\n infraestrutura: \"http:\/\/locplanpa.com.br\/wp-content\/uploads\/2026\/04\/infraestrutura.jpg\",\r\n agricola: \"http:\/\/locplanpa.com.br\/wp-content\/uploads\/2026\/04\/agricola.jpg\"\r\n };\r\n <\/script>\r\n<\/head>\r\n\r\n<body>\r\n\r\n <!-- ====== HEADER ====== -->\r\n <header id=\"header\">\r\n <div class=\"container header-flex\">\r\n <a href=\"#\" class=\"logo\">\r\n <img decoding=\"async\" src=\"data:image\/gif;base64,R0lGODlhAQABAAD\/ACwAAAAAAQABAAACADs=\" data-img-id=\"logo\"\r\n alt=\"LocPlan Loca\u00e7\u00f5es\">\r\n <\/a>\r\n <nav class=\"nav\" id=\"nav\">\r\n <a href=\"#inicio\" class=\"nav-link active\">In\u00edcio<\/a>\r\n <a href=\"#sobre\" class=\"nav-link\">Sobre<\/a>\r\n <a href=\"#servicos\" class=\"nav-link\">Servi\u00e7os<\/a>\r\n <a href=\"#frota\" class=\"nav-link\">Frota<\/a>\r\n <a href=\"#parceiros\" class=\"nav-link\">Parceiros<\/a>\r\n <a href=\"#contato\" class=\"nav-link\">Contato<\/a>\r\n <\/nav>\r\n <div class=\"header-actions\">\r\n <a href=\"tel:+5594992543298\" class=\"header-tel\">\r\n <div class=\"tel-icon\"><i class=\"fa-solid fa-phone\"><\/i><\/div>\r\n <div class=\"tel-text\">\r\n <span>Ligue agora<\/span>\r\n <strong>(94) 99254-3298<\/strong>\r\n <\/div>\r\n <\/a>\r\n <a href=\"https:\/\/wa.me\/5594992543298?text=Ol\u00e1! Gostaria de solicitar um or\u00e7amento.\" target=\"_blank\"\r\n class=\"btn btn-primary btn-sm\">\r\n <i class=\"fa-brands fa-whatsapp\"><\/i> Or\u00e7amento Gr\u00e1tis\r\n <\/a>\r\n <\/div>\r\n <button class=\"hamburger\" id=\"hamburger\" aria-label=\"Menu\">\r\n <span><\/span><span><\/span><span><\/span>\r\n <\/button>\r\n <\/div>\r\n <\/header>\r\n\r\n <!-- Mobile Overlay -->\r\n <div class=\"mobile-overlay\" id=\"mobileOverlay\">\r\n <nav class=\"mobile-nav\">\r\n <a href=\"#inicio\">In\u00edcio<\/a>\r\n <a href=\"#sobre\">Sobre<\/a>\r\n <a href=\"#servicos\">Servi\u00e7os<\/a>\r\n <a href=\"#frota\">Frota<\/a>\r\n <a href=\"#parceiros\">Parceiros<\/a>\r\n <a href=\"#contato\">Contato<\/a>\r\n <a href=\"https:\/\/wa.me\/5594992543298\" target=\"_blank\" class=\"btn btn-primary btn-block\">\r\n <i class=\"fa-brands fa-whatsapp\"><\/i> Solicitar Or\u00e7amento\r\n <\/a>\r\n <\/nav>\r\n <\/div>\r\n\r\n <!-- ====== HERO ====== -->\r\n <section class=\"hero\" id=\"inicio\">\r\n <div class=\"container hero-inner\">\r\n <div class=\"hero-content\" data-anim=\"up\">\r\n <div class=\"hero-badge\">\r\n <div class=\"badge-dot\"><\/div>\r\n <span>Refer\u00eancia em loca\u00e7\u00e3o de maquin\u00e1rios na regi\u00e3o de Caraj\u00e1s<\/span>\r\n <\/div>\r\n <h1>\r\n Planejamento que<br>\r\n <span class=\"hero-accent\">constr\u00f3i resultados.<\/span>\r\n <\/h1>\r\n <p class=\"hero-sub\">Solu\u00e7\u00f5es completas em loca\u00e7\u00e3o de m\u00e1quinas pesadas, terraplanagem e infraestrutura com\r\n agilidade, seguran\u00e7a e excel\u00eancia operacional.<\/p>\r\n <div class=\"hero-ctas\">\r\n <a href=\"https:\/\/wa.me\/5594992543298?text=Ol\u00e1! Gostaria de solicitar um or\u00e7amento.\" target=\"_blank\"\r\n class=\"btn btn-primary btn-lg\">\r\n <i class=\"fa-brands fa-whatsapp\"><\/i> Solicitar Or\u00e7amento\r\n <\/a>\r\n <a href=\"#servicos\" class=\"btn btn-ghost btn-lg\">\r\n <span>Conhe\u00e7a nossos servi\u00e7os<\/span>\r\n <i class=\"fa-solid fa-arrow-right\"><\/i>\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n <div class=\"hero-media\" data-anim=\"up\" data-delay=\"200\">\r\n <div class=\"hero-img-wrapper\">\r\n <img decoding=\"async\" src=\"data:image\/gif;base64,R0lGODlhAQABAAD\/ACwAAAAAAQABAAACADs=\" data-img-id=\"hero\"\r\n alt=\"Escavadeira hidr\u00e1ulica em opera\u00e7\u00e3o\">\r\n <div class=\"hero-img-accent\"><\/div>\r\n <\/div>\r\n <div class=\"hero-float-card float-card-1\">\r\n <div class=\"float-icon\"><i class=\"fa-solid fa-shield-halved\"><\/i><\/div>\r\n <div>\r\n <strong>Seguran\u00e7a NR<\/strong>\r\n <span>Operadores certificados<\/span>\r\n <\/div>\r\n <\/div>\r\n <div class=\"hero-float-card float-card-2\">\r\n <div class=\"float-icon bg-green\"><i class=\"fa-solid fa-check\"><\/i><\/div>\r\n <div>\r\n <strong>100+ Projetos<\/strong>\r\n <span>Entregues com sucesso<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <!-- Stats bar -->\r\n <div class=\"stats-bar\">\r\n <div class=\"container stats-grid\">\r\n <div class=\"stat-item\">\r\n <div class=\"stat-num\"><span data-count=\"30\">0<\/span><sup>+<\/sup><\/div>\r\n <p>M\u00e1quinas na frota<\/p>\r\n <\/div>\r\n <div class=\"stat-divider\"><\/div>\r\n <div class=\"stat-item\">\r\n <div class=\"stat-num\"><span data-count=\"100\">0<\/span><sup>+<\/sup><\/div>\r\n <p>Projetos realizados<\/p>\r\n <\/div>\r\n <div class=\"stat-divider\"><\/div>\r\n <div class=\"stat-item\">\r\n <div class=\"stat-num\"><span data-count=\"5\">0<\/span><sup>+<\/sup><\/div>\r\n <p>Anos de experi\u00eancia<\/p>\r\n <\/div>\r\n <div class=\"stat-divider\"><\/div>\r\n <div class=\"stat-item\">\r\n <div class=\"stat-num\"><span data-count=\"98\">0<\/span><sup>%<\/sup><\/div>\r\n <p>Satisfa\u00e7\u00e3o do cliente<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- ====== SOBRE ====== -->\r\n <section class=\"section\" id=\"sobre\">\r\n <div class=\"container\">\r\n <div class=\"about-wrap\">\r\n <div class=\"about-images\" data-anim=\"right\">\r\n <div class=\"about-img-main\">\r\n <img decoding=\"async\" loading=\"lazy\" src=\"data:image\/gif;base64,R0lGODlhAQABAAD\/ACwAAAAAAQABAAACADs=\"\r\n data-img-id=\"sobre\" alt=\"M\u00e1quinas pesadas em opera\u00e7\u00e3o\">\r\n <\/div>\r\n <div class=\"about-img-small\">\r\n <img decoding=\"async\" loading=\"lazy\" src=\"data:image\/gif;base64,R0lGODlhAQABAAD\/ACwAAAAAAQABAAACADs=\"\r\n data-img-id=\"infraestrutura\" alt=\"Infraestrutura\">\r\n <\/div>\r\n <div class=\"about-exp\">\r\n <span class=\"exp-number\">5<sup>+<\/sup><\/span>\r\n <span class=\"exp-label\">Anos de<br>experi\u00eancia<\/span>\r\n <\/div>\r\n <div class=\"about-dots\"><\/div>\r\n <\/div>\r\n <div class=\"about-text\" data-anim=\"left\">\r\n <div class=\"tag-line\"><span class=\"tag-bar\"><\/span> Sobre a LocPlan<\/div>\r\n <h2>Excel\u00eancia em loca\u00e7\u00e3o de <em>maquin\u00e1rios pesados<\/em><\/h2>\r\n <p class=\"about-lead\">A <strong>LocPlan Loca\u00e7\u00f5es<\/strong> (CRRA - Loca\u00e7\u00f5es de M\u00e1quinas e Servi\u00e7os Ltda.) \u00e9\r\n refer\u00eancia no mercado de loca\u00e7\u00e3o de maquin\u00e1rios pesados e m\u00e9dios em <strong>Parauapebas-PA<\/strong> e toda a\r\n regi\u00e3o de Caraj\u00e1s.<\/p>\r\n <p>Fundada em novembro de 2020, nossa miss\u00e3o \u00e9 oferecer solu\u00e7\u00f5es operacionais completas com agilidade,\r\n disponibilidade e foco absoluto na excel\u00eancia e otimiza\u00e7\u00e3o de custos para nossos clientes.<\/p>\r\n <div class=\"about-features\">\r\n <div class=\"feat\">\r\n <div class=\"feat-icon\"><i class=\"fa-solid fa-bullseye\"><\/i><\/div>\r\n <div>\r\n <h4>Miss\u00e3o<\/h4>\r\n <p>Solu\u00e7\u00f5es operacionais com excel\u00eancia e otimiza\u00e7\u00e3o de custos<\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"feat\">\r\n <div class=\"feat-icon\"><i class=\"fa-solid fa-eye\"><\/i><\/div>\r\n <div>\r\n <h4>Vis\u00e3o<\/h4>\r\n <p>Ser refer\u00eancia em terraplanagem e loca\u00e7\u00e3o de m\u00e1quinas<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"about-values-row\">\r\n <div class=\"value-chip\"><i class=\"fa-solid fa-gem\"><\/i> \u00c9tica<\/div>\r\n <div class=\"value-chip\"><i class=\"fa-solid fa-handshake\"><\/i> Honestidade<\/div>\r\n <div class=\"value-chip\"><i class=\"fa-solid fa-user-tie\"><\/i> Profissionalismo<\/div>\r\n <div class=\"value-chip\"><i class=\"fa-solid fa-heart\"><\/i> Compromisso<\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- ====== SERVICOS ====== -->\r\n <section class=\"section section-alt\" id=\"servicos\">\r\n <div class=\"container\">\r\n <div class=\"section-header\" data-anim=\"up\">\r\n <div class=\"tag-line center\"><span class=\"tag-bar\"><\/span> Nossos Servi\u00e7os<\/div>\r\n <h2>O que a LocPlan pode fazer<br>pelo <em>seu projeto<\/em><\/h2>\r\n <p class=\"section-sub\">Atua\u00e7\u00e3o especializada nos segmentos que movem a engenharia e infraestrutura da regi\u00e3o de\r\n Caraj\u00e1s.<\/p>\r\n <\/div>\r\n\r\n <div class=\"services-mosaic\" data-anim=\"up\">\r\n <!-- Main service -->\r\n <div class=\"svc-card svc-main\">\r\n <div class=\"svc-img\">\r\n <img decoding=\"async\" loading=\"lazy\" src=\"data:image\/gif;base64,R0lGODlhAQABAAD\/ACwAAAAAAQABAAACADs=\"\r\n data-img-id=\"terraplanagem\" alt=\"Terraplanagem\">\r\n <div class=\"svc-img-overlay\"><\/div>\r\n <\/div>\r\n <div class=\"svc-body\">\r\n <div class=\"svc-icon\"><i class=\"fa-solid fa-mountain-sun\"><\/i><\/div>\r\n <h3>Terraplanagem<\/h3>\r\n <p>Servi\u00e7os completos de movimenta\u00e7\u00e3o de terra, nivelamento e preparo de terrenos para obras urbanas e\r\n rurais com equipamentos de alta capacidade produtiva.<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- Side services -->\r\n <div class=\"svc-card\">\r\n <div class=\"svc-img\">\r\n <img decoding=\"async\" loading=\"lazy\" src=\"data:image\/gif;base64,R0lGODlhAQABAAD\/ACwAAAAAAQABAAACADs=\"\r\n data-img-id=\"infraestrutura\" alt=\"Infraestrutura vi\u00e1ria\">\r\n <div class=\"svc-img-overlay\"><\/div>\r\n <\/div>\r\n <div class=\"svc-body\">\r\n <div class=\"svc-icon\"><i class=\"fa-solid fa-road\"><\/i><\/div>\r\n <h3>Infraestrutura<\/h3>\r\n <p>Execu\u00e7\u00e3o de estradas de acesso, drenagem, abertura de vias e nivelamento com planejamento t\u00e9cnico.<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"svc-card\">\r\n <div class=\"svc-img\">\r\n <img decoding=\"async\" loading=\"lazy\" src=\"data:image\/gif;base64,R0lGODlhAQABAAD\/ACwAAAAAAQABAAACADs=\"\r\n data-img-id=\"agricola\" alt=\"Agricultura e preparo de solo\">\r\n <div class=\"svc-img-overlay\"><\/div>\r\n <\/div>\r\n <div class=\"svc-body\">\r\n <div class=\"svc-icon\"><i class=\"fa-solid fa-seedling\"><\/i><\/div>\r\n <h3>Servi\u00e7os Agr\u00edcolas<\/h3>\r\n <p>Convers\u00e3o de \u00e1reas, destocamento, supress\u00e3o vegetal e preparo de solo para plantio.<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- Dark CTA card -->\r\n <div class=\"svc-card svc-dark\">\r\n <div class=\"svc-body\">\r\n <div class=\"svc-icon svc-icon-dark\"><i class=\"fa-solid fa-truck-monster\"><\/i><\/div>\r\n <h3>Loca\u00e7\u00e3o de M\u00e1quinas<\/h3>\r\n <p>Escavadeiras, p\u00e1s carregadeiras, motoniveladoras e retroescavadeiras \u2014 com ou sem operador qualificado.\r\n <\/p>\r\n <a href=\"#contato\" class=\"svc-link\">\r\n Solicitar cota\u00e7\u00e3o <i class=\"fa-solid fa-arrow-right\"><\/i>\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"svc-card svc-accent\">\r\n <div class=\"svc-body\">\r\n <div class=\"svc-icon svc-icon-accent\"><i class=\"fa-solid fa-clipboard-check\"><\/i><\/div>\r\n <h3>Gest\u00e3o de Projetos<\/h3>\r\n <p>Planejamento t\u00e9cnico com visita ao local, cronograma e or\u00e7amento personalizado.<\/p>\r\n <a href=\"#contato\" class=\"svc-link svc-link-dark\">\r\n Saiba mais <i class=\"fa-solid fa-arrow-right\"><\/i>\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"svc-card svc-dark\">\r\n <div class=\"svc-body\">\r\n <div class=\"svc-icon svc-icon-dark\"><i class=\"fa-solid fa-hard-hat\"><\/i><\/div>\r\n <h3>Obras Civis<\/h3>\r\n <p>Apoio a obras civis com maquin\u00e1rio especializado para funda\u00e7\u00f5es, conten\u00e7\u00f5es e movimenta\u00e7\u00e3o de materiais.\r\n <\/p>\r\n <a href=\"#contato\" class=\"svc-link\">\r\n Solicitar cota\u00e7\u00e3o <i class=\"fa-solid fa-arrow-right\"><\/i>\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- ====== FROTA ====== -->\r\n <section class=\"section\" id=\"frota\">\r\n <div class=\"container\">\r\n <div class=\"fleet-header\" data-anim=\"up\">\r\n <div>\r\n <div class=\"tag-line\"><span class=\"tag-bar\"><\/span> Nossa Frota<\/div>\r\n <h2>Equipamentos de <em>alta performance<\/em><\/h2>\r\n <\/div>\r\n <p class=\"fleet-sub\">Frota moderna com marcas l\u00edderes mundiais \u2014 Volvo, XCMG, Hyundai, Case, CAT, Komatsu e John\r\n Deere \u2014 com manuten\u00e7\u00e3o preventiva rigorosa.<\/p>\r\n <\/div>\r\n\r\n <div class=\"fleet-scroll\" data-anim=\"up\">\r\n <div class=\"fleet-track\">\r\n <div class=\"fleet-item\">\r\n <div class=\"fleet-img\">\r\n <img decoding=\"async\" src=\"data:image\/gif;base64,R0lGODlhAQABAAD\/ACwAAAAAAQABAAACADs=\" data-img-id=\"hero\"\r\n alt=\"Escavadeira hidr\u00e1ulica\">\r\n <\/div>\r\n <div class=\"fleet-info\">\r\n <h4>Escavadeiras Hidr\u00e1ulicas<\/h4>\r\n <p>Volvo EC220DL \u2022 XCMG EX225BR \u2022 Hyundai 225<\/p>\r\n <span class=\"fleet-badge\">Grandes opera\u00e7\u00f5es<\/span>\r\n <\/div>\r\n <\/div>\r\n <div class=\"fleet-item\">\r\n <div class=\"fleet-img\">\r\n <img decoding=\"async\" loading=\"lazy\" src=\"data:image\/gif;base64,R0lGODlhAQABAAD\/ACwAAAAAAQABAAACADs=\"\r\n data-img-id=\"sobre\" alt=\"P\u00e1 carregadeira\">\r\n <\/div>\r\n <div class=\"fleet-info\">\r\n <h4>P\u00e1s Carregadeiras<\/h4>\r\n <p>Volvo L120F \u2022 L60 \u2022 Modelos 2022<\/p>\r\n <span class=\"fleet-badge\">Alta capacidade<\/span>\r\n <\/div>\r\n <\/div>\r\n <div class=\"fleet-item\">\r\n <div class=\"fleet-img\">\r\n <img decoding=\"async\" loading=\"lazy\" src=\"data:image\/gif;base64,R0lGODlhAQABAAD\/ACwAAAAAAQABAAACADs=\"\r\n data-img-id=\"terraplanagem\" alt=\"Caminh\u00e3o basculante\">\r\n <\/div>\r\n <div class=\"fleet-info\">\r\n <h4>Caminh\u00f5es Pesados<\/h4>\r\n <p>VW 31.280 8x4 Basculante 16m\u00b3 \u2022 VW Meteor 6x4<\/p>\r\n <span class=\"fleet-badge\">Transporte de carga<\/span>\r\n <\/div>\r\n <\/div>\r\n <div class=\"fleet-item\">\r\n <div class=\"fleet-img\">\r\n <img decoding=\"async\" loading=\"lazy\" src=\"data:image\/gif;base64,R0lGODlhAQABAAD\/ACwAAAAAAQABAAACADs=\"\r\n data-img-id=\"infraestrutura\" alt=\"Motoniveladora\">\r\n <\/div>\r\n <div class=\"fleet-info\">\r\n <h4>Motoniveladoras<\/h4>\r\n <p>CAT 120K \u2022 CAT 140K (2021)<\/p>\r\n <span class=\"fleet-badge\">Nivelamento<\/span>\r\n <\/div>\r\n <\/div>\r\n <div class=\"fleet-item\">\r\n <div class=\"fleet-img\">\r\n <img decoding=\"async\" loading=\"lazy\" src=\"data:image\/gif;base64,R0lGODlhAQABAAD\/ACwAAAAAAQABAAACADs=\"\r\n data-img-id=\"agricola\" alt=\"Retroescavadeira\">\r\n <\/div>\r\n <div class=\"fleet-info\">\r\n <h4>Retroescavadeiras<\/h4>\r\n <p>Case 580N 4x4 Turbo \u2022 John Deere<\/p>\r\n <span class=\"fleet-badge\">Versatilidade<\/span>\r\n <\/div>\r\n <\/div>\r\n <div class=\"fleet-item\">\r\n <div class=\"fleet-img\">\r\n <img decoding=\"async\" loading=\"lazy\" src=\"data:image\/gif;base64,R0lGODlhAQABAAD\/ACwAAAAAAQABAAACADs=\"\r\n data-img-id=\"sobre\" alt=\"Trator de esteira\">\r\n <\/div>\r\n <div class=\"fleet-info\">\r\n <h4>Trator de Esteira & Apoio<\/h4>\r\n <p>Komatsu D51 \u2022 Prancha 3 eixos \u2022 Mitsubishi Triton 4x4<\/p>\r\n <span class=\"fleet-badge\">Log\u00edstica completa<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- ====== DIFERENCIAIS ====== -->\r\n <section class=\"section section-dark\" id=\"diferenciais\">\r\n <div class=\"container\">\r\n <div class=\"diff-wrap\">\r\n <div class=\"diff-left\" data-anim=\"right\">\r\n <div class=\"tag-line light\"><span class=\"tag-bar\"><\/span> Nossos Diferenciais<\/div>\r\n <h2>Por que escolher a <em>LocPlan<\/em>?<\/h2>\r\n <p>Atuamos com comprometimento total para entregar resultados superiores em cada projeto. Nossa estrutura\r\n garante performance e confiabilidade.<\/p>\r\n <div class=\"diff-cta-row\">\r\n <a href=\"#contato\" class=\"btn btn-primary btn-lg\">\r\n <i class=\"fa-solid fa-phone\"><\/i> Solicitar Or\u00e7amento\r\n <\/a>\r\n <\/div>\r\n <div class=\"diff-img-wrapper\">\r\n <img decoding=\"async\" src=\"data:image\/gif;base64,R0lGODlhAQABAAD\/ACwAAAAAAQABAAACADs=\" data-img-id=\"hero\"\r\n alt=\"Opera\u00e7\u00e3o LocPlan\">\r\n <\/div>\r\n <\/div>\r\n <div class=\"diff-right\" data-anim=\"left\">\r\n <div class=\"diff-card\">\r\n <div class=\"diff-number\">01<\/div>\r\n <div>\r\n <h4>Frota Pr\u00f3pria e Moderna<\/h4>\r\n <p>Equipamentos de \u00faltima gera\u00e7\u00e3o com manuten\u00e7\u00e3o preventiva rigorosa, garantindo m\u00e1xima disponibilidade\r\n mec\u00e2nica para seus projetos.<\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"diff-card\">\r\n <div class=\"diff-number\">02<\/div>\r\n <div>\r\n <h4>Suporte T\u00e9cnico 24h<\/h4>\r\n <p>Equipe t\u00e9cnica especializada dispon\u00edvel para atendimento e suporte durante toda a opera\u00e7\u00e3o, sem\r\n interrup\u00e7\u00f5es.<\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"diff-card\">\r\n <div class=\"diff-number\">03<\/div>\r\n <div>\r\n <h4>Seguran\u00e7a Certificada<\/h4>\r\n <p>Conformidade com todas as NRs e normas regulamentadoras, com operadores treinados e certificados.<\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"diff-card\">\r\n <div class=\"diff-number\">04<\/div>\r\n <div>\r\n <h4>Log\u00edstica Integrada<\/h4>\r\n <p>Mobiliza\u00e7\u00e3o e desmobiliza\u00e7\u00e3o com frota pr\u00f3pria de transporte, reduzindo prazos e custos operacionais.\r\n <\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- ====== PARCEIROS ====== -->\r\n <section class=\"section section-alt\" id=\"parceiros\">\r\n <div class=\"container\">\r\n <div class=\"section-header\" data-anim=\"up\">\r\n <div class=\"tag-line center\"><span class=\"tag-bar\"><\/span> Parceiros & Clientes<\/div>\r\n <h2>Empresas que <em>confiam<\/em> na LocPlan<\/h2>\r\n <p class=\"section-sub\">Trabalhamos lado a lado com empresas de refer\u00eancia na regi\u00e3o de Caraj\u00e1s.<\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"partners-marquee\" data-anim=\"up\">\r\n <div class=\"marquee-inner\">\r\n <div class=\"partner-pill\"><i class=\"fa-solid fa-helmet-safety\"><\/i> FL Services<\/div>\r\n <div class=\"partner-pill\"><i class=\"fa-solid fa-leaf\"><\/i> Mata Nativa<\/div>\r\n <div class=\"partner-pill\"><i class=\"fa-solid fa-tractor\"><\/i> Agmix<\/div>\r\n <div class=\"partner-pill\"><i class=\"fa-solid fa-building\"><\/i> Construtora MGA<\/div>\r\n <div class=\"partner-pill\"><i class=\"fa-solid fa-mountain\"><\/i> Monte Granito<\/div>\r\n <div class=\"partner-pill\"><i class=\"fa-solid fa-truck\"><\/i> Transpes<\/div>\r\n <div class=\"partner-pill\"><i class=\"fa-solid fa-industry\"><\/i> Vale<\/div>\r\n <div class=\"partner-pill\"><i class=\"fa-solid fa-road\"><\/i> Infrapar<\/div>\r\n <!-- Duplicated for seamless loop -->\r\n <div class=\"partner-pill\"><i class=\"fa-solid fa-helmet-safety\"><\/i> FL Services<\/div>\r\n <div class=\"partner-pill\"><i class=\"fa-solid fa-leaf\"><\/i> Mata Nativa<\/div>\r\n <div class=\"partner-pill\"><i class=\"fa-solid fa-tractor\"><\/i> Agmix<\/div>\r\n <div class=\"partner-pill\"><i class=\"fa-solid fa-building\"><\/i> Construtora MGA<\/div>\r\n <div class=\"partner-pill\"><i class=\"fa-solid fa-mountain\"><\/i> Monte Granito<\/div>\r\n <div class=\"partner-pill\"><i class=\"fa-solid fa-truck\"><\/i> Transpes<\/div>\r\n <div class=\"partner-pill\"><i class=\"fa-solid fa-industry\"><\/i> Vale<\/div>\r\n <div class=\"partner-pill\"><i class=\"fa-solid fa-road\"><\/i> Infrapar<\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- ====== CONTATO \/ CTA ====== -->\r\n <section class=\"section\" id=\"contato\">\r\n <div class=\"container\">\r\n <div class=\"cta-block\" data-anim=\"up\">\r\n <div class=\"cta-left\">\r\n <div class=\"tag-line\"><span class=\"tag-bar\"><\/span> Fale Conosco<\/div>\r\n <h2>Pronto para potencializar sua <em>opera\u00e7\u00e3o<\/em>?<\/h2>\r\n <p>Entre em contato com nossa equipe comercial e receba um or\u00e7amento personalizado para o seu projeto.\r\n Atendimento r\u00e1pido e especializado.<\/p>\r\n <div class=\"cta-btns\">\r\n <a href=\"https:\/\/wa.me\/5594992543298?text=Ol\u00e1! Gostaria de solicitar um or\u00e7amento.\" target=\"_blank\"\r\n class=\"btn btn-whatsapp btn-lg\">\r\n <i class=\"fa-brands fa-whatsapp\"><\/i> WhatsApp\r\n <\/a>\r\n <a href=\"tel:+5594992543298\" class=\"btn btn-primary btn-lg\">\r\n <i class=\"fa-solid fa-phone\"><\/i> Ligar Agora\r\n <\/a>\r\n <a href=\"mailto:celio.alves@locplanpa.com.br\" class=\"btn btn-ghost btn-lg\">\r\n <i class=\"fa-solid fa-envelope\"><\/i> E-mail\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n <div class=\"cta-right\">\r\n <div class=\"info-card\">\r\n <div class=\"info-icon\"><i class=\"fa-solid fa-location-dot\"><\/i><\/div>\r\n <div>\r\n <h5>Endere\u00e7o<\/h5>\r\n <p>Av. Caraj\u00e1s, Q 214, Lt 26 ao 28<br>Nova Caraj\u00e1s, Parauapebas-PA<br>CEP 68515-000<\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"info-card\">\r\n <div class=\"info-icon\"><i class=\"fa-solid fa-phone\"><\/i><\/div>\r\n <div>\r\n <h5>Telefones<\/h5>\r\n <p>(94) 99254-3298<br>(94) 99124-3572<\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"info-card\">\r\n <div class=\"info-icon\"><i class=\"fa-solid fa-envelope\"><\/i><\/div>\r\n <div>\r\n <h5>E-mail<\/h5>\r\n <p>celio.alves@locplanpa.com.br<\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"info-card\">\r\n <div class=\"info-icon\"><i class=\"fa-solid fa-clock\"><\/i><\/div>\r\n <div>\r\n <h5>Hor\u00e1rio<\/h5>\r\n <p>Segunda a Sexta: 07h - 18h<br>S\u00e1bado: 07h - 12h<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- ====== FOOTER ====== -->\r\n <footer class=\"footer\">\r\n <div class=\"container\">\r\n <div class=\"footer-top\">\r\n <div class=\"footer-brand\">\r\n <img decoding=\"async\" src=\"data:image\/gif;base64,R0lGODlhAQABAAD\/ACwAAAAAAQABAAACADs=\" data-img-id=\"logowhite\"\r\n alt=\"LocPlan\" class=\"footer-logo\">\r\n <p>Refer\u00eancia em loca\u00e7\u00e3o de maquin\u00e1rios pesados e m\u00e9dios, terraplanagem e infraestrutura em Parauapebas-PA e\r\n regi\u00e3o de Caraj\u00e1s.<\/p>\r\n <div class=\"social-row\">\r\n <a href=\"#\" aria-label=\"Facebook\"><i class=\"fa-brands fa-facebook-f\"><\/i><\/a>\r\n <a href=\"#\" aria-label=\"Instagram\"><i class=\"fa-brands fa-instagram\"><\/i><\/a>\r\n <a href=\"#\" aria-label=\"LinkedIn\"><i class=\"fa-brands fa-linkedin-in\"><\/i><\/a>\r\n <\/div>\r\n <\/div>\r\n <div class=\"footer-col\">\r\n <h5>Navega\u00e7\u00e3o<\/h5>\r\n <a href=\"#inicio\">In\u00edcio<\/a>\r\n <a href=\"#sobre\">Sobre N\u00f3s<\/a>\r\n <a href=\"#servicos\">Servi\u00e7os<\/a>\r\n <a href=\"#frota\">Nossa Frota<\/a>\r\n <a href=\"#contato\">Contato<\/a>\r\n <\/div>\r\n <div class=\"footer-col\">\r\n <h5>Servi\u00e7os<\/h5>\r\n <a href=\"#servicos\">Terraplanagem<\/a>\r\n <a href=\"#servicos\">Infraestrutura<\/a>\r\n <a href=\"#servicos\">Servi\u00e7os Agr\u00edcolas<\/a>\r\n <a href=\"#servicos\">Loca\u00e7\u00e3o de M\u00e1quinas<\/a>\r\n <a href=\"#servicos\">Gest\u00e3o de Projetos<\/a>\r\n <\/div>\r\n <div class=\"footer-col\">\r\n <h5>Contato<\/h5>\r\n <div class=\"footer-contact\"><i class=\"fa-solid fa-location-dot\"><\/i> Parauapebas - PA<\/div>\r\n <div class=\"footer-contact\"><i class=\"fa-solid fa-phone\"><\/i> (94) 99254-3298<\/div>\r\n <div class=\"footer-contact\"><i class=\"fa-solid fa-envelope\"><\/i> celio.alves@locplanpa.com.br<\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"footer-bottom\">\r\n <p>© 2026 LocPlan Loca\u00e7\u00f5es (CRRA - Loca\u00e7\u00f5es de M\u00e1quinas e Servi\u00e7os Ltda.) \u2014 CNPJ: 39.799.426\/0001-92<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/footer>\r\n\r\n <script>\r\n \/* LOCPLAN V3 \u2014 Premium Light Scripts *\/\r\n\r\n document.addEventListener('DOMContentLoaded', () => {\r\n initImages();\r\n initHeader();\r\n initMobileMenu();\r\n initAnimations();\r\n initCounters();\r\n initSmoothScroll();\r\n initActiveNav();\r\n });\r\n\r\n \/* === DIN\u00c2MICA DE IMAGENS === *\/\r\n function initImages() {\r\n const elements = document.querySelectorAll('[data-img-id]');\r\n elements.forEach(el => {\r\n const id = el.getAttribute('data-img-id');\r\n const url = typeof SITE_IMAGES !== 'undefined' ? SITE_IMAGES[id] : null;\r\n if (url) {\r\n if (el.tagName === 'IMG') {\r\n el.src = url;\r\n } else {\r\n el.style.setProperty('--card-img', `url('${url}')`);\r\n }\r\n }\r\n });\r\n }\r\n\r\n function initHeader() {\r\n const h = document.getElementById('header');\r\n window.addEventListener('scroll', () => {\r\n h.classList.toggle('scrolled', window.scrollY > 50);\r\n });\r\n }\r\n\r\n function initMobileMenu() {\r\n const btn = document.getElementById('hamburger');\r\n const menu = document.getElementById('mobileOverlay');\r\n if (!btn || !menu) return;\r\n btn.addEventListener('click', () => {\r\n btn.classList.toggle('active');\r\n menu.classList.toggle('open');\r\n document.body.style.overflow = menu.classList.contains('open') ? 'hidden' : '';\r\n });\r\n menu.querySelectorAll('a').forEach(a => a.addEventListener('click', () => {\r\n btn.classList.remove('active');\r\n menu.classList.remove('open');\r\n document.body.style.overflow = '';\r\n }));\r\n }\r\n\r\n function initAnimations() {\r\n const els = document.querySelectorAll('[data-anim]');\r\n if (!els.length) return;\r\n const obs = new IntersectionObserver((entries) => {\r\n entries.forEach(e => {\r\n if (e.isIntersecting) {\r\n const delay = e.target.dataset.delay || 0;\r\n setTimeout(() => e.target.classList.add('is-visible'), +delay);\r\n obs.unobserve(e.target);\r\n }\r\n });\r\n }, { threshold: 0.1, rootMargin: '0px 0px -40px 0px' });\r\n els.forEach(el => obs.observe(el));\r\n }\r\n\r\n function initCounters() {\r\n const els = document.querySelectorAll('[data-count]');\r\n if (!els.length) return;\r\n const obs = new IntersectionObserver((entries) => {\r\n entries.forEach(e => {\r\n if (e.isIntersecting) {\r\n animateCount(e.target);\r\n obs.unobserve(e.target);\r\n }\r\n });\r\n }, { threshold: 0.5 });\r\n els.forEach(el => obs.observe(el));\r\n }\r\n\r\n function animateCount(el) {\r\n const target = +el.dataset.count;\r\n const dur = 2200;\r\n const start = performance.now();\r\n function ease(t) { return 1 - Math.pow(1 - t, 4); }\r\n function step(now) {\r\n const p = Math.min((now - start) \/ dur, 1);\r\n el.textContent = Math.floor(ease(p) * target);\r\n if (p < 1) requestAnimationFrame(step);\r\n else el.textContent = target;\r\n }\r\n requestAnimationFrame(step);\r\n }\r\n\r\n function initSmoothScroll() {\r\n document.querySelectorAll('a[href^=\"#\"]').forEach(a => {\r\n a.addEventListener('click', function (e) {\r\n const id = this.getAttribute('href');\r\n if (id === '#') return;\r\n const target = document.querySelector(id);\r\n if (!target) return;\r\n e.preventDefault();\r\n target.scrollIntoView({ behavior: 'smooth', block: 'start' });\r\n });\r\n });\r\n }\r\n\r\n function initActiveNav() {\r\n const sections = document.querySelectorAll('section[id]');\r\n const navLinks = document.querySelectorAll('.nav-link');\r\n\r\n const obs = new IntersectionObserver((entries) => {\r\n entries.forEach(entry => {\r\n if (entry.isIntersecting) {\r\n const id = entry.target.id;\r\n navLinks.forEach(link => {\r\n link.classList.toggle('active', link.getAttribute('href') === '#' + id);\r\n });\r\n }\r\n });\r\n }, { threshold: 0.3, rootMargin: '-100px 0px -60% 0px' });\r\n\r\n sections.forEach(s => obs.observe(s));\r\n }\r\n\r\n <\/script>\r\n<\/body>\r\n\r\n<\/html>\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>LocPlan Loca\u00e7\u00f5es | Planejamento que Constr\u00f3i Resultados In\u00edcio Sobre Servi\u00e7os Frota Parceiros Contato Ligue agora (94) 99254-3298 Or\u00e7amento Gr\u00e1tis In\u00edcio […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"site-sidebar-layout":"no-sidebar","site-content-layout":"","ast-site-content-layout":"full-width-container","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-30","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/locplanpa.com.br\/index.php\/wp-json\/wp\/v2\/pages\/30","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/locplanpa.com.br\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/locplanpa.com.br\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/locplanpa.com.br\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/locplanpa.com.br\/index.php\/wp-json\/wp\/v2\/comments?post=30"}],"version-history":[{"count":193,"href":"https:\/\/locplanpa.com.br\/index.php\/wp-json\/wp\/v2\/pages\/30\/revisions"}],"predecessor-version":[{"id":259,"href":"https:\/\/locplanpa.com.br\/index.php\/wp-json\/wp\/v2\/pages\/30\/revisions\/259"}],"wp:attachment":[{"href":"https:\/\/locplanpa.com.br\/index.php\/wp-json\/wp\/v2\/media?parent=30"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}