/* Paleta de Cores Sugerida (tons profissionais) */
:root {
    --primary-color: #d0a03c; /* Dourado */
    --secondary-color: #822424; /* Vermelho/Vinho */
    --light-gray: #f8f9fa;
    --dark-gray: #f0ca8e;
}
/* Define a fonte e remove margens */
html, body {
    height: 100%;
    margin: 0;
    font-family: Verdana, Tahoma, sans-serif;
    font-optical-sizing: auto;
    /* Cor de fundo base (um cinza muito escuro, como na imagem) */
    background-color: #1a1a1a;
}

body {
    
    
    /* Garante que o pseudo-elemento ::after possa ser posicionado */
    position: relative;
    

}

/* * A MÁGICA ACONTECE AQUI
    * Usamos um pseudo-elemento ::after para criar uma "camada"
    * sobre o corpo da página. 
    */
body::after {
    content: '';
    
    /* Cobre a tela inteira */
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    
    /* * Aplica o filtro SVG (definido no HTML) a esta camada.
        * O filtro #noise-filter (abaixo) gera o ruído.
        */
    filter: url(#noise-filter);
    
    /* * Define a intensidade do ruído.
        * Valores baixos (0.02 a 0.05) são mais sutis.
        * Ajuste este valor para mais ou menos ruído.
        */
    opacity: 0.03;
    
    /* Garante que a camada de ruído não bloqueie cliques no conteúdo */
    pointer-events: none;
    
    /* Coloca o ruído acima do fundo, mas abaixo do conteúdo */
    z-index: 1;
}

/* Conteúdo de exemplo */
.content {
    /* Garante que o conteúdo fique *acima* da camada de ruído */
    position: relative;
    z-index: 2;
    
    color: #e0e0e0;
    text-align: center;
    padding: 2rem;
    background-color: rgba(40, 40, 40, 0.5); /* Fundo semi-transparente para destacar */
    border-radius: 12px;
    backdrop-filter: blur(5px); /* Efeito de vidro fosco (opcional) */
    border: 1px solid rgba(255, 255, 255, 0.1);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.3);
}

h1, h2, h3, h4, h5 {
    font-family:Verdana, Geneva, Tahoma, sans-serif;
    color: #ffffff;
}
p{
    color: #ffffff;
}

.btn-primary {
    background-color: var(--primary-color);
    border-color: var(--primary-color);
}

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

.text-primary {
    color: var(--primary-color) !important;
}

/* Seção Hero */
.hero-section {
    min-height: 80vh;
    background-size: cover;
    background-position: center;
    position: relative;
}
/* Overlay para melhorar a legibilidade do texto */
.hero-section::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.6);
}
.hero-section .container {
    position: relative;
    z-index: 2;
}

/* Cards de Atuação */
.card:hover {
    transform: translateY(-5px);
    transition: all 0.3s ease-in-out;
    box-shadow: 0 4px 15px rgba(0,0,0,0.1) !important;
}

/* Seção Sobre */
#sobre img {
    max-height: 550px;
    object-fit: cover;
}

/* Accordion FAQ */
.accordion-button:not(.collapsed) {
    color: #ffffff;
    background-color: var(--primary-color);
}
.accordion-button:focus {
    box-shadow: none;
    border-color: rgba(0,0,0,.125);
}

/* Rodapé */
footer {
    background-color: var(--dark-gray);
}
footer a.btn {
    border-radius: 20px;
}