*{margin:0;padding:0;box-sizing:border-box}body{font-family:'Roboto',sans-serif;line-height:1.7;color:#444;background-color:#f8f9fa}.container{width:80%;margin:auto;overflow:hidden;max-width:1100px}header{background:#333;color:#fff;padding-top:20px;min-height:70px;border-bottom:#0779e4 3px solid}header h1{float:left;margin-top:5px}header .phone-header{float:right;margin-top:10px;font-size:1.1em}header .phone-header a{color:#fff;text-decoration:none}header nav{float:right;margin-top:10px;clear:right}header ul{list-style:none}header li{display:inline;padding:0 15px}header a{color:#fff;text-decoration:none;text-transform:uppercase;font-size:16px}header a:hover{color:#ccc}#hero{min-height:400px;background:url('images/montagem_ferramenta_1.jpeg') no-repeat center center;background-size:cover;background-position:center center;text-align:center;color:#fff;display:flex;align-items:center;justify-content:center;padding:40px 20px;background-color:rgba(0,0,0,0.5);background-blend-mode:multiply}#hero h2{font-size:2.5em;margin-bottom:20px}#hero p{font-size:1.2em;margin-bottom:30px}.cta-button{display:inline-block;background:#0779e4;color:#fff;padding:15px 30px;font-size:1.1em;border:none;border-radius:5px;text-decoration:none;transition:background-color 0.3s ease}.cta-button:hover{background:#055aab}.phone-hero{margin-top:20px;font-size:1.1em}section{padding:40px 0}section h2{text-align:center;margin-bottom:30px;font-size:2em;color:#333}#about,#areas,#why-us{background:#fff}#services-preview{background:#f9f9f9}#about p,#areas p{margin-bottom:15px;text-align:justify}#services-preview ul,#why-us ul{list-style:none;padding-left:20px}#services-preview li,#why-us li{margin-bottom:10px;padding-left:25px;position:relative}#services-preview li::before,#why-us li::before{content:'\2714';color:#0779e4;position:absolute;left:0;top:0}.link-button{display:block;width:fit-content;margin:20px auto 0 auto;color:#0779e4;text-decoration:none;font-weight:bold}.link-button:hover{text-decoration:underline}footer{background:#333;color:#fff;text-align:center;padding:20px 0;margin-top:30px}footer a{color:#fff;text-decoration:none}footer a:hover{text-decoration:underline}@media(max-width:768px){header h1,header nav,header .phone-header{float:none;text-align:center;width:100%;margin-bottom:10px}header nav ul{padding:0}header nav li{display:block;padding:5px 0}.container{width:90%}#hero h2{font-size:2em}#hero p{font-size:1em}.cta-button{padding:12px 25px;font-size:1em}}.breadcrumb-container{background-color:#e9ecef;padding:0.75rem 0;margin-bottom:20px}.breadcrumb{display:flex;flex-wrap:wrap;padding:0;margin-bottom:0;list-style:none;background-color:transparent;border-radius:0}.breadcrumb-item{display:flex}.breadcrumb-item + .breadcrumb-item::before{display:inline-block;padding-right:0.5rem;padding-left:0.5rem;color:#6c757d;content:"/"}.breadcrumb-item.active{color:#6c757d}.breadcrumb-item a{color:#0779e4;text-decoration:none}.breadcrumb-item a:hover{text-decoration:underline}h1,h2,h3,h4,h5,h6{font-family:'Montserrat',sans-serif;font-weight:700;color:#343a40;margin-bottom:1rem}header h1{float:left;margin-top:5px;font-size:1.8em}section h2{text-align:center;margin-bottom:40px;font-size:2.2em;color:#0779e4}.service-item h3{font-size:1.5em;color:#343a40;margin-bottom:15px}#hero h2{font-family:'Montserrat',sans-serif;font-size:2.8em;margin-bottom:25px;color:#fff}.cta-button,.whatsapp-button{display:inline-block;padding:12px 28px;font-size:1.1em;font-weight:700;font-family:'Montserrat',sans-serif;border:none;border-radius:25px;text-decoration:none;text-align:center;cursor:pointer;transition:background-color 0.3s ease,transform 0.2s ease;box-shadow:0 4px 6px rgba(0,0,0,0.1)}.cta-button{background-color:#007bff;color:#fff}.cta-button:hover{background-color:#0056b3;transform:translateY(-2px)}.whatsapp-button{background-color:#25D366;color:white}.whatsapp-button:hover{background-color:#128C7E;transform:translateY(-2px)}.link-button{display:inline-block;margin-top:25px;color:#007bff;text-decoration:none;font-weight:bold;font-family:'Roboto',sans-serif;transition:color 0.3s ease}.link-button:hover{color:#0056b3;text-decoration:underline}#services-preview ul,#why-us ul,.service-item ul{list-style:none;padding-left:0}#services-preview li,#why-us li,.service-item li{margin-bottom:12px;padding-left:30px;position:relative;font-size:1.05em}#services-preview li::before,#why-us li::before,.service-item li::before{content:'\2714';color:#28a745;position:absolute;left:0;top:2px;font-size:1.1em}@media(max-width:992px){.container{width:90%}header h1{font-size:1.6em}header .phone-header{font-size:1em}}@media(max-width:768px){header{padding-top:15px;min-height:auto}header h1,header nav,header .phone-header{float:none;text-align:center;width:100%;margin-bottom:15px}header h1{margin-top:0}header .phone-header{margin-top:0}header nav{margin-top:0}header nav ul{padding:0}header nav li{display:block;padding:8px 0;border-bottom:1px solid #444}header nav li:last-child{border-bottom:none}.container{width:95%}#hero{min-height:300px;padding:30px 15px}#hero h2{font-size:2em}#hero p{font-size:1em;margin-bottom:25px}section{padding:30px 0}section h2{font-size:1.8em;margin-bottom:30px}.cta-button,.whatsapp-button{padding:10px 20px;font-size:1em;width:80%;max-width:300px;margin-left:auto;margin-right:auto;display:block;margin-bottom:10px}#contact-info .contact-details{padding:15px}#about img,#services-preview img,#areas img{max-width:100%}}@media(max-width:480px){#hero h2{font-size:1.6em}section h2{font-size:1.6em}body{font-size:15px}}


/* Estilos para páginas de bairro */
.bairro-hero {
    margin-bottom: 2rem; /* Adiciona espaço abaixo da imagem */
    text-align: center; /* Centraliza a imagem se for menor que o container */
}

.bairro-image {
    max-width: 100%; /* Garante que a imagem não ultrapasse o container */
    height: auto; /* Mantém a proporção da imagem */
    border-radius: 8px; /* Adiciona bordas arredondadas */
    box-shadow: 0 4px 8px rgba(0,0,0,0.1); /* Adiciona uma sombra sutil */
    margin-top: 1.5rem; /* Adiciona espaço acima da imagem */
}

#services-list .container h1 {
    margin-bottom: 1rem; /* Ajusta margem abaixo do H1 principal */
}

#services-list .container > p:first-of-type {
    margin-bottom: 2rem; /* Adiciona mais espaço abaixo do parágrafo introdutório */
    font-size: 1.1em;
    line-height: 1.6;
}

.service-item {
    background-color: #f9f9f9; /* Fundo levemente diferente para destacar seções */
    padding: 1.5rem;
    margin-bottom: 1.5rem;
    border-radius: 5px;
    border-left: 5px solid #007bff; /* Adiciona uma borda colorida à esquerda */
}

.service-item h3 {
    margin-top: 0; /* Remove margem superior do H3 dentro do item */
    color: #0056b3;
}

/* Ajustes gerais para consistência */
main .container {
    padding-top: 1rem; /* Reduz um pouco o padding superior do main */
}

