{"id":421,"date":"2026-05-02T14:44:07","date_gmt":"2026-05-02T14:44:07","guid":{"rendered":"https:\/\/aportanobre.pt\/?page_id=421"},"modified":"2026-05-29T18:26:57","modified_gmt":"2026-05-29T18:26:57","slug":"porta-nobre-landingpage","status":"publish","type":"page","link":"https:\/\/aportanobre.pt\/","title":{"rendered":"Porta Nobre"},"content":{"rendered":"\t\t
\n\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\r\n\r\n\r\n \r\n \r\n\r\n A Porta Nobre \u2014 Gest\u00e3o de Condom\u00ednios com Proximidade<\/title>\r\n\r\n <meta\r\n name=\"description\"\r\n content=\"A Porta Nobre presta servi\u00e7os de gest\u00e3o de condom\u00ednios com rapidez, empatia, organiza\u00e7\u00e3o e proximidade. Solu\u00e7\u00f5es pr\u00e1ticas para condom\u00ednios mais tranquilos.\"\r\n \/>\r\n \r\n\r\n <style>\r\n :root {\r\n --azul-nobre: #023864;\r\n --azul-profundo: #012b4d;\r\n --dourado-claro: #F5D570;\r\n --dourado-forte: #E2B72C;\r\n --creme: #F7F1DF;\r\n --branco: #ffffff;\r\n --cinza-claro: #f5f6f8;\r\n --cinza-texto: #5d6673;\r\n --texto: #15202b;\r\n --sombra: 0 20px 60px rgba(2, 56, 100, 0.15);\r\n --radius: 24px;\r\n }\r\n\r\n * {\r\n margin: 0;\r\n padding: 0;\r\n box-sizing: border-box;\r\n }\r\n\r\n html {\r\n scroll-behavior: smooth;\r\n }\r\n\r\n body {\r\n font-family: Georgia, \"Times New Roman\", serif;\r\n background: var(--creme);\r\n color: var(--texto);\r\n line-height: 1.6;\r\n }\r\n\r\n img {\r\n max-width: 100%;\r\n display: block;\r\n }\r\n\r\n a,\r\n a:visited,\r\n a:hover,\r\n a:focus,\r\n a:active {\r\n text-decoration: none !important;\r\n color: inherit;\r\n }\r\n\r\n .container {\r\n width: min(1180px, 92%);\r\n margin: 0 auto;\r\n }\r\n\r\n \/* HEADER *\/\r\n\r\n header {\r\n position: fixed;\r\n top: 0;\r\n left: 0;\r\n width: 100%;\r\n z-index: 999;\r\n background: rgba(247, 241, 223, 0.92);\r\n backdrop-filter: blur(14px);\r\n border-bottom: 1px solid rgba(2, 56, 100, 0.08);\r\n }\r\n\r\n .navbar {\r\n height: 84px;\r\n display: flex;\r\n align-items: center;\r\n justify-content: space-between;\r\n gap: 32px;\r\n }\r\n\r\n .brand {\r\n display: flex;\r\n align-items: center;\r\n gap: 14px;\r\n font-weight: 700;\r\n color: var(--azul-nobre);\r\n letter-spacing: 0.04em;\r\n text-transform: uppercase;\r\n }\r\n\r\n .brand img {\r\n width: 68px;\r\n height: auto;\r\n }\r\n\r\n .brand span {\r\n font-size: 1rem;\r\n line-height: 1.1;\r\n }\r\n\r\n nav ul {\r\n list-style: none;\r\n display: flex;\r\n align-items: center;\r\n gap: 28px;\r\n font-family: Arial, sans-serif;\r\n font-size: 0.95rem;\r\n color: var(--azul-nobre);\r\n font-weight: 600;\r\n }\r\n\r\n nav a {\r\n position: relative;\r\n }\r\n\r\n nav a::after {\r\n content: \"\";\r\n position: absolute;\r\n left: 0;\r\n bottom: -6px;\r\n width: 0;\r\n height: 2px;\r\n background: var(--dourado-forte);\r\n transition: 0.3s ease;\r\n }\r\n\r\n nav a:hover::after {\r\n width: 100%;\r\n }\r\n\r\n .nav-cta {\r\n font-family: Arial, sans-serif;\r\n background: var(--azul-nobre);\r\n color: var(--branco);\r\n padding: 13px 22px;\r\n border-radius: 999px;\r\n font-weight: 700;\r\n box-shadow: 0 10px 25px rgba(2, 56, 100, 0.22);\r\n transition: 0.3s ease;\r\n }\r\n\r\n .nav-cta:hover {\r\n background: var(--azul-profundo);\r\n transform: translateY(-2px);\r\n }\r\n\r\n \/* HERO *\/\r\n\r\n .hero {\r\n padding: 160px 0 90px;\r\n background:\r\n radial-gradient(circle at top right, rgba(245, 213, 112, 0.45), transparent 34%),\r\n linear-gradient(135deg, var(--creme) 0%, #fffaf0 55%, #ffffff 100%);\r\n overflow: hidden;\r\n }\r\n\r\n .hero-grid {\r\n display: grid;\r\n grid-template-columns: 1.1fr 0.9fr;\r\n align-items: center;\r\n gap: 64px;\r\n }\r\n\r\n .eyebrow {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 10px;\r\n font-family: Arial, sans-serif;\r\n color: var(--azul-nobre);\r\n background: rgba(245, 213, 112, 0.42);\r\n border: 1px solid rgba(226, 183, 44, 0.35);\r\n padding: 9px 16px;\r\n border-radius: 999px;\r\n font-size: 0.85rem;\r\n font-weight: 700;\r\n margin-bottom: 24px;\r\n }\r\n\r\n .eyebrow::before {\r\n content: \"\";\r\n width: 9px;\r\n height: 9px;\r\n background: var(--dourado-forte);\r\n border-radius: 50%;\r\n }\r\n\r\n h1 {\r\n font-size: clamp(2.6rem, 6vw, 5.5rem);\r\n line-height: 0.95;\r\n color: var(--azul-nobre);\r\n letter-spacing: -0.06em;\r\n margin-bottom: 26px;\r\n }\r\n\r\n h1 span {\r\n color: var(--dourado-forte);\r\n display: block;\r\n }\r\n\r\n .hero p {\r\n font-family: Arial, sans-serif;\r\n font-size: 1.16rem;\r\n color: var(--cinza-texto);\r\n max-width: 650px;\r\n margin-bottom: 34px;\r\n }\r\n\r\n .hero-actions {\r\n display: flex;\r\n flex-wrap: wrap;\r\n gap: 16px;\r\n margin-bottom: 36px;\r\n }\r\n\r\n .btn {\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n gap: 10px;\r\n padding: 16px 26px;\r\n border-radius: 999px;\r\n font-family: Arial, sans-serif;\r\n font-weight: 800;\r\n transition: 0.3s ease;\r\n border: 2px solid transparent;\r\n cursor: pointer;\r\n }\r\n\r\n .btn-primary {\r\n background: var(--azul-nobre);\r\n color: var(--branco);\r\n box-shadow: 0 16px 34px rgba(2, 56, 100, 0.24);\r\n }\r\n\r\n .btn-primary:hover {\r\n transform: translateY(-3px);\r\n background: var(--azul-profundo);\r\n }\r\n\r\n .btn-secondary {\r\n background: transparent;\r\n color: var(--azul-nobre);\r\n border-color: rgba(2, 56, 100, 0.22);\r\n }\r\n\r\n .btn-secondary:hover {\r\n background: var(--branco);\r\n border-color: var(--dourado-forte);\r\n transform: translateY(-3px);\r\n }\r\n\r\n .hero-proof {\r\n display: flex;\r\n flex-wrap: wrap;\r\n gap: 16px;\r\n font-family: Arial, sans-serif;\r\n }\r\n\r\n .proof-item {\r\n background: rgba(255, 255, 255, 0.75);\r\n border: 1px solid rgba(2, 56, 100, 0.08);\r\n border-radius: 18px;\r\n padding: 16px 18px;\r\n min-width: 150px;\r\n box-shadow: 0 10px 30px rgba(2, 56, 100, 0.07);\r\n }\r\n\r\n .proof-item strong {\r\n display: block;\r\n color: var(--azul-nobre);\r\n font-size: 1.35rem;\r\n margin-bottom: 2px;\r\n }\r\n\r\n .proof-item span {\r\n color: var(--cinza-texto);\r\n font-size: 0.9rem;\r\n }\r\n\r\n .hero-card {\r\n position: relative;\r\n background: var(--azul-nobre);\r\n border-radius: 38px;\r\n padding: 42px;\r\n color: var(--branco);\r\n box-shadow: var(--sombra);\r\n overflow: hidden;\r\n }\r\n\r\n .hero-card::before {\r\n content: \"\";\r\n position: absolute;\r\n inset: 18px;\r\n border: 2px solid rgba(245, 213, 112, 0.45);\r\n border-radius: 28px;\r\n pointer-events: none;\r\n }\r\n\r\n .hero-card::after {\r\n content: \"\";\r\n position: absolute;\r\n right: -80px;\r\n bottom: -80px;\r\n width: 220px;\r\n height: 220px;\r\n background: var(--dourado-forte);\r\n opacity: 0.18;\r\n border-radius: 50%;\r\n }\r\n\r\n .logo-frame {\r\n background: var(--creme);\r\n border-radius: 28px;\r\n padding: 34px;\r\n margin-bottom: 28px;\r\n position: relative;\r\n z-index: 2;\r\n }\r\n\r\n .logo-frame img {\r\n width: 260px;\r\n margin: 0 auto;\r\n }\r\n\r\n .hero-card h2 {\r\n font-size: 2rem;\r\n line-height: 1.1;\r\n margin-bottom: 16px;\r\n position: relative;\r\n z-index: 2;\r\n }\r\n\r\n .hero-card p {\r\n color: rgba(255, 255, 255, 0.78);\r\n margin-bottom: 24px;\r\n position: relative;\r\n z-index: 2;\r\n }\r\n\r\n .mini-list {\r\n position: relative;\r\n z-index: 2;\r\n display: grid;\r\n gap: 12px;\r\n font-family: Arial, sans-serif;\r\n font-size: 0.95rem;\r\n }\r\n\r\n .mini-list div {\r\n display: flex;\r\n align-items: center;\r\n gap: 10px;\r\n }\r\n\r\n .mini-list div::before {\r\n content: \"\u2713\";\r\n width: 24px;\r\n height: 24px;\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n background: var(--dourado-claro);\r\n color: var(--azul-nobre);\r\n border-radius: 50%;\r\n font-weight: 900;\r\n flex: 0 0 auto;\r\n }\r\n\r\n \/* SECTIONS *\/\r\n\r\n section {\r\n padding: 92px 0;\r\n }\r\n\r\n .section-heading {\r\n max-width: 760px;\r\n margin-bottom: 48px;\r\n }\r\n\r\n .section-label {\r\n font-family: Arial, sans-serif;\r\n color: var(--dourado-forte);\r\n text-transform: uppercase;\r\n letter-spacing: 0.12em;\r\n font-weight: 900;\r\n font-size: 0.82rem;\r\n margin-bottom: 12px;\r\n }\r\n\r\n .section-heading h2 {\r\n color: var(--azul-nobre);\r\n font-size: clamp(2.1rem, 4vw, 3.6rem);\r\n line-height: 1;\r\n letter-spacing: -0.04em;\r\n margin-bottom: 18px;\r\n }\r\n\r\n .section-heading p {\r\n font-family: Arial, sans-serif;\r\n color: var(--cinza-texto);\r\n font-size: 1.08rem;\r\n }\r\n\r\n \/* SERVICES *\/\r\n\r\n .services {\r\n background: var(--branco);\r\n }\r\n\r\n .cards-grid {\r\n display: grid;\r\n grid-template-columns: repeat(3, 1fr);\r\n gap: 22px;\r\n }\r\n\r\n .card {\r\n background: var(--creme);\r\n border: 1px solid rgba(2, 56, 100, 0.08);\r\n border-radius: var(--radius);\r\n padding: 30px;\r\n transition: 0.3s ease;\r\n min-height: 270px;\r\n }\r\n\r\n .card:hover {\r\n transform: translateY(-7px);\r\n box-shadow: 0 18px 45px rgba(2, 56, 100, 0.12);\r\n }\r\n\r\n .icon {\r\n width: 54px;\r\n height: 54px;\r\n border-radius: 16px;\r\n background: var(--azul-nobre);\r\n color: var(--dourado-claro);\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n font-family: Arial, sans-serif;\r\n font-weight: 900;\r\n font-size: 1.3rem;\r\n margin-bottom: 22px;\r\n }\r\n\r\n .card h3 {\r\n color: var(--azul-nobre);\r\n font-size: 1.5rem;\r\n margin-bottom: 14px;\r\n line-height: 1.1;\r\n }\r\n\r\n .card p {\r\n font-family: Arial, sans-serif;\r\n color: var(--cinza-texto);\r\n font-size: 0.98rem;\r\n }\r\n\r\n \/* PROCESS *\/\r\n\r\n .process {\r\n background: linear-gradient(180deg, var(--branco), var(--creme));\r\n }\r\n\r\n .process-grid {\r\n display: grid;\r\n grid-template-columns: 0.9fr 1.1fr;\r\n gap: 52px;\r\n align-items: center;\r\n }\r\n\r\n .process-box {\r\n background: var(--azul-nobre);\r\n color: var(--branco);\r\n border-radius: 34px;\r\n padding: 42px;\r\n box-shadow: var(--sombra);\r\n }\r\n\r\n .process-box h3 {\r\n font-size: 2.5rem;\r\n line-height: 1;\r\n margin-bottom: 18px;\r\n }\r\n\r\n .process-box p {\r\n font-family: Arial, sans-serif;\r\n color: rgba(255, 255, 255, 0.78);\r\n margin-bottom: 26px;\r\n }\r\n\r\n .highlight {\r\n background: rgba(245, 213, 112, 0.14);\r\n border: 1px solid rgba(245, 213, 112, 0.35);\r\n border-radius: 20px;\r\n padding: 22px;\r\n font-family: Arial, sans-serif;\r\n color: var(--dourado-claro);\r\n font-weight: 700;\r\n }\r\n\r\n .steps {\r\n display: grid;\r\n gap: 18px;\r\n }\r\n\r\n .step {\r\n display: grid;\r\n grid-template-columns: 58px 1fr;\r\n gap: 18px;\r\n background: rgba(255, 255, 255, 0.72);\r\n border: 1px solid rgba(2, 56, 100, 0.08);\r\n border-radius: 22px;\r\n padding: 22px;\r\n }\r\n\r\n .step-number {\r\n width: 58px;\r\n height: 58px;\r\n border-radius: 18px;\r\n background: var(--dourado-claro);\r\n color: var(--azul-nobre);\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n font-family: Arial, sans-serif;\r\n font-weight: 900;\r\n font-size: 1.2rem;\r\n }\r\n\r\n .step h4 {\r\n color: var(--azul-nobre);\r\n font-size: 1.35rem;\r\n margin-bottom: 5px;\r\n }\r\n\r\n .step p {\r\n font-family: Arial, sans-serif;\r\n color: var(--cinza-texto);\r\n font-size: 0.96rem;\r\n }\r\n\r\n \/* REVIEWS *\/\r\n\r\n .reviews {\r\n background: var(--azul-nobre);\r\n color: var(--branco);\r\n position: relative;\r\n overflow: hidden;\r\n }\r\n\r\n .reviews::before {\r\n content: \"\";\r\n position: absolute;\r\n top: -160px;\r\n right: -160px;\r\n width: 380px;\r\n height: 380px;\r\n border-radius: 50%;\r\n background: var(--dourado-forte);\r\n opacity: 0.14;\r\n }\r\n\r\n .reviews .section-heading h2 {\r\n color: var(--branco);\r\n }\r\n\r\n .reviews .section-heading p {\r\n color: rgba(255, 255, 255, 0.72);\r\n }\r\n\r\n .reviews-carousel {\r\n position: relative;\r\n z-index: 2;\r\n display: grid;\r\n grid-template-columns: 48px 1fr 48px;\r\n gap: 18px;\r\n align-items: center;\r\n }\r\n\r\n .reviews-summary {\r\n position: relative;\r\n z-index: 2;\r\n display: inline-flex;\r\n align-items: center;\r\n flex-wrap: wrap;\r\n gap: 10px;\r\n margin-top: 18px;\r\n font-family: Arial, sans-serif;\r\n background: rgba(255, 255, 255, 0.08);\r\n border: 1px solid rgba(245, 213, 112, 0.24);\r\n border-radius: 999px;\r\n padding: 12px 18px;\r\n color: rgba(255, 255, 255, 0.84);\r\n }\r\n\r\n .reviews-summary strong {\r\n color: var(--branco);\r\n font-size: 1.05rem;\r\n }\r\n\r\n .reviews-summary .stars {\r\n margin: 0;\r\n font-size: 0.98rem;\r\n letter-spacing: 1px;\r\n }\r\n\r\n .reviews-viewport {\r\n overflow: hidden;\r\n width: 100%;\r\n padding: 2px;\r\n }\r\n\r\n .reviews-track {\r\n display: flex;\r\n gap: 22px;\r\n transition: transform 0.35s ease;\r\n will-change: transform;\r\n cursor: grab;\r\n user-select: none;\r\n touch-action: pan-y;\r\n }\r\n\r\n .reviews-track:active {\r\n cursor: grabbing;\r\n }\r\n\r\n .review-card {\r\n flex: 0 0 calc((100% - 44px) \/ 3);\r\n background: rgba(255, 255, 255, 0.08);\r\n border: 1px solid rgba(245, 213, 112, 0.22);\r\n border-radius: var(--radius);\r\n padding: 30px;\r\n backdrop-filter: blur(10px);\r\n min-height: 285px;\r\n display: flex;\r\n flex-direction: column;\r\n justify-content: space-between;\r\n }\r\n\r\n .stars {\r\n color: var(--dourado-claro);\r\n font-family: Arial, sans-serif;\r\n letter-spacing: 2px;\r\n margin-bottom: 18px;\r\n font-size: 1.1rem;\r\n }\r\n\r\n .review-card p {\r\n font-family: Arial, sans-serif;\r\n color: rgba(255, 255, 255, 0.82);\r\n margin-bottom: 24px;\r\n font-size: 0.98rem;\r\n }\r\n\r\n .review-author {\r\n display: flex;\r\n align-items: center;\r\n gap: 12px;\r\n margin-top: auto;\r\n font-family: Arial, sans-serif;\r\n }\r\n\r\n .review-avatar {\r\n width: 42px;\r\n height: 42px;\r\n border-radius: 50%;\r\n background: var(--dourado-claro);\r\n color: var(--azul-nobre);\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n font-weight: 900;\r\n flex: 0 0 auto;\r\n }\r\n\r\n .review-author strong {\r\n display: block;\r\n color: var(--dourado-claro);\r\n font-family: Arial, sans-serif;\r\n line-height: 1.2;\r\n }\r\n\r\n .review-author span {\r\n display: block;\r\n color: rgba(255, 255, 255, 0.58);\r\n font-size: 0.86rem;\r\n margin-top: 3px;\r\n }\r\n\r\n .review-btn {\r\n width: 48px;\r\n height: 48px;\r\n border-radius: 50%;\r\n border: 1px solid rgba(245, 213, 112, 0.34);\r\n background: rgba(255, 255, 255, 0.08);\r\n color: var(--dourado-claro);\r\n font-size: 2rem;\r\n line-height: 1;\r\n cursor: pointer;\r\n transition: 0.25s ease;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n }\r\n\r\n .review-btn:hover {\r\n background: var(--dourado-claro);\r\n color: var(--azul-nobre);\r\n transform: translateY(-2px);\r\n }\r\n\r\n .review-btn:disabled {\r\n opacity: 0.35;\r\n cursor: not-allowed;\r\n transform: none;\r\n }\r\n\r\n .review-dots {\r\n position: relative;\r\n z-index: 2;\r\n display: flex;\r\n justify-content: center;\r\n gap: 8px;\r\n margin-top: 24px;\r\n }\r\n\r\n .review-dot {\r\n width: 9px;\r\n height: 9px;\r\n border-radius: 50%;\r\n border: none;\r\n background: rgba(255, 255, 255, 0.35);\r\n cursor: pointer;\r\n transition: 0.25s ease;\r\n }\r\n\r\n .review-dot.active {\r\n width: 24px;\r\n border-radius: 999px;\r\n background: var(--dourado-claro);\r\n }\r\n\r\n .review-note {\r\n position: relative;\r\n z-index: 2;\r\n margin-top: 22px;\r\n font-family: Arial, sans-serif;\r\n color: rgba(255, 255, 255, 0.66);\r\n font-size: 0.94rem;\r\n }\r\n\r\n .google-word {\r\n color: var(--dourado-claro);\r\n font-weight: 900;\r\n }\r\n\r\n \/* WHY *\/\r\n\r\n .why {\r\n background: var(--creme);\r\n }\r\n\r\n .why-grid {\r\n display: grid;\r\n grid-template-columns: repeat(2, 1fr);\r\n gap: 24px;\r\n }\r\n\r\n .why-item {\r\n background: var(--branco);\r\n border-radius: 24px;\r\n padding: 30px;\r\n border-left: 6px solid var(--dourado-forte);\r\n box-shadow: 0 10px 30px rgba(2, 56, 100, 0.06);\r\n }\r\n\r\n .why-item h3 {\r\n color: var(--azul-nobre);\r\n font-size: 1.5rem;\r\n margin-bottom: 10px;\r\n }\r\n\r\n .why-item p {\r\n font-family: Arial, sans-serif;\r\n color: var(--cinza-texto);\r\n }\r\n\r\n \/* CTA *\/\r\n\r\n .cta-section {\r\n background:\r\n linear-gradient(rgba(2, 56, 100, 0.92), rgba(2, 56, 100, 0.92)),\r\n radial-gradient(circle at top left, var(--dourado-claro), transparent 40%);\r\n color: var(--branco);\r\n text-align: center;\r\n padding: 100px 0;\r\n }\r\n\r\n .cta-box {\r\n max-width: 820px;\r\n margin: 0 auto;\r\n }\r\n\r\n .cta-box h2 {\r\n font-size: clamp(2.2rem, 5vw, 4.4rem);\r\n line-height: 1;\r\n margin-bottom: 22px;\r\n }\r\n\r\n .cta-box p {\r\n font-family: Arial, sans-serif;\r\n color: rgba(255, 255, 255, 0.78);\r\n font-size: 1.1rem;\r\n margin-bottom: 34px;\r\n }\r\n\r\n .cta-section .btn-primary {\r\n background: var(--dourado-claro);\r\n color: var(--azul-nobre);\r\n }\r\n\r\n .cta-section .btn-primary:hover {\r\n background: var(--dourado-forte);\r\n }\r\n\r\n \/* CONTACT *\/\r\n\r\n .contact {\r\n background: var(--branco);\r\n }\r\n\r\n .contact-grid {\r\n display: grid;\r\n grid-template-columns: 0.9fr 1.1fr;\r\n gap: 40px;\r\n align-items: start;\r\n }\r\n\r\n .contact-info {\r\n background: var(--creme);\r\n border-radius: 30px;\r\n padding: 36px;\r\n border: 1px solid rgba(2, 56, 100, 0.08);\r\n }\r\n\r\n .contact-info h3 {\r\n color: var(--azul-nobre);\r\n font-size: 2rem;\r\n margin-bottom: 16px;\r\n }\r\n\r\n .contact-info p {\r\n font-family: Arial, sans-serif;\r\n color: var(--cinza-texto);\r\n margin-bottom: 24px;\r\n }\r\n\r\n .contact-line {\r\n font-family: Arial, sans-serif;\r\n display: flex;\r\n gap: 12px;\r\n align-items: flex-start;\r\n margin-bottom: 16px;\r\n color: var(--azul-nobre);\r\n font-weight: 700;\r\n }\r\n\r\n form {\r\n background: var(--azul-nobre);\r\n padding: 36px;\r\n border-radius: 30px;\r\n box-shadow: var(--sombra);\r\n }\r\n\r\n .form-group {\r\n margin-bottom: 18px;\r\n }\r\n\r\n label {\r\n display: block;\r\n font-family: Arial, sans-serif;\r\n color: var(--dourado-claro);\r\n font-weight: 700;\r\n margin-bottom: 8px;\r\n font-size: 0.92rem;\r\n }\r\n\r\n input,\r\n textarea,\r\n select {\r\n width: 100%;\r\n padding: 16px 18px;\r\n border-radius: 15px;\r\n border: 1px solid rgba(245, 213, 112, 0.25);\r\n background: rgba(255, 255, 255, 0.08);\r\n color: var(--branco);\r\n font-family: Arial, sans-serif;\r\n font-size: 1rem;\r\n outline: none;\r\n }\r\n\r\n input:focus,\r\n textarea:focus,\r\n select:focus {\r\n border-color: var(--dourado-claro);\r\n box-shadow: 0 0 0 3px rgba(245, 213, 112, 0.14);\r\n }\r\n\r\n input::placeholder,\r\n textarea::placeholder {\r\n color: rgba(255, 255, 255, 0.48);\r\n }\r\n\r\n textarea {\r\n min-height: 130px;\r\n resize: vertical;\r\n }\r\n\r\n select {\r\n background: var(--azul-profundo) !important;\r\n color: var(--branco) !important;\r\n appearance: auto;\r\n cursor: pointer;\r\n }\r\n\r\n select option {\r\n background: var(--branco);\r\n color: var(--azul-nobre);\r\n }\r\n\r\n .form-message {\r\n display: none;\r\n font-family: Arial, sans-serif;\r\n margin: 0 0 16px;\r\n padding: 14px 16px;\r\n border-radius: 14px;\r\n font-weight: 700;\r\n font-size: 0.95rem;\r\n line-height: 1.4;\r\n }\r\n\r\n .form-message.success {\r\n display: block;\r\n background: rgba(245, 213, 112, 0.18);\r\n border: 1px solid rgba(245, 213, 112, 0.42);\r\n color: var(--dourado-claro);\r\n }\r\n\r\n .form-message.error {\r\n display: block;\r\n background: rgba(255, 80, 80, 0.12);\r\n border: 1px solid rgba(255, 80, 80, 0.35);\r\n color: #ffb3b3;\r\n }\r\n\r\n form button.btn {\r\n width: 100%;\r\n margin-top: 8px;\r\n background: var(--dourado-claro) !important;\r\n color: var(--azul-nobre) !important;\r\n border: none !important;\r\n font-weight: 900;\r\n cursor: pointer;\r\n box-shadow: 0 14px 30px rgba(245, 213, 112, 0.22);\r\n }\r\n\r\n form button.btn:hover {\r\n background: var(--dourado-forte) !important;\r\n color: var(--azul-nobre) !important;\r\n transform: translateY(-2px);\r\n }\r\n\r\n form button.btn:disabled {\r\n opacity: 0.65;\r\n cursor: not-allowed;\r\n transform: none !important;\r\n }\r\n\r\n \/* FOOTER *\/\r\n\r\n footer {\r\n background: var(--azul-profundo);\r\n color: rgba(255, 255, 255, 0.76);\r\n padding: 34px 0;\r\n font-family: Arial, sans-serif;\r\n font-size: 0.92rem;\r\n }\r\n\r\n .footer-content {\r\n display: flex;\r\n justify-content: space-between;\r\n gap: 20px;\r\n flex-wrap: wrap;\r\n align-items: center;\r\n }\r\n\r\n footer strong {\r\n color: var(--dourado-claro);\r\n }\r\n\r\n \/* RESPONSIVE *\/\r\n\r\n @media (max-width: 960px) {\r\n nav ul {\r\n display: none;\r\n }\r\n\r\n .hero-grid,\r\n .process-grid,\r\n .contact-grid {\r\n grid-template-columns: 1fr;\r\n }\r\n\r\n .hero {\r\n padding-top: 130px;\r\n }\r\n\r\n .cards-grid,\r\n .reviews-grid {\r\n grid-template-columns: 1fr;\r\n }\r\n\r\n .why-grid {\r\n grid-template-columns: 1fr;\r\n }\r\n\r\n .hero-card {\r\n padding: 30px;\r\n }\r\n }\r\n\r\n @media (max-width: 560px) {\r\n .navbar {\r\n height: 76px;\r\n }\r\n\r\n .brand img {\r\n width: 56px;\r\n }\r\n\r\n .brand span {\r\n font-size: 0.85rem;\r\n }\r\n\r\n .nav-cta {\r\n padding: 11px 16px;\r\n font-size: 0.85rem;\r\n }\r\n\r\n .hero-actions {\r\n flex-direction: column;\r\n }\r\n\r\n .btn {\r\n width: 100%;\r\n }\r\n\r\n .proof-item {\r\n width: 100%;\r\n }\r\n\r\n section {\r\n padding: 72px 0;\r\n }\r\n\r\n .step {\r\n grid-template-columns: 1fr;\r\n }\r\n\r\n .contact-info,\r\n form {\r\n padding: 26px;\r\n }\r\n }\r\n \r\n \/* Corrigir cor dos bot\u00f5es principais no hover *\/\r\n.nav-cta,\r\n.nav-cta:visited,\r\n.nav-cta:hover,\r\n.nav-cta:focus,\r\n.nav-cta:active,\r\n.hero .btn-primary,\r\n.hero .btn-primary:visited,\r\n.hero .btn-primary:hover,\r\n.hero .btn-primary:focus,\r\n.hero .btn-primary:active {\r\n color: var(--branco) !important;\r\n}\r\n\r\n.nav-cta:hover,\r\n.hero .btn-primary:hover {\r\n background: var(--azul-profundo) !important;\r\n color: var(--branco) !important;\r\n}\r\n\r\n\/* Manter o bot\u00e3o final da CTA com texto azul *\/\r\n.cta-section .btn-primary,\r\n.cta-section .btn-primary:visited,\r\n.cta-section .btn-primary:hover,\r\n.cta-section .btn-primary:focus,\r\n.cta-section .btn-primary:active {\r\n color: var(--azul-nobre) !important;\r\n}\r\n\r\n.cta-section .btn-primary:hover {\r\n background: var(--dourado-forte) !important;\r\n color: var(--azul-nobre) !important;\r\n}\r\n\r\n\r\n \/* MELHORIA MOBILE DO CARROSSEL DE REVIEWS *\/\r\n @media (max-width: 640px) {\r\n .reviews {\r\n overflow: hidden;\r\n }\r\n\r\n .reviews .container {\r\n width: min(100% - 32px, 1180px);\r\n }\r\n\r\n .reviews .section-heading {\r\n margin-bottom: 30px;\r\n }\r\n\r\n .reviews .section-heading h2 {\r\n font-size: clamp(2rem, 9vw, 2.7rem);\r\n }\r\n\r\n .reviews-summary {\r\n width: 100%;\r\n justify-content: center;\r\n gap: 8px;\r\n padding: 12px 14px;\r\n border-radius: 18px;\r\n font-size: 0.95rem;\r\n }\r\n\r\n .reviews-summary .stars {\r\n font-size: 0.9rem;\r\n letter-spacing: 1px;\r\n }\r\n\r\n .reviews-carousel {\r\n display: block;\r\n position: relative;\r\n }\r\n\r\n .reviews-viewport {\r\n overflow: hidden;\r\n padding: 0;\r\n border-radius: 24px;\r\n }\r\n\r\n .reviews-track {\r\n gap: 14px;\r\n }\r\n\r\n .review-card {\r\n flex: 0 0 100%;\r\n min-height: auto;\r\n padding: 26px 24px;\r\n border-radius: 24px;\r\n background: rgba(255, 255, 255, 0.1);\r\n }\r\n\r\n .review-card .stars {\r\n margin-bottom: 14px;\r\n font-size: 1rem;\r\n letter-spacing: 1px;\r\n }\r\n\r\n .review-card p {\r\n font-size: 1rem;\r\n line-height: 1.65;\r\n margin-bottom: 28px;\r\n }\r\n\r\n .review-author {\r\n gap: 11px;\r\n }\r\n\r\n .review-avatar {\r\n width: 40px;\r\n height: 40px;\r\n }\r\n\r\n .review-author strong {\r\n font-size: 0.98rem;\r\n line-height: 1.25;\r\n }\r\n\r\n .review-author span {\r\n font-size: 0.82rem;\r\n }\r\n\r\n .review-btn {\r\n position: absolute;\r\n top: calc(100% + 18px);\r\n z-index: 4;\r\n width: 42px;\r\n height: 42px;\r\n border: none;\r\n background: var(--dourado-claro);\r\n color: var(--azul-nobre);\r\n font-size: 1.65rem;\r\n box-shadow: 0 12px 26px rgba(0, 0, 0, 0.14);\r\n }\r\n\r\n .review-prev {\r\n left: 50%;\r\n transform: translateX(-94px);\r\n }\r\n\r\n .review-next {\r\n right: 50%;\r\n transform: translateX(94px);\r\n }\r\n\r\n .review-btn:hover {\r\n background: var(--dourado-claro);\r\n color: var(--azul-nobre);\r\n }\r\n\r\n .review-prev:hover {\r\n transform: translateX(-94px);\r\n }\r\n\r\n .review-next:hover {\r\n transform: translateX(94px);\r\n }\r\n\r\n .review-btn:disabled {\r\n opacity: 0.45;\r\n }\r\n\r\n .review-dots {\r\n margin-top: 78px;\r\n }\r\n\r\n .review-dot {\r\n width: 8px;\r\n height: 8px;\r\n }\r\n\r\n .review-dot.active {\r\n width: 24px;\r\n }\r\n\r\n .review-note {\r\n display: none;\r\n }\r\n }\r\n\r\n <\/style>\r\n<\/head>\r\n\r\n<body>\r\n\r\n <!-- HEADER -->\r\n <header>\r\n <div class=\"container navbar\">\r\n <a href=\"#\" class=\"brand\">\r\n <img decoding=\"async\" src=\"https:\/\/aportanobre.pt\/wp-content\/uploads\/2026\/05\/PortaNobre-Logo-Transparente.png\" alt=\"A Porta Nobre\">\r\n <span>A Porta<br>Nobre<\/span>\r\n <\/a>\r\n\r\n <nav>\r\n <ul>\r\n <li><a href=\"#servicos\">Servi\u00e7os<\/a><\/li>\r\n <li><a href=\"#metodo\">M\u00e9todo<\/a><\/li>\r\n <li><a href=\"#reviews\">Reviews<\/a><\/li>\r\n <li><a href=\"#contactos\">Contactos<\/a><\/li>\r\n <\/ul>\r\n <\/nav>\r\n\r\n <a href=\"#contactos\" class=\"nav-cta\">Pedir proposta<\/a>\r\n <\/div>\r\n <\/header>\r\n\r\n <!-- HERO -->\r\n <main class=\"hero\">\r\n <div class=\"container hero-grid\">\r\n\r\n <div class=\"hero-content\">\r\n <div class=\"eyebrow\">Gest\u00e3o de condom\u00ednios com proximidade<\/div>\r\n\r\n <h1>\r\n O teu condom\u00ednio,\r\n <span>mais simples de gerir.<\/span>\r\n <\/h1>\r\n\r\n <p>\r\n Na A Porta Nobre, unimos organiza\u00e7\u00e3o, resposta r\u00e1pida e uma gest\u00e3o humana\r\n para que cada condom\u00ednio tenha acompanhamento pr\u00f3ximo, comunica\u00e7\u00e3o clara\r\n e solu\u00e7\u00f5es eficazes \u2014 dos pequenos pedidos \u00e0s decis\u00f5es mais importantes.\r\n <\/p>\r\n\r\n <div class=\"hero-actions\">\r\n <a href=\"#contactos\" class=\"btn btn-primary\">Quero uma proposta<\/a>\r\n <a href=\"#servicos\" class=\"btn btn-secondary\">Ver como trabalhamos<\/a>\r\n <\/div>\r\n\r\n <div class=\"hero-proof\">\r\n <div class=\"proof-item\">\r\n <strong>Resposta r\u00e1pida<\/strong>\r\n <span>Comunica\u00e7\u00e3o pr\u00f3xima e objetiva<\/span>\r\n <\/div>\r\n\r\n <div class=\"proof-item\">\r\n <strong>Gest\u00e3o humana<\/strong>\r\n <span>Empatia em cada contacto<\/span>\r\n <\/div>\r\n\r\n <div class=\"proof-item\">\r\n <strong>Proatividade<\/strong>\r\n <span>Antes que o problema cres\u00e7a<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"hero-card\">\r\n <div class=\"logo-frame\">\r\n <img decoding=\"async\" src=\"https:\/\/aportanobre.pt\/wp-content\/uploads\/2026\/05\/PortaNobre-Logo-Transparente.png\" alt=\"Log\u00f3tipo A Porta Nobre\">\r\n <\/div>\r\n\r\n <h2>Uma porta aberta para uma gest\u00e3o mais tranquila.<\/h2>\r\n\r\n <p>\r\n Tratamos cada condom\u00ednio com rigor, aten\u00e7\u00e3o ao detalhe e sentido de responsabilidade.\r\n <\/p>\r\n\r\n <div class=\"mini-list\">\r\n <div>Atendimento pr\u00f3ximo a cond\u00f3minos<\/div>\r\n <div>Acompanhamento de obras e interven\u00e7\u00f5es<\/div>\r\n <div>Organiza\u00e7\u00e3o administrativa e financeira<\/div>\r\n <div>Comunica\u00e7\u00e3o clara e transparente<\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n <\/main>\r\n\r\n <!-- SERVICES -->\r\n <section class=\"services\" id=\"servicos\">\r\n <div class=\"container\">\r\n\r\n <div class=\"section-heading\">\r\n <div class=\"section-label\">O que fazemos<\/div>\r\n <h2>Gest\u00e3o completa para condom\u00ednios que precisam de aten\u00e7\u00e3o real.<\/h2>\r\n <p>\r\n Cuidamos da gest\u00e3o do condom\u00ednio com m\u00e9todo, proximidade e foco em resolver,\r\n seja uma simples d\u00favida por email ou uma interven\u00e7\u00e3o urgente no edif\u00edcio.\r\n <\/p>\r\n <\/div>\r\n\r\n <div class=\"cards-grid\">\r\n\r\n <article class=\"card\">\r\n <div class=\"icon\">01<\/div>\r\n <h3>Comunica\u00e7\u00e3o com cond\u00f3minos<\/h3>\r\n <p>\r\n Respondemos a emails, chamadas e pedidos do dia a dia com clareza,\r\n rapidez e empatia, mantendo os cond\u00f3minos informados e acompanhados.\r\n <\/p>\r\n <\/article>\r\n\r\n <article class=\"card\">\r\n <div class=\"icon\">02<\/div>\r\n <h3>Gest\u00e3o administrativa<\/h3>\r\n <p>\r\n Organizamos documenta\u00e7\u00e3o, reuni\u00f5es, atas, avisos, contratos,\r\n fornecedores e processos internos para que nada fique perdido.\r\n <\/p>\r\n <\/article>\r\n\r\n <article class=\"card\">\r\n <div class=\"icon\">03<\/div>\r\n <h3>Acompanhamento financeiro<\/h3>\r\n <p>\r\n Promovemos uma gest\u00e3o respons\u00e1vel das contas do condom\u00ednio,\r\n com aten\u00e7\u00e3o a pagamentos, despesas, or\u00e7amentos e cobran\u00e7as.\r\n <\/p>\r\n <\/article>\r\n\r\n <article class=\"card\">\r\n <div class=\"icon\">04<\/div>\r\n <h3>Obras e interven\u00e7\u00f5es<\/h3>\r\n <p>\r\n Acompanhamos pedidos de or\u00e7amento, contacto com fornecedores,\r\n interven\u00e7\u00f5es t\u00e9cnicas e resolu\u00e7\u00e3o de problemas no edif\u00edcio.\r\n <\/p>\r\n <\/article>\r\n\r\n <article class=\"card\">\r\n <div class=\"icon\">05<\/div>\r\n <h3>Gest\u00e3o preventiva<\/h3>\r\n <p>\r\n Procuramos antecipar problemas e criar rotinas que tornem o condom\u00ednio\r\n mais organizado, funcional e preparado.\r\n <\/p>\r\n <\/article>\r\n\r\n <article class=\"card\">\r\n <div class=\"icon\">06<\/div>\r\n <h3>Proximidade e confian\u00e7a<\/h3>\r\n <p>\r\n Acreditamos numa gest\u00e3o com rosto, escuta ativa e disponibilidade\r\n para lidar com cada situa\u00e7\u00e3o com respeito e responsabilidade.\r\n <\/p>\r\n <\/article>\r\n\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- PROCESS -->\r\n <section class=\"process\" id=\"metodo\">\r\n <div class=\"container process-grid\">\r\n\r\n <div class=\"process-box\">\r\n <h3>Gest\u00e3o com m\u00e9todo, mas sem perder o lado humano.<\/h3>\r\n <p>\r\n A nossa abordagem junta estrutura, rapidez e sensibilidade para criar uma\r\n experi\u00eancia mais tranquila para administradores, cond\u00f3minos e fornecedores.\r\n <\/p>\r\n\r\n <div class=\"highlight\">\r\n \u201cDa quest\u00e3o mais simples \u00e0 interven\u00e7\u00e3o mais urgente, o nosso foco \u00e9 responder,\r\n acompanhar e resolver.\u201d\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"steps\">\r\n\r\n <div class=\"step\">\r\n <div class=\"step-number\">1<\/div>\r\n <div>\r\n <h4>Ouvimos e analisamos<\/h4>\r\n <p>\r\n Percebemos as necessidades do condom\u00ednio, os principais desafios\r\n e o hist\u00f3rico da gest\u00e3o atual.\r\n <\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"step\">\r\n <div class=\"step-number\">2<\/div>\r\n <div>\r\n <h4>Organizamos processos<\/h4>\r\n <p>\r\n Criamos uma base de trabalho clara, com documenta\u00e7\u00e3o, contactos,\r\n prioridades e fluxos de comunica\u00e7\u00e3o.\r\n <\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"step\">\r\n <div class=\"step-number\">3<\/div>\r\n <div>\r\n <h4>Respondemos com rapidez<\/h4>\r\n <p>\r\n Mantemos uma comunica\u00e7\u00e3o ativa para que os pedidos n\u00e3o fiquem sem resposta\r\n e os problemas avancem para solu\u00e7\u00e3o.\r\n <\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"step\">\r\n <div class=\"step-number\">4<\/div>\r\n <div>\r\n <h4>Acompanhamos de perto<\/h4>\r\n <p>\r\n Damos seguimento a decis\u00f5es, obras, pagamentos e contactos,\r\n garantindo uma gest\u00e3o cont\u00ednua e respons\u00e1vel.\r\n <\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- REVIEWS -->\r\n <section class=\"reviews\" id=\"reviews\">\r\n <div class=\"container\">\r\n\r\n <div class=\"section-heading\">\r\n <div class=\"section-label\">Reviews<\/div>\r\n <h2>O que dizem sobre a A Porta Nobre.<\/h2>\r\n \r\n\r\n <div class=\"reviews-summary\">\r\n <span class=\"google-word\">Google<\/span>\r\n <strong>5,0<\/strong>\r\n <span class=\"stars\">\u2605\u2605\u2605\u2605\u2605<\/span>\r\n <span>22 opini\u00f5es<\/span>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"reviews-carousel\" data-manual-reviews-carousel>\r\n <button class=\"review-btn review-prev\" type=\"button\" aria-label=\"Avalia\u00e7\u00e3o anterior\">\r\n \u2039\r\n <\/button>\r\n\r\n <div class=\"reviews-viewport\">\r\n <div class=\"reviews-track\">\r\n\r\n <article class=\"review-card\">\r\n <div>\r\n <div class=\"stars\">\u2605\u2605\u2605\u2605\u2605<\/div>\r\n <p>\r\n \u201c\u00d3timos na resolu\u00e7\u00e3o de problemas do condom\u00ednio\u201d\r\n <\/p>\r\n <\/div>\r\n\r\n <div class=\"review-author\">\r\n <div class=\"review-avatar\">G<\/div>\r\n <div>\r\n <strong>Gabriela Ferreira<\/strong>\r\n <span>Cr\u00edtica de Google<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/article>\r\n\r\n <article class=\"review-card\">\r\n <div>\r\n <div class=\"stars\">\u2605\u2605\u2605\u2605\u2605<\/div>\r\n <p>\r\n \u201cS\u00f3 posso dizer que atendei sempre os telefones, coisa rara nesta \u00e1rea.\u201d\r\n <\/p>\r\n <\/div>\r\n\r\n <div class=\"review-author\">\r\n <div class=\"review-avatar\">B<\/div>\r\n <div>\r\n <strong>Bruno Carmo<\/strong>\r\n <span>Cr\u00edtica de Google<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/article>\r\n\r\n <article class=\"review-card\">\r\n <div>\r\n <div class=\"stars\">\u2605\u2605\u2605\u2605\u2605<\/div>\r\n <p>\r\n \u201cExcelente empresa de condom\u00ednios! Muito profissionais, organizados e sempre dispon\u00edveis para ajudar. A gest\u00e3o \u00e9 feita com transpar\u00eancia, rapidez e aten\u00e7\u00e3o aos detalhes. Nota-se o cuidado com os moradores e com a manuten\u00e7\u00e3o do condom\u00ednio. Recomendo sem d\u00favida!\u201d\r\n <\/p>\r\n <\/div>\r\n\r\n <div class=\"review-author\">\r\n <div class=\"review-avatar\">S<\/div>\r\n <div>\r\n <strong>Sara Lurido<\/strong>\r\n <span>Cr\u00edtica de Google<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/article>\r\n\r\n <article class=\"review-card\">\r\n <div>\r\n <div class=\"stars\">\u2605\u2605\u2605\u2605\u2605<\/div>\r\n <p>\r\n \u201cPessoas atenciosas e respons\u00e1veis!\u201d\r\n <\/p>\r\n <\/div>\r\n\r\n <div class=\"review-author\">\r\n <div class=\"review-avatar\">F<\/div>\r\n <div>\r\n <strong>Fl\u00e1vio Freitass<\/strong>\r\n <span>Cr\u00edtica de Google<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/article>\r\n\r\n <article class=\"review-card\">\r\n <div>\r\n <div class=\"stars\">\u2605\u2605\u2605\u2605\u2605<\/div>\r\n <p>\r\n \u201cSempre dispon\u00edveis, respons\u00e1veis e confian\u00e7a!.\u201d\r\n <\/p>\r\n <\/div>\r\n\r\n <div class=\"review-author\">\r\n <div class=\"review-avatar\">C<\/div>\r\n <div>\r\n <strong>Carla Carmo<\/strong>\r\n <span>Cr\u00edtica de Google<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/article>\r\n\r\n <\/div>\r\n <\/div>\r\n\r\n <button class=\"review-btn review-next\" type=\"button\" aria-label=\"Pr\u00f3xima avalia\u00e7\u00e3o\">\r\n \u203a\r\n <\/button>\r\n <\/div>\r\n\r\n <div class=\"review-dots\" aria-label=\"Navega\u00e7\u00e3o das avalia\u00e7\u00f5es\"><\/div>\r\n\r\n \r\n\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- WHY -->\r\n <section class=\"why\">\r\n <div class=\"container\">\r\n\r\n <div class=\"section-heading\">\r\n <div class=\"section-label\">Porqu\u00ea escolher-nos<\/div>\r\n <h2>Porque uma boa gest\u00e3o nota-se no dia a dia.<\/h2>\r\n <p>\r\n O nosso objetivo \u00e9 simplificar a vida dos cond\u00f3minos e tornar a administra\u00e7\u00e3o\r\n do condom\u00ednio mais clara, organizada e tranquila.\r\n <\/p>\r\n <\/div>\r\n\r\n <div class=\"why-grid\">\r\n\r\n <div class=\"why-item\">\r\n <h3>Rapidez sem frieza<\/h3>\r\n <p>\r\n Respondemos com agilidade, mas mantendo sempre uma comunica\u00e7\u00e3o humana,\r\n respeitosa e pr\u00f3xima.\r\n <\/p>\r\n <\/div>\r\n\r\n <div class=\"why-item\">\r\n <h3>Organiza\u00e7\u00e3o vis\u00edvel<\/h3>\r\n <p>\r\n Trabalhamos com processos claros para que a informa\u00e7\u00e3o esteja acess\u00edvel,\r\n os assuntos tenham seguimento e as decis\u00f5es sejam bem registadas.\r\n <\/p>\r\n <\/div>\r\n\r\n <div class=\"why-item\">\r\n <h3>Proatividade real<\/h3>\r\n <p>\r\n N\u00e3o esperamos apenas que os problemas apare\u00e7am. Procuramos antecipar,\r\n acompanhar e resolver com responsabilidade.\r\n <\/p>\r\n <\/div>\r\n\r\n <div class=\"why-item\">\r\n <h3>Gest\u00e3o com empatia<\/h3>\r\n <p>\r\n Sabemos que cada condom\u00ednio envolve pessoas, expectativas e preocupa\u00e7\u00f5es.\r\n Por isso, gerimos com escuta, equil\u00edbrio e bom senso.\r\n <\/p>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- CTA -->\r\n <section class=\"cta-section\">\r\n <div class=\"container cta-box\">\r\n <h2>Queres uma gest\u00e3o mais pr\u00f3xima para o teu condom\u00ednio?<\/h2>\r\n <p>\r\n Fala conosco e conta-nos o que o teu condom\u00ednio precisa. Analisamos a situa\u00e7\u00e3o\r\n e apresentamos uma proposta adaptada.\r\n <\/p>\r\n\r\n <a href=\"#contactos\" class=\"btn btn-primary\">Pedir contacto<\/a>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- CONTACT -->\r\n <section class=\"contact\" id=\"contactos\">\r\n <div class=\"container contact-grid\">\r\n\r\n <div class=\"contact-info\">\r\n <div class=\"section-label\">Contactos<\/div>\r\n <h3>Vamos abrir a porta a uma gest\u00e3o mais tranquila?<\/h3>\r\n\r\n <p>\r\n Preenche o formul\u00e1rio ou entra em contacto diretamente. Responderemos com a maior\r\n brevidade poss\u00edvel.\r\n <\/p>\r\n\r\n <div class=\"contact-line\">\r\n <span>Telefone:<\/span>\r\n <span>+351 966 592 339<\/span>\r\n <\/div>\r\n\r\n <div class=\"contact-line\">\r\n <span>Email:<\/span>\r\n <span>geral@aportanobre.pt<\/span>\r\n <\/div>\r\n\r\n <div class=\"contact-line\">\r\n <span>Zona:<\/span>\r\n <span>Portugal<\/span>\r\n <\/div>\r\n <\/div>\r\n\r\n <form id=\"contactForm\" action=\"https:\/\/formspree.io\/f\/xdabanrz\" method=\"POST\">\r\n <input type=\"hidden\" name=\"_subject\" value=\"Novo pedido pelo site A Porta Nobre\">\r\n\r\n <div class=\"form-group\">\r\n <label for=\"name\">Nome<\/label>\r\n <input id=\"name\" name=\"name\" type=\"text\" placeholder=\"O teu nome\" required>\r\n <\/div>\r\n\r\n <div class=\"form-group\">\r\n <label for=\"email\">Email<\/label>\r\n <input id=\"email\" name=\"email\" type=\"email\" placeholder=\"O teu email\" required>\r\n <\/div>\r\n\r\n <div class=\"form-group\">\r\n <label for=\"phone\">Telefone<\/label>\r\n <input id=\"phone\" name=\"phone\" type=\"tel\" placeholder=\"O teu contacto telef\u00f3nico\">\r\n <\/div>\r\n\r\n <div class=\"form-group\">\r\n <label for=\"service\">Tipo de pedido<\/label>\r\n <select id=\"service\" name=\"service\" required>\r\n <option value=\"\" disabled selected>Selecionar op\u00e7\u00e3o<\/option>\r\n <option value=\"Pedido de proposta\">Pedido de proposta<\/option>\r\n <option value=\"Pedido de informa\u00e7\u00e3o\">Pedido de informa\u00e7\u00e3o<\/option>\r\n <option value=\"Marcar reuni\u00e3o\">Marcar reuni\u00e3o<\/option>\r\n <option value=\"Outro assunto\">Outro assunto<\/option>\r\n <\/select>\r\n <\/div>\r\n\r\n <div class=\"form-group\">\r\n <label for=\"message\">Mensagem<\/label>\r\n <textarea id=\"message\" name=\"message\" placeholder=\"Conta-nos brevemente o que o teu condom\u00ednio precisa...\" required><\/textarea>\r\n <\/div>\r\n\r\n <p id=\"formMessage\" class=\"form-message\"><\/p>\r\n\r\n <button type=\"submit\" class=\"btn\">Enviar pedido<\/button>\r\n <\/form>\r\n\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- FOOTER -->\r\n <footer>\r\n <div class=\"container footer-content\">\r\n <p><strong>A Porta Nobre<\/strong> \u2014 Gest\u00e3o de Condom\u00ednios<\/p>\r\n <p>\u00a9 2026 A Porta Nobre. Todos os direitos reservados.<\/p>\r\n <\/div>\r\n <\/footer>\r\n\r\n\r\n <script>\r\n document.addEventListener(\"DOMContentLoaded\", function () {\r\n const carousel = document.querySelector(\"[data-manual-reviews-carousel]\");\r\n if (!carousel) return;\r\n\r\n const track = carousel.querySelector(\".reviews-track\");\r\n const cards = Array.from(carousel.querySelectorAll(\".review-card\"));\r\n const prevBtn = carousel.querySelector(\".review-prev\");\r\n const nextBtn = carousel.querySelector(\".review-next\");\r\n const dotsContainer = document.querySelector(\".review-dots\");\r\n\r\n let currentIndex = 0;\r\n let startX = 0;\r\n let endX = 0;\r\n\r\n function getCardsPerView() {\r\n if (window.matchMedia(\"(max-width: 640px)\").matches) return 1;\r\n if (window.matchMedia(\"(max-width: 900px)\").matches) return 2;\r\n return 3;\r\n }\r\n\r\n function getGap() {\r\n return parseFloat(window.getComputedStyle(track).gap) || 22;\r\n }\r\n\r\n function getMaxIndex() {\r\n return Math.max(0, cards.length - getCardsPerView());\r\n }\r\n\r\n function createDots() {\r\n dotsContainer.innerHTML = \"\";\r\n\r\n const totalDots = getMaxIndex() + 1;\r\n\r\n if (totalDots <= 1) {\r\n dotsContainer.style.display = \"none\";\r\n return;\r\n }\r\n\r\n dotsContainer.style.display = \"flex\";\r\n\r\n for (let i = 0; i < totalDots; i++) {\r\n const dot = document.createElement(\"button\");\r\n dot.className = \"review-dot\";\r\n dot.type = \"button\";\r\n dot.setAttribute(\"aria-label\", \"Ver avalia\u00e7\u00e3o \" + (i + 1));\r\n\r\n dot.addEventListener(\"click\", function () {\r\n currentIndex = i;\r\n updateCarousel();\r\n });\r\n\r\n dotsContainer.appendChild(dot);\r\n }\r\n }\r\n\r\n function updateDots() {\r\n const dots = dotsContainer.querySelectorAll(\".review-dot\");\r\n\r\n dots.forEach(function (dot, index) {\r\n dot.classList.toggle(\"active\", index === currentIndex);\r\n });\r\n }\r\n\r\n function updateCarousel() {\r\n const maxIndex = getMaxIndex();\r\n\r\n if (currentIndex < 0) currentIndex = 0;\r\n if (currentIndex > maxIndex) currentIndex = maxIndex;\r\n\r\n const cardWidth = cards[0].getBoundingClientRect().width;\r\n const movement = currentIndex * (cardWidth + getGap());\r\n\r\n track.style.transform = \"translateX(-\" + movement + \"px)\";\r\n\r\n prevBtn.disabled = currentIndex === 0;\r\n nextBtn.disabled = currentIndex === maxIndex;\r\n\r\n updateDots();\r\n }\r\n\r\n prevBtn.addEventListener(\"click\", function () {\r\n currentIndex--;\r\n updateCarousel();\r\n });\r\n\r\n nextBtn.addEventListener(\"click\", function () {\r\n currentIndex++;\r\n updateCarousel();\r\n });\r\n\r\n track.addEventListener(\"pointerdown\", function (event) {\r\n startX = event.clientX;\r\n });\r\n\r\n track.addEventListener(\"pointerup\", function (event) {\r\n endX = event.clientX;\r\n const difference = startX - endX;\r\n\r\n if (Math.abs(difference) < 45) return;\r\n\r\n if (difference > 0) {\r\n currentIndex++;\r\n } else {\r\n currentIndex--;\r\n }\r\n\r\n updateCarousel();\r\n });\r\n\r\n window.addEventListener(\"resize\", function () {\r\n createDots();\r\n updateCarousel();\r\n });\r\n\r\n createDots();\r\n updateCarousel();\r\n });\r\n <\/script>\r\n\r\n <script>\r\n const contactForm = document.getElementById(\"contactForm\");\r\n const formMessage = document.getElementById(\"formMessage\");\r\n\r\n contactForm.addEventListener(\"submit\", async function (event) {\r\n event.preventDefault();\r\n\r\n const submitButton = contactForm.querySelector('button[type=\"submit\"]');\r\n const originalButtonText = submitButton.textContent;\r\n\r\n formMessage.className = \"form-message\";\r\n formMessage.textContent = \"\";\r\n\r\n submitButton.disabled = true;\r\n submitButton.textContent = \"A enviar...\";\r\n\r\n try {\r\n const formData = new FormData(contactForm);\r\n\r\n const response = await fetch(contactForm.action, {\r\n method: contactForm.method,\r\n body: formData,\r\n headers: {\r\n \"Accept\": \"application\/json\"\r\n }\r\n });\r\n\r\n if (response.ok) {\r\n contactForm.reset();\r\n\r\n formMessage.textContent = \"Pedido enviado com sucesso. Entraremos em contacto brevemente.\";\r\n formMessage.className = \"form-message success\";\r\n } else {\r\n formMessage.textContent = \"N\u00e3o foi poss\u00edvel enviar o pedido. Tenta novamente ou contacta-nos por email.\";\r\n formMessage.className = \"form-message error\";\r\n }\r\n } catch (error) {\r\n formMessage.textContent = \"Ocorreu um erro ao enviar o pedido. Verifica a liga\u00e7\u00e3o e tenta novamente.\";\r\n formMessage.className = \"form-message error\";\r\n } finally {\r\n submitButton.disabled = false;\r\n submitButton.textContent = originalButtonText;\r\n }\r\n });\r\n <\/script>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>A Porta Nobre \u2014 Gest\u00e3o de Condom\u00ednios com Proximidade A PortaNobre Servi\u00e7os M\u00e9todo Reviews Contactos Pedir proposta Gest\u00e3o de condom\u00ednios com proximidade O teu condom\u00ednio, mais simples de gerir. Na A Porta Nobre, unimos organiza\u00e7\u00e3o, resposta r\u00e1pida e uma gest\u00e3o humana para que cada condom\u00ednio tenha acompanhamento pr\u00f3ximo, comunica\u00e7\u00e3o clara e solu\u00e7\u00f5es eficazes \u2014 dos […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-421","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/aportanobre.pt\/index.php?rest_route=\/wp\/v2\/pages\/421","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/aportanobre.pt\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/aportanobre.pt\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/aportanobre.pt\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/aportanobre.pt\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=421"}],"version-history":[{"count":35,"href":"https:\/\/aportanobre.pt\/index.php?rest_route=\/wp\/v2\/pages\/421\/revisions"}],"predecessor-version":[{"id":475,"href":"https:\/\/aportanobre.pt\/index.php?rest_route=\/wp\/v2\/pages\/421\/revisions\/475"}],"wp:attachment":[{"href":"https:\/\/aportanobre.pt\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=421"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}