Portaria Remota Hagan\u00e1<\/title>\r\n\r\n<link rel=\"preload\" as=\"image\"\r\n href=\"https:\/\/portariaremota.com.br\/wp-content\/uploads\/2026\/06\/Captura-de-tela-2026-06-05-150925.webp\"\r\n media=\"(max-width: 768px)\">\r\n\r\n<style>\r\n\/* === hero === *\/\r\n* { box-sizing: border-box; margin: 0; padding: 0; }\r\nbody { background: #334B74; }\r\n\r\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Nunito:wght@300;400;500;700&display=swap');\r\n\r\n\/* \u2500\u2500 Navbar \u2500\u2500 *\/\r\n.nav {\r\n position: fixed;\r\n top: 0; left: 0; right: 0;\r\n z-index: 10;\r\n display: flex;\r\n align-items: center;\r\n justify-content: space-between;\r\n padding: 0 120px;\r\n height: 72px;\r\n background: rgba(51,75,116,0);\r\n transition: background 0.3s, backdrop-filter 0.3s;\r\n}\r\n.nav.scrolled {\r\n background: rgba(51,75,116,0.7);\r\n backdrop-filter: blur(8px);\r\n -webkit-backdrop-filter: blur(8px);\r\n}\r\n.nav-logo img { height: 42px; width: auto; display: block; }\r\n.nav-links { display: flex; gap: 50px; list-style: none; align-items: center; }\r\n.nav-links a { font-family: \"Nunito\", sans-serif; font-size: 16px; font-weight: 600; color: #ffffff; text-decoration: none; transition: color 0.2s; }\r\n.nav-links a:hover { color: #24BA6E; }\r\n.nav-btn { display: inline-block; background: #24BA6E; color: #ffffff; font-family: \"Nunito\", sans-serif; font-size: 15px; font-weight: 500; padding: 10px 24px; border-radius: 35px; text-decoration: none; transition: background 0.2s; }\r\n.nav-btn:hover { background: #00994B; }\r\n.nav-toggle { display: none; flex-direction: column; gap: 5px; background: none; border: none; cursor: pointer; padding: 4px; }\r\n.nav-toggle span { display: block; width: 22px; height: 2px; background: #fff; border-radius: 2px; }\r\n@media (max-width: 768px) {\r\n .nav { padding: 0 20px; height: 60px; background: rgba(51,75,116,0.8); backdrop-filter: blur(8px); }\r\n .nav-links { display: none; }\r\n .nav-links.open { display: flex; flex-direction: column; position: absolute; top: 60px; left: 0; right: 0; background: rgba(10,20,60,0.95); padding: 16px 20px; gap: 8px; }\r\n .nav-toggle { display: flex; }\r\n}\r\n\r\n\/* \u2500\u2500 Hero wrapper \u2500\u2500 *\/\r\n.hero {\r\n position: relative;\r\n width: 100%;\r\n min-height: 100vh;\r\n overflow: hidden;\r\n background: url(\"https:\/\/portariaremota.com.br\/wp-content\/uploads\/2026\/06\/Captura-de-tela-2026-06-05-154341.webp\") center center \/ cover no-repeat;\r\n display: flex;\r\n align-items: center;\r\n}\r\n\r\n\/* \u2500\u2500 V\u00eddeo YouTube como fundo (desktop) \u2500\u2500 *\/\r\n.hero-video-wrap { display: none; }\r\n\r\n.hero-video-wrap iframe {\r\n position: absolute;\r\n \/* centraliza e cobre toda a \u00e1rea *\/\r\n top: 50%;\r\n left: 50%;\r\n width: 100vw;\r\n height: 56.25vw; \/* 16:9 *\/\r\n min-height: 100vh;\r\n min-width: 177.78vh; \/* 16:9 *\/\r\n transform: translate(-50%, -50%);\r\n border: none;\r\n}\r\n\r\n\/* Overlay escuro sobre o v\u00eddeo *\/\r\n.hero-overlay {\r\n position: absolute;\r\n inset: 0;\r\n background: linear-gradient(\r\n 90deg,\r\n rgba(10,20,60,0.75) 0%,\r\n rgba(10,20,60,0.3) 60%,\r\n transparent 100%\r\n );\r\n z-index: 1;\r\n}\r\n\r\n\/* \u2500\u2500 Conte\u00fado \u2500\u2500 *\/\r\n.hero-content {\r\n position: relative;\r\n z-index: 2;\r\n padding: 0 0 0 200px;\r\n max-width: 55%;\r\n}\r\n\r\n.hero-title {\r\n font-family: 'Nunito', sans-serif;\r\n font-size: 50px;\r\n font-weight: 300;\r\n color: #ffffff;\r\n line-height: 80px;\r\n margin-bottom: 16px;\r\n animation: fadeInLeft 0.8s ease both;\r\n}\r\n.hero-title b { font-weight: 700; }\r\n\r\n.hero-desc {\r\n font-family: 'Nunito', sans-serif;\r\n font-size: 24px;\r\n font-weight: 400;\r\n color: #ffffff;\r\n line-height: 1.4;\r\n margin-bottom: 24px;\r\n animation: fadeInLeft 0.8s ease 0.15s both;\r\n}\r\n\r\n.hero-btn {\r\n display: inline-block;\r\n background: #24BA6E;\r\n color: #ffffff;\r\n font-family: 'Nunito', sans-serif;\r\n font-size: 15px;\r\n font-weight: 500;\r\n padding: 10px 24px;\r\n border-radius: 35px;\r\n text-decoration: none;\r\n box-shadow: 0 0 10px #24BA6E;\r\n transition: background 0.2s, box-shadow 0.2s;\r\n animation: fadeInLeft 0.8s ease 0.3s both;\r\n}\r\n.hero-btn:hover { background: #00994B; box-shadow: 0 0 16px #00994B; }\r\n\r\n@keyframes fadeInLeft {\r\n from { opacity: 0; transform: translateX(-30px); }\r\n to { opacity: 1; transform: translateX(0); }\r\n}\r\n\r\n\/* \u2500\u2500 MOBILE: imagem est\u00e1tica, sem v\u00eddeo \u2500\u2500 *\/\r\n@media (max-width: 768px) {\r\n .hero-video-wrap { display: none; }\r\n\r\n .hero {\r\n background:\r\n linear-gradient(to bottom, rgba(10,20,60,0.55) 0%, rgba(10,20,60,0.7) 100%),\r\n url('https:\/\/portariaremota.com.br\/wp-content\/uploads\/2026\/06\/Captura-de-tela-2026-06-05-150925.webp')\r\n center center \/ cover no-repeat;\r\n min-height: 100svh;\r\n align-items: center;\r\n }\r\n\r\n .hero-overlay { display: none; }\r\n\r\n .hero-content {\r\n padding: 100px 20px 350px;\r\n max-width: 100%;\r\n text-align: center;\r\n }\r\n\r\n .hero-title {\r\n font-size: 32px;\r\n line-height: 1.3;\r\n }\r\n\r\n .hero-desc { font-size: 18px; }\r\n\r\n .hero-btn { display: inline-block; }\r\n}\r\n\r\n\/* === facilidades === *\/\r\n* { box-sizing: border-box; margin: 0; padding: 0; }\r\nbody { background: #1B295A; }\r\n\r\n\/* Nunito com font-display:swap \u2014 n\u00e3o bloqueia renderiza\u00e7\u00e3o *\/\r\n\/* \u2500\u2500 Se\u00e7\u00e3o \u2500\u2500 *\/\r\n.facilidades-section {\r\n background: linear-gradient(180deg, #1B295A 0%, #0F1A41 100%);\r\n padding: 0 0 50px;\r\n font-family: 'Nunito', sans-serif;\r\n}\r\n\r\n\/* \u2500\u2500 T\u00edtulo \u2500\u2500 *\/\r\n.facilidades-title {\r\n text-align: center;\r\n color: #ffffff;\r\n font-family: 'Nunito', sans-serif;\r\n font-size: 28px;\r\n font-weight: 300;\r\n line-height: 1.3;\r\n padding: 100px 20px 50px;\r\n}\r\n.facilidades-title b { font-weight: 700; }\r\n\r\n\/* \u2500\u2500 Grid de cards \u2500\u2500 *\/\r\n.cards-grid {\r\n display: flex;\r\n gap: 24px;\r\n max-width: 1100px;\r\n margin: 0 auto;\r\n padding: 0 24px;\r\n}\r\n\r\n\/* \u2500\u2500 Card \u2500\u2500 *\/\r\n.facility-card {\r\n flex: 1;\r\n min-height: 400px;\r\n border-radius: 15px;\r\n border: 1px solid #00C4FF;\r\n box-shadow: 0 0 10px rgba(0, 196, 255, 0.48);\r\n position: relative;\r\n overflow: hidden;\r\n display: flex;\r\n flex-direction: column;\r\n justify-content: flex-end;\r\n padding: 20px;\r\n animation: fadeIn 0.6s ease both;\r\n}\r\n\r\n.facility-card:nth-child(2) { animation-delay: 0.1s; }\r\n\r\n@keyframes fadeIn {\r\n from { opacity: 0; transform: translateY(16px); }\r\n to { opacity: 1; transform: translateY(0); }\r\n}\r\n\r\n\/* Imagem de fundo *\/\r\n.facility-card-bg {\r\n position: absolute;\r\n inset: 0;\r\n width: 100%;\r\n height: 100%;\r\n object-fit: cover;\r\n object-position: center top;\r\n z-index: 0;\r\n \/* \u2705 loading=lazy pois est\u00e3o abaixo do fold *\/\r\n}\r\n\r\n\/* Overlay gradiente escuro na parte inferior *\/\r\n.facility-card::after {\r\n content: '';\r\n position: absolute;\r\n inset: 0;\r\n background: linear-gradient(\r\n to top,\r\n rgba(0,0,0,0.85) 0%,\r\n rgba(0,0,0,0.3) 50%,\r\n transparent 100%\r\n );\r\n z-index: 1;\r\n}\r\n\r\n\/* Conte\u00fado de texto *\/\r\n.facility-card-body {\r\n position: relative;\r\n z-index: 2;\r\n text-align: center;\r\n}\r\n\r\n.facility-card-title {\r\n font-family: 'Nunito', sans-serif;\r\n font-size: 24px;\r\n font-weight: 900;\r\n line-height: 1.25;\r\n color: #ffffff;\r\n margin-bottom: 8px;\r\n}\r\n\r\n.facility-card-desc {\r\n font-family: 'Nunito', sans-serif;\r\n font-size: 18px;\r\n font-weight: 700;\r\n line-height: 1.35;\r\n color: #ffffff;\r\n}\r\n\r\n\/* \u2500\u2500 Responsivo \u2500\u2500 *\/\r\n@media (max-width: 700px) {\r\n .cards-grid {\r\n flex-direction: column;\r\n padding: 0 15px;\r\n }\r\n .facility-card {\r\n min-height: 400px;\r\n }\r\n .facilidades-title {\r\n padding: 50px 20px 40px;\r\n font-size: 22px;\r\n }\r\n}\r\n\r\n\/* === solucoes === *\/\r\n* { box-sizing: border-box; margin: 0; padding: 0; }\r\nbody { background: #0A1435; }\r\n\r\n.solucoes-section {\r\n background: #0A1435;\r\n padding: 0 0 50px;\r\n font-family: 'Nunito', sans-serif;\r\n}\r\n\r\n\/* T\u00edtulo da se\u00e7\u00e3o \u2014 vem de fora, mas inclu\u00eddo aqui para contexto *\/\r\n.solucoes-title {\r\n text-align: center;\r\n color: #ffffff;\r\n font-family: 'Nunito', sans-serif;\r\n font-size: 28px;\r\n font-weight: 300;\r\n line-height: 1.3;\r\n padding: 60px 20px 40px;\r\n}\r\n.solucoes-title b { font-weight: 700; }\r\n\r\n\/* Grid de 3 colunas *\/\r\n.solucoes-grid {\r\n display: flex;\r\n gap: 24px;\r\n max-width: 1100px;\r\n margin: 0 auto;\r\n padding: 0 24px;\r\n}\r\n\r\n\/* Coluna *\/\r\n.solucao-col {\r\n flex: 1;\r\n display: flex;\r\n flex-direction: column;\r\n gap: 0;\r\n animation: fadeIn 0.6s ease both;\r\n}\r\n.solucao-col:nth-child(2) { animation-delay: 0.1s; }\r\n.solucao-col:nth-child(3) { animation-delay: 0.2s; }\r\n\r\n@keyframes fadeIn {\r\n from { opacity: 0; transform: translateY(16px); }\r\n to { opacity: 1; transform: translateY(0); }\r\n}\r\n\r\n\/* Imagem *\/\r\n.solucao-img {\r\n width: 100%;\r\n border-radius: 15px;\r\n border: 1px solid #00C4FF;\r\n box-shadow: 0 0 10px #00C4FF;\r\n display: block;\r\n aspect-ratio: 1\/1;\r\n object-fit: cover;\r\n}\r\n\r\n\/* T\u00edtulo do card *\/\r\n.solucao-card-title {\r\n font-family: 'Nunito', sans-serif;\r\n font-size: 20px;\r\n font-weight: 700;\r\n color: #ffffff;\r\n margin: 16px 0 4px;\r\n line-height: 1.2;\r\n}\r\n\r\n\/* Descri\u00e7\u00e3o *\/\r\n.solucao-card-desc {\r\n font-family: 'Nunito', sans-serif;\r\n font-size: 18px;\r\n font-weight: 400;\r\n color: #ffffff;\r\n line-height: 1.35;\r\n margin-bottom: 16px;\r\n flex: 1;\r\n}\r\n\r\n\/* Bot\u00e3o *\/\r\n.solucao-btn {\r\n display: inline-block;\r\n background: #24BA6E;\r\n color: #ffffff;\r\n font-family: 'Nunito', sans-serif;\r\n font-size: 15px;\r\n font-weight: 500;\r\n padding: 10px 24px;\r\n border-radius: 35px;\r\n text-decoration: none;\r\n border: none;\r\n cursor: pointer;\r\n box-shadow: 0 0 10px #24BA6E;\r\n transition: background 0.2s, box-shadow 0.2s;\r\n align-self: flex-start;\r\n}\r\n.solucao-btn:hover {\r\n background: #00994B;\r\n box-shadow: 0 0 16px #00994B;\r\n}\r\n\r\n\/* Responsivo *\/\r\n@media (max-width: 700px) {\r\n .solucoes-grid {\r\n flex-direction: column;\r\n padding: 0 20px;\r\n }\r\n .solucao-col {\r\n margin-bottom: 32px;\r\n }\r\n}\r\n\r\n\/* === carrossel === *\/\r\n* { box-sizing: border-box; margin: 0; padding: 0; }\r\nbody { background: #0F1A41; }\r\n\r\n\/* \u2500\u2500 Se\u00e7\u00e3o wrapper \u2500\u2500 *\/\r\n.bio-section {\r\n background: linear-gradient(180deg, #0F1A41 0%, #0A1435 100%);\r\n padding: 100px 20px 60px;\r\n font-family: 'Nunito', sans-serif;\r\n}\r\n\r\n\/* Nunito via Google Fonts \u2014 font-display:swap para n\u00e3o bloquear renderiza\u00e7\u00e3o *\/\r\n.bio-section * { font-family: 'Nunito', sans-serif; }\r\n\r\n\/* \u2500\u2500 T\u00edtulo \u2500\u2500 *\/\r\n.bio-title {\r\n text-align: center;\r\n color: #ffffff;\r\n font-size: 28px;\r\n font-weight: 300;\r\n line-height: 1.3;\r\n margin-bottom: 48px;\r\n max-width: 800px;\r\n margin-left: auto;\r\n margin-right: auto;\r\n}\r\n.bio-title b { font-weight: 700; }\r\n\r\n\/* \u2500\u2500 Carrossel \u2500\u2500 *\/\r\n.carousel-wrap {\r\n position: relative;\r\n max-width: 1100px;\r\n margin: 0 auto;\r\n overflow: hidden;\r\n}\r\n\r\n.carousel-track-outer {\r\n overflow: hidden;\r\n padding: 20px 0 10px;\r\n}\r\n\r\n.carousel-track {\r\n display: flex;\r\n transition: transform 0.5s cubic-bezier(0.4, 0, 0.2, 1);\r\n gap: 0;\r\n}\r\n\r\n\/* \u2500\u2500 Cada slide \u2500\u2500 *\/\r\n.carousel-slide {\r\n flex: 0 0 33.333%;\r\n padding: 0 12px;\r\n transition: transform 0.5s ease, opacity 0.5s ease;\r\n}\r\n\r\n.slide-inner {\r\n border-radius: 15px;\r\n overflow: hidden;\r\n position: relative;\r\n aspect-ratio: 3\/4;\r\n background: #1a2a5e;\r\n}\r\n\r\n.slide-inner img {\r\n width: 100%;\r\n height: 100%;\r\n object-fit: cover;\r\n display: block;\r\n transition: transform 0.4s ease;\r\n}\r\n\r\n\/* Slide central: maior e mais destacado *\/\r\n.carousel-slide.active .slide-inner {\r\n transform: scale(1.08);\r\n box-shadow: 0 20px 60px rgba(0,0,0,0.5);\r\n z-index: 2;\r\n position: relative;\r\n}\r\n\r\n\/* Overlay de texto \u2014 s\u00f3 no slide ativo *\/\r\n.slide-overlay {\r\n position: absolute;\r\n bottom: 0; left: 0; right: 0;\r\n background: linear-gradient(to top, rgba(0,0,0,0.85) 0%, transparent 100%);\r\n padding: 32px 20px 20px;\r\n opacity: 0;\r\n transition: opacity 0.3s ease;\r\n}\r\n\r\n.carousel-slide.active .slide-overlay {\r\n opacity: 1;\r\n}\r\n\r\n.slide-number {\r\n font-size: 22px;\r\n font-weight: 600;\r\n color: #ffffff;\r\n display: block;\r\n margin-bottom: 8px;\r\n text-align: center;\r\n}\r\n\r\n.slide-text {\r\n font-size: 16px;\r\n font-weight: 400;\r\n color: #ffffff;\r\n line-height: 1.45;\r\n text-align: center;\r\n}\r\n\r\n\/* \u2500\u2500 Setas \u2500\u2500 *\/\r\n.carousel-arrow {\r\n position: absolute;\r\n top: 50%;\r\n transform: translateY(-50%);\r\n background: rgba(255,255,255,0.1);\r\n border: 1px solid rgba(255,255,255,0.2);\r\n color: #ffffff;\r\n width: 44px; height: 44px;\r\n border-radius: 50%;\r\n cursor: pointer;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n font-size: 18px;\r\n z-index: 10;\r\n transition: background 0.2s;\r\n backdrop-filter: blur(4px);\r\n}\r\n.carousel-arrow:hover { background: rgba(255,255,255,0.2); }\r\n.carousel-arrow.prev { left: -8px; }\r\n.carousel-arrow.next { right: -8px; }\r\n\r\n\/* \u2500\u2500 Pagina\u00e7\u00e3o \u2500\u2500 *\/\r\n.carousel-dots {\r\n display: flex;\r\n gap: 8px;\r\n margin-top: 28px;\r\n padding-left: 20px;\r\n}\r\n\r\n.dot {\r\n width: 12px; height: 12px;\r\n border-radius: 50%;\r\n background: rgba(255,255,255,0.35);\r\n cursor: pointer;\r\n transition: background 0.2s, transform 0.2s;\r\n border: none;\r\n padding: 0;\r\n}\r\n\r\n.dot.active {\r\n background: #00C4FF;\r\n transform: scale(1.2);\r\n}\r\n\r\n\/* \u2500\u2500 Responsivo \u2500\u2500 *\/\r\n@media (max-width: 700px) {\r\n .carousel-slide { flex: 0 0 80%; }\r\n .bio-title { font-size: 20px; }\r\n .carousel-arrow.prev { left: 0; }\r\n .carousel-arrow.next { right: 0; }\r\n}\r\n\r\n\/* === sobre === *\/\r\n* { box-sizing: border-box; margin: 0; padding: 0; }\r\nbody { background: #0A1435; }\r\n\r\n.pr-section { font-family: 'Nunito', sans-serif; width: 100%; }\r\n\r\n.pr-row {\r\n display: flex;\r\n align-items: center;\r\n max-width: 1200px;\r\n margin: 0 auto;\r\n padding: 0 48px;\r\n gap: 48px;\r\n}\r\n\r\n\/* Imagem \u00e0 DIREITA (padr\u00e3o: texto primeiro, imagem segundo) *\/\r\n.pr-row.img-right { flex-direction: row; }\r\n\r\n\/* Imagem \u00e0 ESQUERDA (imagem primeiro, texto segundo) *\/\r\n.pr-row.img-left { flex-direction: row-reverse; }\r\n\r\n.pr-col { flex: 1; }\r\n\r\n.pr-section-title {\r\n font-family: 'Nunito', sans-serif;\r\n font-size: 28px;\r\n font-weight: 700;\r\n color: #ffffff;\r\n line-height: 1.3;\r\n margin-bottom: 16px;\r\n}\r\n\r\n.pr-section-text {\r\n font-family: 'Nunito', sans-serif;\r\n font-size: 18px;\r\n font-weight: 400;\r\n color: #ffffff;\r\n line-height: 1.35;\r\n margin-bottom: 20px;\r\n}\r\n.pr-section-text p + p { margin-top: 12px; }\r\n\r\n.pr-btn {\r\n display: inline-block;\r\n background: #24BA6E;\r\n color: #ffffff;\r\n font-family: 'Nunito', sans-serif;\r\n font-size: 15px;\r\n font-weight: 500;\r\n padding: 10px 24px;\r\n border-radius: 35px;\r\n text-decoration: none;\r\n box-shadow: 0 0 10px #24BA6E;\r\n transition: background 0.2s, box-shadow 0.2s;\r\n}\r\n.pr-btn:hover { background: #00994B; box-shadow: 0 0 16px #00994B; }\r\n\r\n.pr-img-border {\r\n border: 1px solid #00C4FF;\r\n border-radius: 15px;\r\n box-shadow: 0 0 10px #00C4FF, 0 0 20px rgba(0,196,255,0.4);\r\n display: block;\r\n max-width: 100%;\r\n height: auto;\r\n}\r\n\r\n.pr-img-plain { display: block; max-width: 100%; height: auto; }\r\n\r\n\/* Anima\u00e7\u00e3o *\/\r\n.fade-in {\r\n opacity: 0;\r\n transform: translateY(20px);\r\n transition: opacity 0.6s ease, transform 0.6s ease;\r\n}\r\n.fade-in.visible { opacity: 1; transform: translateY(0); }\r\n\r\n\/* \u2500\u2500 Fundos e paddings por se\u00e7\u00e3o \u2500\u2500 *\/\r\n.sec1 { background: linear-gradient(180deg, #0A1435 0%, #070F2A 100%); padding: 50px 0; }\r\n.sec2 { background: #070F2A; padding: 100px 0 0; }\r\n.sec3 { background: linear-gradient(180deg, #070F2A 0%, #060D24 100%); padding: 100px 0 0; }\r\n.sec4 { background: #060D24; padding: 150px 0 0; }\r\n.sec5 { background: #060D24; padding: 150px 0; }\r\n\r\n\/* sec3: sobreposi\u00e7\u00e3o de imagem (apenas desktop) *\/\r\n.sec3 .col-img img { width: 70%; }\r\n.sec3 .col-text { margin-left: -110px; position: relative; z-index: 2; }\r\n.sec3 .col-img { position: relative; z-index: 1; }\r\n\r\n\/* Oculta sec3 no mobile (igual ao original hide_mobile) *\/\r\n@media (max-width: 768px) {\r\n .sec3 { display: none; }\r\n\r\n .pr-row,\r\n .pr-row.img-right,\r\n .pr-row.img-left {\r\n flex-direction: column !important;\r\n padding: 0 20px;\r\n gap: 24px;\r\n }\r\n\r\n .pr-col { width: 100%; }\r\n\r\n .sec3 .col-text { margin-left: 0; }\r\n\r\n .sec4, .sec5 { padding: 50px 0; }\r\n\r\n .pr-section-title,\r\n .pr-section-text { text-align: center; }\r\n\r\n .pr-btn { display: block; text-align: center; }\r\n}\r\n<\/style>\r\n<\/head>\r\n<body>\r\n\r\n\r\n<nav class=\"nav\" id=\"nav\" role=\"navigation\" aria-label=\"Menu principal\">\r\n <a href=\"#\" class=\"nav-logo\" aria-label=\"Hagan\u00e1 \u2014 In\u00edcio\">\r\n <img fetchpriority=\"high\" decoding=\"async\"\r\n src=\"https:\/\/portariaremota.com.br\/wp-content\/uploads\/2026\/06\/Camada-1-6.webp\"\r\n alt=\"Hagan\u00e1\"\r\n width=\"44\" height=\"52\"\r\n loading=\"eager\"\r\n fetchpriority=\"high\"\r\n >\r\n <\/a>\r\n\r\n <ul class=\"nav-links\" id=\"nav-links\">\r\n <li><a href=\"#a1\">Como funciona?<\/a><\/li>\r\n <li><a href=\"#a2\">Produtos<\/a><\/li>\r\n <li><a href=\"#a3\">Solu\u00e7\u00f5es<\/a><\/li>\r\n <\/ul>\r\n\r\n <a href=\"#form\" class=\"nav-btn\">Fale conosco<\/a>\r\n\r\n <button class=\"nav-toggle\" id=\"nav-toggle\" aria-label=\"Abrir menu\" aria-expanded=\"false\">\r\n <span><\/span><span><\/span><span><\/span>\r\n <\/button>\r\n<\/nav>\r\n\r\n<section class=\"hero\" aria-labelledby=\"hero-title\">\r\n\r\n \r\n <div class=\"hero-video-wrap\" aria-hidden=\"true\">\r\n \r\n <iframe\r\n src=\"https:\/\/www.youtube.com\/embed\/-Emw0TEB4VY?autoplay=1&mute=1&loop=1&playlist=-Emw0TEB4VY&controls=0&disablekb=1&modestbranding=1&rel=0&playsinline=1&enablejsapi=1\"\r\n title=\"Portaria Remota Hagan\u00e1\"\r\n allow=\"autoplay; encrypted-media\"\r\n allowfullscreen\r\n loading=\"lazy\"\r\n ><\/iframe>\r\n <\/div>\r\n \r\n <div style=\"position:absolute;inset:0;z-index:1;cursor:default;\" aria-hidden=\"true\"><\/div>\r\n\r\n \r\n <div class=\"hero-overlay\" aria-hidden=\"true\"><\/div>\r\n\r\n \r\n <div class=\"hero-content\">\r\n <h1 class=\"hero-title\" id=\"hero-title\">\r\n Portaria Remota <b>Hagan\u00e1<\/b>\r\n <\/h1>\r\n <p class=\"hero-desc\">\r\n O sistema de Portaria Remota da Hagan\u00e1 pode ser<br>at\u00e9 70% mais barato do que a portaria tradicional.\r\n <\/p>\r\n <a href=\"#form\" class=\"hero-btn\">Fale conosco<\/a>\r\n <\/div>\r\n\r\n<\/section>\r\n\r\n<script>\r\n\/\/ Navbar scroll\r\nwindow.addEventListener('scroll', () => {\r\n document.getElementById('nav').classList.toggle('scrolled', window.scrollY > 10);\r\n});\r\n\r\n\/\/ Menu mobile\r\nconst toggle = document.getElementById('nav-toggle');\r\nconst links = document.getElementById('nav-links');\r\ntoggle.addEventListener('click', () => {\r\n const open = links.classList.toggle('open');\r\n toggle.setAttribute('aria-expanded', open);\r\n});\r\nlinks.querySelectorAll('a').forEach(a => {\r\n a.addEventListener('click', () => {\r\n links.classList.remove('open');\r\n toggle.setAttribute('aria-expanded', false);\r\n });\r\n});\r\n<\/script>\r\n\r\n\r\n<section class=\"facilidades-section\" id=\"a1\">\r\n\r\n <h2 class=\"facilidades-title\">\r\n Quais s\u00e3o as facilidades da <b>Portaria Remota?<\/b>\r\n <\/h2>\r\n\r\n <div class=\"cards-grid\">\r\n\r\n \r\n <div class=\"facility-card\">\r\n <img loading=\"lazy\"\r\n class=\"facility-card-bg\"\r\n src=\"https:\/\/portariaremota.com.br\/wp-content\/uploads\/2026\/06\/background.webp\"\r\n alt=\"Porteiro remoto liberando acesso\"\r\n width=\"540\" height=\"400\"\r\n loading=\"lazy\"\r\n decoding=\"async\"\r\n >\r\n <div class=\"facility-card-body\">\r\n <h3 class=\"facility-card-title\">LIBERA\u00c7\u00c3O POR PORTEIROS REMOTOS<\/h3>\r\n <p class=\"facility-card-desc\">Entregadores e visitantes s\u00e3o liberados pelos nossos porteiros remotos que atuam na nossa central.<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"facility-card\">\r\n <img loading=\"lazy\"\r\n class=\"facility-card-bg\"\r\n src=\"https:\/\/portariaremota.com.br\/wp-content\/uploads\/2026\/06\/bP4J1LMJt6FX2usKhjDA-1.webp\"\r\n alt=\"Morador acessando por biometria\"\r\n width=\"540\" height=\"400\"\r\n loading=\"lazy\"\r\n decoding=\"async\"\r\n >\r\n <div class=\"facility-card-body\">\r\n <h3 class=\"facility-card-title\">ACESSO POR BIOMETRIA<\/h3>\r\n <p class=\"facility-card-desc\">Moradores s\u00e3o cadastrados e entram no pr\u00e9dio automaticamente atrav\u00e9s da biometria.<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n<\/section>\r\n\r\n\r\n<section class=\"solucoes-section\" id=\"a3\">\r\n\r\n <h2 class=\"solucoes-title\">Conhe\u00e7a nossas <b>solu\u00e7\u00f5es<\/b><\/h2>\r\n\r\n <div class=\"solucoes-grid\">\r\n\r\n \r\n <div class=\"solucao-col\">\r\n <img loading=\"lazy\"\r\n class=\"solucao-img\"\r\n src=\"https:\/\/portariaremota.com.br\/wp-content\/uploads\/2026\/06\/Grupo-17-1.webp\"\r\n alt=\"Biometria facial Hagan\u00e1\"\r\n width=\"340\" height=\"340\"\r\n loading=\"lazy\"\r\n decoding=\"async\"\r\n >\r\n <h3 class=\"solucao-card-title\">Biometria facial<\/h3>\r\n <p class=\"solucao-card-desc\">Acesso r\u00e1pido e seguro atrav\u00e9s de biometria digital ou reconhecimento facial, com uma precis\u00e3o de 99,8% contra fraudes.<\/p>\r\n <a href=\"#form\" class=\"solucao-btn\">Fale conosco<\/a>\r\n <\/div>\r\n\r\n \r\n <div class=\"solucao-col\">\r\n <img loading=\"lazy\"\r\n class=\"solucao-img\"\r\n src=\"https:\/\/portariaremota.com.br\/wp-content\/uploads\/2026\/06\/b3-1.webp\"\r\n alt=\"Sistema Anti-Carona Hagan\u00e1\"\r\n width=\"340\" height=\"340\"\r\n loading=\"lazy\"\r\n decoding=\"async\"\r\n >\r\n <h3 class=\"solucao-card-title\">Sistema Anti-Carona<\/h3>\r\n <p class=\"solucao-card-desc\">Uma inova\u00e7\u00e3o que aumenta a seguran\u00e7a, impedindo o acesso de intrusos.<\/p>\r\n <a href=\"#form\" class=\"solucao-btn\">Fale conosco<\/a>\r\n <\/div>\r\n\r\n \r\n <div class=\"solucao-col\">\r\n <img loading=\"lazy\"\r\n class=\"solucao-img\"\r\n src=\"https:\/\/portariaremota.com.br\/wp-content\/uploads\/2026\/06\/woman-hand-holding-smart-phone-blank-screen-copy-space-hand-holding-smartphone-isolated-white-background.webp\"\r\n alt=\"Aplicativo Mobile Hagan\u00e1\"\r\n width=\"340\" height=\"340\"\r\n loading=\"lazy\"\r\n decoding=\"async\"\r\n >\r\n <h3 class=\"solucao-card-title\">Aplicativo Mobile<\/h3>\r\n <p class=\"solucao-card-desc\">Total controle na palma da sua m\u00e3o. Gerencie acessos, visite registros, consulte encomendas e muito mais.<\/p>\r\n <a href=\"#form\" class=\"solucao-btn\">Fale conosco<\/a>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n<\/section>\r\n\r\n\r\n<section class=\"bio-section\">\r\n <h2 class=\"bio-title\">Descubra a <b>Biometria Facial e Sistema Anti-carona<\/b><\/h2>\r\n\r\n <div class=\"carousel-wrap\">\r\n <button class=\"carousel-arrow prev\" aria-label=\"Slide anterior\">‹<\/button>\r\n\r\n <div class=\"carousel-track-outer\">\r\n <div class=\"carousel-track\" id=\"track\">\r\n\r\n <div class=\"carousel-slide\">\r\n <div class=\"slide-inner\">\r\n <img loading=\"lazy\" src=\"https:\/\/portariaremota.com.br\/wp-content\/uploads\/2026\/06\/background-1.webp\"\r\n alt=\"Passo 1 \u2014 morador entra pela primeira porta\"\r\n loading=\"lazy\" decoding=\"async\" width=\"365\" height=\"487\">\r\n <div class=\"slide-overlay\">\r\n <span class=\"slide-number\">1.<\/span>\r\n <p class=\"slide-text\">Com a biometria ou reconhecimento facial j\u00e1 cadastrada o morador entra livremente pela primeira porta.<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"carousel-slide\">\r\n <div class=\"slide-inner\">\r\n <img loading=\"lazy\" src=\"https:\/\/portariaremota.com.br\/wp-content\/uploads\/2026\/06\/b4.webp\"\r\n alt=\"Passo 2 \u2014 detec\u00e7\u00e3o de duas pessoas na eclusa\"\r\n loading=\"lazy\" decoding=\"async\" width=\"365\" height=\"487\">\r\n <div class=\"slide-overlay\">\r\n <span class=\"slide-number\">2.<\/span>\r\n <p class=\"slide-text\">Na detec\u00e7\u00e3o de duas pessoas dentro da eclusa, a segunda porta n\u00e3o \u00e9 liberada.<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"carousel-slide active\">\r\n <div class=\"slide-inner\">\r\n <img loading=\"lazy\" src=\"https:\/\/portariaremota.com.br\/wp-content\/uploads\/2026\/06\/rHOpD26nAdAz1tixDxaU-1.webp\"\r\n alt=\"Passo 3 \u2014 interfonar para a central\"\r\n loading=\"lazy\" decoding=\"async\" width=\"365\" height=\"487\">\r\n <div class=\"slide-overlay\">\r\n <span class=\"slide-number\">3.<\/span>\r\n <p class=\"slide-text\">\u00c9 necess\u00e1rio interfonar para a central e solicitar a libera\u00e7\u00e3o.<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"carousel-slide\">\r\n <div class=\"slide-inner\">\r\n <img loading=\"lazy\" src=\"https:\/\/portariaremota.com.br\/wp-content\/uploads\/2026\/06\/b2.webp\"\r\n alt=\"Passo 4 \u2014 pessoa n\u00e3o identificada sai da eclusa\"\r\n loading=\"lazy\" decoding=\"async\" width=\"365\" height=\"487\">\r\n <div class=\"slide-overlay\">\r\n <span class=\"slide-number\">4.<\/span>\r\n <p class=\"slide-text\">A pessoa n\u00e3o identificada dever\u00e1 sair da eclusa e fazer o processo de triagem para entrar novamente.<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"carousel-slide\">\r\n <div class=\"slide-inner\">\r\n <img loading=\"lazy\" src=\"https:\/\/portariaremota.com.br\/wp-content\/uploads\/2026\/06\/b1.webp\"\r\n alt=\"Passo 5 \u2014 morador tem acesso liberado\"\r\n loading=\"lazy\" decoding=\"async\" width=\"365\" height=\"487\">\r\n <div class=\"slide-overlay\">\r\n <span class=\"slide-number\">5.<\/span>\r\n <p class=\"slide-text\">Agora o morador usa o sistema de reconhecimento facial e tem o acesso liberado.<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n <\/div>\r\n\r\n <button class=\"carousel-arrow next\" aria-label=\"Pr\u00f3ximo slide\">›<\/button>\r\n <\/div>\r\n\r\n <div class=\"carousel-dots\" id=\"dots\" role=\"tablist\" aria-label=\"Navega\u00e7\u00e3o do carrossel\">\r\n <button class=\"dot\" aria-label=\"Slide 1\"><\/button>\r\n <button class=\"dot\" aria-label=\"Slide 2\"><\/button>\r\n <button class=\"dot active\" aria-label=\"Slide 3\"><\/button>\r\n <button class=\"dot\" aria-label=\"Slide 4\"><\/button>\r\n <button class=\"dot\" aria-label=\"Slide 5\"><\/button>\r\n <\/div>\r\n<\/section>\r\n\r\n<script>\r\n(function() {\r\n const track = document.getElementById('track');\r\n const slides = track.querySelectorAll('.carousel-slide');\r\n const dots = document.getElementById('dots').querySelectorAll('.dot');\r\n const total = slides.length;\r\n let current = 2; \/\/ come\u00e7a no slide central (\u00edndice 2)\r\n\r\n function getOffset() {\r\n const isMobile = window.innerWidth <= 700;\r\n const slideW = isMobile ? 80 : 33.333;\r\n \/\/ centraliza o slide ativo\r\n const containerW = 100;\r\n const offset = (current * slideW) - (containerW \/ 2) + (slideW \/ 2);\r\n return -offset;\r\n }\r\n\r\n function update() {\r\n \/\/ move o track\r\n const isMobile = window.innerWidth <= 700;\r\n const slideW = isMobile ? 80 : 33.333;\r\n const offset = -(current * slideW) + (100 - slideW) \/ 2;\r\n track.style.transform = `translateX(${offset}%)`;\r\n\r\n \/\/ atualiza classes\r\n slides.forEach((s, i) => {\r\n s.classList.toggle('active', i === current);\r\n });\r\n\r\n \/\/ atualiza dots\r\n dots.forEach((d, i) => {\r\n d.classList.toggle('active', i === current);\r\n });\r\n }\r\n\r\n document.querySelector('.prev').addEventListener('click', () => {\r\n current = (current - 1 + total) % total;\r\n update();\r\n });\r\n\r\n document.querySelector('.next').addEventListener('click', () => {\r\n current = (current + 1) % total;\r\n update();\r\n });\r\n\r\n dots.forEach((d, i) => {\r\n d.addEventListener('click', () => {\r\n current = i;\r\n update();\r\n });\r\n });\r\n\r\n \/\/ touch\/swipe\r\n let startX = 0;\r\n track.addEventListener('touchstart', e => { startX = e.touches[0].clientX; }, { passive: true });\r\n track.addEventListener('touchend', e => {\r\n const diff = startX - e.changedTouches[0].clientX;\r\n if (Math.abs(diff) > 40) {\r\n current = diff > 0\r\n ? (current + 1) % total\r\n : (current - 1 + total) % total;\r\n update();\r\n }\r\n });\r\n\r\n window.addEventListener('resize', update);\r\n update();\r\n})();\r\n<\/script>\r\n\r\n\r\n\r\n<section class=\"pr-section sec1\">\r\n <div class=\"pr-row img-right\">\r\n <div class=\"pr-col fade-in\">\r\n <h2 class=\"pr-section-title\">Apresentando a Portaria Remota Hagan\u00e1!<\/h2>\r\n <div class=\"pr-section-text\">\r\n <p>A PORTARIA REMOTA HAGAN\u00c1 \u00e9 uma solu\u00e7\u00e3o inovadora e eficiente, monitorada \u00e0 dist\u00e2ncia pela Central de Opera\u00e7\u00f5es. Atrav\u00e9s de um atendimento humanizado e com procedimentos de seguran\u00e7a exclusivos. Identificamos os visitantes e prestadores de servi\u00e7os, liberamos o acesso mediante autoriza\u00e7\u00e3o dos moradores e monitoramos cada entrada, aumentando o n\u00edvel de seguran\u00e7a do condom\u00ednio.<\/p>\r\n <p>Para elevar ainda mais o n\u00edvel de seguran\u00e7a, a entrada dos moradores pode ser monitorada pela Central de Opera\u00e7\u00f5es, a partir do aviso feito no aplicativo, proporcionando um atendimento r\u00e1pido e seguro, ideal para condom\u00ednios que buscam seguran\u00e7a, tecnologia e agilidade no atendimento.<\/p>\r\n <\/div>\r\n <a href=\"#form\" class=\"pr-btn\">Fale conosco<\/a>\r\n <\/div>\r\n <div class=\"pr-col col-img fade-in\">\r\n <img loading=\"lazy\" class=\"pr-img-plain\"\r\n src=\"https:\/\/portariaremota.com.br\/wp-content\/uploads\/2026\/06\/Grupo-45.webp\"\r\n alt=\"Sistema Portaria Remota Hagan\u00e1\"\r\n width=\"540\" height=\"540\" loading=\"lazy\" decoding=\"async\">\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n\r\n<section class=\"pr-section sec2\">\r\n <div class=\"pr-row img-left\">\r\n <div class=\"pr-col fade-in\">\r\n <h2 class=\"pr-section-title\">Biometria facial<\/h2>\r\n <div class=\"pr-section-text\">\r\n <p>Precis\u00e3o de 99,8% no reconhecimento biom\u00e9trico Hagan\u00e1, superando outras solu\u00e7\u00f5es dispon\u00edveis no mercado, e prevenindo fraudes, roubos de identidade e o acesso n\u00e3o autorizado a um determinado local.<\/p>\r\n <p>A Portaria Remota Hagan\u00e1 torna seu ambiente mais seguro com uma camada de prote\u00e7\u00e3o e traz conveni\u00eancia para seus moradores, colaboradores e visitantes!<\/p>\r\n <\/div>\r\n <a href=\"#form\" class=\"pr-btn\">Fale conosco<\/a>\r\n <\/div>\r\n <div class=\"pr-col col-img fade-in\">\r\n <img loading=\"lazy\" class=\"pr-img-plain\"\r\n src=\"https:\/\/portariaremota.com.br\/wp-content\/uploads\/2026\/06\/Grupo-1-1.webp\"\r\n alt=\"Biometria facial Hagan\u00e1\"\r\n width=\"540\" height=\"540\" loading=\"lazy\" decoding=\"async\">\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n\r\n<section class=\"pr-section sec3\">\r\n <div class=\"pr-row img-right\">\r\n <div class=\"pr-col col-text fade-in\">\r\n <h2 class=\"pr-section-title\">Sistema Anti-Carona<\/h2>\r\n <div class=\"pr-section-text\">\r\n <p>O exclusivo sistema anti-carona \u00e9 mais uma camada de seguran\u00e7a na Portaria Remota Hagan\u00e1, que impede o acesso de intrusos que tentam entrar junto aos moradores autorizados. O sistema, al\u00e9m de adicionar mais seguran\u00e7a, otimiza o controle de acesso ao condom\u00ednio.<\/p>\r\n <\/div>\r\n <a href=\"#form\" class=\"pr-btn\">Fale conosco<\/a>\r\n <\/div>\r\n <div class=\"pr-col col-img fade-in\">\r\n <img loading=\"lazy\" class=\"pr-img-border\"\r\n src=\"https:\/\/portariaremota.com.br\/wp-content\/uploads\/2026\/06\/Grupo-101.webp\"\r\n\r\n alt=\"Sistema Anti-Carona Hagan\u00e1\"\r\n width=\"380\" height=\"396\" loading=\"lazy\" decoding=\"async\">\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n\r\n<section class=\"pr-section sec4\">\r\n <div class=\"pr-row img-left\">\r\n <div class=\"pr-col fade-in\">\r\n <h2 class=\"pr-section-title\">Mais praticidade na palma da sua m\u00e3o<\/h2>\r\n <div class=\"pr-section-text\">\r\n <p>Com o aplicativo mobile da Portaria Remota Hagan\u00e1, os moradores ter\u00e3o mais praticidade e facilidades na gest\u00e3o do controle de acesso.<\/p>\r\n <p>O aplicativo permite gerenciar moradores, autorizados e visitas, entrar em contato com a administra\u00e7\u00e3o, registrar ocorr\u00eancias, consultar e receber notifica\u00e7\u00f5es de encomendas, atualizar cadastros e visualizar imagens das c\u00e2meras autorizadas pelo s\u00edndico.<\/p>\r\n <\/div>\r\n <a href=\"#form\" class=\"pr-btn\">Fale conosco<\/a>\r\n <\/div>\r\n <div class=\"pr-col col-img fade-in\">\r\n <img loading=\"lazy\" class=\"pr-img-plain\"\r\n src=\"https:\/\/portariaremota.com.br\/wp-content\/uploads\/2026\/06\/Grupo-166.webp\"\r\n alt=\"Aplicativo Mobile Hagan\u00e1\"\r\n width=\"470\" height=\"470\" loading=\"lazy\" decoding=\"async\">\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n\r\n<section class=\"pr-section sec5\">\r\n <div class=\"pr-row img-right\">\r\n <div class=\"pr-col fade-in\">\r\n <h2 class=\"pr-section-title\">Conhe\u00e7a a Hagan\u00e1<\/h2>\r\n <div class=\"pr-section-text\">\r\n <p>Fundada por ex-oficiais do ex\u00e9rcito e servi\u00e7os de intelig\u00eancia de Israel, a Hagan\u00e1 \u00e9 a escolha l\u00edder em seguran\u00e7a no Brasil. Com quase tr\u00eas d\u00e9cadas de inova\u00e7\u00e3o e excel\u00eancia, nosso nome, que em hebraico significa \"defesa\", reflete nossa miss\u00e3o: oferecer solu\u00e7\u00f5es de seguran\u00e7a personalizadas, minimizando riscos e garantindo sua tranquilidade.<\/p>\r\n <\/div>\r\n <a href=\"#form\" class=\"pr-btn\">Fale conosco<\/a>\r\n <\/div>\r\n <div class=\"pr-col col-img fade-in\">\r\n <img loading=\"lazy\" class=\"pr-img-border\"\r\n src=\"https:\/\/portariaremota.com.br\/wp-content\/uploads\/2026\/06\/Bandeira-brasil-x-israel.webp\"\r\n alt=\"Hagan\u00e1 \u2014 parceria Brasil e Israel\"\r\n width=\"470\" height=\"362\" loading=\"lazy\" decoding=\"async\">\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n<script>\r\nconst observer = new IntersectionObserver((entries) => {\r\n entries.forEach((entry, i) => {\r\n if (entry.isIntersecting) {\r\n setTimeout(() => entry.target.classList.add('visible'), i * 80);\r\n observer.unobserve(entry.target);\r\n }\r\n });\r\n}, { threshold: 0.1 });\r\ndocument.querySelectorAll('.fade-in').forEach(el => observer.observe(el));\r\n<\/script>\r\n\r\n<script>\r\n\/\/ === hero ===\r\n\/\/ Navbar scroll\r\nwindow.addEventListener('scroll', () => {\r\n document.getElementById('nav').classList.toggle('scrolled', window.scrollY > 10);\r\n});\r\n\r\n\/\/ Menu mobile\r\nconst toggle = document.getElementById('nav-toggle');\r\nconst links = document.getElementById('nav-links');\r\ntoggle.addEventListener('click', () => {\r\n const open = links.classList.toggle('open');\r\n toggle.setAttribute('aria-expanded', open);\r\n});\r\nlinks.querySelectorAll('a').forEach(a => {\r\n a.addEventListener('click', () => {\r\n links.classList.remove('open');\r\n toggle.setAttribute('aria-expanded', false);\r\n });\r\n});\r\n\r\n\/\/ === carrossel ===\r\n(function() {\r\n const track = document.getElementById('track');\r\n const slides = track.querySelectorAll('.carousel-slide');\r\n const dots = document.getElementById('dots').querySelectorAll('.dot');\r\n const total = slides.length;\r\n let current = 2; \/\/ come\u00e7a no slide central (\u00edndice 2)\r\n\r\n function getOffset() {\r\n const isMobile = window.innerWidth <= 700;\r\n const slideW = isMobile ? 80 : 33.333;\r\n \/\/ centraliza o slide ativo\r\n const containerW = 100;\r\n const offset = (current * slideW) - (containerW \/ 2) + (slideW \/ 2);\r\n return -offset;\r\n }\r\n\r\n function update() {\r\n \/\/ move o track\r\n const isMobile = window.innerWidth <= 700;\r\n const slideW = isMobile ? 80 : 33.333;\r\n const offset = -(current * slideW) + (100 - slideW) \/ 2;\r\n track.style.transform = `translateX(${offset}%)`;\r\n\r\n \/\/ atualiza classes\r\n slides.forEach((s, i) => {\r\n s.classList.toggle('active', i === current);\r\n });\r\n\r\n \/\/ atualiza dots\r\n dots.forEach((d, i) => {\r\n d.classList.toggle('active', i === current);\r\n });\r\n }\r\n\r\n document.querySelector('.prev').addEventListener('click', () => {\r\n current = (current - 1 + total) % total;\r\n update();\r\n });\r\n\r\n document.querySelector('.next').addEventListener('click', () => {\r\n current = (current + 1) % total;\r\n update();\r\n });\r\n\r\n dots.forEach((d, i) => {\r\n d.addEventListener('click', () => {\r\n current = i;\r\n update();\r\n });\r\n });\r\n\r\n \/\/ touch\/swipe\r\n let startX = 0;\r\n track.addEventListener('touchstart', e => { startX = e.touches[0].clientX; }, { passive: true });\r\n track.addEventListener('touchend', e => {\r\n const diff = startX - e.changedTouches[0].clientX;\r\n if (Math.abs(diff) > 40) {\r\n current = diff > 0\r\n ? (current + 1) % total\r\n : (current - 1 + total) % total;\r\n update();\r\n }\r\n });\r\n\r\n window.addEventListener('resize', update);\r\n update();\r\n})();\r\n\r\n\/\/ === sobre ===\r\nconst observer = new IntersectionObserver((entries) => {\r\n entries.forEach((entry, i) => {\r\n if (entry.isIntersecting) {\r\n setTimeout(() => entry.target.classList.add('visible'), i * 80);\r\n observer.unobserve(entry.target);\r\n }\r\n });\r\n}, { threshold: 0.1 });\r\ndocument.querySelectorAll('.fade-in').forEach(el => observer.observe(el));\r\n<\/script>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-c8ccb6a elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"c8ccb6a\" data-element_type=\"section\" data-e-type=\"section\" id=\"form\" data-settings=\"{"background_background":"gradient","animation":"none"}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-33 elementor-top-column elementor-element elementor-element-e047ce2\" data-id=\"e047ce2\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-743f2da elementor-widget elementor-widget-heading\" data-id=\"743f2da\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Pronto para transformar a seguran\u00e7a da sua empresa?<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-645bcf0 elementor-widget elementor-widget-text-editor\" data-id=\"645bcf0\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p><span class=\"selectable-text copyable-text\">Fa\u00e7a parte da revolu\u00e7\u00e3o em seguran\u00e7a empresarial. Entre em contato agora e saiba mais sobre como a Portaria Remota Hagan\u00e1 pode ajud\u00e1-lo a viver com mais seguran\u00e7a e menos preocupa\u00e7\u00f5es.<\/span><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"elementor-column elementor-col-33 elementor-top-column elementor-element elementor-element-811da28 elementor-hidden-mobile\" data-id=\"811da28\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-d264975 elementor-invisible elementor-widget elementor-widget-image\" data-id=\"d264975\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{"_animation":"fadeInUp"}\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" width=\"300\" height=\"359\" src=\"https:\/\/portariaremota.com.br\/wp-content\/uploads\/2026\/06\/Camada-1-6.webp\" class=\"attachment-large size-large wp-image-1250\" alt=\"\" srcset=\"https:\/\/portariaremota.com.br\/wp-content\/uploads\/2026\/06\/Camada-1-6.webp 300w, https:\/\/portariaremota.com.br\/wp-content\/uploads\/2026\/06\/Camada-1-6-251x300.webp 251w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"elementor-column elementor-col-33 elementor-top-column elementor-element elementor-element-334c1ab\" data-id=\"334c1ab\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-42a2a08 elementor-widget elementor-widget-heading\" data-id=\"42a2a08\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Fale com a Hagan\u00e1<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-c5b3df3 elementor-widget elementor-widget-html\" data-id=\"c5b3df3\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div role=\"main\" id=\"site-portai-bae208f152ad183e8d3b\"><\/div><script type=\"text\/javascript\" src=\"https:\/\/d335luupugsy2.cloudfront.net\/js\/rdstation-forms\/stable\/rdstation-forms.min.js\"><\/script><script type=\"text\/javascript\"> new RDStationForms('site-portai-bae208f152ad183e8d3b', 'null').createForm();<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-31d7730 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"31d7730\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{"background_background":"classic"}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-65dfef75\" data-id=\"65dfef75\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-7bc3501b elementor-widget elementor-widget-spacer\" data-id=\"7bc3501b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<section class=\"elementor-section elementor-inner-section elementor-element elementor-element-5a351130 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"5a351130\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-33 elementor-inner-column elementor-element elementor-element-816bd0b\" data-id=\"816bd0b\" data-element_type=\"column\" data-e-type=\"column\" data-settings=\"{"background_background":"classic"}\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-10a0678e elementor-widget elementor-widget-image\" data-id=\"10a0678e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" width=\"300\" height=\"359\" src=\"https:\/\/portariaremota.com.br\/wp-content\/uploads\/2026\/06\/Camada-1-6.webp\" class=\"attachment-large size-large wp-image-1250\" alt=\"\" srcset=\"https:\/\/portariaremota.com.br\/wp-content\/uploads\/2026\/06\/Camada-1-6.webp 300w, https:\/\/portariaremota.com.br\/wp-content\/uploads\/2026\/06\/Camada-1-6-251x300.webp 251w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"elementor-column elementor-col-33 elementor-inner-column elementor-element elementor-element-5211cde0\" data-id=\"5211cde0\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-57e6aa88 elementor-widget elementor-widget-heading\" data-id=\"57e6aa88\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Pol\u00edticas<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-76da09d3 elementor-align-center elementor-mobile-align-center elementor-widget elementor-widget-button\" data-id=\"76da09d3\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<div class=\"elementor-button-wrapper\">\n\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"https:\/\/portariaremota.com.br\/index.php\/data-protection\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Protection Policy<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-34b81639 elementor-align-center elementor-mobile-align-center elementor-widget elementor-widget-button\" data-id=\"34b81639\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<div class=\"elementor-button-wrapper\">\n\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"https:\/\/portariaremota.com.br\/index.php\/protecao-de-dados\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Prote\u00e7\u00e3o de Dados<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"elementor-column elementor-col-33 elementor-inner-column elementor-element elementor-element-1f9eb646\" data-id=\"1f9eb646\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-37e0033a elementor-widget elementor-widget-heading\" data-id=\"37e0033a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Redes Sociais<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-103e9703 e-grid-align-mobile-center elementor-shape-rounded elementor-grid-0 e-grid-align-center elementor-widget elementor-widget-social-icons\" data-id=\"103e9703\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"social-icons.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-social-icons-wrapper elementor-grid\" role=\"list\">\n\t\t\t\t\t\t\t<span class=\"elementor-grid-item\" role=\"listitem\">\n\t\t\t\t\t<a class=\"elementor-icon elementor-social-icon elementor-social-icon-facebook elementor-repeater-item-bdb1b23\" href=\"https:\/\/www.facebook.com\/grupohagana\" target=\"_blank\">\n\t\t\t\t\t\t<span class=\"elementor-screen-only\">Facebook<\/span>\n\t\t\t\t\t\t<i aria-hidden=\"true\" class=\"fab fa-facebook\"><\/i>\t\t\t\t\t<\/a>\n\t\t\t\t<\/span>\n\t\t\t\t\t\t\t<span class=\"elementor-grid-item\" role=\"listitem\">\n\t\t\t\t\t<a class=\"elementor-icon elementor-social-icon elementor-social-icon-instagram elementor-repeater-item-078b243\" href=\"https:\/\/www.instagram.com\/grupohagana\/\" target=\"_blank\">\n\t\t\t\t\t\t<span class=\"elementor-screen-only\">Instagram<\/span>\n\t\t\t\t\t\t<i aria-hidden=\"true\" class=\"fab fa-instagram\"><\/i>\t\t\t\t\t<\/a>\n\t\t\t\t<\/span>\n\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<div class=\"elementor-element elementor-element-2c45c562 elementor-widget elementor-widget-spacer\" data-id=\"2c45c562\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Portaria Remota Hagan\u00e1 Como funciona? Produtos Solu\u00e7\u00f5es Fale conosco Portaria Remota Hagan\u00e1 O sistema de Portaria Remota da Hagan\u00e1 pode serat\u00e9 70% mais barato do que a portaria tradicional. Fale conosco Quais s\u00e3o as facilidades da Portaria Remota? LIBERA\u00c7\u00c3O POR PORTEIROS REMOTOS Entregadores e visitantes s\u00e3o liberados pelos nossos porteiros remotos que atuam na nossa […]<\/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-681","page","type-page","status-publish","hentry"],"yoast_head":"\n<title>Portaria Remota Nova - Portaria Remota Hagan\u00e1<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/portariaremota.com.br\/\" \/>\n<meta property=\"og:locale\" content=\"pt_BR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Portaria Remota Nova - Portaria Remota Hagan\u00e1\" \/>\n<meta property=\"og:description\" content=\"Portaria Remota Hagan\u00e1 Como funciona? Produtos Solu\u00e7\u00f5es Fale conosco Portaria Remota Hagan\u00e1 O sistema de Portaria Remota da Hagan\u00e1 pode serat\u00e9 70% mais barato do que a portaria tradicional. Fale conosco Quais s\u00e3o as facilidades da Portaria Remota? LIBERA\u00c7\u00c3O POR PORTEIROS REMOTOS Entregadores e visitantes s\u00e3o liberados pelos nossos porteiros remotos que atuam na nossa […]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/portariaremota.com.br\/\" \/>\n<meta property=\"og:site_name\" content=\"Portaria Remota Hagan\u00e1\" \/>\n<meta property=\"article:modified_time\" content=\"2026-06-05T19:42:30+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/portariaremota.com.br\/wp-content\/uploads\/2026\/06\/background-1.webp\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. tempo de leitura\" \/>\n\t<meta name=\"twitter:data1\" content=\"7 minutos\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/portariaremota.com.br\\\/\",\"url\":\"https:\\\/\\\/portariaremota.com.br\\\/\",\"name\":\"Portaria Remota Nova - Portaria Remota Hagan\u00e1\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/portariaremota.com.br\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/portariaremota.com.br\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/portariaremota.com.br\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/portariaremota.com.br\\\/wp-content\\\/uploads\\\/2026\\\/06\\\/background-1.webp\",\"datePublished\":\"2024-06-17T02:14:02+00:00\",\"dateModified\":\"2026-06-05T19:42:30+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/portariaremota.com.br\\\/#breadcrumb\"},\"inLanguage\":\"pt-BR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/portariaremota.com.br\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"pt-BR\",\"@id\":\"https:\\\/\\\/portariaremota.com.br\\\/#primaryimage\",\"url\":\"https:\\\/\\\/portariaremota.com.br\\\/wp-content\\\/uploads\\\/2026\\\/06\\\/background-1.webp\",\"contentUrl\":\"https:\\\/\\\/portariaremota.com.br\\\/wp-content\\\/uploads\\\/2026\\\/06\\\/background-1.webp\",\"width\":365,\"height\":365},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/portariaremota.com.br\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"In\u00edcio\",\"item\":\"https:\\\/\\\/portariaremota.com.br\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Portaria Remota Nova\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/portariaremota.com.br\\\/#website\",\"url\":\"https:\\\/\\\/portariaremota.com.br\\\/\",\"name\":\"Portaria Remota Hagan\u00e1\",\"description\":\"\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/portariaremota.com.br\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"pt-BR\"}]}<\/script>\n","yoast_head_json":{"title":"Portaria Remota Nova - Portaria Remota Hagan\u00e1","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/portariaremota.com.br\/","og_locale":"pt_BR","og_type":"article","og_title":"Portaria Remota Nova - Portaria Remota Hagan\u00e1","og_description":"Portaria Remota Hagan\u00e1 Como funciona? Produtos Solu\u00e7\u00f5es Fale conosco Portaria Remota Hagan\u00e1 O sistema de Portaria Remota da Hagan\u00e1 pode serat\u00e9 70% mais barato do que a portaria tradicional. Fale conosco Quais s\u00e3o as facilidades da Portaria Remota? LIBERA\u00c7\u00c3O POR PORTEIROS REMOTOS Entregadores e visitantes s\u00e3o liberados pelos nossos porteiros remotos que atuam na nossa […]","og_url":"https:\/\/portariaremota.com.br\/","og_site_name":"Portaria Remota Hagan\u00e1","article_modified_time":"2026-06-05T19:42:30+00:00","og_image":[{"url":"https:\/\/portariaremota.com.br\/wp-content\/uploads\/2026\/06\/background-1.webp","type":"","width":"","height":""}],"twitter_card":"summary_large_image","twitter_misc":{"Est. tempo de leitura":"7 minutos"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/portariaremota.com.br\/","url":"https:\/\/portariaremota.com.br\/","name":"Portaria Remota Nova - Portaria Remota Hagan\u00e1","isPartOf":{"@id":"https:\/\/portariaremota.com.br\/#website"},"primaryImageOfPage":{"@id":"https:\/\/portariaremota.com.br\/#primaryimage"},"image":{"@id":"https:\/\/portariaremota.com.br\/#primaryimage"},"thumbnailUrl":"https:\/\/portariaremota.com.br\/wp-content\/uploads\/2026\/06\/background-1.webp","datePublished":"2024-06-17T02:14:02+00:00","dateModified":"2026-06-05T19:42:30+00:00","breadcrumb":{"@id":"https:\/\/portariaremota.com.br\/#breadcrumb"},"inLanguage":"pt-BR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/portariaremota.com.br\/"]}]},{"@type":"ImageObject","inLanguage":"pt-BR","@id":"https:\/\/portariaremota.com.br\/#primaryimage","url":"https:\/\/portariaremota.com.br\/wp-content\/uploads\/2026\/06\/background-1.webp","contentUrl":"https:\/\/portariaremota.com.br\/wp-content\/uploads\/2026\/06\/background-1.webp","width":365,"height":365},{"@type":"BreadcrumbList","@id":"https:\/\/portariaremota.com.br\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"In\u00edcio","item":"https:\/\/portariaremota.com.br\/"},{"@type":"ListItem","position":2,"name":"Portaria Remota Nova"}]},{"@type":"WebSite","@id":"https:\/\/portariaremota.com.br\/#website","url":"https:\/\/portariaremota.com.br\/","name":"Portaria Remota Hagan\u00e1","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/portariaremota.com.br\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"pt-BR"}]}},"_links":{"self":[{"href":"https:\/\/portariaremota.com.br\/index.php\/wp-json\/wp\/v2\/pages\/681","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/portariaremota.com.br\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/portariaremota.com.br\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/portariaremota.com.br\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/portariaremota.com.br\/index.php\/wp-json\/wp\/v2\/comments?post=681"}],"version-history":[{"count":434,"href":"https:\/\/portariaremota.com.br\/index.php\/wp-json\/wp\/v2\/pages\/681\/revisions"}],"predecessor-version":[{"id":1351,"href":"https:\/\/portariaremota.com.br\/index.php\/wp-json\/wp\/v2\/pages\/681\/revisions\/1351"}],"wp:attachment":[{"href":"https:\/\/portariaremota.com.br\/index.php\/wp-json\/wp\/v2\/media?parent=681"}],"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\n\r\nPortaria Remota Hagan\u00e1<\/title>\r\n\r\n<link rel=\"preload\" as=\"image\"\r\n href=\"https:\/\/portariaremota.com.br\/wp-content\/uploads\/2026\/06\/Captura-de-tela-2026-06-05-150925.webp\"\r\n media=\"(max-width: 768px)\">\r\n\r\n<style>\r\n\/* === hero === *\/\r\n* { box-sizing: border-box; margin: 0; padding: 0; }\r\nbody { background: #334B74; }\r\n\r\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Nunito:wght@300;400;500;700&display=swap');\r\n\r\n\/* \u2500\u2500 Navbar \u2500\u2500 *\/\r\n.nav {\r\n position: fixed;\r\n top: 0; left: 0; right: 0;\r\n z-index: 10;\r\n display: flex;\r\n align-items: center;\r\n justify-content: space-between;\r\n padding: 0 120px;\r\n height: 72px;\r\n background: rgba(51,75,116,0);\r\n transition: background 0.3s, backdrop-filter 0.3s;\r\n}\r\n.nav.scrolled {\r\n background: rgba(51,75,116,0.7);\r\n backdrop-filter: blur(8px);\r\n -webkit-backdrop-filter: blur(8px);\r\n}\r\n.nav-logo img { height: 42px; width: auto; display: block; }\r\n.nav-links { display: flex; gap: 50px; list-style: none; align-items: center; }\r\n.nav-links a { font-family: \"Nunito\", sans-serif; font-size: 16px; font-weight: 600; color: #ffffff; text-decoration: none; transition: color 0.2s; }\r\n.nav-links a:hover { color: #24BA6E; }\r\n.nav-btn { display: inline-block; background: #24BA6E; color: #ffffff; font-family: \"Nunito\", sans-serif; font-size: 15px; font-weight: 500; padding: 10px 24px; border-radius: 35px; text-decoration: none; transition: background 0.2s; }\r\n.nav-btn:hover { background: #00994B; }\r\n.nav-toggle { display: none; flex-direction: column; gap: 5px; background: none; border: none; cursor: pointer; padding: 4px; }\r\n.nav-toggle span { display: block; width: 22px; height: 2px; background: #fff; border-radius: 2px; }\r\n@media (max-width: 768px) {\r\n .nav { padding: 0 20px; height: 60px; background: rgba(51,75,116,0.8); backdrop-filter: blur(8px); }\r\n .nav-links { display: none; }\r\n .nav-links.open { display: flex; flex-direction: column; position: absolute; top: 60px; left: 0; right: 0; background: rgba(10,20,60,0.95); padding: 16px 20px; gap: 8px; }\r\n .nav-toggle { display: flex; }\r\n}\r\n\r\n\/* \u2500\u2500 Hero wrapper \u2500\u2500 *\/\r\n.hero {\r\n position: relative;\r\n width: 100%;\r\n min-height: 100vh;\r\n overflow: hidden;\r\n background: url(\"https:\/\/portariaremota.com.br\/wp-content\/uploads\/2026\/06\/Captura-de-tela-2026-06-05-154341.webp\") center center \/ cover no-repeat;\r\n display: flex;\r\n align-items: center;\r\n}\r\n\r\n\/* \u2500\u2500 V\u00eddeo YouTube como fundo (desktop) \u2500\u2500 *\/\r\n.hero-video-wrap { display: none; }\r\n\r\n.hero-video-wrap iframe {\r\n position: absolute;\r\n \/* centraliza e cobre toda a \u00e1rea *\/\r\n top: 50%;\r\n left: 50%;\r\n width: 100vw;\r\n height: 56.25vw; \/* 16:9 *\/\r\n min-height: 100vh;\r\n min-width: 177.78vh; \/* 16:9 *\/\r\n transform: translate(-50%, -50%);\r\n border: none;\r\n}\r\n\r\n\/* Overlay escuro sobre o v\u00eddeo *\/\r\n.hero-overlay {\r\n position: absolute;\r\n inset: 0;\r\n background: linear-gradient(\r\n 90deg,\r\n rgba(10,20,60,0.75) 0%,\r\n rgba(10,20,60,0.3) 60%,\r\n transparent 100%\r\n );\r\n z-index: 1;\r\n}\r\n\r\n\/* \u2500\u2500 Conte\u00fado \u2500\u2500 *\/\r\n.hero-content {\r\n position: relative;\r\n z-index: 2;\r\n padding: 0 0 0 200px;\r\n max-width: 55%;\r\n}\r\n\r\n.hero-title {\r\n font-family: 'Nunito', sans-serif;\r\n font-size: 50px;\r\n font-weight: 300;\r\n color: #ffffff;\r\n line-height: 80px;\r\n margin-bottom: 16px;\r\n animation: fadeInLeft 0.8s ease both;\r\n}\r\n.hero-title b { font-weight: 700; }\r\n\r\n.hero-desc {\r\n font-family: 'Nunito', sans-serif;\r\n font-size: 24px;\r\n font-weight: 400;\r\n color: #ffffff;\r\n line-height: 1.4;\r\n margin-bottom: 24px;\r\n animation: fadeInLeft 0.8s ease 0.15s both;\r\n}\r\n\r\n.hero-btn {\r\n display: inline-block;\r\n background: #24BA6E;\r\n color: #ffffff;\r\n font-family: 'Nunito', sans-serif;\r\n font-size: 15px;\r\n font-weight: 500;\r\n padding: 10px 24px;\r\n border-radius: 35px;\r\n text-decoration: none;\r\n box-shadow: 0 0 10px #24BA6E;\r\n transition: background 0.2s, box-shadow 0.2s;\r\n animation: fadeInLeft 0.8s ease 0.3s both;\r\n}\r\n.hero-btn:hover { background: #00994B; box-shadow: 0 0 16px #00994B; }\r\n\r\n@keyframes fadeInLeft {\r\n from { opacity: 0; transform: translateX(-30px); }\r\n to { opacity: 1; transform: translateX(0); }\r\n}\r\n\r\n\/* \u2500\u2500 MOBILE: imagem est\u00e1tica, sem v\u00eddeo \u2500\u2500 *\/\r\n@media (max-width: 768px) {\r\n .hero-video-wrap { display: none; }\r\n\r\n .hero {\r\n background:\r\n linear-gradient(to bottom, rgba(10,20,60,0.55) 0%, rgba(10,20,60,0.7) 100%),\r\n url('https:\/\/portariaremota.com.br\/wp-content\/uploads\/2026\/06\/Captura-de-tela-2026-06-05-150925.webp')\r\n center center \/ cover no-repeat;\r\n min-height: 100svh;\r\n align-items: center;\r\n }\r\n\r\n .hero-overlay { display: none; }\r\n\r\n .hero-content {\r\n padding: 100px 20px 350px;\r\n max-width: 100%;\r\n text-align: center;\r\n }\r\n\r\n .hero-title {\r\n font-size: 32px;\r\n line-height: 1.3;\r\n }\r\n\r\n .hero-desc { font-size: 18px; }\r\n\r\n .hero-btn { display: inline-block; }\r\n}\r\n\r\n\/* === facilidades === *\/\r\n* { box-sizing: border-box; margin: 0; padding: 0; }\r\nbody { background: #1B295A; }\r\n\r\n\/* Nunito com font-display:swap \u2014 n\u00e3o bloqueia renderiza\u00e7\u00e3o *\/\r\n\/* \u2500\u2500 Se\u00e7\u00e3o \u2500\u2500 *\/\r\n.facilidades-section {\r\n background: linear-gradient(180deg, #1B295A 0%, #0F1A41 100%);\r\n padding: 0 0 50px;\r\n font-family: 'Nunito', sans-serif;\r\n}\r\n\r\n\/* \u2500\u2500 T\u00edtulo \u2500\u2500 *\/\r\n.facilidades-title {\r\n text-align: center;\r\n color: #ffffff;\r\n font-family: 'Nunito', sans-serif;\r\n font-size: 28px;\r\n font-weight: 300;\r\n line-height: 1.3;\r\n padding: 100px 20px 50px;\r\n}\r\n.facilidades-title b { font-weight: 700; }\r\n\r\n\/* \u2500\u2500 Grid de cards \u2500\u2500 *\/\r\n.cards-grid {\r\n display: flex;\r\n gap: 24px;\r\n max-width: 1100px;\r\n margin: 0 auto;\r\n padding: 0 24px;\r\n}\r\n\r\n\/* \u2500\u2500 Card \u2500\u2500 *\/\r\n.facility-card {\r\n flex: 1;\r\n min-height: 400px;\r\n border-radius: 15px;\r\n border: 1px solid #00C4FF;\r\n box-shadow: 0 0 10px rgba(0, 196, 255, 0.48);\r\n position: relative;\r\n overflow: hidden;\r\n display: flex;\r\n flex-direction: column;\r\n justify-content: flex-end;\r\n padding: 20px;\r\n animation: fadeIn 0.6s ease both;\r\n}\r\n\r\n.facility-card:nth-child(2) { animation-delay: 0.1s; }\r\n\r\n@keyframes fadeIn {\r\n from { opacity: 0; transform: translateY(16px); }\r\n to { opacity: 1; transform: translateY(0); }\r\n}\r\n\r\n\/* Imagem de fundo *\/\r\n.facility-card-bg {\r\n position: absolute;\r\n inset: 0;\r\n width: 100%;\r\n height: 100%;\r\n object-fit: cover;\r\n object-position: center top;\r\n z-index: 0;\r\n \/* \u2705 loading=lazy pois est\u00e3o abaixo do fold *\/\r\n}\r\n\r\n\/* Overlay gradiente escuro na parte inferior *\/\r\n.facility-card::after {\r\n content: '';\r\n position: absolute;\r\n inset: 0;\r\n background: linear-gradient(\r\n to top,\r\n rgba(0,0,0,0.85) 0%,\r\n rgba(0,0,0,0.3) 50%,\r\n transparent 100%\r\n );\r\n z-index: 1;\r\n}\r\n\r\n\/* Conte\u00fado de texto *\/\r\n.facility-card-body {\r\n position: relative;\r\n z-index: 2;\r\n text-align: center;\r\n}\r\n\r\n.facility-card-title {\r\n font-family: 'Nunito', sans-serif;\r\n font-size: 24px;\r\n font-weight: 900;\r\n line-height: 1.25;\r\n color: #ffffff;\r\n margin-bottom: 8px;\r\n}\r\n\r\n.facility-card-desc {\r\n font-family: 'Nunito', sans-serif;\r\n font-size: 18px;\r\n font-weight: 700;\r\n line-height: 1.35;\r\n color: #ffffff;\r\n}\r\n\r\n\/* \u2500\u2500 Responsivo \u2500\u2500 *\/\r\n@media (max-width: 700px) {\r\n .cards-grid {\r\n flex-direction: column;\r\n padding: 0 15px;\r\n }\r\n .facility-card {\r\n min-height: 400px;\r\n }\r\n .facilidades-title {\r\n padding: 50px 20px 40px;\r\n font-size: 22px;\r\n }\r\n}\r\n\r\n\/* === solucoes === *\/\r\n* { box-sizing: border-box; margin: 0; padding: 0; }\r\nbody { background: #0A1435; }\r\n\r\n.solucoes-section {\r\n background: #0A1435;\r\n padding: 0 0 50px;\r\n font-family: 'Nunito', sans-serif;\r\n}\r\n\r\n\/* T\u00edtulo da se\u00e7\u00e3o \u2014 vem de fora, mas inclu\u00eddo aqui para contexto *\/\r\n.solucoes-title {\r\n text-align: center;\r\n color: #ffffff;\r\n font-family: 'Nunito', sans-serif;\r\n font-size: 28px;\r\n font-weight: 300;\r\n line-height: 1.3;\r\n padding: 60px 20px 40px;\r\n}\r\n.solucoes-title b { font-weight: 700; }\r\n\r\n\/* Grid de 3 colunas *\/\r\n.solucoes-grid {\r\n display: flex;\r\n gap: 24px;\r\n max-width: 1100px;\r\n margin: 0 auto;\r\n padding: 0 24px;\r\n}\r\n\r\n\/* Coluna *\/\r\n.solucao-col {\r\n flex: 1;\r\n display: flex;\r\n flex-direction: column;\r\n gap: 0;\r\n animation: fadeIn 0.6s ease both;\r\n}\r\n.solucao-col:nth-child(2) { animation-delay: 0.1s; }\r\n.solucao-col:nth-child(3) { animation-delay: 0.2s; }\r\n\r\n@keyframes fadeIn {\r\n from { opacity: 0; transform: translateY(16px); }\r\n to { opacity: 1; transform: translateY(0); }\r\n}\r\n\r\n\/* Imagem *\/\r\n.solucao-img {\r\n width: 100%;\r\n border-radius: 15px;\r\n border: 1px solid #00C4FF;\r\n box-shadow: 0 0 10px #00C4FF;\r\n display: block;\r\n aspect-ratio: 1\/1;\r\n object-fit: cover;\r\n}\r\n\r\n\/* T\u00edtulo do card *\/\r\n.solucao-card-title {\r\n font-family: 'Nunito', sans-serif;\r\n font-size: 20px;\r\n font-weight: 700;\r\n color: #ffffff;\r\n margin: 16px 0 4px;\r\n line-height: 1.2;\r\n}\r\n\r\n\/* Descri\u00e7\u00e3o *\/\r\n.solucao-card-desc {\r\n font-family: 'Nunito', sans-serif;\r\n font-size: 18px;\r\n font-weight: 400;\r\n color: #ffffff;\r\n line-height: 1.35;\r\n margin-bottom: 16px;\r\n flex: 1;\r\n}\r\n\r\n\/* Bot\u00e3o *\/\r\n.solucao-btn {\r\n display: inline-block;\r\n background: #24BA6E;\r\n color: #ffffff;\r\n font-family: 'Nunito', sans-serif;\r\n font-size: 15px;\r\n font-weight: 500;\r\n padding: 10px 24px;\r\n border-radius: 35px;\r\n text-decoration: none;\r\n border: none;\r\n cursor: pointer;\r\n box-shadow: 0 0 10px #24BA6E;\r\n transition: background 0.2s, box-shadow 0.2s;\r\n align-self: flex-start;\r\n}\r\n.solucao-btn:hover {\r\n background: #00994B;\r\n box-shadow: 0 0 16px #00994B;\r\n}\r\n\r\n\/* Responsivo *\/\r\n@media (max-width: 700px) {\r\n .solucoes-grid {\r\n flex-direction: column;\r\n padding: 0 20px;\r\n }\r\n .solucao-col {\r\n margin-bottom: 32px;\r\n }\r\n}\r\n\r\n\/* === carrossel === *\/\r\n* { box-sizing: border-box; margin: 0; padding: 0; }\r\nbody { background: #0F1A41; }\r\n\r\n\/* \u2500\u2500 Se\u00e7\u00e3o wrapper \u2500\u2500 *\/\r\n.bio-section {\r\n background: linear-gradient(180deg, #0F1A41 0%, #0A1435 100%);\r\n padding: 100px 20px 60px;\r\n font-family: 'Nunito', sans-serif;\r\n}\r\n\r\n\/* Nunito via Google Fonts \u2014 font-display:swap para n\u00e3o bloquear renderiza\u00e7\u00e3o *\/\r\n.bio-section * { font-family: 'Nunito', sans-serif; }\r\n\r\n\/* \u2500\u2500 T\u00edtulo \u2500\u2500 *\/\r\n.bio-title {\r\n text-align: center;\r\n color: #ffffff;\r\n font-size: 28px;\r\n font-weight: 300;\r\n line-height: 1.3;\r\n margin-bottom: 48px;\r\n max-width: 800px;\r\n margin-left: auto;\r\n margin-right: auto;\r\n}\r\n.bio-title b { font-weight: 700; }\r\n\r\n\/* \u2500\u2500 Carrossel \u2500\u2500 *\/\r\n.carousel-wrap {\r\n position: relative;\r\n max-width: 1100px;\r\n margin: 0 auto;\r\n overflow: hidden;\r\n}\r\n\r\n.carousel-track-outer {\r\n overflow: hidden;\r\n padding: 20px 0 10px;\r\n}\r\n\r\n.carousel-track {\r\n display: flex;\r\n transition: transform 0.5s cubic-bezier(0.4, 0, 0.2, 1);\r\n gap: 0;\r\n}\r\n\r\n\/* \u2500\u2500 Cada slide \u2500\u2500 *\/\r\n.carousel-slide {\r\n flex: 0 0 33.333%;\r\n padding: 0 12px;\r\n transition: transform 0.5s ease, opacity 0.5s ease;\r\n}\r\n\r\n.slide-inner {\r\n border-radius: 15px;\r\n overflow: hidden;\r\n position: relative;\r\n aspect-ratio: 3\/4;\r\n background: #1a2a5e;\r\n}\r\n\r\n.slide-inner img {\r\n width: 100%;\r\n height: 100%;\r\n object-fit: cover;\r\n display: block;\r\n transition: transform 0.4s ease;\r\n}\r\n\r\n\/* Slide central: maior e mais destacado *\/\r\n.carousel-slide.active .slide-inner {\r\n transform: scale(1.08);\r\n box-shadow: 0 20px 60px rgba(0,0,0,0.5);\r\n z-index: 2;\r\n position: relative;\r\n}\r\n\r\n\/* Overlay de texto \u2014 s\u00f3 no slide ativo *\/\r\n.slide-overlay {\r\n position: absolute;\r\n bottom: 0; left: 0; right: 0;\r\n background: linear-gradient(to top, rgba(0,0,0,0.85) 0%, transparent 100%);\r\n padding: 32px 20px 20px;\r\n opacity: 0;\r\n transition: opacity 0.3s ease;\r\n}\r\n\r\n.carousel-slide.active .slide-overlay {\r\n opacity: 1;\r\n}\r\n\r\n.slide-number {\r\n font-size: 22px;\r\n font-weight: 600;\r\n color: #ffffff;\r\n display: block;\r\n margin-bottom: 8px;\r\n text-align: center;\r\n}\r\n\r\n.slide-text {\r\n font-size: 16px;\r\n font-weight: 400;\r\n color: #ffffff;\r\n line-height: 1.45;\r\n text-align: center;\r\n}\r\n\r\n\/* \u2500\u2500 Setas \u2500\u2500 *\/\r\n.carousel-arrow {\r\n position: absolute;\r\n top: 50%;\r\n transform: translateY(-50%);\r\n background: rgba(255,255,255,0.1);\r\n border: 1px solid rgba(255,255,255,0.2);\r\n color: #ffffff;\r\n width: 44px; height: 44px;\r\n border-radius: 50%;\r\n cursor: pointer;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n font-size: 18px;\r\n z-index: 10;\r\n transition: background 0.2s;\r\n backdrop-filter: blur(4px);\r\n}\r\n.carousel-arrow:hover { background: rgba(255,255,255,0.2); }\r\n.carousel-arrow.prev { left: -8px; }\r\n.carousel-arrow.next { right: -8px; }\r\n\r\n\/* \u2500\u2500 Pagina\u00e7\u00e3o \u2500\u2500 *\/\r\n.carousel-dots {\r\n display: flex;\r\n gap: 8px;\r\n margin-top: 28px;\r\n padding-left: 20px;\r\n}\r\n\r\n.dot {\r\n width: 12px; height: 12px;\r\n border-radius: 50%;\r\n background: rgba(255,255,255,0.35);\r\n cursor: pointer;\r\n transition: background 0.2s, transform 0.2s;\r\n border: none;\r\n padding: 0;\r\n}\r\n\r\n.dot.active {\r\n background: #00C4FF;\r\n transform: scale(1.2);\r\n}\r\n\r\n\/* \u2500\u2500 Responsivo \u2500\u2500 *\/\r\n@media (max-width: 700px) {\r\n .carousel-slide { flex: 0 0 80%; }\r\n .bio-title { font-size: 20px; }\r\n .carousel-arrow.prev { left: 0; }\r\n .carousel-arrow.next { right: 0; }\r\n}\r\n\r\n\/* === sobre === *\/\r\n* { box-sizing: border-box; margin: 0; padding: 0; }\r\nbody { background: #0A1435; }\r\n\r\n.pr-section { font-family: 'Nunito', sans-serif; width: 100%; }\r\n\r\n.pr-row {\r\n display: flex;\r\n align-items: center;\r\n max-width: 1200px;\r\n margin: 0 auto;\r\n padding: 0 48px;\r\n gap: 48px;\r\n}\r\n\r\n\/* Imagem \u00e0 DIREITA (padr\u00e3o: texto primeiro, imagem segundo) *\/\r\n.pr-row.img-right { flex-direction: row; }\r\n\r\n\/* Imagem \u00e0 ESQUERDA (imagem primeiro, texto segundo) *\/\r\n.pr-row.img-left { flex-direction: row-reverse; }\r\n\r\n.pr-col { flex: 1; }\r\n\r\n.pr-section-title {\r\n font-family: 'Nunito', sans-serif;\r\n font-size: 28px;\r\n font-weight: 700;\r\n color: #ffffff;\r\n line-height: 1.3;\r\n margin-bottom: 16px;\r\n}\r\n\r\n.pr-section-text {\r\n font-family: 'Nunito', sans-serif;\r\n font-size: 18px;\r\n font-weight: 400;\r\n color: #ffffff;\r\n line-height: 1.35;\r\n margin-bottom: 20px;\r\n}\r\n.pr-section-text p + p { margin-top: 12px; }\r\n\r\n.pr-btn {\r\n display: inline-block;\r\n background: #24BA6E;\r\n color: #ffffff;\r\n font-family: 'Nunito', sans-serif;\r\n font-size: 15px;\r\n font-weight: 500;\r\n padding: 10px 24px;\r\n border-radius: 35px;\r\n text-decoration: none;\r\n box-shadow: 0 0 10px #24BA6E;\r\n transition: background 0.2s, box-shadow 0.2s;\r\n}\r\n.pr-btn:hover { background: #00994B; box-shadow: 0 0 16px #00994B; }\r\n\r\n.pr-img-border {\r\n border: 1px solid #00C4FF;\r\n border-radius: 15px;\r\n box-shadow: 0 0 10px #00C4FF, 0 0 20px rgba(0,196,255,0.4);\r\n display: block;\r\n max-width: 100%;\r\n height: auto;\r\n}\r\n\r\n.pr-img-plain { display: block; max-width: 100%; height: auto; }\r\n\r\n\/* Anima\u00e7\u00e3o *\/\r\n.fade-in {\r\n opacity: 0;\r\n transform: translateY(20px);\r\n transition: opacity 0.6s ease, transform 0.6s ease;\r\n}\r\n.fade-in.visible { opacity: 1; transform: translateY(0); }\r\n\r\n\/* \u2500\u2500 Fundos e paddings por se\u00e7\u00e3o \u2500\u2500 *\/\r\n.sec1 { background: linear-gradient(180deg, #0A1435 0%, #070F2A 100%); padding: 50px 0; }\r\n.sec2 { background: #070F2A; padding: 100px 0 0; }\r\n.sec3 { background: linear-gradient(180deg, #070F2A 0%, #060D24 100%); padding: 100px 0 0; }\r\n.sec4 { background: #060D24; padding: 150px 0 0; }\r\n.sec5 { background: #060D24; padding: 150px 0; }\r\n\r\n\/* sec3: sobreposi\u00e7\u00e3o de imagem (apenas desktop) *\/\r\n.sec3 .col-img img { width: 70%; }\r\n.sec3 .col-text { margin-left: -110px; position: relative; z-index: 2; }\r\n.sec3 .col-img { position: relative; z-index: 1; }\r\n\r\n\/* Oculta sec3 no mobile (igual ao original hide_mobile) *\/\r\n@media (max-width: 768px) {\r\n .sec3 { display: none; }\r\n\r\n .pr-row,\r\n .pr-row.img-right,\r\n .pr-row.img-left {\r\n flex-direction: column !important;\r\n padding: 0 20px;\r\n gap: 24px;\r\n }\r\n\r\n .pr-col { width: 100%; }\r\n\r\n .sec3 .col-text { margin-left: 0; }\r\n\r\n .sec4, .sec5 { padding: 50px 0; }\r\n\r\n .pr-section-title,\r\n .pr-section-text { text-align: center; }\r\n\r\n .pr-btn { display: block; text-align: center; }\r\n}\r\n<\/style>\r\n<\/head>\r\n<body>\r\n\r\n\r\n<nav class=\"nav\" id=\"nav\" role=\"navigation\" aria-label=\"Menu principal\">\r\n <a href=\"#\" class=\"nav-logo\" aria-label=\"Hagan\u00e1 \u2014 In\u00edcio\">\r\n <img fetchpriority=\"high\" decoding=\"async\"\r\n src=\"https:\/\/portariaremota.com.br\/wp-content\/uploads\/2026\/06\/Camada-1-6.webp\"\r\n alt=\"Hagan\u00e1\"\r\n width=\"44\" height=\"52\"\r\n loading=\"eager\"\r\n fetchpriority=\"high\"\r\n >\r\n <\/a>\r\n\r\n <ul class=\"nav-links\" id=\"nav-links\">\r\n <li><a href=\"#a1\">Como funciona?<\/a><\/li>\r\n <li><a href=\"#a2\">Produtos<\/a><\/li>\r\n <li><a href=\"#a3\">Solu\u00e7\u00f5es<\/a><\/li>\r\n <\/ul>\r\n\r\n <a href=\"#form\" class=\"nav-btn\">Fale conosco<\/a>\r\n\r\n <button class=\"nav-toggle\" id=\"nav-toggle\" aria-label=\"Abrir menu\" aria-expanded=\"false\">\r\n <span><\/span><span><\/span><span><\/span>\r\n <\/button>\r\n<\/nav>\r\n\r\n<section class=\"hero\" aria-labelledby=\"hero-title\">\r\n\r\n \r\n <div class=\"hero-video-wrap\" aria-hidden=\"true\">\r\n \r\n <iframe\r\n src=\"https:\/\/www.youtube.com\/embed\/-Emw0TEB4VY?autoplay=1&mute=1&loop=1&playlist=-Emw0TEB4VY&controls=0&disablekb=1&modestbranding=1&rel=0&playsinline=1&enablejsapi=1\"\r\n title=\"Portaria Remota Hagan\u00e1\"\r\n allow=\"autoplay; encrypted-media\"\r\n allowfullscreen\r\n loading=\"lazy\"\r\n ><\/iframe>\r\n <\/div>\r\n \r\n <div style=\"position:absolute;inset:0;z-index:1;cursor:default;\" aria-hidden=\"true\"><\/div>\r\n\r\n \r\n <div class=\"hero-overlay\" aria-hidden=\"true\"><\/div>\r\n\r\n \r\n <div class=\"hero-content\">\r\n <h1 class=\"hero-title\" id=\"hero-title\">\r\n Portaria Remota <b>Hagan\u00e1<\/b>\r\n <\/h1>\r\n <p class=\"hero-desc\">\r\n O sistema de Portaria Remota da Hagan\u00e1 pode ser<br>at\u00e9 70% mais barato do que a portaria tradicional.\r\n <\/p>\r\n <a href=\"#form\" class=\"hero-btn\">Fale conosco<\/a>\r\n <\/div>\r\n\r\n<\/section>\r\n\r\n<script>\r\n\/\/ Navbar scroll\r\nwindow.addEventListener('scroll', () => {\r\n document.getElementById('nav').classList.toggle('scrolled', window.scrollY > 10);\r\n});\r\n\r\n\/\/ Menu mobile\r\nconst toggle = document.getElementById('nav-toggle');\r\nconst links = document.getElementById('nav-links');\r\ntoggle.addEventListener('click', () => {\r\n const open = links.classList.toggle('open');\r\n toggle.setAttribute('aria-expanded', open);\r\n});\r\nlinks.querySelectorAll('a').forEach(a => {\r\n a.addEventListener('click', () => {\r\n links.classList.remove('open');\r\n toggle.setAttribute('aria-expanded', false);\r\n });\r\n});\r\n<\/script>\r\n\r\n\r\n<section class=\"facilidades-section\" id=\"a1\">\r\n\r\n <h2 class=\"facilidades-title\">\r\n Quais s\u00e3o as facilidades da <b>Portaria Remota?<\/b>\r\n <\/h2>\r\n\r\n <div class=\"cards-grid\">\r\n\r\n \r\n <div class=\"facility-card\">\r\n <img loading=\"lazy\"\r\n class=\"facility-card-bg\"\r\n src=\"https:\/\/portariaremota.com.br\/wp-content\/uploads\/2026\/06\/background.webp\"\r\n alt=\"Porteiro remoto liberando acesso\"\r\n width=\"540\" height=\"400\"\r\n loading=\"lazy\"\r\n decoding=\"async\"\r\n >\r\n <div class=\"facility-card-body\">\r\n <h3 class=\"facility-card-title\">LIBERA\u00c7\u00c3O POR PORTEIROS REMOTOS<\/h3>\r\n <p class=\"facility-card-desc\">Entregadores e visitantes s\u00e3o liberados pelos nossos porteiros remotos que atuam na nossa central.<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"facility-card\">\r\n <img loading=\"lazy\"\r\n class=\"facility-card-bg\"\r\n src=\"https:\/\/portariaremota.com.br\/wp-content\/uploads\/2026\/06\/bP4J1LMJt6FX2usKhjDA-1.webp\"\r\n alt=\"Morador acessando por biometria\"\r\n width=\"540\" height=\"400\"\r\n loading=\"lazy\"\r\n decoding=\"async\"\r\n >\r\n <div class=\"facility-card-body\">\r\n <h3 class=\"facility-card-title\">ACESSO POR BIOMETRIA<\/h3>\r\n <p class=\"facility-card-desc\">Moradores s\u00e3o cadastrados e entram no pr\u00e9dio automaticamente atrav\u00e9s da biometria.<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n<\/section>\r\n\r\n\r\n<section class=\"solucoes-section\" id=\"a3\">\r\n\r\n <h2 class=\"solucoes-title\">Conhe\u00e7a nossas <b>solu\u00e7\u00f5es<\/b><\/h2>\r\n\r\n <div class=\"solucoes-grid\">\r\n\r\n \r\n <div class=\"solucao-col\">\r\n <img loading=\"lazy\"\r\n class=\"solucao-img\"\r\n src=\"https:\/\/portariaremota.com.br\/wp-content\/uploads\/2026\/06\/Grupo-17-1.webp\"\r\n alt=\"Biometria facial Hagan\u00e1\"\r\n width=\"340\" height=\"340\"\r\n loading=\"lazy\"\r\n decoding=\"async\"\r\n >\r\n <h3 class=\"solucao-card-title\">Biometria facial<\/h3>\r\n <p class=\"solucao-card-desc\">Acesso r\u00e1pido e seguro atrav\u00e9s de biometria digital ou reconhecimento facial, com uma precis\u00e3o de 99,8% contra fraudes.<\/p>\r\n <a href=\"#form\" class=\"solucao-btn\">Fale conosco<\/a>\r\n <\/div>\r\n\r\n \r\n <div class=\"solucao-col\">\r\n <img loading=\"lazy\"\r\n class=\"solucao-img\"\r\n src=\"https:\/\/portariaremota.com.br\/wp-content\/uploads\/2026\/06\/b3-1.webp\"\r\n alt=\"Sistema Anti-Carona Hagan\u00e1\"\r\n width=\"340\" height=\"340\"\r\n loading=\"lazy\"\r\n decoding=\"async\"\r\n >\r\n <h3 class=\"solucao-card-title\">Sistema Anti-Carona<\/h3>\r\n <p class=\"solucao-card-desc\">Uma inova\u00e7\u00e3o que aumenta a seguran\u00e7a, impedindo o acesso de intrusos.<\/p>\r\n <a href=\"#form\" class=\"solucao-btn\">Fale conosco<\/a>\r\n <\/div>\r\n\r\n \r\n <div class=\"solucao-col\">\r\n <img loading=\"lazy\"\r\n class=\"solucao-img\"\r\n src=\"https:\/\/portariaremota.com.br\/wp-content\/uploads\/2026\/06\/woman-hand-holding-smart-phone-blank-screen-copy-space-hand-holding-smartphone-isolated-white-background.webp\"\r\n alt=\"Aplicativo Mobile Hagan\u00e1\"\r\n width=\"340\" height=\"340\"\r\n loading=\"lazy\"\r\n decoding=\"async\"\r\n >\r\n <h3 class=\"solucao-card-title\">Aplicativo Mobile<\/h3>\r\n <p class=\"solucao-card-desc\">Total controle na palma da sua m\u00e3o. Gerencie acessos, visite registros, consulte encomendas e muito mais.<\/p>\r\n <a href=\"#form\" class=\"solucao-btn\">Fale conosco<\/a>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n<\/section>\r\n\r\n\r\n<section class=\"bio-section\">\r\n <h2 class=\"bio-title\">Descubra a <b>Biometria Facial e Sistema Anti-carona<\/b><\/h2>\r\n\r\n <div class=\"carousel-wrap\">\r\n <button class=\"carousel-arrow prev\" aria-label=\"Slide anterior\">‹<\/button>\r\n\r\n <div class=\"carousel-track-outer\">\r\n <div class=\"carousel-track\" id=\"track\">\r\n\r\n <div class=\"carousel-slide\">\r\n <div class=\"slide-inner\">\r\n <img loading=\"lazy\" src=\"https:\/\/portariaremota.com.br\/wp-content\/uploads\/2026\/06\/background-1.webp\"\r\n alt=\"Passo 1 \u2014 morador entra pela primeira porta\"\r\n loading=\"lazy\" decoding=\"async\" width=\"365\" height=\"487\">\r\n <div class=\"slide-overlay\">\r\n <span class=\"slide-number\">1.<\/span>\r\n <p class=\"slide-text\">Com a biometria ou reconhecimento facial j\u00e1 cadastrada o morador entra livremente pela primeira porta.<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"carousel-slide\">\r\n <div class=\"slide-inner\">\r\n <img loading=\"lazy\" src=\"https:\/\/portariaremota.com.br\/wp-content\/uploads\/2026\/06\/b4.webp\"\r\n alt=\"Passo 2 \u2014 detec\u00e7\u00e3o de duas pessoas na eclusa\"\r\n loading=\"lazy\" decoding=\"async\" width=\"365\" height=\"487\">\r\n <div class=\"slide-overlay\">\r\n <span class=\"slide-number\">2.<\/span>\r\n <p class=\"slide-text\">Na detec\u00e7\u00e3o de duas pessoas dentro da eclusa, a segunda porta n\u00e3o \u00e9 liberada.<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"carousel-slide active\">\r\n <div class=\"slide-inner\">\r\n <img loading=\"lazy\" src=\"https:\/\/portariaremota.com.br\/wp-content\/uploads\/2026\/06\/rHOpD26nAdAz1tixDxaU-1.webp\"\r\n alt=\"Passo 3 \u2014 interfonar para a central\"\r\n loading=\"lazy\" decoding=\"async\" width=\"365\" height=\"487\">\r\n <div class=\"slide-overlay\">\r\n <span class=\"slide-number\">3.<\/span>\r\n <p class=\"slide-text\">\u00c9 necess\u00e1rio interfonar para a central e solicitar a libera\u00e7\u00e3o.<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"carousel-slide\">\r\n <div class=\"slide-inner\">\r\n <img loading=\"lazy\" src=\"https:\/\/portariaremota.com.br\/wp-content\/uploads\/2026\/06\/b2.webp\"\r\n alt=\"Passo 4 \u2014 pessoa n\u00e3o identificada sai da eclusa\"\r\n loading=\"lazy\" decoding=\"async\" width=\"365\" height=\"487\">\r\n <div class=\"slide-overlay\">\r\n <span class=\"slide-number\">4.<\/span>\r\n <p class=\"slide-text\">A pessoa n\u00e3o identificada dever\u00e1 sair da eclusa e fazer o processo de triagem para entrar novamente.<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"carousel-slide\">\r\n <div class=\"slide-inner\">\r\n <img loading=\"lazy\" src=\"https:\/\/portariaremota.com.br\/wp-content\/uploads\/2026\/06\/b1.webp\"\r\n alt=\"Passo 5 \u2014 morador tem acesso liberado\"\r\n loading=\"lazy\" decoding=\"async\" width=\"365\" height=\"487\">\r\n <div class=\"slide-overlay\">\r\n <span class=\"slide-number\">5.<\/span>\r\n <p class=\"slide-text\">Agora o morador usa o sistema de reconhecimento facial e tem o acesso liberado.<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n <\/div>\r\n\r\n <button class=\"carousel-arrow next\" aria-label=\"Pr\u00f3ximo slide\">›<\/button>\r\n <\/div>\r\n\r\n <div class=\"carousel-dots\" id=\"dots\" role=\"tablist\" aria-label=\"Navega\u00e7\u00e3o do carrossel\">\r\n <button class=\"dot\" aria-label=\"Slide 1\"><\/button>\r\n <button class=\"dot\" aria-label=\"Slide 2\"><\/button>\r\n <button class=\"dot active\" aria-label=\"Slide 3\"><\/button>\r\n <button class=\"dot\" aria-label=\"Slide 4\"><\/button>\r\n <button class=\"dot\" aria-label=\"Slide 5\"><\/button>\r\n <\/div>\r\n<\/section>\r\n\r\n<script>\r\n(function() {\r\n const track = document.getElementById('track');\r\n const slides = track.querySelectorAll('.carousel-slide');\r\n const dots = document.getElementById('dots').querySelectorAll('.dot');\r\n const total = slides.length;\r\n let current = 2; \/\/ come\u00e7a no slide central (\u00edndice 2)\r\n\r\n function getOffset() {\r\n const isMobile = window.innerWidth <= 700;\r\n const slideW = isMobile ? 80 : 33.333;\r\n \/\/ centraliza o slide ativo\r\n const containerW = 100;\r\n const offset = (current * slideW) - (containerW \/ 2) + (slideW \/ 2);\r\n return -offset;\r\n }\r\n\r\n function update() {\r\n \/\/ move o track\r\n const isMobile = window.innerWidth <= 700;\r\n const slideW = isMobile ? 80 : 33.333;\r\n const offset = -(current * slideW) + (100 - slideW) \/ 2;\r\n track.style.transform = `translateX(${offset}%)`;\r\n\r\n \/\/ atualiza classes\r\n slides.forEach((s, i) => {\r\n s.classList.toggle('active', i === current);\r\n });\r\n\r\n \/\/ atualiza dots\r\n dots.forEach((d, i) => {\r\n d.classList.toggle('active', i === current);\r\n });\r\n }\r\n\r\n document.querySelector('.prev').addEventListener('click', () => {\r\n current = (current - 1 + total) % total;\r\n update();\r\n });\r\n\r\n document.querySelector('.next').addEventListener('click', () => {\r\n current = (current + 1) % total;\r\n update();\r\n });\r\n\r\n dots.forEach((d, i) => {\r\n d.addEventListener('click', () => {\r\n current = i;\r\n update();\r\n });\r\n });\r\n\r\n \/\/ touch\/swipe\r\n let startX = 0;\r\n track.addEventListener('touchstart', e => { startX = e.touches[0].clientX; }, { passive: true });\r\n track.addEventListener('touchend', e => {\r\n const diff = startX - e.changedTouches[0].clientX;\r\n if (Math.abs(diff) > 40) {\r\n current = diff > 0\r\n ? (current + 1) % total\r\n : (current - 1 + total) % total;\r\n update();\r\n }\r\n });\r\n\r\n window.addEventListener('resize', update);\r\n update();\r\n})();\r\n<\/script>\r\n\r\n\r\n\r\n<section class=\"pr-section sec1\">\r\n <div class=\"pr-row img-right\">\r\n <div class=\"pr-col fade-in\">\r\n <h2 class=\"pr-section-title\">Apresentando a Portaria Remota Hagan\u00e1!<\/h2>\r\n <div class=\"pr-section-text\">\r\n <p>A PORTARIA REMOTA HAGAN\u00c1 \u00e9 uma solu\u00e7\u00e3o inovadora e eficiente, monitorada \u00e0 dist\u00e2ncia pela Central de Opera\u00e7\u00f5es. Atrav\u00e9s de um atendimento humanizado e com procedimentos de seguran\u00e7a exclusivos. Identificamos os visitantes e prestadores de servi\u00e7os, liberamos o acesso mediante autoriza\u00e7\u00e3o dos moradores e monitoramos cada entrada, aumentando o n\u00edvel de seguran\u00e7a do condom\u00ednio.<\/p>\r\n <p>Para elevar ainda mais o n\u00edvel de seguran\u00e7a, a entrada dos moradores pode ser monitorada pela Central de Opera\u00e7\u00f5es, a partir do aviso feito no aplicativo, proporcionando um atendimento r\u00e1pido e seguro, ideal para condom\u00ednios que buscam seguran\u00e7a, tecnologia e agilidade no atendimento.<\/p>\r\n <\/div>\r\n <a href=\"#form\" class=\"pr-btn\">Fale conosco<\/a>\r\n <\/div>\r\n <div class=\"pr-col col-img fade-in\">\r\n <img loading=\"lazy\" class=\"pr-img-plain\"\r\n src=\"https:\/\/portariaremota.com.br\/wp-content\/uploads\/2026\/06\/Grupo-45.webp\"\r\n alt=\"Sistema Portaria Remota Hagan\u00e1\"\r\n width=\"540\" height=\"540\" loading=\"lazy\" decoding=\"async\">\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n\r\n<section class=\"pr-section sec2\">\r\n <div class=\"pr-row img-left\">\r\n <div class=\"pr-col fade-in\">\r\n <h2 class=\"pr-section-title\">Biometria facial<\/h2>\r\n <div class=\"pr-section-text\">\r\n <p>Precis\u00e3o de 99,8% no reconhecimento biom\u00e9trico Hagan\u00e1, superando outras solu\u00e7\u00f5es dispon\u00edveis no mercado, e prevenindo fraudes, roubos de identidade e o acesso n\u00e3o autorizado a um determinado local.<\/p>\r\n <p>A Portaria Remota Hagan\u00e1 torna seu ambiente mais seguro com uma camada de prote\u00e7\u00e3o e traz conveni\u00eancia para seus moradores, colaboradores e visitantes!<\/p>\r\n <\/div>\r\n <a href=\"#form\" class=\"pr-btn\">Fale conosco<\/a>\r\n <\/div>\r\n <div class=\"pr-col col-img fade-in\">\r\n <img loading=\"lazy\" class=\"pr-img-plain\"\r\n src=\"https:\/\/portariaremota.com.br\/wp-content\/uploads\/2026\/06\/Grupo-1-1.webp\"\r\n alt=\"Biometria facial Hagan\u00e1\"\r\n width=\"540\" height=\"540\" loading=\"lazy\" decoding=\"async\">\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n\r\n<section class=\"pr-section sec3\">\r\n <div class=\"pr-row img-right\">\r\n <div class=\"pr-col col-text fade-in\">\r\n <h2 class=\"pr-section-title\">Sistema Anti-Carona<\/h2>\r\n <div class=\"pr-section-text\">\r\n <p>O exclusivo sistema anti-carona \u00e9 mais uma camada de seguran\u00e7a na Portaria Remota Hagan\u00e1, que impede o acesso de intrusos que tentam entrar junto aos moradores autorizados. O sistema, al\u00e9m de adicionar mais seguran\u00e7a, otimiza o controle de acesso ao condom\u00ednio.<\/p>\r\n <\/div>\r\n <a href=\"#form\" class=\"pr-btn\">Fale conosco<\/a>\r\n <\/div>\r\n <div class=\"pr-col col-img fade-in\">\r\n <img loading=\"lazy\" class=\"pr-img-border\"\r\n src=\"https:\/\/portariaremota.com.br\/wp-content\/uploads\/2026\/06\/Grupo-101.webp\"\r\n\r\n alt=\"Sistema Anti-Carona Hagan\u00e1\"\r\n width=\"380\" height=\"396\" loading=\"lazy\" decoding=\"async\">\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n\r\n<section class=\"pr-section sec4\">\r\n <div class=\"pr-row img-left\">\r\n <div class=\"pr-col fade-in\">\r\n <h2 class=\"pr-section-title\">Mais praticidade na palma da sua m\u00e3o<\/h2>\r\n <div class=\"pr-section-text\">\r\n <p>Com o aplicativo mobile da Portaria Remota Hagan\u00e1, os moradores ter\u00e3o mais praticidade e facilidades na gest\u00e3o do controle de acesso.<\/p>\r\n <p>O aplicativo permite gerenciar moradores, autorizados e visitas, entrar em contato com a administra\u00e7\u00e3o, registrar ocorr\u00eancias, consultar e receber notifica\u00e7\u00f5es de encomendas, atualizar cadastros e visualizar imagens das c\u00e2meras autorizadas pelo s\u00edndico.<\/p>\r\n <\/div>\r\n <a href=\"#form\" class=\"pr-btn\">Fale conosco<\/a>\r\n <\/div>\r\n <div class=\"pr-col col-img fade-in\">\r\n <img loading=\"lazy\" class=\"pr-img-plain\"\r\n src=\"https:\/\/portariaremota.com.br\/wp-content\/uploads\/2026\/06\/Grupo-166.webp\"\r\n alt=\"Aplicativo Mobile Hagan\u00e1\"\r\n width=\"470\" height=\"470\" loading=\"lazy\" decoding=\"async\">\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n\r\n<section class=\"pr-section sec5\">\r\n <div class=\"pr-row img-right\">\r\n <div class=\"pr-col fade-in\">\r\n <h2 class=\"pr-section-title\">Conhe\u00e7a a Hagan\u00e1<\/h2>\r\n <div class=\"pr-section-text\">\r\n <p>Fundada por ex-oficiais do ex\u00e9rcito e servi\u00e7os de intelig\u00eancia de Israel, a Hagan\u00e1 \u00e9 a escolha l\u00edder em seguran\u00e7a no Brasil. Com quase tr\u00eas d\u00e9cadas de inova\u00e7\u00e3o e excel\u00eancia, nosso nome, que em hebraico significa \"defesa\", reflete nossa miss\u00e3o: oferecer solu\u00e7\u00f5es de seguran\u00e7a personalizadas, minimizando riscos e garantindo sua tranquilidade.<\/p>\r\n <\/div>\r\n <a href=\"#form\" class=\"pr-btn\">Fale conosco<\/a>\r\n <\/div>\r\n <div class=\"pr-col col-img fade-in\">\r\n <img loading=\"lazy\" class=\"pr-img-border\"\r\n src=\"https:\/\/portariaremota.com.br\/wp-content\/uploads\/2026\/06\/Bandeira-brasil-x-israel.webp\"\r\n alt=\"Hagan\u00e1 \u2014 parceria Brasil e Israel\"\r\n width=\"470\" height=\"362\" loading=\"lazy\" decoding=\"async\">\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n<script>\r\nconst observer = new IntersectionObserver((entries) => {\r\n entries.forEach((entry, i) => {\r\n if (entry.isIntersecting) {\r\n setTimeout(() => entry.target.classList.add('visible'), i * 80);\r\n observer.unobserve(entry.target);\r\n }\r\n });\r\n}, { threshold: 0.1 });\r\ndocument.querySelectorAll('.fade-in').forEach(el => observer.observe(el));\r\n<\/script>\r\n\r\n<script>\r\n\/\/ === hero ===\r\n\/\/ Navbar scroll\r\nwindow.addEventListener('scroll', () => {\r\n document.getElementById('nav').classList.toggle('scrolled', window.scrollY > 10);\r\n});\r\n\r\n\/\/ Menu mobile\r\nconst toggle = document.getElementById('nav-toggle');\r\nconst links = document.getElementById('nav-links');\r\ntoggle.addEventListener('click', () => {\r\n const open = links.classList.toggle('open');\r\n toggle.setAttribute('aria-expanded', open);\r\n});\r\nlinks.querySelectorAll('a').forEach(a => {\r\n a.addEventListener('click', () => {\r\n links.classList.remove('open');\r\n toggle.setAttribute('aria-expanded', false);\r\n });\r\n});\r\n\r\n\/\/ === carrossel ===\r\n(function() {\r\n const track = document.getElementById('track');\r\n const slides = track.querySelectorAll('.carousel-slide');\r\n const dots = document.getElementById('dots').querySelectorAll('.dot');\r\n const total = slides.length;\r\n let current = 2; \/\/ come\u00e7a no slide central (\u00edndice 2)\r\n\r\n function getOffset() {\r\n const isMobile = window.innerWidth <= 700;\r\n const slideW = isMobile ? 80 : 33.333;\r\n \/\/ centraliza o slide ativo\r\n const containerW = 100;\r\n const offset = (current * slideW) - (containerW \/ 2) + (slideW \/ 2);\r\n return -offset;\r\n }\r\n\r\n function update() {\r\n \/\/ move o track\r\n const isMobile = window.innerWidth <= 700;\r\n const slideW = isMobile ? 80 : 33.333;\r\n const offset = -(current * slideW) + (100 - slideW) \/ 2;\r\n track.style.transform = `translateX(${offset}%)`;\r\n\r\n \/\/ atualiza classes\r\n slides.forEach((s, i) => {\r\n s.classList.toggle('active', i === current);\r\n });\r\n\r\n \/\/ atualiza dots\r\n dots.forEach((d, i) => {\r\n d.classList.toggle('active', i === current);\r\n });\r\n }\r\n\r\n document.querySelector('.prev').addEventListener('click', () => {\r\n current = (current - 1 + total) % total;\r\n update();\r\n });\r\n\r\n document.querySelector('.next').addEventListener('click', () => {\r\n current = (current + 1) % total;\r\n update();\r\n });\r\n\r\n dots.forEach((d, i) => {\r\n d.addEventListener('click', () => {\r\n current = i;\r\n update();\r\n });\r\n });\r\n\r\n \/\/ touch\/swipe\r\n let startX = 0;\r\n track.addEventListener('touchstart', e => { startX = e.touches[0].clientX; }, { passive: true });\r\n track.addEventListener('touchend', e => {\r\n const diff = startX - e.changedTouches[0].clientX;\r\n if (Math.abs(diff) > 40) {\r\n current = diff > 0\r\n ? (current + 1) % total\r\n : (current - 1 + total) % total;\r\n update();\r\n }\r\n });\r\n\r\n window.addEventListener('resize', update);\r\n update();\r\n})();\r\n\r\n\/\/ === sobre ===\r\nconst observer = new IntersectionObserver((entries) => {\r\n entries.forEach((entry, i) => {\r\n if (entry.isIntersecting) {\r\n setTimeout(() => entry.target.classList.add('visible'), i * 80);\r\n observer.unobserve(entry.target);\r\n }\r\n });\r\n}, { threshold: 0.1 });\r\ndocument.querySelectorAll('.fade-in').forEach(el => observer.observe(el));\r\n<\/script>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-c8ccb6a elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"c8ccb6a\" data-element_type=\"section\" data-e-type=\"section\" id=\"form\" data-settings=\"{"background_background":"gradient","animation":"none"}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-33 elementor-top-column elementor-element elementor-element-e047ce2\" data-id=\"e047ce2\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-743f2da elementor-widget elementor-widget-heading\" data-id=\"743f2da\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Pronto para transformar a seguran\u00e7a da sua empresa?<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-645bcf0 elementor-widget elementor-widget-text-editor\" data-id=\"645bcf0\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p><span class=\"selectable-text copyable-text\">Fa\u00e7a parte da revolu\u00e7\u00e3o em seguran\u00e7a empresarial. Entre em contato agora e saiba mais sobre como a Portaria Remota Hagan\u00e1 pode ajud\u00e1-lo a viver com mais seguran\u00e7a e menos preocupa\u00e7\u00f5es.<\/span><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"elementor-column elementor-col-33 elementor-top-column elementor-element elementor-element-811da28 elementor-hidden-mobile\" data-id=\"811da28\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-d264975 elementor-invisible elementor-widget elementor-widget-image\" data-id=\"d264975\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{"_animation":"fadeInUp"}\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" width=\"300\" height=\"359\" src=\"https:\/\/portariaremota.com.br\/wp-content\/uploads\/2026\/06\/Camada-1-6.webp\" class=\"attachment-large size-large wp-image-1250\" alt=\"\" srcset=\"https:\/\/portariaremota.com.br\/wp-content\/uploads\/2026\/06\/Camada-1-6.webp 300w, https:\/\/portariaremota.com.br\/wp-content\/uploads\/2026\/06\/Camada-1-6-251x300.webp 251w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"elementor-column elementor-col-33 elementor-top-column elementor-element elementor-element-334c1ab\" data-id=\"334c1ab\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-42a2a08 elementor-widget elementor-widget-heading\" data-id=\"42a2a08\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Fale com a Hagan\u00e1<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-c5b3df3 elementor-widget elementor-widget-html\" data-id=\"c5b3df3\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div role=\"main\" id=\"site-portai-bae208f152ad183e8d3b\"><\/div><script type=\"text\/javascript\" src=\"https:\/\/d335luupugsy2.cloudfront.net\/js\/rdstation-forms\/stable\/rdstation-forms.min.js\"><\/script><script type=\"text\/javascript\"> new RDStationForms('site-portai-bae208f152ad183e8d3b', 'null').createForm();<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-31d7730 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"31d7730\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{"background_background":"classic"}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-65dfef75\" data-id=\"65dfef75\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-7bc3501b elementor-widget elementor-widget-spacer\" data-id=\"7bc3501b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<section class=\"elementor-section elementor-inner-section elementor-element elementor-element-5a351130 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"5a351130\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-33 elementor-inner-column elementor-element elementor-element-816bd0b\" data-id=\"816bd0b\" data-element_type=\"column\" data-e-type=\"column\" data-settings=\"{"background_background":"classic"}\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-10a0678e elementor-widget elementor-widget-image\" data-id=\"10a0678e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" width=\"300\" height=\"359\" src=\"https:\/\/portariaremota.com.br\/wp-content\/uploads\/2026\/06\/Camada-1-6.webp\" class=\"attachment-large size-large wp-image-1250\" alt=\"\" srcset=\"https:\/\/portariaremota.com.br\/wp-content\/uploads\/2026\/06\/Camada-1-6.webp 300w, https:\/\/portariaremota.com.br\/wp-content\/uploads\/2026\/06\/Camada-1-6-251x300.webp 251w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"elementor-column elementor-col-33 elementor-inner-column elementor-element elementor-element-5211cde0\" data-id=\"5211cde0\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-57e6aa88 elementor-widget elementor-widget-heading\" data-id=\"57e6aa88\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Pol\u00edticas<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-76da09d3 elementor-align-center elementor-mobile-align-center elementor-widget elementor-widget-button\" data-id=\"76da09d3\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<div class=\"elementor-button-wrapper\">\n\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"https:\/\/portariaremota.com.br\/index.php\/data-protection\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Protection Policy<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-34b81639 elementor-align-center elementor-mobile-align-center elementor-widget elementor-widget-button\" data-id=\"34b81639\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<div class=\"elementor-button-wrapper\">\n\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"https:\/\/portariaremota.com.br\/index.php\/protecao-de-dados\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Prote\u00e7\u00e3o de Dados<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"elementor-column elementor-col-33 elementor-inner-column elementor-element elementor-element-1f9eb646\" data-id=\"1f9eb646\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-37e0033a elementor-widget elementor-widget-heading\" data-id=\"37e0033a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Redes Sociais<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-103e9703 e-grid-align-mobile-center elementor-shape-rounded elementor-grid-0 e-grid-align-center elementor-widget elementor-widget-social-icons\" data-id=\"103e9703\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"social-icons.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-social-icons-wrapper elementor-grid\" role=\"list\">\n\t\t\t\t\t\t\t<span class=\"elementor-grid-item\" role=\"listitem\">\n\t\t\t\t\t<a class=\"elementor-icon elementor-social-icon elementor-social-icon-facebook elementor-repeater-item-bdb1b23\" href=\"https:\/\/www.facebook.com\/grupohagana\" target=\"_blank\">\n\t\t\t\t\t\t<span class=\"elementor-screen-only\">Facebook<\/span>\n\t\t\t\t\t\t<i aria-hidden=\"true\" class=\"fab fa-facebook\"><\/i>\t\t\t\t\t<\/a>\n\t\t\t\t<\/span>\n\t\t\t\t\t\t\t<span class=\"elementor-grid-item\" role=\"listitem\">\n\t\t\t\t\t<a class=\"elementor-icon elementor-social-icon elementor-social-icon-instagram elementor-repeater-item-078b243\" href=\"https:\/\/www.instagram.com\/grupohagana\/\" target=\"_blank\">\n\t\t\t\t\t\t<span class=\"elementor-screen-only\">Instagram<\/span>\n\t\t\t\t\t\t<i aria-hidden=\"true\" class=\"fab fa-instagram\"><\/i>\t\t\t\t\t<\/a>\n\t\t\t\t<\/span>\n\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<div class=\"elementor-element elementor-element-2c45c562 elementor-widget elementor-widget-spacer\" data-id=\"2c45c562\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Portaria Remota Hagan\u00e1 Como funciona? Produtos Solu\u00e7\u00f5es Fale conosco Portaria Remota Hagan\u00e1 O sistema de Portaria Remota da Hagan\u00e1 pode serat\u00e9 70% mais barato do que a portaria tradicional. Fale conosco Quais s\u00e3o as facilidades da Portaria Remota? LIBERA\u00c7\u00c3O POR PORTEIROS REMOTOS Entregadores e visitantes s\u00e3o liberados pelos nossos porteiros remotos que atuam na nossa […]<\/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-681","page","type-page","status-publish","hentry"],"yoast_head":"\n<title>Portaria Remota Nova - Portaria Remota Hagan\u00e1<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/portariaremota.com.br\/\" \/>\n<meta property=\"og:locale\" content=\"pt_BR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Portaria Remota Nova - Portaria Remota Hagan\u00e1\" \/>\n<meta property=\"og:description\" content=\"Portaria Remota Hagan\u00e1 Como funciona? Produtos Solu\u00e7\u00f5es Fale conosco Portaria Remota Hagan\u00e1 O sistema de Portaria Remota da Hagan\u00e1 pode serat\u00e9 70% mais barato do que a portaria tradicional. Fale conosco Quais s\u00e3o as facilidades da Portaria Remota? LIBERA\u00c7\u00c3O POR PORTEIROS REMOTOS Entregadores e visitantes s\u00e3o liberados pelos nossos porteiros remotos que atuam na nossa […]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/portariaremota.com.br\/\" \/>\n<meta property=\"og:site_name\" content=\"Portaria Remota Hagan\u00e1\" \/>\n<meta property=\"article:modified_time\" content=\"2026-06-05T19:42:30+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/portariaremota.com.br\/wp-content\/uploads\/2026\/06\/background-1.webp\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. tempo de leitura\" \/>\n\t<meta name=\"twitter:data1\" content=\"7 minutos\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/portariaremota.com.br\\\/\",\"url\":\"https:\\\/\\\/portariaremota.com.br\\\/\",\"name\":\"Portaria Remota Nova - Portaria Remota Hagan\u00e1\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/portariaremota.com.br\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/portariaremota.com.br\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/portariaremota.com.br\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/portariaremota.com.br\\\/wp-content\\\/uploads\\\/2026\\\/06\\\/background-1.webp\",\"datePublished\":\"2024-06-17T02:14:02+00:00\",\"dateModified\":\"2026-06-05T19:42:30+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/portariaremota.com.br\\\/#breadcrumb\"},\"inLanguage\":\"pt-BR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/portariaremota.com.br\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"pt-BR\",\"@id\":\"https:\\\/\\\/portariaremota.com.br\\\/#primaryimage\",\"url\":\"https:\\\/\\\/portariaremota.com.br\\\/wp-content\\\/uploads\\\/2026\\\/06\\\/background-1.webp\",\"contentUrl\":\"https:\\\/\\\/portariaremota.com.br\\\/wp-content\\\/uploads\\\/2026\\\/06\\\/background-1.webp\",\"width\":365,\"height\":365},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/portariaremota.com.br\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"In\u00edcio\",\"item\":\"https:\\\/\\\/portariaremota.com.br\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Portaria Remota Nova\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/portariaremota.com.br\\\/#website\",\"url\":\"https:\\\/\\\/portariaremota.com.br\\\/\",\"name\":\"Portaria Remota Hagan\u00e1\",\"description\":\"\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/portariaremota.com.br\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"pt-BR\"}]}<\/script>\n","yoast_head_json":{"title":"Portaria Remota Nova - Portaria Remota Hagan\u00e1","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/portariaremota.com.br\/","og_locale":"pt_BR","og_type":"article","og_title":"Portaria Remota Nova - Portaria Remota Hagan\u00e1","og_description":"Portaria Remota Hagan\u00e1 Como funciona? Produtos Solu\u00e7\u00f5es Fale conosco Portaria Remota Hagan\u00e1 O sistema de Portaria Remota da Hagan\u00e1 pode serat\u00e9 70% mais barato do que a portaria tradicional. Fale conosco Quais s\u00e3o as facilidades da Portaria Remota? LIBERA\u00c7\u00c3O POR PORTEIROS REMOTOS Entregadores e visitantes s\u00e3o liberados pelos nossos porteiros remotos que atuam na nossa […]","og_url":"https:\/\/portariaremota.com.br\/","og_site_name":"Portaria Remota Hagan\u00e1","article_modified_time":"2026-06-05T19:42:30+00:00","og_image":[{"url":"https:\/\/portariaremota.com.br\/wp-content\/uploads\/2026\/06\/background-1.webp","type":"","width":"","height":""}],"twitter_card":"summary_large_image","twitter_misc":{"Est. tempo de leitura":"7 minutos"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/portariaremota.com.br\/","url":"https:\/\/portariaremota.com.br\/","name":"Portaria Remota Nova - Portaria Remota Hagan\u00e1","isPartOf":{"@id":"https:\/\/portariaremota.com.br\/#website"},"primaryImageOfPage":{"@id":"https:\/\/portariaremota.com.br\/#primaryimage"},"image":{"@id":"https:\/\/portariaremota.com.br\/#primaryimage"},"thumbnailUrl":"https:\/\/portariaremota.com.br\/wp-content\/uploads\/2026\/06\/background-1.webp","datePublished":"2024-06-17T02:14:02+00:00","dateModified":"2026-06-05T19:42:30+00:00","breadcrumb":{"@id":"https:\/\/portariaremota.com.br\/#breadcrumb"},"inLanguage":"pt-BR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/portariaremota.com.br\/"]}]},{"@type":"ImageObject","inLanguage":"pt-BR","@id":"https:\/\/portariaremota.com.br\/#primaryimage","url":"https:\/\/portariaremota.com.br\/wp-content\/uploads\/2026\/06\/background-1.webp","contentUrl":"https:\/\/portariaremota.com.br\/wp-content\/uploads\/2026\/06\/background-1.webp","width":365,"height":365},{"@type":"BreadcrumbList","@id":"https:\/\/portariaremota.com.br\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"In\u00edcio","item":"https:\/\/portariaremota.com.br\/"},{"@type":"ListItem","position":2,"name":"Portaria Remota Nova"}]},{"@type":"WebSite","@id":"https:\/\/portariaremota.com.br\/#website","url":"https:\/\/portariaremota.com.br\/","name":"Portaria Remota Hagan\u00e1","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/portariaremota.com.br\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"pt-BR"}]}},"_links":{"self":[{"href":"https:\/\/portariaremota.com.br\/index.php\/wp-json\/wp\/v2\/pages\/681","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/portariaremota.com.br\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/portariaremota.com.br\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/portariaremota.com.br\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/portariaremota.com.br\/index.php\/wp-json\/wp\/v2\/comments?post=681"}],"version-history":[{"count":434,"href":"https:\/\/portariaremota.com.br\/index.php\/wp-json\/wp\/v2\/pages\/681\/revisions"}],"predecessor-version":[{"id":1351,"href":"https:\/\/portariaremota.com.br\/index.php\/wp-json\/wp\/v2\/pages\/681\/revisions\/1351"}],"wp:attachment":[{"href":"https:\/\/portariaremota.com.br\/index.php\/wp-json\/wp\/v2\/media?parent=681"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}