PageSourceSearch

https://caraguatatuba.sp.leg.br/a-camara/historia

html caraguatatuba.sp.leg.br collected 2026-10-10 00:40:12 UTC 162,154 bytes, 1,912 lines download raw bytes

1<!DOCTYPE html>
2<html lang="pt_BR">
3<head>
4    <!-- meta tags -->
5<meta charset="UTF-8">
6<meta http-equiv="X-UA-Compatible" content="IE=edge">
7<meta name="viewport" content="width=device-width, initial-scale=1.0">
8<meta name="csrf-token" content="RLsv0DLYOVjiW1mNXua53Kq4C1GsMivC9g4B5m0D">
9
10<!-- title -->
11<title>Câmara Municipal de Caraguatatuba</title>
12
13<!-- meta title -->
14<meta name="title" content="Câmara Municipal de Caraguatatuba">
15
16<!-- meta description -->
17<meta name="description" content="Câmara Municipal de Caraguatatuba - Portal da Câmara Municipal de Caraguatatuba">
18
19<!-- meta keywords -->
20<meta name="keywords" content="Câmara Municipal de Caraguatatuba, Caraguatatuba, Câmara Municipal, Portal, Notícias, Eventos, Serviços, Transparência, Participação, Agenda, Agendamentos, Agendamentos Online">
21
22<!-- favicon -->
23<link rel="icon" type="image/x-icon" href="/addons/themes/cmc/assets/images/favicon-32x32.png">
24
25<!-- css -->
26<link rel="stylesheet" href="https://caraguatatuba.sp.leg.br/addons/themes/cmc/assets/css/bootstrap.min.css">
27<link rel="stylesheet" href="https://caraguatatuba.sp.leg.br/addons/themes/cmc/assets/css/all-fontawesome.min.css">
28<link rel="stylesheet" href="https://caraguatatuba.sp.leg.br/addons/themes/cmc/assets/css/animate.min.css">
29<link rel="stylesheet" href="https://caraguatatuba.sp.leg.br/addons/themes/cmc/assets/css/magnific-popup.min.css">
30<link rel="stylesheet" href="https://caraguatatuba.sp.leg.br/addons/themes/cmc/assets/css/owl.carousel.min.css">
31<link rel="stylesheet" href="https://caraguatatuba.sp.leg.br/addons/themes/cmc/assets/css/formValidation.min.css">
32<link rel="stylesheet" href="https://caraguatatuba.sp.leg.br/addons/themes/cmc/assets/css/style.css">
33<link rel="stylesheet" href="https://caraguatatuba.sp.leg.br/addons/themes/cmc/assets/css/toastr.min.css">
34<link rel="stylesheet" href="https://caraguatatuba.sp.leg.br/addons/themes/cmc/assets/css/accessibility.css?v=1782838094">
35<script>
36window.portalA11yConfig = {"storageKey":"pmss-portal-a11y","fontScaleMin":0.875,"fontScaleMax":2,"fontScaleStep":0.125,"fontScaleDefault":1,"containerId":"menu-acessibilidade","legacyFontScales":{"1":1,"1-25":1.25,"1-5":1.5,"2":2},"legacyFontScaleClasses":["font-scale-1","font-scale-1-25","font-scale-1-5","font-scale-2"]};
37(function (config) {
38    try {
39        var raw = window.localStorage.getItem(config.storageKey);
40        if (!raw) return;
41
42        var state = JSON.parse(raw);
43        var html = document.documentElement;
44        var fontScale = config.fontScaleDefault;
45
46        (config.legacyFontScaleClasses || []).forEach(function (className) {
47            html.classList.remove(className);
48        });
49
50        if (typeof state.fontScale === 'number' && !isNaN(state.fontScale)) {
51            fontScale = state.fontScale;
52        } else if (config.legacyFontScales && config.legacyFontScales[state.fontScale] !== undefined) {
53            fontScale = config.legacyFontScales[state.fontScale];
54        }
55
56        fontScale = Math.round(fontScale / config.fontScaleStep) * config.fontScaleStep;
57        if (fontScale < config.fontScaleMin) fontScale = config.fontScaleMin;
58        if (fontScale > config.fontScaleMax) fontScale = config.fontScaleMax;
59
60        html.style.setProperty('--portal-font-scale', String(fontScale));
61
62        if (state.highContrast) {
63            html.classList.add('high-contrast');
64        }
65    } catch (e) {}
66})(window.portalA11yConfig || {});
67</script>
67
68
69            <style>
70        /* Mini Banner Gradient - Banners pequenos com gradientes */
71.mini-banner-gradient-1,
72.mini-banner-gradient-2,
73.mini-banner-gradient-3,
74.mini-banner-gradient-4 {
75    display: flex;
76    align-items: center;
77    gap: 0.75rem;
78    padding: 0.75rem 1rem;
79    border-radius: var(--radius-md);
80    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
81    transition: all 0.3s ease;
82    text-decoration: none;
83    min-width: 160px;
84}
85
86.mini-banner-gradient-1:hover,
87.mini-banner-gradient-2:hover,
88.mini-banner-gradient-3:hover,
89.mini-banner-gradient-4:hover {
90    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1);
91    text-decoration: none;
92}
93
94.mini-banner-gradient-1 {
95    background: linear-gradient(135deg, var(--bs-primary) 0%, #0056b3 100%);
96}
97
98.mini-banner-gradient-2 {
99    background: linear-gradient(135deg, #28a745 0%, #20c997 100%);
100}
101
102.mini-banner-gradient-3 {
103    background: linear-gradient(135deg, #ff6b35 0%, #f7931e 100%);
104}
105
106.mini-banner-gradient-4 {
107    background: linear-gradient(135deg, #6f42c1 0%, #9c27b0 100%);
108}
109
110.mini-banner-icon {
111    font-size: 1.5rem;
112    color: var(--color-white);
113    transition: transform 0.3s ease;
114}
115
116.mini-banner-gradient-1:hover .mini-banner-icon,
117.mini-banner-gradient-2:hover .mini-banner-icon,
118.mini-banner-gradient-3:hover .mini-banner-icon,
119.mini-banner-gradient-4:hover .mini-banner-icon {
120    transform: scale(1.1);
121}
122
123.mini-banner-text {
124    display: flex;
125    flex-direction: column;
126}
127
128.mini-banner-label {
129    color: var(--color-white);
130    font-size: 10px;
131    font-weight: 700;
132    text-transform: uppercase;
133    letter-spacing: 0.05em;
134    line-height: 1;
135}
136
137.mini-banner-title {
138    color: var(--color-white);
139    font-size: var(--font-size-sm);
140    font-weight: 800;
141    line-height: 1.25;
142}
143
144@media (min-width: 1200px) {
145    .modal-xl {
146        --bs-modal-width:95% !important;
147    }
148}
149        </style>
150        <style>
151        :root {
152            --bs-primary: #003A70;
153            --bs-primary-rgb: 0, 58, 112;
154            --institutional: #003A70;
155            --institutional-light: #00579C;
156            --accent-yellow: #F2C94C;
157            --accent-red: #C1272D;
158            --accent-green: #2E7D32;
159            --background-light: #F5F5F5;
160            --text-dark: #333333;
161            --footer-background: #003A70;
162            --footer-dark: #333333;
163            --body-font: 'Yantramanav', "Noto Sans", sans-serif;
164        }
165    </style>
166
167    
168    <!-- js -->
169<script data-cfasync="false" src="https://caraguatatuba.sp.leg.br/addons/themes/cmc/assets/js/email-decode.min.js"></script>
vendor: 1 bytes, line 169
169
170<script src="https://caraguatatuba.sp.leg.br/addons/themes/cmc/assets/js/jquery-3.7.1.min.js"></script>
vendor: 1 bytes, line 170
170
171<script src="https://caraguatatuba.sp.leg.br/addons/themes/cmc/assets/js/modernizr.min.js"></script>
vendor: 1 bytes, line 171
171
172<script src="https://caraguatatuba.sp.leg.br/addons/themes/cmc/assets/js/bootstrap.bundle.min.js"></script>
vendor: 1 bytes, line 172
172
173<script src="https://caraguatatuba.sp.leg.br/addons/themes/cmc/assets/js/form-validation/FormValidation.full.min.js"></script>
vendor: 1 bytes, line 173
173
174<script src="https://caraguatatuba.sp.leg.br/addons/themes/cmc/assets/js/form-validation/plugins/Bootstrap5.min.js"></script>
vendor: 1 bytes, line 174
174
175<script src="https://caraguatatuba.sp.leg.br/addons/themes/cmc/assets/js/form-validation/plugins/AutoFocus.min.js"></script>
vendor: 1 bytes, line 175
175
176<script src="https://caraguatatuba.sp.leg.br/addons/themes/cmc/assets/js/form-validation/locales/pt_BR.min.js"></script>
vendor: 1 bytes, line 176
176
177<script src="https://caraguatatuba.sp.leg.br/addons/themes/cmc/assets/js/imagesloaded.pkgd.min.js"></script>
vendor: 1 bytes, line 177
177
178<script src="https://caraguatatuba.sp.leg.br/addons/themes/cmc/assets/js/jquery.magnific-popup.min.js"></script>
vendor: 1 bytes, line 178
178
179<script src="https://caraguatatuba.sp.leg.br/addons/themes/cmc/assets/js/jquery.mask.min.js"></script>
vendor: 1 bytes, line 179
179
180<script src="https://caraguatatuba.sp.leg.br/addons/themes/cmc/assets/js/toastr.min.js"></script>
vendor: 1 bytes, line 180
180
181<script src="https://caraguatatuba.sp.leg.br/addons/themes/cmc/assets/js/citizen-auth-forms.js"></script>
vendor: 1 bytes, line 181
181
182<script src="https://caraguatatuba.sp.leg.br/addons/themes/cmc/assets/js/fslightbox.js"></script>
vendor: 1 bytes, line 182
182
183<script src="https://caraguatatuba.sp.leg.br/addons/themes/cmc/assets/js/isotope.pkgd.min.js"></script>
vendor: 1 bytes, line 183
183
184<script src="https://caraguatatuba.sp.leg.br/addons/themes/cmc/assets/js/jquery.appear.min.js"></script>
vendor: 1 bytes, line 184
184
185<script src="https://caraguatatuba.sp.leg.br/addons/themes/cmc/assets/js/jquery.easing.min.js"></script>
vendor: 1 bytes, line 185
185
186<script src="https://caraguatatuba.sp.leg.br/addons/themes/cmc/assets/js/owl.carousel.min.js"></script>
vendor: 1 bytes, line 186
186
187<script src="https://caraguatatuba.sp.leg.br/addons/themes/cmc/assets/js/counter-up.js"></script>
vendor: 1 bytes, line 187
187
188<script src="https://caraguatatuba.sp.leg.br/addons/themes/cmc/assets/js/wow.min.js"></script>
vendor: 1 bytes, line 188
188
189<script src="https://caraguatatuba.sp.leg.br/addons/themes/cmc/assets/js/chart.umd.min.js"></script>
189
190
191
192    
192<script src="https://caraguatatuba.sp.leg.br/addons/themes/cmc/assets/js/main.js"></script>
192
193
194</head>
195<body>
196        
196<script>
197        
198    </script>
198
199        <!-- preloader -->
200<div class="preloader">
201            <div class="loader-book">
202            <div class="loader-book-page"></div>
203            <div class="loader-book-page"></div>
204            <div class="loader-book-page"></div>
205        </div>
206        </div>
207</div>
208<!-- preloader end -->
209    <a href="#portal-main-content" class="portal-skip-link">Ir para o conteúdo</a>
210    <!-- header top -->
211<div class="w-100 bg-primary text-white">
212    <div class="container py-2 portal-a11y-toolbar-host portal-a11y-toolbar-host--dark">
213        <nav class="portal-a11y-toolbar" aria-label="Ferramentas de acessibilidade">
214    <div class="portal-a11y-toolbar__group">
215        <a href="/acessibilidade" class="portal-a11y-toolbar__link">
216            Acessibilidade
217        </a>
218        <a href="/mapa-do-site" class="portal-a11y-toolbar__link">
219            Mapa do Site
220        </a>
221        <button
222            type="button"
223            id="portal-a11y-contrast-toggle"
224            class="portal-a11y-toolbar__button"
225            aria-pressed="false"
226        >
227            Alto Contraste
228        </button>
229    </div>
230
231    <div class="portal-a11y-toolbar__group">
232        <div class="portal-a11y-font-controls" role="group" aria-label="Tamanho da fonte">
233            <span class="portal-a11y-font-controls__label">Fonte</span>
234            <button type="button" id="portal-a11y-font-decrease" class="portal-a11y-font-controls__btn" aria-label="Diminuir fonte">A−</button>
235            <button type="button" id="portal-a11y-font-increase" class="portal-a11y-font-controls__btn" aria-label="Aumentar fonte">A+</button>
236        </div>
237    </div>
238</nav>
239
240<div id="portal-a11y-live" class="portal-a11y-live" aria-live="polite" aria-atomic="true"></div>
241        <div class="row align-items-center">
242            <div class="col-12 col-md-9">
243                <div class="d-flex flex-wrap gap-3 gap-md-4 align-items-center">
244                                <a href="https://www.facebook.com/CamaraMunicipaldeCaraguatatuba" target="black" class="text-decoration-none text-white text-opacity-75 fw-medium hover-text-white transition-all"><i class="fab fa-facebook"></i></a>
245<a href="https://www.instagram.com/camaracaraguatatuba/" target="black" class="text-decoration-none text-white text-opacity-75 fw-medium hover-text-white transition-all"><i class="fab fa-instagram"></i></a>
246<a href="https://www.youtube.com/@tvcamaracaraguatatuba" target="black" class="text-decoration-none text-white text-opacity-75 fw-medium hover-text-white transition-all"><i class="fab fa-youtube"></i></a>
247<div class="d-flex align-items-center"><div class="h-4 border-start mx-1" style="border-color: #d1d5db;"></div></div>
248<div id="menu-acessibilidade"></div>
249                                </div>
250            </div>
251            <div class="col-12 col-md-3">
252                <div class="d-flex align-items-center justify-content-md-end gap-2 gap-md-4 mt-2 mt-md-0">
253                                        
254                    <div class="d-flex align-items-center gap-2" data-auth-menu-wrapper>
255                <a href="https://caraguatatuba.sp.leg.br/login" class="text-white text-opacity-75 hover-text-white transition-all text-decoration-none" style="font-size: 0.85rem;">
256            <i class="fa fa-user-circle me-1" style="font-size: 1.05rem;"></i> Login
257        </a>
258        <a href="https://caraguatatuba.sp.leg.br/login" class="btn btn-link text-white text-decoration-none d-md-none text-opacity-75" title="Entrar">
259            <i class="fa fa-user-circle" style="font-size: 1.25rem;"></i>
260        </a>
261    </div>
262                </div>
263            </div>
264        </div>
265    </div>
266</div>
267<!-- header top end -->
268<!-- header area -->
269<header class="sticky-top w-100 bg-institutional-light shadow-md border-bottom" style="background: linear-gradient(to right, var(--institutional-light) 0%, #3d83bb 100%);">
270    <div class="container py-4">
271        <div class=" d-flex justify-content-between align-items-center">
272            <div class="col-auto">
273                <div class="d-flex align-items-center gap-3">
274                    <a href="https://caraguatatuba.sp.leg.br" class="d-flex align-items-center gap-2 text-decoration-none">
275                        <img src="/addons/themes/cmc/assets/images/brasao-caraguatatuba.png" width="64px">
276                        <div class="d-flex flex-column">
277                            <span class="text-white-50 fw-bold" style="font-size: 0.875rem; letter-spacing: 0.1em;">CÂMARA MUNICIPAL DE</span>
278                            <h2 class="text-white mb-0 fw-bold text-uppercase" style="font-size: 1.5rem; line-height: 1.2;">
279                                Caraguatatuba
280                            </h2>
281                        </div>
282                    </a>
283                </div>
284            </div>
285            <div class="col d-none d-xl-block ps-5">
286                <nav class="d-flex align-items-center gap-2 gap-xxl-3 position-relative">
287                                        <div class="dropdown position-static">
288            <a class="text-white text-decoration-none fw-bold text-uppercase hover-text-accent-yellow transition-all py-2 d-flex align-items-center gap-2 dropdown-toggle" href="/#" role="button" data-bs-toggle="dropdown" aria-expanded="false" style="font-size: 0.875rem;">
289                A Câmara
290                <i class="fa fa-chevron-down text-white-50 hover-text-accent-yellow transition-all" style="font-size: 0.5rem;"></i>
291            </a>
292                        <ul class="dropdown-menu dropdown-megamenu shadow-lg border-0 p-4">
293                <div class="container">
294                    <div class="row g-4">
295                                                                            <div class="col-md-3">
296                                                                                                        <h6 class="fw-bold text-primary mb-3 text-uppercase" style="font-size: 0.875rem;">Sobre</h6>
297                                                                                                    <ul class="list-unstyled mb-0">
298                                                                                                                        <li class="mb-2"><a class="text-dark text-decoration-none hover-text-primary transition-all d-flex align-items-center gap-2" href="/a-camara/historia">
299                                                                                                    <i class="fa fa-chevron-right" style="font-size: 0.5rem;"></i>
300                                                                                                História
301                                            </a></li>
302                                                                                                                                                                <li class="mb-2"><a class="text-dark text-decoration-none hover-text-primary transition-all d-flex align-items-center gap-2" href="/a-camara/galeria-de-ex-presidentes">
303                                                                                                    <i class="fa fa-chevron-right" style="font-size: 0.5rem;"></i>
304                                                                                                Galeria de Ex-Presidentes
305                                            </a></li>
306                                                                                                                                                                <li class="mb-2"><a class="text-dark text-decoration-none hover-text-primary transition-all d-flex align-items-center gap-2" href="/a-camara/galeria-de-ex-prefeitos">
307                                                                                                    <i class="fa fa-chevron-right" style="font-size: 0.5rem;"></i>
308                                                                                                Galeria de Ex-Prefeitos
309                                            </a></li>
310                                                                                                                                                                <li class="mb-2"><a class="text-dark text-decoration-none hover-text-primary transition-all d-flex align-items-center gap-2" href="/a-camara/vereadoras">
311                                                                                                    <i class="fa fa-chevron-right" style="font-size: 0.5rem;"></i>
312                                                                                                Vereadoras
313                                            </a></li>
314                                                                                                                                                                <li class="mb-2"><a class="text-dark text-decoration-none hover-text-primary transition-all d-flex align-items-center gap-2" href="/a-camara/vereadores-mais-votados">
315                                                                                                    <i class="fa fa-chevron-right" style="font-size: 0.5rem;"></i>
316                                                                                                Vereadores mais votados
317                                            </a></li>
318                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            </ul>
319                            </div>
320                                                    <div class="col-md-3">
321                                                                                                        <h6 class="fw-bold text-primary mb-3 text-uppercase" style="font-size: 0.875rem;">Estrutura</h6>
322                                                                                                    <ul class="list-unstyled mb-0">
323                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    <li class="mb-2"><a class="text-dark text-decoration-none hover-text-primary transition-all d-flex align-items-center gap-2" href="/a-camara/organograma">
324                                                                                                    <i class="fa fa-chevron-right" style="font-size: 0.5rem;"></i>
325                                                                                                Organograma
326                                            </a></li>
327                                                                                                                                                                <li class="mb-2"><a class="text-dark text-decoration-none hover-text-primary transition-all d-flex align-items-center gap-2" href="/a-camara/legislatura">
328                                                                                                    <i class="fa fa-chevron-right" style="font-size: 0.5rem;"></i>
329                                                                                                Leg
329islaturas
330                                            </a></li>
331                                                                                                                                                                <li class="mb-2"><a class="text-dark text-decoration-none hover-text-primary transition-all d-flex align-items-center gap-2" href="/a-camara/carta-de-servicos">
332                                                                                                    <i class="fa fa-chevron-right" style="font-size: 0.5rem;"></i>
333                                                                                                Carta de Serviços
334                                            </a></li>
335                                                                                                                                                                <li class="mb-2"><a class="text-dark text-decoration-none hover-text-primary transition-all d-flex align-items-center gap-2" href="/a-camara/calendario-de-eventos">
336                                                                                                    <i class="fa fa-chevron-right" style="font-size: 0.5rem;"></i>
337                                                                                                Calendário Legislativo e Eventos
338                                            </a></li>
339                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            </ul>
340                            </div>
341                                                    <div class="col-md-3">
342                                                                                                        <h6 class="fw-bold text-primary mb-3 text-uppercase" style="font-size: 0.875rem;">Documentos</h6>
343                                                                                                    <ul class="list-unstyled mb-0">
344                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    <li class="mb-2"><a class="text-dark text-decoration-none hover-text-primary transition-all d-flex align-items-center gap-2" href="/a-camara/regimento-interno">
345                                                                                                    <i class="fa fa-chevron-right" style="font-size: 0.5rem;"></i>
346                                                                                                Regimento Interno
347                                            </a></li>
348                                                                                                                                                                <li class="mb-2"><a class="text-dark text-decoration-none hover-text-primary transition-all d-flex align-items-center gap-2" href="/a-camara/lei-organica">
349                                                                                                    <i class="fa fa-chevron-right" style="font-size: 0.5rem;"></i>
350                                                                                                Lei Orgânica
351                                            </a></li>
352                                                                                                                                                                <li class="mb-2"><a class="text-dark text-decoration-none hover-text-primary transition-all d-flex align-items-center gap-2" href="/a-camara/plano-diretor">
353                                                                                                    <i class="fa fa-chevron-right" style="font-size: 0.5rem;"></i>
354                                                                                                Plano Diretor
355                                            </a></li>
356                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                        </ul>
357                            </div>
358                                                    <div class="col-md-3">
359                                                                                                        <h6 class="fw-bold text-primary mb-3 text-uppercase" style="font-size: 0.875rem;">Links Rápidos</h6>
360                                                                                                    <ul class="list-unstyled mb-0">
361                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                        <li class="mb-2"><a class="text-dark text-decoration-none hover-text-primary transition-all d-flex align-items-center gap-2" href="/a-camara/fale-conosco">
362                                                                                                    <i class="fa fa-chevron-right" style="font-size: 0.5rem;"></i>
363                                                                                                Fale Conosco
364                                            </a></li>
365                                                                                                                                                                <li class="mb-2"><a class="text-dark text-decoration-none hover-text-primary transition-all d-flex align-items-center gap-2" href="/a-camara/localizacao">
366                                                                                                    <i class="fa fa-chevron-right" style="font-size: 0.5rem;"></i>
367                                                                                                Localização
368                                            </a></li>
369                                                                                                                                                                <li class="mb-2"><a class="text-dark text-decoration-none hover-text-primary transition-all d-flex align-items-center gap-2" href="/a-camara/glossario">
370                                                                                                    <i class="fa fa-chevron-right" style="font-size: 0.5rem;"></i>
371                                                                                                Glossário
372                                            </a></li>
373                                                                                                                                                                <li class="mb-2"><a class="text-dark text-decoration-none hover-text-primary transition-all d-flex align-items-center gap-2" href="/a-camara/camara-jovem">
374                                                                                                    <i class="fa fa-chevron-right" style="font-size: 0.5rem;"></i>
375                                                                                                Câmara Jovem
376                                            </a></li>
377                                                                                                                                                                <li class="mb-2"><a class="text-dark text-decoration-none hover-text-primary transition-all d-flex align-items-center gap-2" href="https://caraguatatuba.geosiap.net.br/pmcaraguatatuba/websis/siapegov/recursos_humanos/grh/grh_rh_online.php" target="_blank">
378                                                                                                    <i class="fa fa-external-link" style="font-size: 0.6rem;"></i>
379                                                                                                Portal do Servidor
380                                            </a></li>
381                                                                                                            </ul>
382                            </div>
383                                            </div>
384                </div>
385            </ul>
386                    </div>
387                            <div class="dropdown position-static">
388            <a class="text-white text-decoration-none fw-bold text-uppercase hover-text-accent-yellow transition-all py-2 d-flex align-items-center gap-2 dropdown-toggle" href="/#" role="button" data-bs-toggle="dropdown" aria-expanded="false" style="font-size: 0.875rem;">
389                Vereadores
390                <i class="fa fa-chevron-down text-white-50 hover-text-accent-yellow transition-all" style="font-size: 0.5rem;"></i>
391            </a>
392                        <ul class="dropdown-menu dropdown-megamenu shadow-lg border-0 p-4">
393                <div class="container">
394                    <div class="row g-4">
395                                                                            <div class="col-md-3">
396                                                                                                        <h6 class="fw-bold text-primary mb-3 text-uppercase" style="font-size: 0.875rem;">Parlamentares</h6>
397                                                                                                    <ul class="list-unstyled mb-0">
398                                                                                                                        <li class="mb-2"><a class="text-dark text-decoration-none hover-text-primary transition-all d-flex align-items-center gap-2" href="/vereadores-da-casa">
399                                                                                                    <i class="fa fa-chevron-right" style="font-size: 0.5rem;"></i>
400                                                                                                Vereadores
401                                            </a></li>
402                                                                                                                                                                <li class="mb-2"><a class="text-dark text-decoration-none hover-text-primary transition-all d-flex align-items-center gap-2" href="/vereadores/mesa-diretora">
403                                                                                                    <i class="fa fa-chevron-right" style="font-size: 0.5rem;"></i>
404                                                                                                Mesa Diretora
405                                            </a></li>
406                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                        </ul>
407                            </div>
408                                                    <div class="col-md-3">
409                                                                                                        <h6 class="fw-bold text-primary mb-3 text-uppercase" style="font-size: 0.875rem;">Comissões</h6>
410                                                                                                    <ul class="list-unstyled mb-0">
411                                                                                                                                                                                                                                                                                <li class="mb-2"><a class="text-dark text-decoration-none hover-text-primary transition-all d-flex align-items-center gap-2" href="/vereadores/comissoes">
412                                                                                                    <i class="fa fa-chevron-right" style="font-size: 0.5rem;"></i>
413                                                                                                Comissões
414                                            </a></li>
415                                                                                                                                                                                                                                                                                                                                                                                                                            </ul>
416                            </div>
417                                                    <div class="col-md-3">
418                                                                                                        <h6 class="fw-bold text-primary mb-3 text-uppercase" style="font-size: 0.875rem;">Atividade</h6>
419                                                                                                    <ul class="list-unstyled mb-0">
420                                                                                                                                                                                                                                                                                                                                                            <li class="mb-2"><a class="text-dark text-decoration-none hover-text-primary transition-all d-flex align-items-center gap-2" href="/vereadores/materias-legislativas">
421                                                                                                    <i class="fa fa-chevron-right" style="font-size: 0.5rem;"></i>
422                                                                                                Matérias Legislativas
423                                            </a></li>
424                                                                                 
424                                                                                                                                                                                                                                                               </ul>
425                            </div>
426                                                    <div class="col-md-3">
427                                                                                                        <h6 class="fw-bold text-primary mb-3 text-uppercase" style="font-size: 0.875rem;">Proposições</h6>
428                                                                                                    <ul class="list-unstyled mb-0">
429                                                                                                                                                                                                                                                                                                                                                                                                                                        <li class="mb-2"><a class="text-dark text-decoration-none hover-text-primary transition-all d-flex align-items-center gap-2" href="/vereadores/requerimentos">
430                                                                                                    <i class="fa fa-chevron-right" style="font-size: 0.5rem;"></i>
431                                                                                                Requerimentos
432                                            </a></li>
433                                                                                                                                                                <li class="mb-2"><a class="text-dark text-decoration-none hover-text-primary transition-all d-flex align-items-center gap-2" href="/vereadores/indicacoes">
434                                                                                                    <i class="fa fa-chevron-right" style="font-size: 0.5rem;"></i>
435                                                                                                Indicações
436                                            </a></li>
437                                                                                                                                                                <li class="mb-2"><a class="text-dark text-decoration-none hover-text-primary transition-all d-flex align-items-center gap-2" href="/vereadores/mocoes">
438                                                                                                    <i class="fa fa-chevron-right" style="font-size: 0.5rem;"></i>
439                                                                                                Moções
440                                            </a></li>
441                                                                                                            </ul>
442                            </div>
443                                            </div>
444                </div>
445            </ul>
446                    </div>
447                            <div class="dropdown position-static">
448            <a class="text-white text-decoration-none fw-bold text-uppercase hover-text-accent-yellow transition-all py-2 d-flex align-items-center gap-2 dropdown-toggle" href="/#" role="button" data-bs-toggle="dropdown" aria-expanded="false" style="font-size: 0.875rem;">
449                Legislativo
450                <i class="fa fa-chevron-down text-white-50 hover-text-accent-yellow transition-all" style="font-size: 0.5rem;"></i>
451            </a>
452                        <ul class="dropdown-menu dropdown-megamenu shadow-lg border-0 p-4">
453                <div class="container">
454                    <div class="row g-4">
455                                                                            <div class="col-md-3">
456                                                                                                        <h6 class="fw-bold text-primary mb-3 text-uppercase" style="font-size: 0.875rem;">Legislação</h6>
457                                                                                                    <ul class="list-unstyled mb-0">
458                                                                                                                        <li class="mb-2"><a class="text-dark text-decoration-none hover-text-primary transition-all d-flex align-items-center gap-2" href="/legislativo/leis-municipais">
459                                                                                                    <i class="fa fa-chevron-right" style="font-size: 0.5rem;"></i>
460                                                                                                Leg
460islação Municipal
461                                            </a></li>
462                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            </ul>
463                            </div>
464                                                    <div class="col-md-3">
465                                                                                                        <h6 class="fw-bold text-primary mb-3 text-uppercase" style="font-size: 0.875rem;">Sessões</h6>
466                                                                                                    <ul class="list-unstyled mb-0">
467                                                                                                                                                                                                    <li class="mb-2"><a class="text-dark text-decoration-none hover-text-primary transition-all d-flex align-items-center gap-2" href="/legislativo/sessao-ao-vivo">
468                                                                                                    <i class="fa fa-chevron-right" style="font-size: 0.5rem;"></i>
469                                                                                                Sessão ao Vivo
470                                            </a></li>
471                                                                                                                                                                <li class="mb-2"><a class="text-dark text-decoration-none hover-text-primary transition-all d-flex align-items-center gap-2" href="/legislativo/atas">
472                                                                                                    <i class="fa fa-chevron-right" style="font-size: 0.5rem;"></i>
473                                                                                                Atas
474                                            </a></li>
475                                                                                                                                                                <li class="mb-2"><a class="text-dark text-decoration-none hover-text-primary transition-all d-flex align-items-center gap-2" href="/legislativo/pautas">
476                                                                                                    <i class="fa fa-chevron-right" style="font-size: 0.5rem;"></i>
477                                                                                                Pautas
478                                            </a></li>
479                                                                                                                                                                <li class="mb-2"><a class="text-dark text-decoration-none hover-text-primary transition-all d-flex align-items-center gap-2" href="/legislativo/sessoes">
480                                                                                                    <i class="fa fa-chevron-right" style="font-size: 0.5rem;"></i>
481                                                                                                Sessões
482                                            </a></li>
483                                                                                                                                                                <li class="mb-2"><a class="text-dark text-decoration-none hover-text-primary transition-all d-flex align-items-center gap-2" href="/legislativo/lista-de-presenca">
484                                                                                                    <i class="fa fa-chevron-right" style="font-size: 0.5rem;"></i>
485                                                                                                Lista de Presença
486                                            </a></li>
487                                                                                                                                                                                                                                                                                                                                                </ul>
488                            </div>
489                                                    <div class="col-md-3">
490                                                                                                        <h6 class="fw-bold text-primary mb-3 text-uppercase" style="font-size: 0.875rem;">Atos e Documentos</h6>
491                                                                                                    <ul class="list-unstyled mb-0">
492                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                <li class="mb-2"><a class="text-dark text-decoration-none hover-text-primary transition-all d-flex align-items-center gap-2" href="/legislativo/atos-da-presidencia">
493                                                                                                    <i class="fa fa-chevron-right" style="font-size: 0.5rem;"></i>
494                                                                                                Atos da Presidência
495                                            </a></li>
496                                                                                                                                                                <li class="mb-2"><a class="text-dark text-decoration-none hover-text-primary transition-all d-flex align-items-center gap-2" href="/legislativo/atos-da-mesa">
497                                                                                                    <i class="fa fa-chevron-right" style="font-size: 0.5rem;"></i>
498                                                                                                Atos da Mesa
499                                            </a></li>
500                                                                                                                                                                <li class="mb-2"><a class="text-dark text-decoration-none hover-text-primary transition-all d-flex align-items-center gap-2" href="/legislativo/publicacoes">
501                                                                                                    <i class="fa fa-chevron-right" style="font-size: 0.5rem;"></i>
502                                                                                                Publicações
503                                            </a></li>
504                                                                                                            </ul>
505                            </div>
506                                                    <div class="col-md-3">
507                                                                                                                                    <ul class="list-unstyled mb-0">
508                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                </ul>
509                            </div>
510                                            </div>
511                </div>
512            </ul>
513                    </div>
514                            <div class="dropdown position-static">
515            <a class="text-white text-decoration-none fw-bold text-uppercase hover-text-accent-yellow transition-all py-2 d-flex align-items-center gap-2 dropdown-toggle" href="/#" role="button" data-bs-toggle="dropdown" aria-expanded="false" style="font-size: 0.875rem;">
516                Transparência
517                <i class="fa fa-chevron-down text-white-50 hover-text-accent-yellow transition-all" style="font-size: 0.5rem;"></i>
518            </a>
519                        <ul class="dropdown-menu dropdown-megamenu shadow-lg border-0 p-4">
520                <div class="container">
521                    <div class="row g-4">
522                                                                            <div class="col-md-3">
523                                                                                                        <h6 class="fw-bold text-primary mb-3 text-uppercase" style="font-size: 0.875rem;">Transparência</h6>
524                                                                                                    <ul class="list-unstyled mb-0">
525                                                                                                                        <li class="mb-2"><a class="text-dark text-decoration-none hover-text-primary transition-all d-flex align-items-center gap-2" href="/portal-da-trans
525parencia">
526                                                                                                    <i class="fa fa-chevron-right" style="font-size: 0.5rem;"></i>
527                                                                                                Portal da Transparência
528                                            </a></li>
529                                                                                                                                                                <li class="mb-2"><a class="text-dark text-decoration-none hover-text-primary transition-all d-flex align-items-center gap-2" href="https://portaldatransparencia.caraguatatuba.sp.gov.br/licitacoes/licitacoes" target="_blank">
530                                                                                                    <i class="fa fa-external-link" style="font-size: 0.6rem;"></i>
531                                                                                                Licitações
532                                            </a></li>
533                                                                                                                                                                <li class="mb-2"><a class="text-dark text-decoration-none hover-text-primary transition-all d-flex align-items-center gap-2" href="/transparencia/concursos-publicos">
534                                                                                                    <i class="fa fa-chevron-right" style="font-size: 0.5rem;"></i>
535                                                                                                Concursos Públicos
536                                            </a></li>
537                                                                                                                                                                <li class="mb-2"><a class="text-dark text-decoration-none hover-text-primary transition-all d-flex align-items-center gap-2" href="/transparencia/audiencias-publicas">
538                                                                                                    <i class="fa fa-chevron-right" style="font-size: 0.5rem;"></i>
539                                                                                                Audiências Públicas
540                                            </a></li>
541                                                                                                                                                                <li class="mb-2"><a class="text-dark text-decoration-none hover-text-primary transition-all d-flex align-items-center gap-2" href="/a-camara/organograma">
542                                                                                                    <i class="fa fa-chevron-right" style="font-size: 0.5rem;"></i>
543                                                                                                Estrutura Organizacional
544                                            </a></li>
545                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    </ul>
546                            </div>
547                                                    <div class="col-md-3">
548                                                                                                        <h6 class="fw-bold text-primary mb-3 text-uppercase" style="font-size: 0.875rem;">Serviços</h6>
549                                                                                                    <ul class="list-unstyled mb-0">
550                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    <li class="mb-2"><a class="text-dark text-decoration-none hover-text-primary transition-all d-flex align-items-center gap-2" href="/transparencia/servicos-online">
551                                                                                                    <i class="fa fa-chevron-right" style="font-size: 0.5rem;"></i>
552                                                                                                Serviços Online
553                                            </a></li>
554                                                                                                                                                                <li class="mb-2"><a class="text-dark text-decoration-none hover-text-primary transition-all d-flex align-items-center gap-2" href="/transparencia/diario-oficial">
555                                                                                                    <i class="fa fa-chevron-right" style="font-size: 0.5rem;"></i>
556                                                                                                Diário Oficial
557                                            </a></li>
558                                                                                                                                                                <li class="mb-2"><a class="text-dark text-decoration-none hover-text-primary transition-all d-flex align-items-center gap-2" href="/transparencia/protocolo">
559                                                                                                    <i class="fa fa-chevron-right" style="font-size: 0.5rem;"></i>
560                                                                                                Protocolo Online
561                                            </a></li>
562                                                                                                                                                                                                                                                                                                                                                </ul>
563                            </div>
564                                                    <div class="col-md-3">
565                                                                                                        <h6 class="fw-bold text-primary mb-3 text-uppercase" style="font-size: 0.875rem;">Informações</h6>
566                                                                                                    <ul class="list-unstyled mb-0">
567                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                        <li class="mb-2"><a class="text-dark text-decoration-none hover-text-primary transition-all d-flex align-items-center gap-2" href="/transparencia/lgpd-e-governo-digital">
568                                                                                                    <i class="fa fa-chevron-right" style="font-size: 0.5rem;"></i>
569                                                                                                LGPD e Governo Digital
570                                            </a></li>
571                                                                                                                                                                <li class="mb-2"><a class="text-dark text-decoration-none hover-text-primary transition-all d-flex align-items-center gap-2" href="/transparencia/pesquisa-de-satisfacao">
572                                                                                                    <i class="fa fa-chevron-right" style="font-size: 0.5rem;"></i>
573                                                                                                Pesquisa de Satisfação
574                                            </a></li>
575                                                                                                                                                                <li class="mb-2"><a class="text-dark text-decoration-none hover-text-primary transition-all d-flex align-items-center gap-2" href="/transparencia/perguntas-frequentes">
576                                                                                                    <i class="fa fa-chevron-right" style="font-size: 0.5rem;"></i>
577                                                                                                Perguntas Frequentes
578                                            </a></li>
579                                                                                                            </ul>
580                            </div>
581                                                    <div class="col-md-3">
582                                                                                                                                    <ul class="list-unstyled mb-0">
583                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                        </ul>
584                            </div>
585                                            </div>
586                </div>
587            </ul>
588                    </div>
589                            <div class="dropdown position-static">
590            <a class="text-white text-decoration-none fw-bold text-uppercase hover-text-accent-yellow transition-all py-2 d-flex align-items-center gap-2 dropdown-toggle" href="/#" role="button" data-bs-toggle="dropdown" aria-expanded="false" style="font-size: 0.875rem;">
591                Ouvidoria
592                <i class="fa fa-chevron-down text-white-50 hover-text-accent-yellow transition-all" style="font-size: 0.5rem;"></i>
593            </a>
594                        <ul class="dropdown-menu dropdown-megamenu shadow-lg border-0 p-4">
595                <div class="container">
596                    <div class="row g-4">
597                                                                            <div class="col-md-3">
598                                                                                                        <h6 class="fw-bold text-primary mb-3 text-uppercase" style="font-size: 0.875rem;">Ouvidoria</h6>
599                                                                                                    <ul class="list-unstyled mb-0">
600                                                                                                                        <li class="mb-2"><a class="text-dark text-decoration-none hover-text-primary transition-all d-flex align-items-center gap-2" href="/ouvidoria">
601                                                                                                    <i class="fa fa-chevron-right" style="font-size: 0.5rem;"></i>
602                                                                                                Ouvidoria
603                                            </a></li>
604                                                                                                                                                                <li class="mb-2"><a class="text-dark text-decoration-none hover-text-primary transition-all d-flex align-items-center gap-2" href="/relatorios-de-ouvidoria">
605                                                                                                    <i class="fa fa-chevron-right" style="font-size: 0.5rem;"></i>
606                                                                                                Relatórios de Ouvidoria
607                                            </a></li>
608                                                                                                                                                                                                                                                                    </ul>
609                            </div>
610                                                    <div class="col-md-3">
611                                                                                                        <h6 class="fw-bold text-primary mb-3 text-uppercase" style="font-size: 0.875rem;">e-SIC</h6>
612                                                                                                    <ul class="list-unstyled mb-0">
613                                                                                                                                                                                                                                                                                <li class="mb-2"><a class="text-dark text-decoration-none hover-text-primary transition-all d-flex align-items-center gap-2" href="/e-sic">
614                                                                                                    <i class="fa fa-chevron-right" style="font-size: 0.5rem;"></i>
615                                                                                                e-SIC
616                                            </a></li>
617                                                                                                                                                                <li class="mb-2"><a class="text-dark text-decoration-none hover-text-primary transition-all d-flex align-items-center gap-2" href="/relatorios-de-e-sic">
618                                                                                                    <i class="fa fa-chevron-right" style="font-size: 0.5rem;"></i>
619                                                                                                Relatórios de e-SIC
620                                            </a></li>
621                                                                                                            </ul>
622                            </div>
623                                                    <div class="col-md-3">
624                                                                                                                                    <ul class="list-unstyled mb-0">
625                                                                                                                                                                                                                                                                                                                                                                                    </ul>
626                   
626         </div>
627                                                    <div class="col-md-3">
628                                                                                                                                    <ul class="list-unstyled mb-0">
629                                                                                                                                                                                                                                                                                                                                                                                    </ul>
630                            </div>
631                                            </div>
632                </div>
633            </ul>
634                    </div>
635                            <div class="dropdown position-static">
636            <a class="text-white text-decoration-none fw-bold text-uppercase hover-text-accent-yellow transition-all py-2 d-flex align-items-center gap-2 dropdown-toggle" href="/#" role="button" data-bs-toggle="dropdown" aria-expanded="false" style="font-size: 0.875rem;">
637                Comunicação
638                <i class="fa fa-chevron-down text-white-50 hover-text-accent-yellow transition-all" style="font-size: 0.5rem;"></i>
639            </a>
640                        <ul class="dropdown-menu dropdown-megamenu shadow-lg border-0 p-4">
641                <div class="container">
642                    <div class="row g-4">
643                                                                            <div class="col-md-3">
644                                                                                                        <h6 class="fw-bold text-primary mb-3 text-uppercase" style="font-size: 0.875rem;">Notícias</h6>
645                                                                                                    <ul class="list-unstyled mb-0">
646                                                                                                                        <li class="mb-2"><a class="text-dark text-decoration-none hover-text-primary transition-all d-flex align-items-center gap-2" href="/noticias">
647                                                                                                    <i class="fa fa-chevron-right" style="font-size: 0.5rem;"></i>
648                                                                                                Últimas Notícias
649                                            </a></li>
650                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                </ul>
651                            </div>
652                                                    <div class="col-md-3">
653                                                                                                        <h6 class="fw-bold text-primary mb-3 text-uppercase" style="font-size: 0.875rem;">Mídia</h6>
654                                                                                                    <ul class="list-unstyled mb-0">
655                                                                                                                                                                                                    <li class="mb-2"><a class="text-dark text-decoration-none hover-text-primary transition-all d-flex align-items-center gap-2" href="/comunicacao/tv-camara">
656                                                                                                    <i class="fa fa-chevron-right" style="font-size: 0.5rem;"></i>
657                                                                                                TV Câmara
658                                            </a></li>
659                                                                                                                                                                <li class="mb-2"><a class="text-dark text-decoration-none hover-text-primary transition-all d-flex align-items-center gap-2" href="/comunicacao/videos-das-se
659ssoes">
660                                                                                                    <i class="fa fa-chevron-right" style="font-size: 0.5rem;"></i>
661                                                                                                Vídeos das Sessões
662                                            </a></li>
663                                                                                                                                                                <li class="mb-2"><a class="text-dark text-decoration-none hover-text-primary transition-all d-flex align-items-center gap-2" href="/comunicacao/galeria-de-fotos">
664                                                                                                    <i class="fa fa-chevron-right" style="font-size: 0.5rem;"></i>
665                                                                                                Galeria de Fotos
666                                            </a></li>
667                                                                                                                                                                                                                                                                                                                                                                                                                            </ul>
668                            </div>
669                                                    <div class="col-md-3">
670                                                                                                        <h6 class="fw-bold text-primary mb-3 text-uppercase" style="font-size: 0.875rem;">Redes Sociais</h6>
671                                                                                                    <ul class="list-unstyled mb-0">
672                                                                                                                                                                                                                                                                                                                                                                                                                                        <li class="mb-2"><a class="text-dark text-decoration-none hover-text-primary transition-all d-flex align-items-center gap-2" href="https://www.facebook.com/CamaraMunicipaldeCaraguatatuba" target="_blank">
673                                                                                                    <i class="fa fa-external-link" style="font-size: 0.6rem;"></i>
674                                                                                                Facebook
675                                            </a></li>
676                                                                                                                                                                <li class="mb-2"><a class="text-dark text-decoration-none hover-text-primary transition-all d-flex align-items-center gap-2" href="https://www.instagram.com/camaracaraguatatuba/" target="_blank">
677                                                                                                    <i class="fa fa-external-link" style="font-size: 0.6rem;"></i>
678                                                                                                Instagram
679                                            </a></li>
680                                                                                                                                                                <li class="mb-2"><a class="text-dark text-decoration-none hover-text-primary transition-all d-flex align-items-center gap-2" href="https://www.youtube.com/channel/UCkcArEA8NeoVgmLsDMbL_Hw" target="_blank">
681                                                                                                    <i class="fa fa-external-link" style="font-size: 0.6rem;"></i>
682                                                                                                YouTube
683                                            </a></li>
684                                                                                                                                                                <li class="mb-2"><a class="text-dark text-decoration-none hover-text-primary transition-all d-flex align-items-center gap-2" href="https://twitter.com/camaracaragua" target="_blank">
685                                                                                                    <i class="fa fa-external-link" style="font-size: 0.6rem;"></i>
686                                                                                                X
687                                            </a></li>
688                                                                                                            </ul>
689                            </div>
690                                                    <div class="col-md-3">
691                                                                                                                                    <ul class="list-unstyled mb-0">
692                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    </ul>
693                            </div>
694                                            </div>
695                </div>
696            </ul>
697                    </div>
698                                                </nav>
699            </div>
700            <div class="col-auto pe-0">
701                <div class="d-flex align-items-center gap-3">
702                    <span class="d-none d-sm-block">
703                                                <button aria-label="Buscar" class="btn text-white p-0 border-0 hover-text-accent-yellow transition-all search-box-outer" id="open_search_popup">
704<i class="fa fa-search" style="font-size: 1.2rem;""></i>
705</button>
706                                            </span>
707                                        <button class="btn text-white p-2 d-xl-none hover-bg-white-10 rounded-circle transition-all border-0" data-bs-toggle="collapse" data-bs-target="#mobileMenu">
708                        <i class="fa fa-bars" style="font-size: 1.875rem;"></i>
709                    </button>
710                </div>
711            </div>
712        </div>
713        <!-- Menu Mobile -->
714        <div class="collapse d-xl-none" id="mobileMenu">
715            <div class="mobile-menu-scroll">
716                                    <nav class="mobile-main-menu accordion" id="mobileMainMenu">
717                    
718                            <div class="mobile-menu-item">
719                    <button class="mobile-menu-toggle collapsed" type="button"
720                        data-bs-toggle="collapse"
721                        data-bs-target="#mobileSub-0"
722                        aria-expanded="false"
723                        aria-controls="mobileSub-0">
724                        <span>A Câmara</span>
725                        <i class="fa fa-chevron-down" aria-hidden="true"></i>
726                    </button>
727                    <div id="mobileSub-0" class="mobile-menu-submenu collapse" data-bs-parent="#mobileMainMenu">
728                                                    <a class="mobile-menu-sublink" href="/a-camara/historia">
729        História
730</a>
731                                                    <a class="mobile-menu-sublink" href="/a-camara/galeria-de-ex-presidentes">
732        Galeria de Ex-Presidentes
733</a>
734                                                    <a class="mobile-menu-sublink" href="/a-camara/galeria-de-ex-prefeitos">
735        Galeria de Ex-Prefeitos
736</a>
737                                                    <a class="mobile-menu-sublink" href="/a-camara/vereadoras">
738        Vereadoras
739</a>
740                                                    <a class="mobile-menu-sublink" href="/a-camara/vereadores-mais-votados">
741        Vereadores mais votados
742</a>
743                                                    <a class="mobile-menu-sublink" href="/a-camara/organograma">
744        Organograma
745</a>
746                                                    <a class="mobile-menu-sublink" href="/a-camara/legislatura">
747        Legislaturas
748</a>
749                                                    <a class="mobile-menu-sublink" href="/a-camara/carta-de-servicos">
750        Carta de Serviços
751</a>
752                                                    <a class="mobile-menu-sublink" href="/a-camara/calendario-de-eventos">
753        Calendário Legislativo e Eventos
754</a>
755                                                    <a class="mobile-menu-sublink" href="/a-camara/regimento-interno">
756        Regimento Interno
757</a>
758                                                    <a class="mobile-menu-sublink" href="/a-camara/lei-organica">
759        Lei Orgânica
760</a>
761                                                    <a class="mobile-menu-sublink" href="/a-camara/plano-diretor">
762        Plano Diretor
763</a>
764                                                    <a class="mobile-menu-sublink" href="/a-camara/fale-conosco">
765        Fale Conosco
766</a>
767                                                    <a class="mobile-menu-sublink" href="/a-camara/localizacao">
768        Localização
769</a>
770                                                    <a class="mobile-menu-sublink" href="/a-camara/glossario">
771        Glossário
772</a>
773                                                    <a class="mobile-menu-sublink" href="/a-camara/camara-jovem">
774        Câmara Jovem
775</a>
776                                                    <a class="mobile-menu-sublink" href="https://caraguatatuba.geosiap.net.br/pmcaraguatatuba/websis/siapegov/recursos_humanos/grh/grh_rh_online.php" target="_blank">
777            <i class="fa fa-external-link" aria-hidden="true"></i>
778        Portal do Servidor
779</a>
780                                            </div>
781                </div>
782                                
783                            <div class="mobile-menu-item">
784                    <button class="mobile-menu-toggle collapsed" type="button"
785                        data-bs-toggle="collapse"
786                        data-bs-target="#mobileSub-1"
787                        aria-expanded="false"
788                        aria-controls="mobileSub-1">
789                        <span>Vereadores</span>
790                        <i class="fa fa-chevron-down" aria-hidden="true"></i>
791                    </button>
792                    <div id="mobileSub-1" class="mobile-menu-submenu collapse" data-bs-parent="#mobileMainMenu">
793                                                    <a class="mobile-menu-sublink" href="/vereadores-da-casa">
794        Vereadores
795</a>
796                                                    <a class="mobile-menu-sublink" href="/vereadores/mesa-diretora">
797        Mesa Diretora
798</a>
799                                                    <a class="mobile-menu-sublink" href="/vereadores/comissoes">
800        Comissões
801</a>
802                                                    <a class="mobile-menu-sublink" href="/vereadores/materias-legislativas">
803        Matérias Legislativas
804</a>
805                                                    <a class="mobile-menu-sublink" href="/vereadores/requerimentos">
806        Requerimentos
807</a>
808                                                    <a class="mobile-menu-sublink" href="/vereadores/indicacoes">
809        Indicações
810</a>
811                                                    <a class="mobile-menu-sublink" href="/vereadores/mocoes">
812        Moções
813</a>
814                                            </div>
815                </div>
816                                
817                            <div class="mobile-menu-item">
818                    <button class="mobile-menu-toggle collapsed" type="button"
819                        data-bs-toggle="collapse"
820                        data-bs-target="#mobileSub-2"
821                        aria-expanded="false"
822                        aria-controls="mobileSub-2">
823                        <span>Legislativo</span>
824                        <i class="fa fa-chevron-down" aria-hidden="true"></i>
825                    </button>
826                    <div id="mobileSub-2" class="mobile-menu-submenu collapse" data-bs-parent="#mobileMainMenu">
827                                                    <a class="mobile-menu-sublink" href="/legislativo/leis-municipais">
828        Legislação Municipal
829</a>
830                                                    <a class="mobile-menu-sublink" href="/legislativo/sessao-ao-vivo">
831        Sessão ao Vivo
832</a>
833                                                    <a class="mobile-menu-sublink" href="/legislativo/atas">
834        Atas
835</a>
836                                                    <a class="mobile-menu-sublink" href="/legislativo/pautas">
837        Pautas
838</a>
839                                                    <a class="mobile-menu-sublink" href="/legislativo/sessoes">
840        Sessões
841</a>
842                                                    <a class="mobile-menu-sublink" href="/legislativo/lista-de-presenca">
843        Lista de Presença
844</a>
845                                                    <a class="mobile-menu-sublink" href="/legislativo/atos-da-presidencia">
846        Atos da Presidência
847</a>
848                                                    <a class="mobile-menu-sublink" href="/legislativo/atos-da-mesa">
849        Atos da Mesa
850</a>
851                                                    <a class="mobile-menu-sublink" href="/legislativo/publicacoes">
852        Publicações
853</a>
854                                            </div>
855                </div>
856                                
857                            <div class="mobile-menu-item">
858                    <button class="mobile-menu-toggle collapsed" type="button"
859                        data-bs-toggle="collapse"
860                        data-bs-target="#mobileSub-3"
861                        aria-expanded="false"
862                        aria-controls="mobileSub-3">
863                        <span>Transparência</span>
864                        <i class="fa fa-chevron-down" aria-hidden="true"></i>
865                    </button>
866                    <div id="mobileSub-3" class="mobile-menu-submenu collapse" data-bs-parent="#mobileMainMenu">
867                                                    <a class="mobile-menu-sublink" href="/portal-da-trans
867parencia">
868        Portal da Transparência
869</a>
870                                                    <a class="mobile-menu-sublink" href="https://portaldatransparencia.caraguatatuba.sp.gov.br/licitacoes/licitacoes" target="_blank">
871            <i class="fa fa-external-link" aria-hidden="true"></i>
872        Licitações
873</a>
874                                                    <a class="mobile-menu-sublink" href="/transparencia/concursos-publicos">
875        Concursos Públicos
876</a>
877                                                    <a class="mobile-menu-sublink" href="/transparencia/audiencias-publicas">
878        Audiências Públicas
879</a>
880                                                    <a class="mobile-menu-sublink" href="/a-camara/organograma">
881        Estrutura Organizacional
882</a>
883                                                    <a class="mobile-menu-sublink" href="/transparencia/servicos-online">
884        Serviços Online
885</a>
886                                                    <a class="mobile-menu-sublink" href="/transparencia/diario-oficial">
887        Diário Oficial
888</a>
889                                                    <a class="mobile-menu-sublink" href="/transparencia/protocolo">
890        Protocolo Online
891</a>
892                                                    <a class="mobile-menu-sublink" href="/transparencia/lgpd-e-governo-digital">
893        LGPD e Governo Digital
894</a>
895                                                    <a class="mobile-menu-sublink" href="/transparencia/pesquisa-de-satisfacao">
896        Pesquisa de Satisfação
897</a>
898                                                    <a class="mobile-menu-sublink" href="/transparencia/perguntas-frequentes">
899        Perguntas Frequentes
900</a>
901                                            </div>
902                </div>
903                                
904                            <div class="mobile-menu-item">
905                    <button class="mobile-menu-toggle collapsed" type="button"
906                        data-bs-toggle="collapse"
907                        data-bs-target="#mobileSub-4"
908                        aria-expanded="false"
909                        aria-controls="mobileSub-4">
910                        <span>Ouvidoria</span>
911                        <i class="fa fa-chevron-down" aria-hidden="true"></i>
912                    </button>
913                    <div id="mobileSub-4" class="mobile-menu-submenu collapse" data-bs-parent="#mobileMainMenu">
914                                                    <a class="mobile-menu-sublink" href="/ouvidoria">
915        Ouvidoria
916</a>
917                                                    <a class="mobile-menu-sublink" href="/relatorios-de-ouvidoria">
918        Relatórios de Ouvidoria
919</a>
920                                                    <a class="mobile-menu-sublink" href="/e-sic">
921        e-SIC
922</a>
923                                                    <a class="mobile-menu-sublink" href="/relatorios-de-e-sic">
924        Relatórios de e-SIC
925</a>
926                                            </div>
927                </div>
928                                
929                            <div class="mobile-menu-item">
930                    <button class="mobile-menu-toggle collapsed" type="button"
931                        data-bs-toggle="collapse"
932                        data-bs-target="#mobileSub-5"
933                        aria-expanded="false"
934                        aria-controls="mobileSub-5">
935                        <span>Comunicação</span>
936                        <i class="fa fa-chevron-down" aria-hidden="true"></i>
937                    </button>
938                    <div id="mobileSub-5" class="mobile-menu-submenu collapse" data-bs-parent="#mobileMainMenu">
939                                                    <a class="mobile-menu-sublink" href="/noticias">
940        Últimas Notícias
941</a>
942                                                    <a class="mobile-menu-sublink" href="/comunicacao/tv-camara">
943        TV Câmara
944</a>
945                                                    <a class="mobile-menu-sublink" href="/comunicacao/videos-das-se
945ssoes">
946        Vídeos das Sessões
947</a>
948                                                    <a class="mobile-menu-sublink" href="/comunicacao/galeria-de-fotos">
949        Galeria de Fotos
950</a>
951                                                    <a class="mobile-menu-sublink" href="https://www.facebook.com/CamaraMunicipaldeCaraguatatuba" target="_blank">
952            <i class="fa fa-external-link" aria-hidden="true"></i>
953        Facebook
954</a>
955                                                    <a class="mobile-menu-sublink" href="https://www.instagram.com/camaracaraguatatuba/" target="_blank">
956            <i class="fa fa-external-link" aria-hidden="true"></i>
957        Instagram
958</a>
959                                                    <a class="mobile-menu-sublink" href="https://www.youtube.com/channel/UCkcArEA8NeoVgmLsDMbL_Hw" target="_blank">
960            <i class="fa fa-external-link" aria-hidden="true"></i>
961        YouTube
962</a>
963                                                    <a class="mobile-menu-sublink" href="https://twitter.com/camaracaragua" target="_blank">
964            <i class="fa fa-external-link" aria-hidden="true"></i>
965        X
966</a>
967                                            </div>
968                </div>
969                        </nav>
970    
970<script>
971        (function () {
972            var menu = document.getElementById('mobileMenu');
973            if (!menu || menu.dataset.scrollBound === '1') {
974                return;
975            }
976            menu.dataset.scrollBound = '1';
977
978            function viewportBottom() {
979                if (window.visualViewport) {
980                    return window.visualViewport.offsetTop + window.visualViewport.height;
981                }
982                return window.innerHeight;
983            }
984
985            function fitMobileMenuScroll() {
986                var scroll = menu.querySelector('.mobile-menu-scroll');
987                if (!scroll) {
988                    return;
989                }
990                if (!menu.classList.contains('show')) {
991                    scroll.style.removeProperty('--mobile-menu-max-height');
992                    return;
993                }
994                var top = scroll.getBoundingClientRect().top;
995                var available = Math.floor(viewportBottom() - top - 12);
996                scroll.style.setProperty('--mobile-menu-max-height', Math.max(160, available) + 'px');
997            }
998
999            menu.addEventListener('shown.bs.collapse', function (event) {
1000                if (event.target === menu) {
1001                    document.body.classList.add('mobile-menu-open');
1002                    requestAnimationFrame(fitMobileMenuScroll);
1003                    return;
1004                }
1005                if (!event.target.classList.contains('mobile-menu-submenu')) {
1006                    return;
1007                }
1008                requestAnimationFrame(function () {
1009                    fitMobileMenuScroll();
1010                    var scroll = event.target.closest('.mobile-menu-scroll');
1011                    var item = event.target.closest('.mobile-menu-item');
1012                    if (scroll && item) {
1013                        scroll.scrollTo({ top: Math.max(item.offsetTop - 8, 0), behavior: 'smooth' });
1014                    }
1015                });
1016            });
1017
1018            menu.addEventListener('hidden.bs.collapse', function (event) {
1019                if (event.target === menu) {
1020                    document.body.classList.remove('mobile-menu-open');
1021                    fitMobileMenuScroll();
1022                }
1023            });
1024
1025            window.addEventListener('resize', fitMobileMenuScroll);
1026            window.addEventListener('orientationchange', fitMobileMenuScroll);
1027            if (window.visualViewport) {
1028                window.visualViewport.addEventListener('resize', fitMobileMenuScroll);
1029                window.visualViewport.addEventListener('scroll', fitMobileMenuScroll);
1030            }
1031        })();
1032    </script>
1032
1033                            </div>
1034        </div>
1035    </div>
1036</header>
1037<!-- header area end -->
1038    <!-- popup search -->
1039<div class="search-popup">
1040    <button type="button" class="close-search" aria-label="Fechar busca"><span class="far fa-times"></span></button>
1041    <form action="https://caraguatatuba.sp.leg.br/busca" method="GET" id="header-search-form">
1042        <div class="form-group">
1043            <input
1044                type="search"
1045                name="q"
1046                id="header-search-input"
1047                placeholder="Digite aqui o que você procura..."
1048                value=""
1049                autocomplete="off"
1050                required
1051            >
1052            <button type="submit" class="header-search-submit" aria-label="Buscar"><i class="far fa-search"></i></button>
1053        </div>
1054    </form>
1055</div>
1056<!-- popup search end -->
1057
1058    <main class="main" id="portal-main-content">
1059            
1060            <section class="w-100 pt-5" style="background: url()">
1061        <div class="container">
1062            <div class="row">
1063                <div class="col-12">
1064                    <nav aria-label="breadcrumb" class="mb-4">
1065                        <div class="d-flex align-items-center gap-2 breadcrumb-text">
1066                                                                                                                                                                                    <span class="text-muted">Home</span>
1067                                                                                                                            <i class="fa fa-chevron-right text-muted breadcrumb-icon"></i>
1068                                                                                                                                                                                                                                    <span class="text-muted">A Camara</span>
1069                                                                                                                            <i class="fa fa-chevron-right text-muted breadcrumb-icon"></i>
1070                                                                                                                                                                                                                                    <span class="text-primary fw-semibold">História</span>
1071                                                                                                                                                                                                        </div>
1072                    </nav>
1073                </div>
1074            </div>
1075        </div>
1076    </section>
1077
1078    
1079                        <div id="editable-content">
1080                <section style="opacity: 1;"><div class="container"><div class="row"><div class="col-md-12"><div><div class="row">
1081    <div class="col-12 col-md-8">
1082        <div class="mb-5 text-center text-md-start border-l-4 ps-4 py-2" style="border-color: var(--institutional);">
1083            <h2 class="text-primary fw-bold mb-2 section-title-medium">Nossa História</h2>
1084            <p class="text-muted mb-0 text-base">Uma trajetória de mais de um século marcada pela resiliência e pelo compromisso com o povo caiçara. Conheça os marcos que definiram o Poder Legislativo de Caraguatatuba.</p>
1085        </div>
1086    </div>
1087    <div class="col-12 col-md-4 text-md-end mb-3 mb-md-0">
1088        <a class="btn btn-outline-primary py-2 mt-auto fw-bold" href="/a-camara/organograma">
1089            Organograma da Câmara
1090        </a>
1091    </div>
1092</div></div></div></div></div></section>
1093            <section class="py-5 pt-0" style="opacity: 1;" data-css-class-value="py-5 pt-0"><div class="container"><div class="row"><div class="col-md-4 col-lg-3"><div class="sidebar-content-wrapper">
1094                                    <div class="sidebar-block sidebar-block-69664cdc9e661 sidebar-block-type-menu">
1095                                                                                                <div class="sidebar-menu">
1096        <nav class="sidebar-menu-nav">
1097                            
1098                <div class="sidebar-menu-item expanded">
1099                                            <a class="sidebar-menu-link sidebar-menu-link-active"
1100                           href="/#"
1101                           data-toggle="submenu"
1102                           >
1103                            <i class="fa fa-circle sidebar-menu-icon"></i>
1104                            <span class="sidebar-menu-text">A Câmara</span>
1105                            <i class="fa fa-chevron-right sidebar-menu-toggle"></i>
1106                        </a>
1107                        <div class="sidebar-menu-submenu">
1108                                                                                            <div class="sidebar-menu-submenu-item">
1109                                    <a class="sidebar-menu-submenu-link sidebar-menu-submenu-link-active"
1110                                       href="/a-camara/historia"
1111                                       >
1112                                                                                História
1113                                    </a>
1114                                </div>
1115                                                                                            <div class="sidebar-menu-submenu-item">
1116                                    <a class="sidebar-menu-submenu-link "
1117                                       href="/a-camara/galeria-de-ex-presidentes"
1118                                       >
1119                                                                                Galeria de Ex-Presidentes
1120                                    </a>
1121                                </div>
1122                                                                                            <div class="sidebar-menu-submenu-item">
1123                                    <a class="sidebar-menu-submenu-link "
1124                                       href="/a-camara/galeria-de-ex-prefeitos"
1125                                       >
1126                                                                                Galeria de Ex-Prefeitos
1127                                    </a>
1128                                </div>
1129                                                                                            <div class="sidebar-menu-submenu-item">
1130                                    <a class="sidebar-menu-submenu-link "
1131                                       href="/a-camara/vereadoras"
1132                                       >
1133                                                                                Vereadoras
1134                                    </a>
1135                                </div>
1136                                                                                            <div class="sidebar-menu-submenu-item">
1137                                    <a class="sidebar-menu-submenu-link "
1138                                       href="/a-camara/vereadores-mais-votados"
1139                                       >
1140                                                                                Vereadores mais votados
1141                                    </a>
1142                                </div>
1143                                                                                            <div class="sidebar-menu-submenu-item">
1144                                    <a class="sidebar-menu-submenu-link "
1145                                       href="/a-camara/organograma"
1146                                       >
1147                                                                                Organograma
1148                                    </a>
1149                                </div>
1150                                                                                            <div class="sidebar-menu-submenu-item">
1151                                    <a class="sidebar-menu-submenu-link "
1152                                       href="/a-camara/legislatura"
1153                                       >
1154                                                                                Legislaturas
1155                                    </a>
1156                                </div>
1157                                                                                            <div class="sidebar-menu-submenu-item">
1158                                    <a class="sidebar-menu-submenu-link "
1159                                       href="/a-camara/carta-de-servicos"
1160                                       >
1161                                                                                Carta de Serviços
1162                                    </a>
1163                                </div>
1164                                                                                            <div class="sidebar-menu-submenu-item">
1165                                    <a class="sidebar-menu-submenu-link "
1166                                       href="/a-camara/calendario-de-eventos"
1167                                       >
1168                                                                                Calendário Legislativo e Eventos
1169                                    </a>
1170                                </div>
1171                                                                                            <div class="sidebar-menu-submenu-item">
1172                                    <a class="sidebar-menu-submenu-link "
1173                                       href="/a-camara/regimento-interno"
1174                                       >
1175                                                                                Regimento Interno
1176                                    </a>
1177                                </div>
1178                                                                                            <div class="sidebar-menu-submenu-item">
1179                                    <a class="sidebar-menu-submenu-link "
1180                                       href="/a-camara/lei-organica"
1181                                       >
1182                                                                                Lei Orgânica
1183                                    </a>
1184                                </div>
1185                                                                                            <div class="sidebar-menu-submenu-item">
1186                                    <a class="sidebar-menu-submenu-link "
1187                                       href="/a-camara/plano-diretor"
1188                                       >
1189                                                                                Plano Diretor
1190                                    </a>
1191                                </div>
1192                                                                                            <div class="sidebar-menu-submenu-item">
1193                                    <a class="sidebar-menu-submenu-link "
1194                                       href="/a-camara/fale-conosco"
1195                                       >
1196                                                                                Fale Conosco
1197                                    </a>
1198                                </div>
1199                                                                                            <div class="sidebar-menu-submenu-item">
1200                                    <a class="sidebar-menu-submenu-link "
1201                                       href="/a-camara/localizacao"
1202                                       >
1203                                                                                Localização
1204                                    </a>
1205                                </div>
1206                                                                                            <div class="sidebar-menu-submenu-item">
1207                                    <a class="sidebar-menu-submenu-link "
1208                                       href="/a-camara/glossario"
1209                                       >
1210                                                                                Glossário
1211                                    </a>
1212                                </div>
1213                                                                                            <div class="sidebar-menu-submenu-item">
1214                                    <a class="sidebar-menu-submenu-link "
1215                                       href="/a-camara/camara-jovem"
1216                                       >
1217                                                                                Câmara Jovem
1218                                    </a>
1219                                </div>
1220                                                                                            <div class="sidebar-menu-submenu-item">
1221                                    <a class="sidebar-menu-submenu-link "
1222                                       href="https://caraguatatuba.geosiap.net.br/pmcaraguatatuba/websis/siapegov/recursos_humanos/grh/grh_rh_online.php"
1223                                        target="_blank">
1224                                                                                    <i class="fa fa-external-link" style="font-size: 0.6rem; margin-right: 0.5rem;"></i>
1225                                                                                Portal do Servidor
1226                                    </a>
1227                                </div>
1228                                                    </div>
1229                                    </div>
1230                            
1231                <div class="sidebar-menu-item ">
1232                                            <a class="sidebar-menu-link "
1233                           href="/#"
1234                           data-toggle="submenu"
1235                           >
1236                            <i class="fa fa-circle sidebar-menu-icon"></i>
1237                            <span class="sidebar-menu-text">Vereadores</span>
1238                            <i class="fa fa-chevron-right sidebar-menu-toggle"></i>
1239                        </a>
1240                        <div class="sidebar-menu-submenu">
1241                                                                                            <div class="sidebar-menu-submenu-item">
1242                                    <a class="sidebar-menu-submenu-link "
1243                                       href="/vereadores-da-casa"
1244                                       >
1245                                                                                Vereadores
1246                                    </a>
1247                                </div>
1248                                                                                            <div class="sidebar-menu-submenu-item">
1249                                    <a class="sidebar-menu-submenu-link "
1250                                       href="/vereadores/mesa-diretora"
1251                                       >
1252                                                                                Mesa Diretora
1253                                    </a>
1254                                </div>
1255                                                                                            <div class="sidebar-menu-submenu-item">
1256                                    <a class="sidebar-menu-submenu-link "
1257                                       href="/vereadores/comissoes"
1258                                       >
1259                                                                                Comissões
1260                                    </a>
1261                                </div>
1262                                                                                            <div class="sidebar-menu-submenu-item">
1263                                    <a class="sidebar-menu-submenu-link "
1264                                       href="/vereadores/materias-legislativas"
1265                                       >
1266                                                                                Matérias Legislativas
1267                                    </a>
1268                                </div>
1269                                                                                            <div class="sidebar-menu-submenu-item">
1270                                    <a class="sidebar-menu-submenu-link "
1271                                       href="/vereadores/requerimentos"
1272                                       >
1273                                                                                Requerimentos
1274                                    </a>
1275                                </div>
1276                                                                                            <div class="sidebar-menu-submenu-item">
1277                                    <a class="sidebar-menu-submenu-link "
1278                                       href="/vereadores/indicacoes"
1279                                       >
1280                                                                                Indicações
1281                                    </a>
1282                                </div>
1283                                                                                            <div class="sidebar-menu-submenu-item">
1284                                    <a class="sidebar-menu-submenu-link "
1285                                       href="/vereadores/mocoes"
1286                                       >
1287                                                                                Moções
1288                                    </a>
1289                                </div>
1290                                                    </div>
1291                                    </div>
1292                            
1293                <div class="sidebar-menu-item ">
1294                                            <a class="sidebar-menu-link "
1295                           href="/#"
1296                           data-toggle="submenu"
1297                           >
1298                            <i class="fa fa-circle sidebar-menu-icon"></i>
1299                            <span class="sidebar-menu-text">Legislativo</span>
1300                            <i class="fa fa-chevron-right sidebar-menu-toggle"></i>
1301                        </a>
1302                        <div class="sidebar-menu-submenu">
1303                                                                                            <div class="sidebar-menu-submenu-item">
1304                                    <a class="sidebar-menu-submenu-link "
1305                                       href="/legislativo/leis-municipais"
1306                                       >
1307                                                                                Legislação Municipal
1308                                    </a>
1309                                </div>
1310                                                                                            <div class="sidebar-menu-submenu-item">
1311                                    <a class="sidebar-menu-submenu-link "
1312                                       href="/legislativo/sessao-ao-vivo"
1313                                       >
1314                                                                                Sessão ao Vivo
1315                                    </a>
1316                                </div>
1317                                                                                            <div class="sidebar-menu-submenu-item">
1318                                    <a class="sidebar-menu-submenu-link "
1319                                       href="/legislativo/atas"
1320                                       >
1321                                                                                Atas
1322                                    </a>
1323                                </div>
1324                                                                                            <div class="sidebar-menu-submenu-item">
1325                                    <a class="sidebar-menu-submenu-link "
1326                                       href="/legislativo/pautas"
1327                                       >
1328                                                                                Pautas
1329                                    </a>
1330                                </div>
1331                                                                                            <div class="sidebar-menu-submenu-item">
1332                                    <a class="sidebar-menu-submenu-link "
1333                                       href="/legislativo/sessoes"
1334                                       >
1335                                                                                Sessões
1336                                    </a>
1337                                </div>
1338                                                                                            <div class="sidebar-menu-submenu-item">
1339                                    <a class="sidebar-menu-submenu-link "
1340                                       href="/legislativo/lista-de-presenca"
1341                                       >
1342                                                                                Lista de Presença
1343                                    </a>
1344                                </div>
1345                                                                                            <div class="sidebar-menu-submenu-item">
1346                                    <a class="sidebar-menu-submenu-link "
1347                                       href="/legislativo/atos-da-presidencia"
1348                                       >
1349                                                                                Atos da Presidência
1350                                    </a>
1351                                </div>
1352                                                                                            <div class="sidebar-menu-submenu-item">
1353                                    <a class="sidebar-menu-submenu-link "
1354                                       href="/legislativo/atos-da-mesa"
1355                                       >
1356                                                                                Atos da Mesa
1357                                    </a>
1358                                </div>
1359                                                                                            <div class="sidebar-menu-submenu-item">
1360                                    <a class="sidebar-menu-submenu-link "
1361                                       href="/legislativo/publicacoes"
1362                                       >
1363                                                                                Publicações
1364                                    </a>
1365                                </div>
1366                                                    </div>
1367                                    </div>
1368                            
1369                <div class="sidebar-menu-item ">
1370                                            <a class="sidebar-menu-link "
1371                           href="/#"
1372                           data-toggle="submenu"
1373                           >
1374                            <i class="fa fa-circle sidebar-menu-icon"></i>
1375                            <span class="sidebar-menu-text">Transparência</span>
1376                            <i class="fa fa-chevron-right sidebar-menu-toggle"></i>
1377                        </a>
1378                        <div class="sidebar-menu-submenu">
1379                                                                                            <div class="sidebar-menu-submenu-item">
1380                                    <a class="sidebar-menu-submenu-link "
1381                                       href="/portal-da-transparencia"
1382                                       >
1383                                                                                Portal da Transparência
1384                                    </a>
1385                                </div>
1386                                                                                            <div class="sidebar-menu-submenu-item">
1387                                    <a class="sidebar-menu-submenu-link "
1388                                       href="https://portaldatransparencia.caraguatatuba.sp.gov.br/licitacoes/licitacoes"
1389                                        target="_blank">
1390                                                                                    <i class="fa fa-external-link" style="font-size: 0.6rem; margin-right: 0.5rem;"></i>
1391                                                                                Licitações
1392                                    </a>
1393                                </div>
1394                                                                                            <div class="sidebar-menu-submenu-item">
1395                                    <a class="sidebar-menu-submenu-link "
1396                                       href="/transparencia/concursos-publicos"
1397                                       >
1398                                                                                Concursos Públicos
1399                                    </a>
1400                                </div>
1401                                                                                            <div class="sidebar-menu-submenu-item">
1402                                    <a class="sidebar-menu-submenu-link "
1403                                       href="/transparencia/audiencias-publicas"
1404                                       >
1405                                                                                Audiências Públicas
1406                                    </a>
1407                                </div>
1408                                                                                            <div class="sidebar-menu-submenu-item">
1409                                    <a class="sidebar-menu-submenu-link "
1410                                       href="/a-camara/organograma"
1411                                       >
1412                                                                                Estrutura Organizacional
1413                                    </a>
1414                                </div>
1415                                                                                            <div class="sidebar-menu-submenu-item">
1416                                    <a class="sidebar-menu-submenu-link "
1417                                       href="/transparencia/servicos-online"
1418                                       >
1419                                                                                Serviços Online
1420                                    </a>
1421                                </div>
1422                                                                                            <div class="sidebar-menu-submenu-item">
1423                                    <a class="sidebar-menu-submenu-link "
1424                                       href="/transparencia/diario-oficial"
1425                                       >
1426                                                                                Diário Oficial
1427                                    </a>
1428                                </div>
1429                                                                                            <div class="sidebar-menu-submenu-item">
1430                                    <a class="sidebar-menu-submenu-link "
1431                                       href="/transparencia/protocolo"
1432                                       >
1433                                                                                Protocolo Online
1434                                    </a>
1435                                </div>
1436                                                                                            <div class="sidebar-menu-submenu-item">
1437                                    <a class="sidebar-menu-submenu-link "
1438                                       href="/transparencia/lgpd-e-governo-digital"
1439                                       >
1440                                                                                LGPD e Governo Digital
1441                                    </a>
1442                                </div>
1443                                                                                            <div class="sidebar-menu-submenu-item">
1444                                    <a class="sidebar-menu-submenu-link "
1445                                       href="/transparencia/pesquisa-de-satisfacao"
1446                                       >
1447                                                                                Pesquisa de Satisfação
1448                                    </a>
1449                                </div>
1450                                                                                            <div class="sidebar-menu-submenu-item">
1451                                    <a class="sidebar-menu-submenu-link "
1452                                       href="/transparencia/perguntas-frequentes"
1453                                       >
1454                                                                                Perguntas Frequentes
1455                                    </a>
1456                                </div>
1457                                                    </div>
1458                                    </div>
1459                            
1460                <div class="sidebar-menu-item ">
1461                                            <a class="sidebar-menu-link "
1462                           href="/#"
1463                           data-toggle="submenu"
1464                           >
1465                            <i class="fa fa-circle sidebar-menu-icon"></i>
1466                            <span class="sidebar-menu-text">Ouvidoria</span>
1467                            <i class="fa fa-chevron-right sidebar-menu-toggle"></i>
1468                        </a>
1469                        <div class="sidebar-menu-submenu">
1470                                                                                            <div class="sidebar-menu-submenu-item">
1471                                    <a class="sidebar-menu-submenu-link "
1472                                       href="/ouvidoria"
1473                                       >
1474                                                                                Ouvidoria
1475                                    </a>
1476                                </div>
1477                                                                                            <div class="sidebar-menu-submenu-item">
1478                                    <a class="sidebar-menu-submenu-link "
1479                                       href="/relatorios-de-ouvidoria"
1480                                       >
1481                                                                                Relatórios de Ouvidoria
1482                                    </a>
1483                                </div>
1484                                                                                            <div class="sidebar-menu-submenu-item">
1485                                    <a class="sidebar-menu-submenu-link "
1486                                       href="/e-sic"
1487                                       >
1488                                                                                e-SIC
1489                                    </a>
1490                                </div>
1491                                                                                            <div class="sidebar-menu-submenu-item">
1492                                    <a class="sidebar-menu-submenu-link "
1493                                       href="/relatorios-de-e-sic"
1494                                       >
1495                                                                                Relatórios de e-SIC
1496                                    </a>
1497                                </div>
1498                                                    </div>
1499                                    </div>
1500                            
1501                <div class="sidebar-menu-item ">
1502                                            <a class="sidebar-menu-link "
1503                           href="/#"
1504                           data-toggle="submenu"
1505                           >
1506                            <i class="fa fa-circle sidebar-menu-icon"></i>
1507                            <span class="sidebar-menu-text">Comunicação</span>
1508                            <i class="fa fa-chevron-right sidebar-menu-toggle"></i>
1509                        </a>
1510                        <div class="sidebar-menu-submenu">
1511                                                                                            <div class="sidebar-menu-submenu-item">
1512                                    <a class="sidebar-menu-submenu-link "
1513                                       href="/noticias"
1514                                       >
1515                                                                                Últimas Notícias
1516                                    </a>
1517                                </div>
1518                                                                                            <div class="sidebar-menu-submenu-item">
1519                                    <a class="sidebar-menu-submenu-link "
1520                                       href="/comunicacao/tv-camara"
1521                                       >
1522                                                                                TV Câmara
1523                                    </a>
1524                                </div>
1525                                                                                            <div class="sidebar-menu-submenu-item">
1526                                    <a class="sidebar-menu-submenu-link "
1527                                       href="/comunicacao/videos-das-se
1527ssoes"
1528                                       >
1529                                                                                Vídeos das Sessões
1530                                    </a>
1531                                </div>
1532                                                                                            <div class="sidebar-menu-submenu-item">
1533                                    <a class="sidebar-menu-submenu-link "
1534                                       href="/comunicacao/galeria-de-fotos"
1535                                       >
1536                                                                                Galeria de Fotos
1537                                    </a>
1538                                </div>
1539                                                                                            <div class="sidebar-menu-submenu-item">
1540                                    <a class="sidebar-menu-submenu-link "
1541                                       href="https://www.facebook.com/CamaraMunicipaldeCaraguatatuba"
1542                                        target="_blank">
1543                                                                                    <i class="fa fa-external-link" style="font-size: 0.6rem; margin-right: 0.5rem;"></i>
1544                                                                                Facebook
1545                                    </a>
1546                                </div>
1547                                                                                            <div class="sidebar-menu-submenu-item">
1548                                    <a class="sidebar-menu-submenu-link "
1549                                       href="https://www.instagram.com/camaracaraguatatuba/"
1550                                        target="_blank">
1551                                                                                    <i class="fa fa-external-link" style="font-size: 0.6rem; margin-right: 0.5rem;"></i>
1552                                                                                Instagram
1553                                    </a>
1554                                </div>
1555                                                                                            <div class="sidebar-menu-submenu-item">
1556                                    <a class="sidebar-menu-submenu-link "
1557                                       href="https://www.youtube.com/channel/UCkcArEA8NeoVgmLsDMbL_Hw"
1558                                        target="_blank">
1559                                                                                    <i class="fa fa-external-link" style="font-size: 0.6rem; margin-right: 0.5rem;"></i>
1560                                                                                YouTube
1561                                    </a>
1562                                </div>
1563                                                                                            <div class="sidebar-menu-submenu-item">
1564                                    <a class="sidebar-menu-submenu-link "
1565                                       href="https://twitter.com/camaracaragua"
1566                                        target="_blank">
1567                                                                                    <i class="fa fa-external-link" style="font-size: 0.6rem; margin-right: 0.5rem;"></i>
1568                                                                                X
1569                                    </a>
1570                                </div>
1571                                                    </div>
1572                                    </div>
1573                    </nav>
1574    </div>
1575
1576<script>
1577    $(document).ready(function() {
1578        // Prevenir que o código de smooth scroll do main.js interfira
1579        $('.sidebar-menu-link[data-toggle="submenu"]').on('click', function(e) {
1580            e.preventDefault();
1581            e.stopPropagation(); // Prevenir propagação do evento
1582
1583            var $item = $(this).closest('.sidebar-menu-item');
1584
1585            // Toggle expanded class
1586            $item.toggleClass('expanded');
1587
1588            // Close other expanded items (optional - remove if you want multiple open)
1589            $('.sidebar-menu-item').not($item).removeClass('expanded');
1590        });
1591
1592        // Prevenir que links do submenu também sejam capturados pelo smooth scroll
1593        $('.sidebar-menu-submenu-link').on('click', function(e) {
1594            // Se o href for apenas "#", prevenir o comportamento padrão
1595            if ($(this).attr('href') === '#') {
1596                e.preventDefault();
1597                e.stopPropagation();
1598            }
1599        });
1600    });
1601</script>
1601
1602                                                            </div>
1603                        </div>
1604
1605<style>
1606.table-list-empty-state {
1607    padding: 24px;
1608    border-radius: 12px;
1609    background: rgba(37, 99, 235, 0.06);
1610    text-align: center;
1611}
1612
1613.table-list-empty-state__message {
1614    margin: 0;
1615    color: #1f2937;
1616    font-size: 1rem;
1617}
1618</style>
1619</div><div class="col-md-8 col-lg-9"><div><div class="timeline-line" style="position: relative;padding-left: 2rem;left: inherit;width: inherit;background-color: inherit;">
1620    <!-- Milestone 1 -->
1621    <div class="timeline-milestone">
1622        <div class="timeline-dot rounded-md"></div>
1623        <div class="timeline-card rounded-md">
1624            
1625            <h3 class="timeline-title">História da Câmara</h3>
1626            <p class="timeline-description">A Câmara Municipal de Caraguatatuba foi criada em 20 de abril de 1857, através da Lei Provincial nº 30, quando a Freguesia é elevada à categoria de Vila, com a consequente instalação da Câmara Municipal e da Cadeia Pública. O registro da história política da cidade só tem início em 1894, conforme registro do Livro de Atas 14/1 do Poder Legislativo, com a data de 25 de agosto do mesmo ano.</p>
1627            <p class="timeline-description">A partir do início da colônia até 1925, as vilas e as cidades eram administradas pelas Câmaras Municipais eletivas, intituladas Conselhos de Vereança. Compunham-se de dois juízes ordinários, três vereadores e oficiais da Câmara. A partir de 1796 surge a figura do juiz de fora, nomeado para presidir as Câmaras.</p>
1628            <p class="timeline-description">O exercício do voto e da vereança cabia somente aos ‘homens bons’ representantes da classe proprietária. Os comerciantes só foram ter acesso ao Legislativo no século XVIII (1700), pois não eram considerados tão ‘bons’ assim.</p>
1629            <p class="timeline-description">De 1857 a 1908, o presidente da Câmara exercia também a chefia do Poder Executivo, ou o cargo era oferecido a outro cidadão por sua deferência. Assim, a primeira composição do Legislativo Municipal em Caraguatatuba teve como presidente e intendente municipal, que fazia as vezes do prefeito, Tertuliano Antonio Fogaça. A Câmara não só deliberava como autorizava sobre regras de posturas municipais, a construção de prédios e determinava serviços de limpeza pública e obras. Fazia a prestação de contas do município diretamente ao secretário da Fazenda Pública do Estado, além dos contatos com as autoridades da administração estadual.</p>
1630            <div class="timeline-image-wrapper rounded-md" style="height: 26rem !important;">
1631                <img class="timeline-image rounded-md" data-alt="" src="https://cmc-kouncilor.sfo3.digitaloceanspaces.com/website/themes/historia/historia-1768777141.jpg"/>
1632            </div>
1633        </div>
1634    </div>
1635    <!-- Milestone 2 -->
1636    <div class="timeline-milestone">
1637        <div class="timeline-dot rounded-md"></div>
1638        <div class="timeline-card rounded-md">
1639            
1640            <h3 class="timeline-title">A Primeira Composição</h3>
1641            <p class="timeline-description">Presidente: Tertuliano Antonio Fogaça;</p>
1642            <p class="timeline-description">Membros: Luiz Antonio Maciel, Joaquim Marcondes Sodré, Adelino Bordini do Amaral, João Eliseu de Mattos e João Antonio dos Santos.</p>
1643            <p class="timeline-description">Suplentes: José Gerônimo Borges e Melchiades Correa Alves</p>
1644            <div class="timeline-image-wrapper rounded-md" style="height: 26rem !important;">
1645                <img class="timeline-image rounded-md" data-alt="" src="https://cmc-kouncilor.sfo3.digitaloceanspaces.com/website/themes/historia/historia-1-1768777141.jpg"/>
1646            </div>
1647        </div>
1648    </div>
1649    <!-- Milestone 3 -->
1650    <div class="timeline-milestone">
1651        <div class="timeline-dot rounded-md"></div>
1652        <div class="timeline-card rounded-md">
1653            
1654            <h3 class="timeline-title">Multas</h3>
1655            <p class="timeline-description">O Estatuto da Câmara daquela época era rígido e disciplinador. Os faltosos sem prévia comunicação recebiam multa de 35$000 (Trinta e Cinco Mil Réis) por sessão. A comprovação deste fato vem com o Vereador João Eliseu de Mattos, que faltou a uma Sessão Ordinária. Ainda naquela época, nenhum Parlamentar recebia subsídio, mas todos se preocupavam com a necessidade da Vila ter luz elétrica.</p>
1656        </div>
1657    </div>
1658    <!-- Milestone 4 -->
1659    <div class="timeline-milestone">
1660        <div class="timeline-dot rounded-md"></div>
1661        <div class="timeline-card rounded-md">
1662            
1663            <h3 class="timeline-title">Câmara Extinta durante o período (Ditadura)</h3>
1664            <p class="timeline-description">Em 1938, durante o governo ditatorial de Getúlio Vargas, um ato abusivo, autoritário, arrogante e antidemocrático extinguiu as Câmaras Municipais. Isso ocorreu em 5 de julho de 1938, através do Livro de Atas 14/5, na página 34, quando o Prefeito era Sebastião Mariano Nepomuceno e o Presidente da Câmara Benedito Zacharias Arouca. Todos os documentos da extinta Câmara foram entregues mediante ofício e lavra de Ata, pelo funcionário Osíris Nepomuceno Santana.</p>
1665            <div class="timeline-image-wrapper rounded-md" style="height: 26rem !important;">
1666                <img class="timeline-image rounded-md" data-alt="" src="https://cmc-kouncilor.sfo3.digitaloceanspaces.com/website/themes/historia/historia-ditadura-1768777446.jpg"/>
1667            </div>
1668        </div>
1669    </div>
1670    <!-- Milestone 5 -->
1671    <div class="timeline-milestone">
1672        <div class="timeline-dot rounded-md"></div>
1673        <div class="timeline-card rounded-md">
1674           
1675            <h3 class="timeline-title">A Renúncia</h3>
1676            <p class="timeline-description">Saturnino Mariano Nepomuceno foi o Vereador mais votado nas eleições de 1947 e para provar sua fama de homem decidido apresentou a sua renúncia logo na primeira sessão ordinária, por não concordar com os “conchavos” para a composição da mesa. Nesse gesto foi acompanhado pelo irmão Sebastião Mariano Nepomuceno. Ambos eram considerados homens de opiniões firmes e a renúncia deles foi aceita sem qualquer controvérsia.</p>
1677            <div class="timeline-image-wrapper rounded-md" style="height: 26rem !important;">
1678                <img class="timeline-image rounded-md" data-alt="" src="https://cmc-kouncilor.sfo3.digitaloceanspaces.com/website/themes/historia/historia-2-1768777141.jpg"/>
1679            </div>
1680        </div>
1681    </div>
1682    <!-- Milestone 6 -->
1683    <div class="timeline-milestone">
1684        <div class="timeline-dot rounded-md"></div>
1685        <div class="timeline-card rounded-md">
1686           
1687            <h3 class="timeline-title">Reeleição Automática</h3>
1688            <p class="timeline-description">Durante a gestão do ex-Prefeito Carmínio Peixoto, de 1948 à 1951, mais precisamente no ano de 1949, a Câmara Municipal viveu um grande impasse, diante de assunto polêmico e amplamente discutido. O Presidente do Legislativo, Marcelo Pinto Passos, com apoio de alguns Vereadores aliados, resolveu se manter por mais tempo como Presidente da Câmara sem a devida eleição para renovação.</p>
1689            <p class="timeline-description">Este fato causou a rebeldia de sete Vereadores, que decidiram não retornar enquanto o processo democrático e as formas da lei não fossem cumpridos. Os rebelados foram: Olegário Nardi, Arnaldo Stewart. Joaquim Evilásio do Amaral, José Antonio Ferreira, Benedito Miguel Carlota, Melchiades de Oliveira e Pedro Carvalho.</p>
1690            <p class="timeline-description">Como a Câmara ficou sem quorum mínimo para suas votações e discussões, o “Presidente” Marcelo Passos baixou a Ação Declaratória nº 5, considerando cassados os mandatos dos rebelados.</p>
1691            <p class="timeline-description">Foram convocados e assumiram em 2 de abril de 1949 os seguintes suplentes: Washington Luis dos Santos, José Pegorelli, Manoel Nunes de Souza, Jorge Ribeiro Júnior, Agenor Vicente de Morais, Dermeval Teixeira e Oswaldo Pimenta de Mello. A decisão foi comunicada ao Juiz Eleitoral de São Sebastião, Carlos Rocha Siqueira, com a alegação de estarem as reuniões da Câmara.</p>
1692            <p class="timeline-description">Os rebelados apresentaram recurso ao juízo da 132ª Zona Eleitoral, que concedeu ganho de causa ao Presidente Marcelo Pinto Passos.</p>
1693            <div class="timeline-image-wrapper rounded-md" style="display:none;">
1694                <img class="timeline-image rounded-md" data-alt="" src=""/>
1695            </div>
1696        </div>
1697    </div>
1698    <!-- Milestone 7 -->
1699    <div class="timeline-milestone">
1700        <div class="timeline-dot rounded-md"></div>
1701        <div class="timeline-card rounded-md">
1702            
1703            <h3 class="timeline-title">A Primeira Mulher</h3>
1704            <p class="timeline-description">Foi nesta conturbada gestão que surgiu a primeira Vereadora de Caraguatatuba. Trata-se de Leonor Soalheiro Teixeira, que foi suplente e assumiu devido à cassação dos rebelados. Segundo registra a história, uma nova participação feminina no Legislativo ocorreu somente em 2001, 52 anos depois e em dose quádrupla, com Leonor Diniz Ferreira, Madalena Maria Fachini, Dalva Ricardo Santana e Vera Lúcia Moreira Peixoto. Em 2009, as mulheres foram representadas por Silmara Selma Mattiazzo e Vilma Tei
1704xeira de Oliveira Santos que foi reeleita em 2013 e 2017. A 17ª legislatura (2017/2020) contou ainda com a participação da vereadora Salete Maria de Souza Paes. Na 18ª legislatura (2020-2024) as mulheres continuaram representadas com a eleição da vereadora Vera Lúcia Moraes.</p>
1705            <div class="timeline-image-wrapper rounded-md" style="height: 26rem !important;">
1706                <img class="timeline-image rounded-md" data-alt="" src="https://cmc-kouncilor.sfo3.digitaloceanspaces.com/website/themes/historia/historia-mulher-1768777446.jpg"/>
1707            </div>
1708        </div>
1709    </div>
1710    <!-- Milestone 8 -->
1711    <div class="timeline-milestone">
1712        <div class="timeline-dot rounded-md"></div>
1713        <div class="timeline-card rounded-md">
1714       
1715            <h3 class="timeline-title">O Prédio</h3>
1716            <p class="timeline-description">A Câmara em Caraguatatuba, na década de 60, já esteve localizada no centro da cidade, onde atualmente se encontra a Papelaria Kashiura, na Avenida Altino Arantes, bem como na praça Dr. Diógenes Ribeiro de Lima, onde funciona a SETUR (Secretaria Municipal de Turismo e Fomento). O atual prédio foi construído pelo ex-Prefeito Geraldo Nogueira da Silva, em 1968, aproveitando o esqueleto de um provável Mercado Municipal que seria erguido.</p>
1717            <div class="timeline-image-wrapper rounded-md" style="height: 26rem !important;">
1718                <img class="timeline-image rounded-md" data-alt="" src="https://cmc-kouncilor.sfo3.digitaloceanspaces.com/website/themes/historia/predio-1768777637.jpg"/>
1719            </div>
1720        </div>
1721    </div>
1722    <!-- Milestone 9 -->
1723    <div class="timeline-milestone">
1724        <div class="timeline-dot rounded-md"></div>
1725        <div class="timeline-card rounded-md">
1726            
1727            <h3 class="timeline-title">O Plenário</h3>
1728            <p class="timeline-description">O plenário da Câmara tem o nome de Benedito Zacarias Arouca, em homenagem ao ex-Vereador e ex-Prefeito, que governou essa cidade de 1923 a 1926. Dentre as várias obras destaca-se a vinda da Luz Elétrica, em 1924, quando apenas poucas ruas a tinham, e a construção do prédio da Prefeitura, juntamente com a Câmara, durante a sua gestão e localizada na esquina da Praça Dr. Cândido Mota, entre as atuais ruas Sebastião Mariano Nepomuceno e Altino Arantes. A denominação veio através do Projeto de Resolução 57/73, na gestão do ex-Presidente Rui Barbosa de Moura.</p>
1729            <div class="timeline-image-wrapper rounded-md" style="height: 26rem !important;">
1730                <img class="timeline-image rounded-md" data-alt="" src="https://cmc-kouncilor.sfo3.digitaloceanspaces.com/users/shared/gabinete/whatsapp-image-2026-03-19-at-161414-1773947684.jpeg"/>
1731            </div>
1732        </div>
1733    </div>
1734</div></div></div></div></div></section>
1735                </div>
1736            
1737    </main>
1738
1739    <div class="w-100 bg-institutional-light py-5 position-relative overflow-hidden">
1740        <div class="container">
1741            <div class="row align-items-center g-4 position-relative z-2">
1742                <div class="col-md-6 text-center text-md-start text-white">
1743                    <h3 class="fs-4 fw-bold d-flex align-items-center gap-3 justify-content-center justify-content-md-start mb-2">
1744                        <i class="fa fa-envelope-open" style="font-size: 1.875rem;"></i> Assine nossa Newsletter
1745                    </h3>
1746                    <p class="text-white-50 mb-0 fw-medium" style="font-size: 0.875rem;">Receba atualizações, notícias e pautas diretamente no seu e-mail.</p>
1747                </div>
1748                <div class="col-md-6">
1749                    <form class="d-flex w-100 gap-0 border border-white border-opacity-20 rounded overflow-hidden p-1" style="background-color: rgba(0, 87, 156, 0.5);" id="newsletterForm">
1750                        <div class="position-relative flex-grow-1">
1751                            <i class="fa fa-envelope position-absolute top-50 start-0 translate-middle-y text-white ms-3" style="opacity: 0.8;"></i>
1752                            <input type="email" class="form-control border-0 ps-5 pe-3 py-3 bg-transparent text-white" placeholder="Digite seu e-mail" required style="font-size: 0.875rem;">
1753                        </div>
1754                        <button class="btn bg-white text-primary fw-bold px-4 py-2 rounded hover-bg-gray-100 transition-all text-uppercase d-flex align-items-center gap-2" type="submit" style="font-size: 0.75rem; letter-spacing: 0.05em;">
1755                            Inscrever <i class="fa fa-arrow-right" style="font-size: 0.875rem;"></i>
1756                        </button>
1757                    </form>
1758                </div>
1759            </div>
1760        </div>
1761    </div>
1762<!-- footer area -->
1763<footer class="w-100 d-flex flex-column">
1764        <div class="bg-institutional pt-5 pb-4">
1765        <div class="container">
1766            <div class="row g-4 g-lg-3">
1767                <!-- Coluna 1 Menus -->
1768<div class="col-md-8 d-flex flex-column">
1769    <div class="row mb-5">
1770       <div class="col-md-4 d-flex flex-column">
1771            <h4 class="text-white fw-bold text-uppercase mb-4" style="font-size: 1rem; letter-spacing: 0.05em;">A Câmara</h4>
1772            <ul class="list-unstyled d-flex flex-column gap-3 mb-0">
1773                <li><a class="text-white-50 hover-text-accent-yellow text-decoration-none transition-all d-flex align-items-center gap-2" href="#" style="font-size: 0.875rem;"><i class="fa fa-chevron-right opacity-0 hover-opacity-100 transition-all text-accent-yellow" style="font-size: 0.75rem; margin-left: -1rem;"></i> Legislatura</a></li>
1774                <li><a class="text-white-50 hover-text-accent-yellow text-decoration-none transition-all d-flex align-items-center gap-2" href="#" style="font-size: 0.875rem;"><i class="fa fa-chevron-right opacity-0 hover-opacity-100 transition-all text-accent-yellow" style="font-size: 0.75rem; margin-left: -1rem;"></i> Regimento Interno</a></li>
1775                <li><a class="text-white-50 hover-text-accent-yellow text-decoration-none transition-all d-flex align-items-center gap-2" href="#" style="font-size: 0.875rem;"><i class="fa fa-chevron-right opacity-0 hover-opacity-100 transition-all text-accent-yellow" style="font-size: 0.75rem; margin-left: -1rem;"></i> História</a></li>
1776                <li><a class="text-white-50 hover-text-accent-yellow text-decoration-none transition-all d-flex align-items-center gap-2" href="#" style="font-size: 0.875rem;"><i class="fa fa-chevron-right opacity-0 hover-opacity-100 transition-all text-accent-yellow" style="font-size: 0.75rem; margin-left: -1rem;"></i> Organograma</a></li>
1777                <li><a class="text-white-50 hover-text-accent-yellow text-decoration-none transition-all d-flex align-items-center gap-2" href="#" style="font-size: 0.875rem;"><i class="fa fa-chevron-right opacity-0 hover-opacity-100 transition-all text-accent-yellow" style="font-size: 0.75rem; margin-left: -1rem;"></i> Localização</a></li>
1778            </ul>
1779        </div>
1780        <div class="col-md-4 d-flex flex-column">
1781            <h4 class="text-white fw-bold text-uppercase mb-4" style="font-size: 1rem; letter-spacing: 0.05em;">Transparência</h4>
1782            <ul class="list-unstyled d-flex flex-column gap-3 mb-0">
1783                <li><a class="text-white-50 hover-text-accent-yellow text-decoration-none transition-all d-flex align-items-center gap-2" href="#" style="font-size: 0.875rem;"><i class="fa fa-chevron-right opacity-0 hover-opacity-100 transition-all text-accent-yellow" style="font-size: 0.75rem; margin-left: -1rem;"></i> Portal da Transparência</a></li>
1784                <li><a class="text-white-50 hover-text-accent-yellow text-decoration-none transition-all d-flex align-items-center gap-2" href="#" style="font-size: 0.875rem;"><i class="fa fa-chevron-right opacity-0 hover-opacity-100 transition-all text-accent-yellow" style="font-size: 0.75rem; margin-left: -1rem;"></i> Licitações</a></li>
1785                <li><a class="text-white-50 hover-text-accent-yellow text-decoration-none transition-all d-flex align-items-center gap-2" href="#" style="font-size: 0.875rem;"><i class="fa fa-chevron-right opacity-0 hover-opacity-100 transition-all text-accent-yellow" style="font-size: 0.75rem; margin-left: -1rem;"></i> Despesas</a></li>
1786                <li><a class="text-white-50 hover-text-accent-yellow text-decoration-none transition-all d-flex align-items-center gap-2" href="#" style="font-size: 0.875rem;"><i class="fa fa-chevron-right opacity-0 hover-opacity-100 transition-all text-accent-yellow" style="font-size: 0.75rem; margin-left: -1rem;"></i> Locações</a></li>
1787                <li><a class="text-white-50 hover-text-accent-yellow text-decoration-none transition-all d-flex align-items-center gap-2" href="#" style="font-size: 0.875rem;"><i class="fa fa-chevron-right opacity-0 hover-opacity-100 transition-all text-accent-yellow" style="font-size: 0.75rem; margin-left: -1rem;"></i> Indisponibilidade de Serviços</a></li>
1788            </ul>
1789        </div>
1790        <div class="col-md-4 d-flex flex-column">
1791            <h4 class="text-white fw-bold text-uppercase mb-4" style="font-size: 1rem; letter-spacing: 0.05em;">Acessos Rápidos</h4>
1792            <ul class="list-unstyled d-flex flex-column gap-3 mb-0">
1793                <li><a class="text-white-50 hover-text-accent-yellow text-decoration-none transition-all d-flex align-items-center gap-2" href="#" style="font-size: 0.875rem;"><i class="fa fa-chevron-right opacity-0 hover-opacity-100 transition-all text-accent-yellow" style="font-size: 0.75rem; margin-left: -1rem;"></i> Portal da Transparência</a></li>
1794                <li><a class="text-white-50 hover-text-accent-yellow text-decoration-none transition-all d-flex align-items-center gap-2" href="#" style="font-size: 0.875rem;"><i class="fa fa-chevron-right opacity-0 hover-opacity-100 transition-all text-accent-yellow" style="font-size: 0.75rem; margin-left: -1rem;"></i> Licitações</a></li>
1795                <li><a class="text-white-50 hover-text-accent-yellow text-decoration-none transition-all d-flex align-items-center gap-2" href="#" style="font-size: 0.875rem;"><i class="fa fa-chevron-right opacity-0 hover-opacity-100 transition-all text-accent-yellow" style="font-size: 0.75rem; margin-left: -1rem;"></i> Despesas</a></li>
1796                <li><a class="text-white-50 hover-text-accent-yellow text-decoration-none transition-all d-flex align-items-center gap-2" href="#" style="font-size: 0.875rem;"><i class="fa fa-chevron-right opacity-0 hover-opacity-100 transition-all text-accent-yellow" style="font-size: 0.75rem; margin-left: -1rem;"></i> Locações</a></li>
1797                <li><a class="text-white-50 hover-text-accent-yellow text-decoration-none transition-all d-flex align-items-center gap-2" href="#" style="font-size: 0.875rem;"><i class="fa fa-chevron-right opacity-0 hover-opacity-100 transition-all text-accent-yellow" style="font-size: 0.75rem; margin-left: -1rem;"></i> Indisponibilidade de Serviços</a></li>
1798            </ul>
1799        </div>
1800    </div>
1801    <div class="row">
1802        <div class="col-md-12">
1803            <div class="d-flex flex-column flex-lg-row">
1804    					<img src="https://cmc-kouncilor.sfo3.digitaloceanspaces.com/website/themes/selo-
1804prata-1791309366.png" style="width: 120px;height: 120px;">
1805                <ul class="list-unstyled-column mb-0 ps-2">
1806                            <li class="d-flex align-items-start text-white-50 mb-3" style="font-size: 0.875rem;">
1807                                Av. Frei Pacífico Wagner, 830, Centro - Caraguatatuba, SP - CEP 11660-280 | (12) 3897-2525 | [email protected]
1808                            </li>
1809                            <li class="d-flex align-items-start text-white-50" style="font-size: 0.875rem;">
1810                                Horário de Atendimento: Segunda a Sexta: 12h às 18h
1811                            </li>
1812                            <li class="d-flex align-items-start text-white-50" style="font-size: 0.875rem;">
1813                                Sessões ordinárias: Terças às 19:30h
1814                            </li>
1815                        </ul>
1816            </div>
1817        </div>
1818    </div>
1819</div>
1820
1821<!-- Coluna 2 - Logo e App -->
1822<div class="col-md-4">
1823    <div class="row">
1824        <div class="col-md-6">
1825            <div class="d-flex flex-column gap-3 mb-5">
1826                <h5 class="text-white fw-bold text-uppercase mb-0" style="font-size: 1rem; letter-spacing: 0.05em;">Baixe nosso App</h5>
1827                <p class="text-white-50 mb-0" style="font-size: 0.875rem;">Acompanhe as notícias e eventos da Câmara diretamente no seu celular.</p>
1828            </div>
1829            <div class="d-flex flex-column gap-4">
1830                <a class="position-relative d-flex align-items-center gap-3 rounded-3 border border-white border-opacity-20 bg-white bg-opacity-10 px-3 py-2 transition-all hover-bg-white-20 hover-border-white-40 overflow-hidden w-100 justify-content-start text-decoration-none" href="#">
1831                    <i class="fab fa-apple text-white" style="font-size: 1.8rem;"></i>
1832                    <div class="d-flex flex-column align-items-start text-white" style="line-height: 1;">
1833                        <span class="text-uppercase opacity-75 mb-1" style="font-size: 9px; letter-spacing: 0.05em;">Download on the</span>
1834                        <span class="fw-bold" style="font-size: 0.875rem; white-space: nowrap;">App Store</span>
1835                    </div>
1836                </a>
1837                <a class="position-relative d-flex align-items-center gap-3 rounded-3 border border-white border-opacity-20 bg-white bg-opacity-10 px-3 py-2 transition-all hover-bg-white-20 hover-border-white-40 overflow-hidden w-100 justify-content-start text-decoration-none" href="#">
1838                    <i class="fab fa-android text-white" style="font-size: 1.4rem;"></i>
1839                    <div class="d-flex flex-column align-items-start text-white" style="line-height: 1;">
1840                        <span class="text-uppercase opacity-75 mb-1" style="font-size: 9px; letter-spacing: 0.05em;">Get it on</span>
1841                        <span class="fw-bold" style="font-size: 0.875rem; white-space: nowrap;">Play Store</span>
1842                    </div>
1843                </a>
1844            </div>
1845        </div>
1846        <div class="col-md-6 text-end d-flex align-items-end flex-column">
1847            <img src="/addons/themes/cmc/assets/images/brasao-caraguatatuba.png" width="90%"/>
1848            <div class="d-flex flex-column align-items-center mt-4">
1849                <span class="text-white-50 fw-bold" style="font-size: 0.875rem; letter-spacing: 0.1em;">CÂMARA MUNICIPAL DE</span>
1850                <h2 class="text-white mb-0 fw-bold text-uppercase" style="font-size: 1.2rem; line-height: 1.2;">
1851                    Caraguatatuba
1852                </h2>
1853            </div>
1854            <hr class="w-100 my-3 border-white" />
1855            <div class="d-flex align-items-center justify-content-center gap-3 w-100">
1856                <a href="#" class="btn btn-outline-light rounded-circle"><i class="fab fa-facebook"></i></a>
1857                <a href="#" class="btn btn-outline-light rounded-circle"><i class="fab fa-instagram"></i></a>
1858                <a href="#" class="btn btn-outline-light rounded-circle"><i class="fab fa-youtube"></i></a>
1859            </div>
1860        </div>
1861    </div>
1862</div>
1863                            </div>
1864        </div>
1865    </div>
1866    <div class="bg-footer-dark py-4 text-muted">
1867        <div class="container">
1868            <div class="row align-items-center g-4">
1869                <div class="col-12 col-md-6 text-center text-md-start">
1870                    <p class="fw-medium text-white mb-2 mb-md-0" style="font-size: 0.75rem;">© 2025 Câmara Municipal de Caragutatuba. Todos os direitos reservados.</p>
1871<div class="d-flex align-items-center gap-3 mt-2 justify-content-center justify-content-md-start">
1872    <a class="text-white text-decoration-none transition-all" href="/politica-de-privacidade" style="font-size: 0.75rem;">Política de Privacidade</a>
1873    <span class="text-secondary">•</span>
1874    <a class="text-white text-decoration-none transition-all" href="/termos-de-uso" style="font-size: 0.75rem;">Termos de Uso</a>
1875    <span class="text-secondary">•</span>
1876    <a class="text-white text-decoration-none transition-all" href="/mapa-do-site" style="font-size: 0.75rem;">Mapa do Site</a>
1877</div>
1878                </div>
1879                <div class="col-12 col-md-6 d-flex align-items-center gap-2 py-2 px-3 justify-content-center justify-content-md-end">
1880                    <span class="text-uppercase fw-medium text-white" style="font-size: 10px; letter-spacing: 0.05em;">Tecnologia:</span>
1881<div class="d-flex align-items-center gap-2 fw-bold text-white">
1882	<a href="https://kouncilor.com.br" target="_blank"><img src="/addons/themes/cmc/assets/images/logo-kouncilor.png" alt="Kouncilor" style="width: 100px;"></a>
1883</div>
1884                </div>
1885            </div>
1886        </div>
1887    </div>
1888</footer>
1889<!-- footer area end -->
1890
1891    <div vw class="enabled">
1892    <div vw-access-button class="active"></div>
1893    <div vw-plugin-wrapper>
1894        <div class="vw-plugin-top-wrapper"></div>
1895    </div>
1896</div>
1897<script src="https://vlibras.gov.br/app/vlibras-plugin.js"></script>
vendor: 2 bytes, line 1897
1897
1898<script>
1899    document.addEventListener('DOMContentLoaded', function () {
1900        if (window.VLibras && window.VLibras.Widget) {
1901            new window.VLibras.Widget('https://vlibras.gov.br/app');
1902        }
1903    });
1904</script>
1904
1905    
1905<script src="https://caraguatatuba.sp.leg.br/addons/themes/cmc/assets/js/accessibility.js?v=1782840160"></script>
1905
1906
1907    
1908        
1908<script>
1909        
1910    </script>
1910
1911    </body>
1912</html>

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.