/* Google Fonts - Exemplo */
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@400;700&display=swap');

:root {
    --cor-primary-custom: #0D694B;  
    --cor-secondary-custom: #6c757d; 
    --cor-texto-over-primary: #FFFFFF;   
}

/* 2. SOBRESCREVENDO OS COMPONENTES DO BOOTSTRAP */

/* --- Botão Primário --- */
.btn-primary {
    background-color: var(--cor-primary-custom);
    border-color: var(--cor-primary-custom);
    color: var(--cor-texto-over-primary);
}

/* Efeito hover para o botão primário (escurece um pouco) */
.btn-primary:hover {
    background-color: #0A543C; 
    border-color: #0A543C;
    color: var(--cor-texto-over-primary);
}


/* --- Botão Outline --- */
.btn-outline-secondary {
    color: var(--cor-secondary-custom);
    border-color: var(--cor-secondary-custom);
}

/* Efeito hover para o botão outline */
.btn-outline-secondary:hover {
    background-color: var(--cor-secondary-custom);
    border-color: var(--cor-secondary-custom);
    color: #FFFFFF;
}

/* --- Fundo Primário (para Badges, Cards, etc.) --- */
.bg-primary {
    background-color: var(--cor-primary-custom) !important;
}

/* --- Cor de Texto (Opcional, se 'text-white' não for suficiente) --- */
/* Na maioria dos casos, a classe 'text-white' do Bootstrap já resolve */
.text-primary-custom {
    color: var(--cor-texto-over-primary);
}

.logo-texto-profissional {
    font-family: 'Poppins', sans-serif; 
    font-size: 1.6rem;
    font-weight: 600;
    color: #161D19;
    letter-spacing: 0.5px;
}

/* Estilo para uma parte do logo, para dar destaque */
.logo-texto-profissional .destaque {
    font-weight: 900; 
    color: #297D3A; 
}


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

/* Otimização de Performance: Lazy Loading para imagens e iframes */
img, iframe {
    loading: lazy;
    content-visibility: auto;
}

/* Estilos para o cabeçalho */
header h1 {
    color: #212529;
}

/* Estilo para ícones de feature na seção de resumo */
.feature {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: 3rem;
    width: 3rem;
    font-size: 1.5rem;
}

/* Melhorando a legibilidade do artigo */
main article p {
    line-height: 1.7;
}

/* Ajuste do Sidebar fixo para não sobrepor o rodapé */
.position-sticky {
    /* O valor 'top' já está inline no HTML, mas pode ser ajustado aqui */
}