/* Acréscimos ao CSS original (estilo.css, compilado do site em React): carrossel nativo, chamada da página inicial,
   bairros atendidos e links entre as páginas de serviço. Mesmas cores do original (variáveis --primary etc.). */

.chamada { margin: 0 0 1rem; color: hsl(var(--primary)); font-weight: 600; font-size: .95rem; letter-spacing: .02em; }

/* Carrossel "Nossos Trabalhos": rolagem lateral do navegador no lugar do Embla; as setas rolam uma tela (site.js). */
.carrossel-janela { overflow-x: auto; scroll-snap-type: x mandatory; scroll-behavior: smooth; scrollbar-width: none; }
.carrossel-janela::-webkit-scrollbar { display: none; }
.carrossel-trilho > * { scroll-snap-align: start; }

.bairros { margin-top: 1.5rem; padding-top: 1.25rem; border-top: 1px solid hsl(var(--border)); text-align: left; }
.bairros h3 { margin: 0 0 .5rem; font-size: 1rem; font-weight: 600; color: hsl(var(--foreground)); }
.bairros p { margin: 0; font-size: .9rem; line-height: 1.6; color: hsl(var(--muted-foreground)); }

.links-servicos { margin: 2rem auto 0; max-width: 56rem; text-align: center; font-size: .9rem; line-height: 1.8; color: hsl(var(--muted-foreground)); }
.links-servicos a { color: hsl(var(--primary)); text-decoration: underline; text-underline-offset: 2px; }

#menu-celular[hidden] { display: none; }