.contato-section {
     padding: 60px 0;
     background-color: #fff;
 }


 .location-header {
     padding: 0 15px;
     max-width: 1200px;
     margin-left: auto;
     margin-right: auto;
     text-align: center;
     display: flex;
     flex-direction: column;
     justify-content: center;
     align-items: center;
     min-height: 200px;
     /* Ajuste conforme necessário */
 }

 .headline-section {
     font-size: 2.2rem;
     font-weight: 700;
     text-align: center;
     margin-bottom: 20px;
     color: #28a745;
     text-transform: uppercase;
     letter-spacing: 1px;
     position: relative;
 }

 .headline-section::after {
     content: '';
     display: block;
     width: 60px;
     height: 4px;
     background: #28a745;
     margin: 8px auto 0;
     border-radius: 2px;
 }

 .headline h2 {
     font-size: 2.5rem;
     color: #333;
     margin-bottom: 10px;
 }

 .headline .lead {
     font-size: 1.25rem;
     color: #666;
 }

 /* Estilo do botão igual ao da localização */
 .btn-primary {
     background-color: #28a745;
     /* Verde florestal */
     border-color: #28a745;
     transition: background-color 0.3s ease;
     width: 100%;
     /* Botão ocupa toda a largura no formulário */
     padding: 10px;
     font-size: 1.1rem;
 }

 .btn-primary:hover {
     background-color: #218838;
     border-color: #218838;
 }

 @media (max-width: 768px) {
     .contato-info p {
         text-align: justify;
         /* Mantém justificado no celular */
     }

     .contato-section {
         padding: 40px 0;
     }

     .headline h2 {
         font-size: 2rem;
     }
 }

 /* Responsividade */
 @media (max-width: 768px) {
     .headline-section {
         font-size: 1.8rem;
     }

     .lead {
         font-size: 1rem;
         /* Ajuste para telas menores */
     }
 }



 /* Estilos gerais da seção */
 .localizacao-section {
     padding: 60px 0;
     background-color: #f8f9fa;
     /* Fundo cinza claro */
 }

 .headline h2 {
     font-size: 2.5rem;
     color: #333;
     margin-bottom: 10px;
 }

 /* Ajuste do parágrafo lead */
 .lead {
     font-size: 1.25rem;
     color: #666;
     margin-bottom: 0;
     /* Remover margem extra, já que o mb-5 está no container */
 }

 .headline .lead {
     font-size: 1.25rem;
     color: #666;
 }

 .localizacao-content {
     position: relative;
     z-index: 10;
     /* Acima do mapa */
 }

 /* Container para tabelas lado a lado */
 .tables-container {
     display: flex;
     justify-content: center;
     gap: 20px;
     /* Espaço entre as tabelas */
     flex-wrap: wrap;
     /* Permite empilhar no mobile */
 }

 .localizacao-table {
     width: 100%;
     max-width: 350px;
     /* Largura fixa para cada tabela */
     background-color: #fff;
     border-radius: 10px;
     box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
     border-collapse: collapse;
 }

 .localizacao-table th {
     background-color: #2c3e50;
     color: #fff;
     font-size: 1.5rem;
     padding: 15px;
     text-align: center;
 }

 .localizacao-table td {
     padding: 10px;
     color: #555;
     text-align: left;
 }

 .localizacao-table td:first-child {
     font-weight: bold;
 }

 .btn-primary {
     background-color: #28a745;
     /* Verde florestal */
     border-color: #28a745;
     transition: background-color 0.3s ease;
     display: inline-block;
     width: 100%;
     text-align: center;
 }

 .btn-primary:hover {
     background-color: #218838;
     border-color: #218838;
 }

 /* Mapa esticando nas laterais */
 .map-container {
     width: 100%;
     height: 500px;
     /* Altura fixa */
     margin: 0;
     padding: 0;
 }

 .map-container iframe {
     width: 100%;
     height: 100%;
     border: 0;
     display: block;
 }

 /* Responsividade */
 @media (max-width: 768px) {
     .localizacao-section {
         padding: 40px 0;
     }

     .headline h2 {
         font-size: 2rem;
     }

     .tables-container {
         flex-direction: column;
         align-items: center;
     }

     .localizacao-table {
         max-width: 100%;
         /* Largura total no mobile */
         margin-bottom: 20px;
     }

     .map-container {
         height: 400px;
         /* Altura menor no mobile */
     }
 }

