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.