{"id":9,"date":"2026-05-30T16:20:54","date_gmt":"2026-05-30T19:20:54","guid":{"rendered":"https:\/\/calmoreiraalagoas.com.br\/?page_id=9"},"modified":"2026-06-03T10:03:36","modified_gmt":"2026-06-03T13:03:36","slug":"elementor-9","status":"publish","type":"page","link":"https:\/\/calmoreiraalagoas.com.br\/","title":{"rendered":"Cal Moreira | Vereador por Macei\u00f3"},"content":{"rendered":"\t\t
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\r\n\r\n\r\n \r\n \r\n Cal Moreira | Vereador por Macei\u00f3<\/title>\r\n <meta name=\"description\" content=\"Site institucional do vereador Cal Moreira. Trabalho de rua, presen\u00e7a nas comunidades e compromisso com Macei\u00f3.\" \/>\r\n <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.5.2\/css\/all.min.css\" \/>\r\n\r\n <style>\r\n :root {\r\n --red: #fe0000;\r\n --red-soft: rgba(254, 0, 0, .08);\r\n --blue: #35a4eb;\r\n --blue-dark: #07588d;\r\n --blue-soft: #eef8ff;\r\n --page-bg: #f7fbff;\r\n --black: #17212b;\r\n --white: #ffffff;\r\n --gray: #f6f8fb;\r\n --text: #1d1d1f;\r\n --muted: #5f6670;\r\n --line: rgba(7, 88, 141, .12);\r\n --shadow-soft: 0 10px 24px rgba(7, 88, 141, .08);\r\n --shadow-card: 0 8px 20px rgba(0, 0, 0, .06);\r\n --radius: 26px;\r\n --container: 1120px;\r\n }\r\n\r\n * { box-sizing: border-box; margin: 0; padding: 0; }\r\n html { scroll-behavior: smooth; }\r\n\r\n body {\r\n font-family: Arial, Helvetica, sans-serif;\r\n background: var(--page-bg);\r\n color: var(--text);\r\n overflow-x: hidden;\r\n -webkit-font-smoothing: antialiased;\r\n text-rendering: geometricPrecision;\r\n }\r\n\r\n a { color: inherit; text-decoration: none; }\r\n\r\n img {\r\n width: 100%; height: 100%;\r\n object-fit: cover;\r\n display: block;\r\n border-radius: inherit;\r\n }\r\n\r\n .hero-photo img, .photo-placeholder img, .cause-image img,\r\n .work-slide img, .auditorio img, .footer-logo-slot img {\r\n border-radius: inherit;\r\n overflow: hidden;\r\n }\r\n\r\n .layered-image {\r\n position: relative;\r\n isolation: isolate;\r\n overflow: visible;\r\n }\r\n\r\n .layered-image::before,\r\n .layered-image::after {\r\n content: \"\";\r\n position: absolute;\r\n inset: 0;\r\n border-radius: var(--radius);\r\n z-index: -1;\r\n pointer-events: none;\r\n }\r\n\r\n .layered-image::before {\r\n background: var(--red);\r\n transform: translate(18px, 18px);\r\n opacity: .92;\r\n }\r\n\r\n .layered-image::after {\r\n background: var(--blue);\r\n transform: translate(34px, 34px);\r\n opacity: .95;\r\n z-index: -2;\r\n }\r\n\r\n .layered-image > img,\r\n .layered-image .work-carousel,\r\n .layered-image .auditorio,\r\n .layered-image .photo-placeholder,\r\n .layered-image.cause-image {\r\n position: relative;\r\n z-index: 1;\r\n }\r\n\r\n .container {\r\n width: min(100% - 40px, var(--container));\r\n margin-inline: auto;\r\n }\r\n\r\n .section { padding: 96px 0; position: relative; }\r\n\r\n .btn {\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n min-height: 50px;\r\n padding: 0 24px;\r\n font-weight: 800;\r\n font-size: 13px;\r\n text-transform: uppercase;\r\n letter-spacing: .5px;\r\n border: 2px solid transparent;\r\n cursor: pointer;\r\n transition: .22s ease;\r\n border-radius: 999px;\r\n }\r\n\r\n .btn-primary {\r\n background: var(--red);\r\n color: var(--white);\r\n box-shadow: 0 8px 18px rgba(254, 0, 0, .16);\r\n }\r\n\r\n .btn-primary:hover { background: var(--blue-dark); transform: translateY(-2px); }\r\n\r\n .btn-outline {\r\n border-color: var(--blue-dark);\r\n color: var(--blue-dark);\r\n background: transparent;\r\n }\r\n\r\n .btn-outline:hover { background: var(--blue-dark); color: #fff; transform: translateY(-2px); }\r\n\r\n .section-title {\r\n display: flex;\r\n align-items: flex-end;\r\n gap: 18px;\r\n margin-bottom: 32px;\r\n }\r\n\r\n .section-title.vertical {\r\n align-items: center;\r\n justify-content: center;\r\n text-align: center;\r\n flex-direction: column;\r\n gap: 10px;\r\n }\r\n\r\n .label-stack {\r\n font-weight: 900;\r\n font-size: clamp(38px, 5vw, 58px);\r\n line-height: .94;\r\n letter-spacing: -1.8px;\r\n text-transform: uppercase;\r\n color: var(--black);\r\n }\r\n\r\n .label-stack .blue { color: var(--blue-dark); }\r\n .label-stack .red { color: var(--red); }\r\n\r\n .eyebrow {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 12px;\r\n color: var(--blue-dark);\r\n font-weight: 800;\r\n text-transform: uppercase;\r\n letter-spacing: 1.4px;\r\n font-size: 12px;\r\n margin-bottom: 20px;\r\n }\r\n\r\n .eyebrow::before {\r\n content: \"\";\r\n width: 42px; height: 3px;\r\n background: var(--red);\r\n border-radius: 999px;\r\n }\r\n\r\n \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n HEADER \u2014 logo | nav | social\r\n \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n .site-header {\r\n width: 100%;\r\n background: var(--blue-dark);\r\n color: var(--white);\r\n position: sticky;\r\n top: 0; left: 0;\r\n z-index: 9999;\r\n box-shadow: 0 8px 22px rgba(7, 88, 141, .16);\r\n }\r\n\r\n .site-header-inner {\r\n width: min(100% - 50px, var(--container));\r\n margin-inline: auto;\r\n min-height: 150px;\r\n display: flex;\r\n align-items: center;\r\n justify-content: space-between;\r\n gap: 24px;\r\n }\r\n\r\n \/* Esquerda: logo *\/\r\n .site-logo {\r\n width: 280px;\r\n height: 108px;\r\n display: flex;\r\n align-items: center;\r\n flex: 0 0 auto;\r\n }\r\n\r\n .site-logo img {\r\n width: 100%; height: 100%;\r\n object-fit: contain;\r\n object-position: left center;\r\n border-radius: 0;\r\n }\r\n\r\n \/* Centro: navega\u00e7\u00e3o *\/\r\n .site-nav {\r\n display: flex;\r\n align-items: center;\r\n gap: 26px;\r\n flex: 1;\r\n justify-content: center;\r\n }\r\n\r\n .site-nav a {\r\n color: var(--white);\r\n font-size: 13px;\r\n font-weight: 900;\r\n text-transform: uppercase;\r\n letter-spacing: .6px;\r\n transition: .22s ease;\r\n opacity: .92;\r\n white-space: nowrap;\r\n }\r\n\r\n .site-nav a:hover { color: var(--red); opacity: 1; }\r\n\r\n \/* Direita: redes sociais *\/\r\n .header-social {\r\n display: flex;\r\n align-items: center;\r\n gap: 8px;\r\n flex: 0 0 auto;\r\n }\r\n\r\n .header-social a {\r\n width: 32px; height: 32px;\r\n border-radius: 50%;\r\n display: grid;\r\n place-items: center;\r\n background: rgba(255,255,255,.15);\r\n color: white;\r\n font-size: 14px;\r\n transition: .22s ease;\r\n }\r\n\r\n .header-social a:hover {\r\n background: var(--red);\r\n transform: translateY(-2px);\r\n }\r\n\r\n \/* Hamb\u00farguer \u2014 oculto no desktop *\/\r\n .menu-toggle {\r\n display: none;\r\n width: 46px; height: 46px;\r\n border: 0;\r\n background: transparent;\r\n cursor: pointer;\r\n padding: 0;\r\n z-index: 10001;\r\n }\r\n\r\n .menu-toggle span {\r\n display: block;\r\n width: 30px; height: 3px;\r\n background: var(--white);\r\n border-radius: 999px;\r\n margin: 6px auto;\r\n transition: .22s ease;\r\n }\r\n\r\n .mobile-overlay {\r\n position: fixed;\r\n inset: 0;\r\n background: rgba(0,0,0,.45);\r\n opacity: 0;\r\n visibility: hidden;\r\n transition: .22s ease;\r\n z-index: 9997;\r\n }\r\n\r\n .mobile-overlay.active { opacity: 1; visibility: visible; }\r\n\r\n .mobile-close { display: none; }\r\n\r\n \/* Mobile \u2264 860px *\/\r\n @media (max-width: 860px) {\r\n .site-header-inner {\r\n width: min(100% - 28px, var(--container));\r\n min-height: 106px;\r\n }\r\n\r\n .site-logo { width: 210px; height: 86px; }\r\n\r\n \/* Redes somem do header \u2014 ficam no footer *\/\r\n .header-social { display: none; }\r\n\r\n .menu-toggle { display: block; }\r\n\r\n .site-nav {\r\n position: fixed;\r\n top: 0; right: 0;\r\n width: min(82vw, 340px);\r\n height: 100vh;\r\n background: var(--blue-dark);\r\n flex-direction: column;\r\n align-items: flex-start;\r\n justify-content: flex-start;\r\n gap: 0;\r\n padding: 96px 28px 28px;\r\n transform: translateX(100%);\r\n transition: transform .28s ease;\r\n z-index: 9998;\r\n box-shadow: -14px 0 30px rgba(0,0,0,.18);\r\n flex: unset;\r\n }\r\n\r\n .site-nav.active { transform: translateX(0); }\r\n\r\n .site-nav a {\r\n width: 100%;\r\n padding: 18px 0;\r\n border-bottom: 1px solid rgba(255,255,255,.16);\r\n font-size: 15px;\r\n white-space: normal;\r\n }\r\n\r\n .mobile-close {\r\n display: grid;\r\n place-items: center;\r\n position: absolute;\r\n top: 22px; right: 22px;\r\n width: 44px; height: 44px;\r\n border: 1px solid rgba(255,255,255,.28);\r\n border-radius: 50%;\r\n background: transparent;\r\n color: var(--white);\r\n font-size: 30px;\r\n line-height: 1;\r\n cursor: pointer;\r\n }\r\n\r\n body.menu-open { overflow: hidden; }\r\n }\r\n\r\n \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n HERO\r\n \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n .hero {\r\n min-height: 720px;\r\n padding: 58px 0 74px;\r\n background: var(--page-bg);\r\n position: relative;\r\n overflow: hidden;\r\n color: var(--blue-dark);\r\n border-radius: 0 0 38px 38px;\r\n }\r\n\r\n .hero::before {\r\n content: \"\";\r\n position: absolute;\r\n right: -180px; top: -180px;\r\n width: 520px; height: 520px;\r\n background: radial-gradient(circle, rgba(53,164,235,.18), transparent 68%);\r\n border-radius: 50%;\r\n }\r\n\r\n .hero::after {\r\n content: \"\";\r\n position: absolute;\r\n left: -180px; bottom: -230px;\r\n width: 460px; height: 460px;\r\n background: radial-gradient(circle, rgba(254,0,0,.08), transparent 68%);\r\n border-radius: 50%;\r\n }\r\n\r\n .hero-inner {\r\n position: relative;\r\n z-index: 1;\r\n min-height: 625px;\r\n display: grid;\r\n grid-template-columns: .92fr 1.08fr;\r\n align-items: center;\r\n gap: 72px;\r\n }\r\n\r\n .hero-photo {\r\n width: min(430px, 100%);\r\n aspect-ratio: 4 \/ 5;\r\n border-radius: 30px;\r\n justify-self: center;\r\n }\r\n\r\n .hero-photo img { box-shadow: var(--shadow-soft); }\r\n\r\n .hero h1 {\r\n font-size: clamp(36px, 5.3vw, 66px);\r\n line-height: 1;\r\n letter-spacing: -2.4px;\r\n text-transform: uppercase;\r\n font-weight: 900;\r\n max-width: 790px;\r\n color: var(--blue-dark);\r\n }\r\n\r\n .hero h1 span { color: var(--red); }\r\n\r\n .hero p {\r\n max-width: 560px;\r\n color: var(--muted);\r\n margin: 26px 0 34px;\r\n font-size: 18px;\r\n line-height: 1.65;\r\n font-weight: 500;\r\n }\r\n\r\n .hero-actions { display: flex; gap: 14px; flex-wrap: wrap; }\r\n\r\n \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n MEU TRABALHO\r\n \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n .work-section { padding: 96px 0; background: transparent; }\r\n\r\n .work-layout {\r\n display: grid;\r\n grid-template-columns: 1.1fr 1fr;\r\n gap: 60px;\r\n align-items: center;\r\n }\r\n\r\n .work-carousel-area { position: relative; border-radius: var(--radius); }\r\n\r\n .work-carousel {\r\n position: relative;\r\n overflow: hidden;\r\n border-radius: var(--radius);\r\n box-shadow: var(--shadow-card);\r\n aspect-ratio: 4 \/ 4.5;\r\n background: #eef4f8;\r\n }\r\n\r\n .work-slide {\r\n position: absolute;\r\n inset: 0;\r\n width: 100%; height: 100%;\r\n opacity: 0;\r\n pointer-events: none;\r\n transition: opacity .55s ease, transform .55s ease;\r\n transform: scale(1.015);\r\n }\r\n\r\n .work-slide.active {\r\n opacity: 1;\r\n pointer-events: auto;\r\n transform: scale(1);\r\n z-index: 1;\r\n }\r\n\r\n .work-slide img {\r\n width: 100%; height: 100%;\r\n object-fit: cover;\r\n display: block;\r\n border-radius: inherit;\r\n }\r\n\r\n .work-carousel-controls {\r\n position: absolute;\r\n bottom: 20px; left: 20px;\r\n display: flex; gap: 10px;\r\n }\r\n\r\n .work-carousel-controls button {\r\n width: 46px; height: 46px;\r\n border: none;\r\n border-radius: 50%;\r\n background: rgba(255,255,255,.94);\r\n color: var(--blue-dark);\r\n font-size: 25px;\r\n font-weight: 800;\r\n cursor: pointer;\r\n transition: .22s ease;\r\n box-shadow: 0 8px 18px rgba(0,0,0,.10);\r\n }\r\n\r\n .work-carousel-controls button:hover {\r\n background: var(--red); color: #fff; transform: translateY(-2px);\r\n }\r\n\r\n .work-content .label-stack { margin-bottom: 28px; }\r\n\r\n .work-date {\r\n color: var(--blue-dark);\r\n font-weight: 800;\r\n margin-bottom: 18px;\r\n font-size: 13px;\r\n text-transform: uppercase;\r\n letter-spacing: 1.1px;\r\n }\r\n\r\n .work-content h3 {\r\n font-size: clamp(30px, 4vw, 44px);\r\n line-height: 1.14;\r\n margin-bottom: 22px;\r\n color: var(--black);\r\n font-weight: 900;\r\n letter-spacing: -1.3px;\r\n }\r\n\r\n .work-content p {\r\n font-size: 17px;\r\n line-height: 1.78;\r\n color: var(--muted);\r\n margin-bottom: 32px;\r\n font-weight: 400;\r\n }\r\n\r\n \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n QUEM SOU\r\n \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n .about-grid {\r\n display: grid;\r\n grid-template-columns: .9fr 1.1fr;\r\n gap: 70px;\r\n align-items: center;\r\n }\r\n\r\n .about-text h2 {\r\n font-size: clamp(36px, 5vw, 60px);\r\n line-height: 1;\r\n text-transform: uppercase;\r\n letter-spacing: -2px;\r\n margin-bottom: 24px;\r\n font-weight: 900;\r\n color: var(--black);\r\n }\r\n\r\n .about-text h2 span { color: var(--blue-dark); }\r\n\r\n .about-text p {\r\n margin-top: 16px;\r\n color: var(--muted);\r\n line-height: 1.75;\r\n font-size: 16px;\r\n font-weight: 400;\r\n }\r\n\r\n .photo-card { position: relative; overflow: visible; border-radius: var(--radius); }\r\n\r\n .photo-placeholder {\r\n aspect-ratio: 4 \/ 4.7;\r\n overflow: hidden;\r\n border-radius: var(--radius);\r\n box-shadow: var(--shadow-card);\r\n }\r\n\r\n .quote-badge {\r\n margin-top: 16px;\r\n background: var(--blue-dark);\r\n color: white;\r\n padding: 20px 22px;\r\n border-radius: 22px;\r\n font-weight: 800;\r\n font-size: 15px;\r\n line-height: 1.45;\r\n border-left: 5px solid var(--red);\r\n }\r\n\r\n \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n O QUE DEFENDO\r\n \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n .defendo { padding-top: 72px; background: transparent; border-radius: 38px; }\r\n\r\n .defendo .intro {\r\n max-width: 780px;\r\n margin: 0 auto 52px;\r\n text-align: center;\r\n color: var(--muted);\r\n font-weight: 400;\r\n line-height: 1.65;\r\n font-size: 17px;\r\n }\r\n\r\n .cards-3 {\r\n display: grid;\r\n grid-template-columns: repeat(3, 1fr);\r\n gap: 56px;\r\n align-items: stretch;\r\n }\r\n\r\n .cause-card {\r\n min-height: 340px;\r\n position: relative;\r\n border-radius: var(--radius);\r\n overflow: visible;\r\n transition: .22s ease;\r\n }\r\n\r\n .cause-card:hover { transform: translateY(-4px); }\r\n\r\n .cause-image {\r\n height: 250px;\r\n overflow: hidden;\r\n border-radius: var(--radius);\r\n box-shadow: var(--shadow-card);\r\n position: relative;\r\n z-index: 1;\r\n }\r\n\r\n .cause-title {\r\n position: absolute;\r\n left: 28px; right: 28px; bottom: 0;\r\n min-height: 92px;\r\n background: var(--blue);\r\n color: var(--white);\r\n display: grid;\r\n place-items: center;\r\n text-align: center;\r\n padding: 18px;\r\n font-weight: 900;\r\n font-size: 20px;\r\n line-height: .95;\r\n letter-spacing: -.6px;\r\n text-transform: uppercase;\r\n border-radius: 28px;\r\n border: 0;\r\n box-shadow: 12px 12px 0 rgba(254,0,0,.9);\r\n z-index: 2;\r\n }\r\n\r\n .cause-title span { display: none; }\r\n\r\n \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n NOT\u00cdCIAS\r\n \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n .news-section { padding: 88px 0 98px; background: transparent; }\r\n\r\n .news-header { margin-bottom: 38px; }\r\n\r\n .news-header h2 {\r\n font-size: clamp(34px, 4.5vw, 52px);\r\n line-height: 1;\r\n letter-spacing: -1.7px;\r\n font-weight: 900;\r\n text-transform: uppercase;\r\n color: var(--black);\r\n }\r\n\r\n .news-header h2 span { color: var(--blue-dark); }\r\n\r\n .news-editorial-layout {\r\n display: grid;\r\n grid-template-columns: .9fr 1.1fr;\r\n gap: 32px;\r\n align-items: start;\r\n margin-bottom: 54px;\r\n }\r\n\r\n .featured-news { display: block; text-decoration: none; color: inherit; }\r\n\r\n .featured-news-image {\r\n aspect-ratio: 16 \/ 12;\r\n overflow: hidden;\r\n border-radius: 18px;\r\n margin-bottom: 18px;\r\n }\r\n\r\n .featured-news h3 {\r\n font-size: clamp(28px, 3.4vw, 40px);\r\n line-height: 1.08;\r\n letter-spacing: -1.4px;\r\n font-weight: 900;\r\n color: var(--black);\r\n max-width: 580px;\r\n }\r\n\r\n .featured-news:hover h3,\r\n .news-list-item:hover h3,\r\n .topic-news-card:hover h4 { color: var(--blue-dark); }\r\n\r\n .news-list { display: grid; gap: 0; }\r\n\r\n .news-list-item {\r\n display: block;\r\n padding: 0 0 24px;\r\n margin-bottom: 20px;\r\n border-bottom: 1px solid rgba(23,33,43,.16);\r\n text-decoration: none;\r\n color: inherit;\r\n }\r\n\r\n .news-list-item time {\r\n display: block;\r\n color: #7b858f;\r\n font-size: 16px;\r\n margin-bottom: 10px;\r\n font-weight: 400;\r\n }\r\n\r\n .news-list-item h3 {\r\n font-size: clamp(23px, 2.3vw, 29px);\r\n line-height: 1.16;\r\n letter-spacing: -.7px;\r\n font-weight: 900;\r\n color: var(--black);\r\n transition: .22s ease;\r\n }\r\n\r\n .topic-news-grid {\r\n display: grid;\r\n grid-template-columns: repeat(3, 1fr);\r\n column-gap: 30px;\r\n row-gap: 42px;\r\n }\r\n\r\n .topic-news-card { display: block; text-decoration: none; color: inherit; }\r\n\r\n .topic-news-card .topic-label {\r\n display: block;\r\n font-size: 28px;\r\n line-height: 1;\r\n font-weight: 900;\r\n letter-spacing: -.7px;\r\n margin-bottom: 18px;\r\n padding-bottom: 18px;\r\n border-bottom: 5px solid currentColor;\r\n border-radius: 0 0 4px 4px;\r\n }\r\n\r\n .topic-news-card h4 {\r\n color: var(--black);\r\n font-size: clamp(20px, 2vw, 25px);\r\n line-height: 1.18;\r\n letter-spacing: -.5px;\r\n font-weight: 700;\r\n transition: .22s ease;\r\n }\r\n\r\n .topic-news-card.health .topic-label { color: #087132; }\r\n .topic-news-card.education .topic-label { color: var(--blue-dark); }\r\n .topic-news-card.infrastructure .topic-label { color: #ffc400; }\r\n\r\n \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n CONTATO\r\n \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n .participate { background: transparent; border-radius: 38px 38px 0 0; }\r\n\r\n .participate-grid {\r\n display: grid;\r\n grid-template-columns: .74fr 1.26fr;\r\n gap: 82px;\r\n align-items: center;\r\n }\r\n\r\n .participate-image { position: relative; border-radius: var(--radius); overflow: visible; }\r\n\r\n .auditorio {\r\n aspect-ratio: 4 \/ 3.2;\r\n overflow: hidden;\r\n border-radius: var(--radius);\r\n box-shadow: var(--shadow-card);\r\n }\r\n\r\n .form-wrap > p {\r\n color: var(--blue-dark);\r\n font-weight: 900;\r\n line-height: 1.25;\r\n margin-bottom: 26px;\r\n font-size: clamp(24px, 3vw, 34px);\r\n letter-spacing: -1.1px;\r\n max-width: 720px;\r\n }\r\n\r\n .form-wrap > p span { color: var(--red); }\r\n\r\n .formulario-contato {\r\n width: 100%;\r\n max-width: 600px;\r\n display: flex;\r\n flex-direction: column;\r\n gap: 14px;\r\n padding: 24px;\r\n background: #fff;\r\n border: 1px solid var(--line);\r\n box-shadow: var(--shadow-card);\r\n border-radius: var(--radius);\r\n }\r\n\r\n .formulario-contato input,\r\n .formulario-contato textarea {\r\n width: 100%;\r\n padding: 16px 18px;\r\n border: 1px solid #dce3ea;\r\n border-radius: 16px;\r\n font-size: 15px;\r\n font-family: inherit;\r\n outline: none;\r\n transition: 0.22s ease;\r\n box-sizing: border-box;\r\n background: #f9fbfd;\r\n color: var(--text);\r\n }\r\n\r\n .formulario-contato input:focus,\r\n .formulario-contato textarea:focus {\r\n border-color: var(--blue-dark);\r\n box-shadow: 0 0 0 4px rgba(7,88,141,0.11);\r\n background: #fff;\r\n }\r\n\r\n .formulario-contato textarea { min-height: 140px; resize: vertical; }\r\n .formulario-contato button { border: none; }\r\n\r\n \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n FOOTER\r\n \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n .footer { background: var(--blue-dark); color: white; padding: 70px 0 30px; }\r\n\r\n .footer-grid {\r\n display: grid;\r\n grid-template-columns: 1.1fr .9fr .9fr;\r\n gap: 38px;\r\n align-items: start;\r\n }\r\n\r\n .footer-logo-slot {\r\n width: 230px; height: 76px;\r\n display: flex;\r\n align-items: center;\r\n justify-content: flex-start;\r\n border-radius: 0;\r\n }\r\n\r\n .footer-logo-slot img {\r\n width: 100%; height: 100%;\r\n object-fit: contain;\r\n object-position: left center;\r\n border-radius: 0;\r\n }\r\n\r\n .footer-box p {\r\n color: rgba(255,255,255,.82);\r\n line-height: 1.6;\r\n margin-top: 16px;\r\n font-size: 14px;\r\n max-width: 350px;\r\n font-weight: 500;\r\n }\r\n\r\n .footer h4 {\r\n font-size: 15px;\r\n text-transform: uppercase;\r\n letter-spacing: .9px;\r\n margin-bottom: 16px;\r\n color: white;\r\n font-weight: 900;\r\n }\r\n\r\n .footer-menu { list-style: none; display: grid; gap: 10px; }\r\n\r\n .footer-menu a {\r\n color: rgba(255,255,255,.82);\r\n font-weight: 500;\r\n transition: .22s ease;\r\n }\r\n\r\n .footer-menu a:hover { color: white; padding-left: 6px; }\r\n\r\n .footer-contact { color: rgba(255,255,255,.85); line-height: 1.8; font-weight: 500; }\r\n .footer-contact a { color: white; font-weight: 500; }\r\n\r\n .footer-social { display: flex; gap: 10px; margin-top: 18px; }\r\n\r\n .footer-social a {\r\n width: 40px; height: 40px;\r\n border-radius: 50%;\r\n display: grid;\r\n place-items: center;\r\n background: var(--red);\r\n color: white;\r\n font-size: 16px;\r\n transition: .22s ease;\r\n }\r\n\r\n .footer-social a:hover { background: white; color: var(--blue-dark); transform: translateY(-2px); }\r\n\r\n .footer-bottom {\r\n border-top: 1px solid rgba(255,255,255,.18);\r\n margin-top: 42px;\r\n padding-top: 22px;\r\n display: flex;\r\n justify-content: flex-start;\r\n gap: 20px;\r\n flex-wrap: wrap;\r\n color: rgba(255,255,255,.72);\r\n font-size: 13px;\r\n font-weight: 500;\r\n }\r\n\r\n .decor-star, .decor-lines, .decor-circleline { display: none; }\r\n\r\n \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n RESPONSIVO \u2014 tablet mant\u00e9m desktop, empilha s\u00f3 abaixo de 768px\r\n \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n @media (max-width: 768px) {\r\n .hero-inner, .about-grid, .work-layout, .participate-grid {\r\n grid-template-columns: 1fr;\r\n }\r\n\r\n .hero { min-height: auto; padding-top: 44px; }\r\n .hero-inner { min-height: auto; gap: 28px; }\r\n .hero-photo { order: 1; width: min(100%, 500px); }\r\n\r\n .layered-image::before { transform: translate(12px, 12px); }\r\n .layered-image::after { transform: translate(22px, 22px); }\r\n\r\n .hero-content { order: 2; padding: 0 0 44px; text-align: center; }\r\n .hero-content .eyebrow, .hero-actions { justify-content: center; }\r\n .hero h1, .hero p { margin-left: auto; margin-right: auto; }\r\n\r\n .cards-3 { grid-template-columns: 1fr; gap: 34px; }\r\n .cause-card { min-height: 360px; }\r\n .cause-image { height: 270px; }\r\n\r\n .work-carousel { max-width: 620px; margin-inline: auto; }\r\n\r\n .participate-grid { gap: 30px; }\r\n .auditorio { max-width: 560px; width: 100%; margin-inline: auto; }\r\n\r\n .footer-grid { grid-template-columns: 1fr 1fr; }\r\n .footer-grid .footer-box:first-child { grid-column: 1 \/ -1; }\r\n\r\n .news-editorial-layout, .topic-news-grid { grid-template-columns: 1fr; }\r\n .featured-news-image { aspect-ratio: 16 \/ 9; }\r\n .topic-news-grid { row-gap: 34px; }\r\n }\r\n\r\n @media (max-width: 680px) {\r\n .container { width: min(100% - 28px, var(--container)); }\r\n\r\n .section, .work-section, .news-section { padding: 68px 0; }\r\n\r\n .hero { padding-top: 34px; }\r\n .hero h1 { font-size: clamp(31px, 9vw, 44px); letter-spacing: -1.4px; }\r\n .hero p { max-width: 100%; font-size: 16px; margin: 20px 0 26px; }\r\n .hero-photo { width: calc(100% - 22px); aspect-ratio: 4 \/ 4.6; }\r\n\r\n .layered-image::before { transform: translate(8px, 8px); }\r\n .layered-image::after { transform: translate(15px, 15px); }\r\n\r\n .eyebrow { max-width: 100%; gap: 10px; letter-spacing: 1px; line-height: 1.25; }\r\n .eyebrow::before { width: 34px; flex: 0 0 34px; }\r\n\r\n .hero-actions .btn { width: 100%; }\r\n\r\n .section-title { flex-direction: column; align-items: flex-start; }\r\n .section-title.vertical { align-items: center; }\r\n .label-stack { font-size: 38px; }\r\n\r\n .about-text h2 { font-size: clamp(32px, 10.5vw, 44px); }\r\n .photo-placeholder { aspect-ratio: 4 \/ 4.4; }\r\n\r\n .cause-card { min-height: 320px; }\r\n .cause-image { height: 230px; }\r\n .cause-title {\r\n left: 18px; right: 18px;\r\n min-height: 86px;\r\n font-size: 18px;\r\n border-radius: 24px;\r\n box-shadow: 10px 10px 0 rgba(254,0,0,.9);\r\n }\r\n\r\n .work-carousel { aspect-ratio: 4 \/ 4.2; }\r\n .work-content h3 { font-size: 28px; }\r\n .work-content p, .about-text p, .defendo .intro { font-size: 16px; }\r\n .work-carousel-controls { bottom: 16px; left: 16px; }\r\n .work-carousel-controls button { width: 42px; height: 42px; font-size: 21px; }\r\n\r\n .form-wrap > p { font-size: 24px; }\r\n\r\n .footer-grid { grid-template-columns: 1fr; }\r\n .footer-bottom { flex-direction: column; }\r\n\r\n .news-section { padding: 68px 0 76px; }\r\n .news-editorial-layout { gap: 26px; margin-bottom: 42px; }\r\n .featured-news h3 { font-size: 28px; }\r\n .news-list-item h3 { font-size: 22px; }\r\n .topic-news-card .topic-label { font-size: 25px; }\r\n .topic-news-card h4 { font-size: 21px; }\r\n }\r\n <\/style>\r\n<\/head>\r\n\r\n<body>\r\n\r\n <!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n HEADER \u2014 logo | nav | social\r\n \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\r\n <header class=\"site-header\">\r\n <div class=\"site-header-inner\">\r\n\r\n <!-- Esquerda: logo -->\r\n <a class=\"site-logo\" href=\"#inicio\" aria-label=\"In\u00edcio\">\r\n <img decoding=\"async\" src=\"http:\/\/calmoreiraalagoas.com.br\/wp-content\/uploads\/2026\/05\/LOGO-Cal.png\" alt=\"Logo Cal Moreira\" \/>\r\n <\/a>\r\n\r\n <!-- Hamb\u00farguer (mobile) -->\r\n <button class=\"menu-toggle\" type=\"button\" aria-label=\"Abrir menu\" aria-controls=\"siteNav\" aria-expanded=\"false\">\r\n <span><\/span><span><\/span><span><\/span>\r\n <\/button>\r\n\r\n <!-- Centro: navega\u00e7\u00e3o -->\r\n <nav class=\"site-nav\" id=\"siteNav\" aria-label=\"Menu principal\">\r\n <button class=\"mobile-close\" type=\"button\" aria-label=\"Fechar menu\">\u00d7<\/button>\r\n <a href=\"#inicio\">In\u00edcio<\/a>\r\n <a href=\"#meutrabalho\">Meu trabalho<\/a>\r\n <a href=\"#quemsou\">Quem sou<\/a>\r\n <a href=\"#oquedefendo\">O que defendo<\/a>\r\n <a href=\"#participe\">Contato<\/a>\r\n <\/nav>\r\n\r\n <!-- Direita: redes sociais -->\r\n <div class=\"header-social\">\r\n <a href=\"https:\/\/wa.me\/5582999140485\" target=\"_blank\" rel=\"noopener\" aria-label=\"WhatsApp\"><i class=\"fa-brands fa-whatsapp\"><\/i><\/a>\r\n <a href=\"https:\/\/www.instagram.com\/calmoreiraa\/\" target=\"_blank\" rel=\"noopener\" aria-label=\"Instagram\"><i class=\"fa-brands fa-instagram\"><\/i><\/a>\r\n <a href=\"#\" target=\"_blank\" rel=\"noopener\" aria-label=\"Facebook\"><i class=\"fa-brands fa-facebook-f\"><\/i><\/a>\r\n <a href=\"#\" target=\"_blank\" rel=\"noopener\" aria-label=\"YouTube\"><i class=\"fa-brands fa-youtube\"><\/i><\/a>\r\n <\/div>\r\n\r\n <\/div>\r\n <\/header>\r\n\r\n <div class=\"mobile-overlay\"><\/div>\r\n\r\n <main>\r\n\r\n <!-- 1. HERO -->\r\n <section class=\"hero\" id=\"inicio\">\r\n <div class=\"container hero-inner\">\r\n <div class=\"hero-photo layered-image\">\r\n <img decoding=\"async\" src=\"http:\/\/calmoreiraalagoas.com.br\/wp-content\/uploads\/2026\/05\/FLA_0163.JPG-scaled.jpeg\" alt=\"Cal Moreira\" \/>\r\n <\/div>\r\n <div class=\"hero-content\">\r\n <div class=\"eyebrow\">Segundo mandato como vereador<\/div>\r\n <h1>Das grotas ao plen\u00e1rio: <span>a voz de quem conhece Macei\u00f3<\/span><\/h1>\r\n <p>Cal Moreira atua perto das comunidades, das grotas e das regi\u00f5es que mais precisam de aten\u00e7\u00e3o. Um mandato constru\u00eddo com origem popular, escuta ativa e trabalho de rua.<\/p>\r\n <div class=\"hero-actions\">\r\n <a class=\"btn btn-primary\" href=\"#quemsou\">Conhe\u00e7a a trajet\u00f3ria<\/a>\r\n <a class=\"btn btn-outline\" href=\"https:\/\/wa.me\/5582999140485\" target=\"_blank\" rel=\"noopener\">Fale com o gabinete<\/a>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- 2. MEU TRABALHO -->\r\n <section class=\"section work-section\" id=\"meutrabalho\">\r\n <div class=\"container\">\r\n <div class=\"work-layout\">\r\n <div class=\"work-carousel-area layered-image\">\r\n <div class=\"work-carousel\" id=\"workCarousel\">\r\n <div class=\"work-slide active\">\r\n <img decoding=\"async\" src=\"http:\/\/calmoreiraalagoas.com.br\/wp-content\/uploads\/2026\/06\/ChatGPT-Image-3-de-jun.-de-2026-09_51_47-1.png\">\r\n <\/div>\r\n <div class=\"work-slide\">\r\n <img decoding=\"async\" src=\"http:\/\/calmoreiraalagoas.com.br\/wp-content\/uploads\/2026\/06\/Untitled-design-2026-05-31T223739.827-1-1.png\">\r\n <\/div>\r\n <div class=\"work-slide\">\r\n <img src=http:\/\/calmoreiraalagoas.com.br\/wp-content\/uploads\/2026\/06\/Untitled-design-2026-06-03T094222.749-1-3.png\" alt=\"Cal Moreira acompanhando demandas de Macei\u00f3\">\r\n <\/div>\r\n <\/div>\r\n <div class=\"work-carousel-controls\">\r\n <button type=\"button\" onclick=\"changeSlide(-1)\" aria-label=\"Imagem anterior\">\u2039<\/button>\r\n <button type=\"button\" onclick=\"changeSlide(1)\" aria-label=\"Pr\u00f3xima imagem\">\u203a<\/button>\r\n <\/div>\r\n <\/div>\r\n <div class=\"work-content\">\r\n <div class=\"section-title\">\r\n <div class=\"label-stack\"><span class=\"red\">Meu<\/span><br>trabalho<\/div>\r\n <\/div>\r\n <div class=\"work-date\">Atua\u00e7\u00e3o parlamentar e trabalho de rua<\/div>\r\n <h3>Um mandato pr\u00f3ximo de quem vive os desafios de Macei\u00f3<\/h3>\r\n <p>Das comunidades atingidas pelas chuvas \u00e0s demandas por infraestrutura nas grotas, Cal Moreira acompanha de perto as necessidades da popula\u00e7\u00e3o e leva essas pautas ao poder p\u00fablico com presen\u00e7a, cobran\u00e7a e compromisso.<\/p>\r\n <a class=\"btn btn-primary\" href=\"https:\/\/www.instagram.com\/calmoreiraa\/\" target=\"_blank\" rel=\"noopener\">Acompanhe meu trabalho<\/a>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- 3. QUEM SOU -->\r\n <section class=\"section\" id=\"quemsou\">\r\n <div class=\"container about-grid\">\r\n <div>\r\n <div class=\"about-text\">\r\n <h2>Da origem popular ao trabalho por <span>Macei\u00f3<\/span><\/h2>\r\n <p>Cl\u00e1udio Moreira da Silva, conhecido como Cal Moreira, nasceu em Palmeira dos \u00cdndios e veio para Macei\u00f3 ainda crian\u00e7a. Antes da vida p\u00fablica, trabalhou como vendedor ambulante de CDs, DVDs, balas e doces dentro dos \u00f4nibus da capital, at\u00e9 se tornar empres\u00e1rio.<\/p>\r\n <p>Hoje, em seu segundo mandato como vereador por Macei\u00f3, mant\u00e9m uma atua\u00e7\u00e3o pr\u00f3xima das comunidades carentes e das grotas, apoiando projetos sociais, acompanhando demandas de perto e aproximando a popula\u00e7\u00e3o do poder p\u00fablico.<\/p>\r\n <br>\r\n <a class=\"btn btn-primary\" href=\"#meutrabalho\">Leia mais<\/a>\r\n <\/div>\r\n <\/div>\r\n <div class=\"photo-card layered-image\">\r\n <div class=\"photo-placeholder\">\r\n <img decoding=\"async\" src=\"http:\/\/calmoreiraalagoas.com.br\/wp-content\/uploads\/2026\/06\/ChatGPT-Image-3-de-jun.-de-2026-09_56_38-1-1.png\" \/>\r\n <\/div>\r\n <div class=\"quote-badge\">\"Trabalho de verdade acontece com presen\u00e7a, escuta e compromisso com quem mais precisa.\"<\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- 4. O QUE DEFENDO -->\r\n <section class=\"section defendo\" id=\"oquedefendo\">\r\n <div class=\"container\">\r\n <div class=\"section-title vertical\">\r\n <div class=\"label-stack\"><span class=\"blue\">O que<\/span> <span class=\"red\">defendo<\/span><\/div>\r\n <\/div>\r\n <p class=\"intro\">Uma atua\u00e7\u00e3o voltada para quem vive os desafios da cidade todos os dias: comunidades, grotas, sa\u00fade p\u00fablica, trabalhadores essenciais e regi\u00f5es que precisam de presen\u00e7a, cuidado e fiscaliza\u00e7\u00e3o.<\/p>\r\n <div class=\"cards-3\">\r\n <article class=\"cause-card\">\r\n <div class=\"cause-image layered-image\">\r\n <img decoding=\"async\" src=\"http:\/\/calmoreiraalagoas.com.br\/wp-content\/uploads\/2026\/06\/Untitled-design-2026-06-03T094222.749-1-3.png\" \/>\r\n <\/div>\r\n <h3 class=\"cause-title\">Comunidades e Grotas<\/h3>\r\n <\/article>\r\n <article class=\"cause-card\">\r\n <div class=\"cause-image layered-image\">\r\n <img decoding=\"async\" src=\"http:\/\/calmoreiraalagoas.com.br\/wp-content\/uploads\/2026\/05\/Captura-de-tela-2026-05-30-212704.png\" alt=\"Sa\u00fade p\u00fablica e cuidado\" \/>\r\n <\/div>\r\n <h3 class=\"cause-title\">Sa\u00fade P\u00fablica e Cuidado<\/h3>\r\n <\/article>\r\n <article class=\"cause-card\">\r\n <div class=\"cause-image layered-image\">\r\n <img decoding=\"async\" src=\"http:\/\/calmoreiraalagoas.com.br\/wp-content\/uploads\/2026\/05\/Captura-de-tela-2026-05-30-212837.png\" alt=\"Fiscaliza\u00e7\u00e3o e presen\u00e7a\" \/>\r\n <\/div>\r\n <h3 class=\"cause-title\">Fiscaliza\u00e7\u00e3o e Presen\u00e7a<\/h3>\r\n <\/article>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- 5. A\u00c7\u00d5ES EM DESTAQUE -->\r\n <section class=\"news-section\">\r\n <div class=\"container\">\r\n <div class=\"news-header\">\r\n <h2>A\u00e7\u00f5es <span>em destaque<\/span><\/h2>\r\n <\/div>\r\n <div class=\"news-editorial-layout\">\r\n <a href=\"#\" class=\"featured-news\">\r\n <div class=\"featured-news-image\">\r\n <img decoding=\"async\" src=\"http:\/\/calmoreiraalagoas.com.br\/wp-content\/uploads\/2026\/05\/Untitled-design-2026-05-31T223739.827-1.png\">\r\n <\/div>\r\n <h3>Cal Moreira e JHC, trabalhando juntos pelo futuro de Macei\u00f3.<\/h3>\r\n <\/a>\r\n <div class=\"news-list\">\r\n <a href=\"#\" class=\"news-list-item\">\r\n <time datetime=\"2026-05-11\"><\/time>\r\n <h3>Cal Moreira acompanha demandas de comunidades atingidas pelas chuvas em Macei\u00f3<\/h3>\r\n <\/a>\r\n <a href=\"#\" class=\"news-list-item\">\r\n <time datetime=\"2026-05-08\"><\/time>\r\n <h3>Vereador defende melhorias para trabalhadores e servi\u00e7os essenciais da capital<\/h3>\r\n <\/a>\r\n <a href=\"#\" class=\"news-list-item\">\r\n <time datetime=\"2026-05-07\"><\/time>\r\n <h3>Fiscaliza\u00e7\u00e3o refor\u00e7a cobran\u00e7a por infraestrutura nas grotas e bairros de Macei\u00f3<\/h3>\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n <div class=\"topic-news-grid\">\r\n <a href=\"#\" class=\"topic-news-card health\">\r\n <span class=\"topic-label\">Sa\u00fade<\/span>\r\n <h4>Cal Moreira prop\u00f5e prioridade de vacina\u00e7\u00e3o para trabalhadores portu\u00e1rios<\/h4>\r\n <\/a>\r\n <a href=\"#\" class=\"topic-news-card education\">\r\n <span class=\"topic-label\">Comunidade<\/span>\r\n <h4>Mandato acompanha de perto demandas de moradores nas regi\u00f5es mais vulner\u00e1veis<\/h4>\r\n <\/a>\r\n <a href=\"#\" class=\"topic-news-card infrastructure\">\r\n <span class=\"topic-label\">Infraestrutura<\/span>\r\n <h4>Solicita\u00e7\u00f5es buscam melhorias estruturais em grotas e bairros de Macei\u00f3<\/h4>\r\n <\/a>\r\n <a href=\"#\" class=\"topic-news-card health\">\r\n <span class=\"topic-label\">Sa\u00fade<\/span>\r\n <h4>A\u00e7\u00f5es refor\u00e7am o cuidado com quem depende dos servi\u00e7os p\u00fablicos da cidade<\/h4>\r\n <\/a>\r\n <a href=\"#\" class=\"topic-news-card education\">\r\n <span class=\"topic-label\">Fiscaliza\u00e7\u00e3o<\/span>\r\n <h4>Presen\u00e7a nas ruas ajuda a levar as necessidades da popula\u00e7\u00e3o ao poder p\u00fablico<\/h4>\r\n <\/a>\r\n <a href=\"#\" class=\"topic-news-card infrastructure\">\r\n <span class=\"topic-label\">Trabalho<\/span>\r\n <h4>Atua\u00e7\u00e3o parlamentar fortalece pautas ligadas aos trabalhadores essenciais<\/h4>\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- 6. CONTATO -->\r\n <section class=\"section participate\" id=\"participe\">\r\n <div class=\"container\">\r\n <div class=\"participate-grid\">\r\n <div class=\"participate-image layered-image\">\r\n <div class=\"auditorio\">\r\n <img decoding=\"async\" src=\"http:\/\/calmoreiraalagoas.com.br\/wp-content\/uploads\/2026\/05\/calmoreiraa_1780188310655.jpeg\" alt=\"Cal Moreira em agenda p\u00fablica\" \/>\r\n <\/div>\r\n <\/div>\r\n <div class=\"form-wrap\">\r\n <p><span>Sua voz \u00e9 importante.<\/span> Compartilhe demandas, sugest\u00f5es e necessidades da sua comunidade com o gabinete do parlamentar.<\/p>\r\n <form id=\"contatoForm\" class=\"formulario-contato\">\r\n <input type=\"text\" name=\"nome\" id=\"nome\" placeholder=\"Nome\" aria-label=\"Nome\" required>\r\n <input type=\"tel\" name=\"telefone\" id=\"telefone\" placeholder=\"Telefone\" aria-label=\"Telefone\" required>\r\n <input type=\"email\" name=\"email\" id=\"email\" placeholder=\"E-mail\" aria-label=\"E-mail\" required>\r\n <textarea name=\"mensagem\" id=\"mensagem\" placeholder=\"Mensagem\" aria-label=\"Mensagem\" required><\/textarea>\r\n <button class=\"btn btn-primary\" type=\"submit\">Enviar<\/button>\r\n <\/form>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <\/main>\r\n\r\n <!-- FOOTER -->\r\n <footer class=\"footer\">\r\n <div class=\"container footer-grid\">\r\n <div class=\"footer-box\">\r\n <a class=\"footer-logo-slot\" href=\"#inicio\" aria-label=\"In\u00edcio\">\r\n <img decoding=\"async\" src=\"http:\/\/calmoreiraalagoas.com.br\/wp-content\/uploads\/2026\/05\/LOGO-Cal.png\" alt=\"Logo Cal Moreira no rodap\u00e9\" \/>\r\n <\/a>\r\n <p>Presen\u00e7a, trabalho e compromisso com Macei\u00f3. Um mandato constru\u00eddo com escuta, proximidade e aten\u00e7\u00e3o \u00e0s comunidades.<\/p>\r\n <\/div>\r\n <div class=\"footer-box\">\r\n <h4>Menu<\/h4>\r\n <ul class=\"footer-menu\">\r\n <li><a href=\"#inicio\">In\u00edcio<\/a><\/li>\r\n <li><a href=\"#meutrabalho\">Meu trabalho<\/a><\/li>\r\n <li><a href=\"#quemsou\">Quem sou<\/a><\/li>\r\n <li><a href=\"#oquedefendo\">O que defende<\/a><\/li>\r\n <li><a href=\"#participe\">Contato<\/a><\/li>\r\n <\/ul>\r\n <\/div>\r\n <div class=\"footer-box footer-contact\">\r\n <h4>Contato<\/h4>\r\n <p>Vereador por Macei\u00f3\/AL<\/p>\r\n <p><a href=\"mailto:gab.calmoreira@maceio.al.leg.br\">gab.calmoreira@maceio.al.leg.br<\/a><\/p>\r\n <div class=\"footer-social\">\r\n <a href=\"https:\/\/wa.me\/5582999140485\" target=\"_blank\" rel=\"noopener\" aria-label=\"WhatsApp\"><i class=\"fa-brands fa-whatsapp\"><\/i><\/a>\r\n <a href=\"https:\/\/www.instagram.com\/calmoreiraa\/\" target=\"_blank\" rel=\"noopener\" aria-label=\"Instagram\"><i class=\"fa-brands fa-instagram\"><\/i><\/a>\r\n <a href=\"#\" target=\"_blank\" rel=\"noopener\" aria-label=\"Facebook\"><i class=\"fa-brands fa-facebook-f\"><\/i><\/a>\r\n <a href=\"#\" target=\"_blank\" rel=\"noopener\" aria-label=\"YouTube\"><i class=\"fa-brands fa-youtube\"><\/i><\/a>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"container footer-bottom\">\r\n <span>\u00a9 2026 Cal Moreira. Todos os direitos reservados.<\/span>\r\n <\/div>\r\n <\/footer>\r\n\r\n <script>\r\n document.addEventListener(\"DOMContentLoaded\", function () {\r\n const menuToggle = document.querySelector(\".menu-toggle\");\r\n const siteNav = document.querySelector(\".site-nav\");\r\n const mobileClose = document.querySelector(\".mobile-close\");\r\n const mobileOverlay = document.querySelector(\".mobile-overlay\");\r\n const menuLinks = document.querySelectorAll(\".site-nav a\");\r\n\r\n function openMenu() {\r\n siteNav.classList.add(\"active\");\r\n mobileOverlay.classList.add(\"active\");\r\n document.body.classList.add(\"menu-open\");\r\n menuToggle.setAttribute(\"aria-expanded\", \"true\");\r\n }\r\n\r\n function closeMenu() {\r\n siteNav.classList.remove(\"active\");\r\n mobileOverlay.classList.remove(\"active\");\r\n document.body.classList.remove(\"menu-open\");\r\n menuToggle.setAttribute(\"aria-expanded\", \"false\");\r\n }\r\n\r\n if (menuToggle) menuToggle.addEventListener(\"click\", openMenu);\r\n if (mobileOverlay) mobileOverlay.addEventListener(\"click\", closeMenu);\r\n if (mobileClose) mobileClose.addEventListener(\"click\", closeMenu);\r\n menuLinks.forEach(link => link.addEventListener(\"click\", closeMenu));\r\n window.addEventListener(\"keydown\", e => { if (e.key === \"Escape\") closeMenu(); });\r\n });\r\n\r\n document.addEventListener(\"DOMContentLoaded\", function () {\r\n let currentSlide = 0;\r\n const slides = document.querySelectorAll(\".work-slide\");\r\n const carouselArea = document.querySelector(\".work-carousel-area\");\r\n let autoplay;\r\n\r\n function showSlide(index) {\r\n if (!slides.length) return;\r\n if (index >= slides.length) currentSlide = 0;\r\n if (index < 0) currentSlide = slides.length - 1;\r\n slides.forEach((s, i) => s.classList.toggle(\"active\", i === currentSlide));\r\n }\r\n\r\n window.changeSlide = function (dir) {\r\n currentSlide += dir;\r\n showSlide(currentSlide);\r\n clearInterval(autoplay);\r\n startAutoplay();\r\n };\r\n\r\n function startAutoplay() {\r\n autoplay = setInterval(() => { currentSlide++; showSlide(currentSlide); }, 5000);\r\n }\r\n\r\n if (carouselArea) {\r\n carouselArea.addEventListener(\"mouseenter\", () => clearInterval(autoplay));\r\n carouselArea.addEventListener(\"mouseleave\", startAutoplay);\r\n }\r\n\r\n showSlide(0);\r\n startAutoplay();\r\n });\r\n\r\n document.getElementById(\"contatoForm\").addEventListener(\"submit\", function (e) {\r\n e.preventDefault();\r\n const nome = document.getElementById(\"nome\").value;\r\n const telefone = document.getElementById(\"telefone\").value;\r\n const email = document.getElementById(\"email\").value;\r\n const mensagem = document.getElementById(\"mensagem\").value;\r\n const texto = `Oi, meu nome \u00e9 ${nome}, telefone ${telefone}, e-mail ${email}, e tenho uma sugest\u00e3o de melhoria que \u00e9: ${mensagem}. Vim pelo site do vereador.`;\r\n window.open(`https:\/\/wa.me\/5582999140485?text=${encodeURIComponent(texto)}`, \"_blank\");\r\n });\r\n <\/script>\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","protected":false},"excerpt":{"rendered":"<p>Cal Moreira | Vereador por Macei\u00f3 \u00d7 In\u00edcio Meu trabalho Quem sou O que defendo Contato Segundo mandato como vereador […]<\/p>\n","protected":false},"author":1,"featured_media":31,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-9","page","type-page","status-publish","has-post-thumbnail","hentry"],"_links":{"self":[{"href":"https:\/\/calmoreiraalagoas.com.br\/index.php?rest_route=\/wp\/v2\/pages\/9","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/calmoreiraalagoas.com.br\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/calmoreiraalagoas.com.br\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/calmoreiraalagoas.com.br\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/calmoreiraalagoas.com.br\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=9"}],"version-history":[{"count":59,"href":"https:\/\/calmoreiraalagoas.com.br\/index.php?rest_route=\/wp\/v2\/pages\/9\/revisions"}],"predecessor-version":[{"id":113,"href":"https:\/\/calmoreiraalagoas.com.br\/index.php?rest_route=\/wp\/v2\/pages\/9\/revisions\/113"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/calmoreiraalagoas.com.br\/index.php?rest_route=\/wp\/v2\/media\/31"}],"wp:attachment":[{"href":"https:\/\/calmoreiraalagoas.com.br\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=9"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}