.seo-hidden {
    display: none;
}


















 @import url('https://fonts.googleapis.com/css?family=Roboto&display=swap');

 * {
     box-sizing: border-box;
     padding: 0;
     margin: 0;
 }

 body {
     font-family: 'Roboto', sans-serif;
 }

 a {
     text-decoration: none;
     color: inherit;
 }

 /* Seletor para garantir que o conteúdo do menu dentro de <h2> não afete o layout */
 #navbar h2 {
     display: inline-block;
     /* Mantém o comportamento inline */
     font-size: inherit;
     /* Mantém o tamanho da fonte igual ao original */
     font-weight: inherit;
     /* Mantém o peso da fonte igual ao original */
     line-height: inherit;
     /* Mantém o espaçamento entre as linhas igual ao original */
     margin: 0;
     /* Remove margens adicionais */
 }

 /* Ajustando o menu dentro da tag <h2> para que o layout e o estilo fiquem como o original */
 /* Navbar */
 #navbar {
     width: 100%;
     background-color: rgba(87, 152, 42, 0.5) !important;
     /* Verde com transparência */
     color: #eee;
     height: 80px;
     position: fixed;
     top: 0;
     left: 0;
     padding: 15px;
     z-index: 10;
 }

 #navbar-container {
     display: flex;
     align-items: center;
 }

 #navbar-items {
     list-style-type: none;
     display: flex;
     margin: 0;
     padding: 0;
 }

 #navbar-items li {
     margin-left: 20px;
 }

 #navbar-items a {
     text-decoration: none;
     color: #fff;
     font-size: 16px;
     font-weight: bold;
 }

 #navbar-items a:hover {
     color: #f0a500;
 }


 .btn {
     display: inline-block;
     padding: 15px 60px;
     font-size: 1.1rem;
     text-transform: uppercase;
     background: #111;
     color: #eee;
     border-radius: 5px;
     transition: background 500ms ease;
 }

 .btn:hover {
     cursor: pointer;
     background: #000;
 }

 .headline {
     font-size: 2.2rem;
     text-transform: uppercase;
     font-weight: bold;
     text-align: center;
     padding-bottom: 50px;
     letter-spacing: 2px;
 }

 /* Navbar */
 #navbar {
     width: 100%;
     background: #111;
     color: #eee;
     height: 80px;
     position: fixed;
 }

 #navbar-container {
     width: 80%;
     height: 100%;
     margin: auto;
     display: flex;
     justify-content: space-between;
     align-items: center;
 }

 .logo {
     font-size: 2rem;
 }

 #navbar-items {
     display: flex;
     list-style: none;
     text-transform: uppercase;
 }

 #navbar-items li {
     padding: 10px;
 }

 /* estilo.css */

 /* Estilo da seção início (usando a terceira versão como base) */
 #inicio {
     height: 100vh;
     width: 100%;
     display: flex;
     justify-content: center;
     align-items: center;
     background: url('/img/showcase.jpg') no-repeat center center/cover;
     /* Fallback */
     background: url('/img/background-fs-solucoes-florestais-paracatu-mg.webp') no-repeat center center/cover;
     /* WebP */
     position: relative;
     overflow: hidden;
     margin: 0;
     padding: 0;
     box-sizing: border-box;
 }

 #inicio::before {
     content: '';
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     background: rgba(0, 0, 0, 0.3);
     z-index: 1;
     /* Fica acima do background, mas abaixo do canvas e da logo */
 }

 /* Estilo do canvas */
 #particle-canvas {
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     z-index: 2;
     /* Fica acima do ::before, mas abaixo da logo */
     pointer-events: none;
     /* Permite cliques passarem pelo canvas */
 }

 .logo-overlay {
     position: relative;
     z-index: 3;
     /* Logo fica acima do canvas e do ::before */
     display: flex;
     justify-content: center;
     align-items: center;
 }

 .dynamic-logo {
     width: 573px;
     height: 545px;
     max-width: 573px;
     display: block;
     animation: glowWave 3s infinite ease-in-out, float 4s infinite linear;
     filter: drop-shadow(0 0 10px rgba(40, 167, 69, 0.5));
     object-fit: contain;
     /* Garante que a imagem não seja esticada */
 }

 /* Ajuste para telas maiores (desktop) */
 @media (min-width: 769px) {
     .dynamic-logo {
         width: 573px;
         /* Tamanho fixo para desktop */
         height: auto;
         /* Proporção original */
         max-width: 80vw;
         /* Limite proporcional à largura da tela, se necessário */
     }
 }

 /* Mantém o comportamento atual no mobile */
 @media (max-width: 768px) {
     .dynamic-logo {
         width: 573px;
         height: 575px;
         max-width: 100vw;
         max-height: 100vh;
     }
 }

 @media (max-width: 573px) or (max-height: 575px) {
     .dynamic-logo {
         width: 100%;
         height: auto;
         max-width: 573px;
         max-height: 575px;
     }
 }

 /* Media queries permanecem iguais */
 @media (max-width: 767px) {
     #inicio {
         height: 100vh;
         width: 100%;
         background-size: contain;
         background-position: center;
         overflow: hidden;
     }

     .dynamic-logo {
         width: 573px;
         height: 575px;
         max-width: 100vw;
         max-height: 100vh;
     }

     @media (max-width: 573px) or (max-height: 575px) {
         .dynamic-logo {
             width: 100%;
             height: auto;
             max-width: 573px;
             max-height: 575px;
         }
     }
 }

 /* Animações permanecem iguais */
 @keyframes glowWave {
     0% {
         filter: drop-shadow(0 0 10px rgba(40, 167, 69, 0.5)) brightness(100%);
     }

     50% {
         filter: drop-shadow(0 0 20px rgba(40, 167, 69, 0.9)) brightness(110%);
     }

     100% {
         filter: drop-shadow(0 0 20px rgba(40, 167, 69, 0.5)) brightness(100%);
     }
 }

 @keyframes float {
     0% {
         transform: translateY(-20px);
     }

     50% {
         transform: translateY(20px);
     }

     100% {
         transform: translateY(-20px);
     }
 }

 /* Clients */
 #clients {
     width: 100%;
     background: #eee;
     color: #111;
     padding: 50px;
 }

 #clients-container {
     display: grid;
     grid-template-columns: repeat(4, 1fr);
     justify-items: center;
     padding: 15px;
 }

 .client {
     display: inline-block;
     width: 25%;
 }

 /* About */
 #features {
     width: 100%;
     background: #222;
     color: #eee;
     padding: 50px;
 }

 #features-container {
     width: 100%;
     margin: auto;
     display: grid;
     grid-template-columns: repeat(3, 1fr);
     grid-column-gap: 50px;
 }

 .feature {
     display: flex;
     flex-direction: column;
     background: #333;
     padding: 20px;
     border-radius: 5px;
 }

 .feature-title {
     font-size: 1.5rem;
     font-weight: bold;
 }

 /* Product */
 #product {
     width: 100%;
     padding: 50px;
 }

 #product-container {
     display: flex;
     justify-content: center;
     align-items: center;
 }

 #items {
     width: 650px;
 }

 #items .item {
     display: flex;
     padding: 10px;
     margin: 15px 0;
     font-size: 1.2rem;
 }

 /* Testimonials */
 .testimonial {
     display: flex;
     align-items: center;
     font-size: 1.2rem;
     background: #333;
     padding: 15px;
     margin: 15px 0;
     border-radius: 5px;
 }

 #testimonials {
     width: 100%;
     background: #222;
     color: #eee;
     padding: 50px;
 }

 #testimonials-container {
     width: 80%;
     margin: auto;
     display: flex;
     align-items: center;
     flex-direction: column;
 }

 .testimonial .testimonial-image {
     height: 200px;
     width: auto;
     border-radius: 50%;
     margin: 15px;
 }

 /* Gallery */
 #gallery {
     width: 90%;
     margin: auto;
     padding: 50px;
 }

 #gallery-container {
     display: grid;
     grid-template-columns: repeat(3, 1fr);
     grid-gap: 30px;
     justify-items: center;
 }

 .gallery-image {
     display: inline-block;
     width: 540px;
     height: 360px;
     border-radius: 5px;
 }



 /* Estilos para a seção de Contato */
 /* Estilos para a seção de Contato */
 #contato {
     background-color: #f4f4f4;
     padding: 50px 20px;
     text-align: center;
     color: #333;
 }

 .headline {
     font-size: 2.2rem;
     font-weight: bold;
     text-transform: uppercase;
     letter-spacing: 1px;
     margin-bottom: 40px;
     color: #222;
 }

 /* Container para as informações de contato e formulário */
 #contato-container {
     display: flex;
     justify-content: center;
     /* Centraliza os itens horizontalmente */
     gap: 20px;
     /* Adiciona um pequeno espaço entre os dois itens */
     flex-wrap: wrap;
     /* Permite que os itens se ajustem em telas menores */
     max-width: 1200px;
     /* Limita a largura máxima */
     margin: 0 auto;
     /* Centraliza o container na tela */
 }

 /* Informações de contato */
 .contato-info {
     flex: 1;
     background-color: #fff;
     padding: 20px;
     border-radius: 8px;
     box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
     max-width: 500px;
     /* Limita a largura da coluna de informações */
     margin-bottom: 20px;
     /* Espaçamento inferior para o alinhamento com o formulário */
 }

 .contato-info h3 {
     font-size: 1.8rem;
     margin-bottom: 20px;
     font-weight: bold;
     color: #222;
 }

 .contato-info p {
     font-size: 1rem;
     color: #666;
     margin-bottom: 20px;
     text-align: justify;
 }

 .contato-info ul {
     list-style: none;
     padding: 0;
     text-align: left;
 }

 .contato-info ul li {
     font-size: 1.2rem;
     margin-bottom: 15px;
     display: flex;
     align-items: left;
     color: #333;
     word-wrap: break-word;
     overflow-wrap: break-word;
     white-space: normal;
     max-width: 100%;
     word-break: break-word;
 }

 .contato-info ul li i {
     font-size: 1.5rem;
     color: #f0a500;
     margin-right: 10px;
 }

 /* Estilo do formulário */
 .contato-form {
     flex: 1;
     background-color: #fff;
     padding: 20px;
     border-radius: 8px;
     box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
     max-width: 500px;
     /* Limita a largura do formulário */
     margin-bottom: 20px;
     /* Espaçamento inferior para o alinhamento com as informações */
 }

 .contato-form .form-group {
     margin-bottom: 20px;
 }

 .contato-form input,
 .contato-form textarea {
     width: 100%;
     padding: 12px;
     border: 1px solid #ddd;
     border-radius: 4px;
     font-size: 1rem;
     color: #333;
 }

 .contato-form textarea {
     resize: vertical;
 }

 .contato-form button {
     width: 100%;
     padding: 12px;
     background-color: #f0a500;
     color: white;
     font-size: 1.1rem;
     border: none;
     border-radius: 4px;
     cursor: pointer;
     transition: background-color 0.3s ease;
 }

 .contato-form button:hover {
     background-color: #d88d00;
 }

 /* Responsividade */
 @media (max-width: 768px) {
     #contato-container {
         flex-direction: column;
         /* Alinha os elementos verticalmente em telas pequenas */
         align-items: left;
         /* Centraliza os elementos em telas menores */
     }

     .contato-info,
     .contato-form {
         width: 100%;
         max-width: 100%;
         /* Permite que os itens ocupem toda a largura disponível */
         margin-bottom: 30px;
         /* Aumenta o espaçamento entre os dois elementos */
     }
 }


 /* Footer */
 #footer {
     background: #222;
     color: #eee;
     padding: 30px;
     text-align: center;
 }



 .alert {
     position: fixed;
     top: 20px;
     left: 50%;
     transform: translateX(-50%);
     z-index: 1002;
     max-width: 90%;
 }

 /* Estilos para a seção Quem Somos */
 #quem-somos {
     padding: 25px 0;
     /* Compacto verticalmente */
     background-color: #f8f9fa;
     /* Cinza claro, neutro e elegante */
     position: relative;
 }

 /* Container principal */
 #quem-somos .quemsomos-container {
     max-width: 1000px;
     /* Menor que antes para compactar */
     margin: 0 auto;
     padding: 0 15px;
 }

 /* Título principal */
 #quem-somos .headline {
     font-size: 2.2rem;
     font-weight: 700;
     text-align: center;
     margin-bottom: 20px;
     color: #28a745;
     /* Verde florestal */
     text-transform: uppercase;
     letter-spacing: 1px;
     position: relative;
 }

 #quem-somos .headline::after {
     content: '';
     display: block;
     width: 60px;
     height: 4px;
     background: #28a745;
     margin: 8px auto 0;
     border-radius: 2px;
 }

 /* Colunas */
 #quem-somos .quemsomos-columns {
     display: flex;
     justify-content: space-between;
     gap: 15px;
     flex-wrap: wrap;
 }

 /* Estilo das colunas */
 #quem-somos .column {
     flex: 1;
     min-width: 250px;
     /* Compacto e responsivo */
     background: #fff;
     /* Fundo branco limpo */
     padding: 15px;
     /* Menor para reduzir altura */
     border-radius: 8px;
     box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
     /* Sombra suave */
     transition: transform 0.3s ease;
 }

 /* Efeito hover */
 #quem-somos .column:hover {
     transform: translateY(-3px);
     /* Elevação sutil */
 }

 /* Títulos nas colunas (h2) */
 #quem-somos h2 {
     font-size: 1.5rem;
     color: #333;
     /* Cinza escuro profissional */
     text-align: center;
     font-weight: 600;
     margin-top: 0;
     margin-bottom: 10px;
 }

 /* Texto nas colunas */
 #quem-somos .column p {
     font-size: 1rem;
     color: #555;
     /* Cinza médio para legibilidade */
     line-height: 1.5;
     text-align: justify;
     margin: 0;
 }

 /* Listas nas colunas */
 #quem-somos ul {
     list-style: none;
     padding-left: 0;
     margin: 10px 0 0;
 }

 #quem-somos ul li {
     font-size: 1rem;
     color: #555;
     margin-bottom: 8px;
     position: relative;
     padding-left: 20px;
 }

 #quem-somos ul li::before {
     content: '\f058';
     /* Ícone de check do FontAwesome */
     font-family: 'FontAwesome';
     color: #28a745;
     /* Verde florestal */
     font-size: 1rem;
     position: absolute;
     left: 0;
     top: 2px;
 }

 /* Responsividade */
 @media (max-width: 768px) {
     #quem-somos {
         padding: 20px 0;
     }

     #quem-somos .headline {
         font-size: 1.8rem;
     }

     #quem-somos .quemsomos-columns {
         flex-direction: column;
         gap: 10px;
     }

     #quem-somos .column {
         min-width: 100%;
     }

     #quem-somos h2 {
         font-size: 1.3rem;
     }
 }

 /* Animações Keyframes */
 @keyframes fadeInDown {
     0% {
         opacity: 0;
         transform: translateY(-20px);
     }

     100% {
         opacity: 1;
         transform: translateY(0);
     }
 }

 @keyframes slideUp {
     0% {
         opacity: 0;
         transform: translateY(30px);
     }

     100% {
         opacity: 1;
         transform: translateY(0);
     }
 }



 #form-message {
     display: none;
     margin-top: 10px;
     padding: 10px 20px;
     /* Ajuste do padding para aumentar a altura */
     border-radius: 5px;
     font-size: 16px;
     /* Ajuste do tamanho da fonte para melhor legibilidade */
     line-height: 30px;
     /* Ajusta a linha para centralizar o texto verticalmente */
     height: 50px;
     /* Definir a altura do box da mensagem */
 }

 .alert-success {
     background-color: #d4edda;
     color: #155724;
 }

 .alert-danger {
     background-color: #f8d7da;
     color: #721c24;
 }

 #footer {
     position: relative;
     background: linear-gradient(135deg, #1a2a3a 0%, #2c3e50 100%);
     /* Gradiente tecnológico */
     color: #eee;
     padding: 40px 0;
     overflow: hidden;
     z-index: 1;
 }




 /* Canvas de partículas no rodapé */
 #footer-particle-canvas {
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     z-index: -1;
     /* Atrás do conteúdo */
     pointer-events: none;
     /* Não interfere com cliques */
 }

 .footer-container {
     position: relative;
     display: flex;
     justify-content: space-around;
     align-items: flex-start;
     flex-wrap: wrap;
     max-width: 1200px;
     margin: 0 auto;
     padding: 0 15px;
     z-index: 2;
     /* Acima das partículas */
 }

 .footer-section {
     flex: 1;
     min-width: 250px;
     margin: 15px;
     text-align: center;
 }

 .footer-brand h3,
 .footer-social h3,
 .footer-contact h3 {
     font-size: 1.8rem;
     color: #28a745;
     /* Verde florestal para destacar */
     margin-bottom: 15px;
     text-transform: uppercase;
     letter-spacing: 1px;
     text-shadow: 0 0 10px rgba(40, 167, 69, 0.5);
     /* Efeito de brilho */
 }

 .footer-brand p {
     font-size: 1rem;
     color: #ddd;
     margin-bottom: 15px;
 }

 .crea-info {
     display: flex;
     align-items: center;
     justify-content: center;
     gap: 10px;
     font-size: 1rem;
     color: #fff;
     font-weight: 600;
 }

 .crea-icon {
     width: 24px;
     height: 24px;
     filter: invert(67%) sepia(62%) saturate(749%) hue-rotate(84deg) brightness(97%) contrast(101%);
     /* Verde florestal */
     transition: transform 0.3s ease;
 }

 .crea-info:hover .crea-icon {
     transform: scale(1.2);
     /* Efeito ao passar o mouse */
 }

 .footer-social ul {
     list-style: none;
     display: flex;
     justify-content: center;
     gap: 20px;
     padding: 0;
 }

 .footer-social ul li a {
     font-size: 1.8rem;
     color: #fff;
     transition: all 0.3s ease;
 }

 .footer-social ul li a:hover {
     color: #28a745;
     transform: scale(1.2);
     text-shadow: 0 0 10px rgba(40, 167, 69, 0.7);
 }

 .footer-contact p {
     font-size: 1rem;
     margin: 10px 0;
     display: flex;
     align-items: center;
     justify-content: center;
     gap: 10px;
 }

 .footer-contact a {
     color: #ddd;
     transition: color 0.3s ease;
 }

 .footer-contact a:hover {
     color: #28a745;
 }

 .footer-divider {
     border: 0;
     height: 1px;
     background: linear-gradient(to right, transparent, rgba(255, 255, 255, 0.5), transparent);
     margin: 20px auto;
     width: 80%;
 }

 .footer-copyright {
     font-size: 0.9rem;
     color: #bbb;
     text-align: center;
 }

 /* Responsividade */
 @media (max-width: 768px) {
     .footer-container {
         flex-direction: column;
         align-items: center;
         gap: 20px;
     }

     .footer-section {
         margin: 10px 0;
     }

     .footer-brand h3,
     .footer-social h3,
     .footer-contact h3 {
         font-size: 1.5rem;
     }

     .footer-social ul li a {
         font-size: 1.5rem;
     }
 }


 /* Adicionar abaixo de .headline-section ou em outro lugar lógico */
 .services-tagline {
     font-size: 1.25rem;
     color: #666;
     text-align: center;
     margin-bottom: 40px;
     max-width: 800px;
     margin-left: auto;
     margin-right: auto;
     font-weight: 400;
     line-height: 1.5;
 }

 /* Garantir que .services-container esteja configurado corretamente */
 .services-container {
     padding: 0 15px;
     max-width: 1200px;
     margin-left: auto;
     margin-right: auto;
 }

 /* Responsividade */
 @media (max-width: 768px) {
     .services-tagline {
         font-size: 1rem;
         margin-bottom: 30px;
     }
 }


 /* Estilo Genérico para Títulos de Seção */
 .headline-section {
     font-size: 2.2rem;
     font-weight: 700;
     text-align: center;
     margin-bottom: 20px;
     color: #28a745;
     /* Verde florestal */
     text-transform: uppercase;
     letter-spacing: 1px;
     position: relative;
 }

 .headline-section::after {
     content: '';
     display: block;
     width: 60px;
     height: 4px;
     background: #28a745;
     margin: 8px auto 0;
     border-radius: 2px;
 }








 /* Estilo Genérico para Títulos de Seção */
 .headline-section {
     font-size: 2.2rem !important;
     /* Forçar tamanho da fonte */
     font-weight: 700 !important;
     text-align: center !important;
     margin-bottom: 20px !important;
     color: #28a745 !important;
     /* Forçar cor verde florestal */
     text-transform: uppercase !important;
     letter-spacing: 1px !important;
     position: relative !important;
     line-height: 1.2 !important;
     /* Padronizar espaçamento entre linhas */
 }

 .headline-section::after {
     content: '' !important;
     display: block !important;
     width: 60px !important;
     height: 4px !important;
     background: #28a745 !important;
     margin: 8px auto 0 !important;
     border-radius: 2px !important;
 }

 /* Estilo para o container do cabeçalho em Quem Somos */
 .quemsomos-header {
     padding: 0 15px;
     max-width: 1200px;
     margin-left: auto;
     margin-right: auto;
     text-align: center;
 }

 /* Estilo para a frase introdutória */
 .lead {
     font-size: 1.25rem;
     color: #666;
     text-align: center;
     margin-bottom: 0;
     max-width: 800px;
     margin-left: auto;
     margin-right: auto;
     line-height: 1.6;
 }

 /* Estilo da seção Quem Somos */
 .quemsomos-section {
     padding: 60px 0;
     background-color: #f8f9fa;
 }

 /* Container principal para as colunas */
 .quemsomos-container {
     max-width: 1000px;
     margin: 0 auto;
     padding: 0 15px;
 }

 /* Estilo das colunas */
 .quemsomos-columns {
     display: flex;
     justify-content: space-between;
     gap: 15px;
     flex-wrap: wrap;
 }

 .column {
     flex: 1;
     min-width: 250px;
     max-width: 32%;
     background: #fff;
     padding: 15px;
     border-radius: 8px;
     box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
     transition: transform 0.3s ease;
 }

 .column:hover {
     transform: translateY(-3px);
 }

 /* Garantir que os h2 das colunas não interfiram no .headline-section */
 .column h2 {
     font-size: 1.5rem;
     color: #333;
     text-align: center;
     font-weight: 600;
     margin-top: 0;
     margin-bottom: 10px;
     line-height: 1.2;
 }

 .column p {
     font-size: 1rem;
     color: #555;
     line-height: 1.5;
     text-align: justify;
     margin: 0;
 }

 .quemsomos-columns ul {
     list-style: none;
     padding-left: 0;
     margin: 10px 0 0;
 }

 .quemsomos-columns ul li {
     font-size: 1rem;
     color: #555;
     margin-bottom: 8px;
     position: relative;
     padding-left: 20px;
 }

 .quemsomos-columns ul li::before {
     content: '\f058';
     font-family: 'FontAwesome';
     color: #28a745;
     font-size: 1rem;
     position: absolute;
     left: 0;
     top: 2px;
 }

 /* Responsividade */
 @media (max-width: 768px) {
     .headline-section {
         font-size: 1.8rem !important;
     }

     .lead {
         font-size: 1rem;
     }

     .quemsomos-section {
         padding: 40px 0;
     }

     .quemsomos-columns {
         flex-direction: column;
         gap: 10px;
     }

     .column {
         max-width: 100%;
         min-width: 100%;
     }
 }



 /* Seção de segurança no rodapé */
 .footer-security {
     flex: 1;
     min-width: 250px;
     margin: 15px;
     text-align: center;
 }

 .security-info {
     display: flex;
     align-items: center;
     justify-content: center;
     gap: 10px;
     font-size: 1rem;
     color: #fff;
     font-weight: 600;
 }

 .security-icon {
     font-size: 1.5rem;
     color: #28a745;
     /* Verde florestal */
     transition: transform 0.3s ease;
 }

 .security-info:hover .security-icon {
     transform: scale(1.2);
     /* Efeito ao passar o mouse */
 }

 .security-info span {
     color: #ddd;
     transition: color 0.3s ease;
 }

 .security-info:hover span {
     color: #28a745;
     /* Verde florestal ao passar o mouse */
 }