/* ========================================= */
/* CIENTIFICATECH - DESIGN REVISTA 2026      */
/* Arquivo: revista-cientifica.css           */
/* ========================================= */

/* 1. RESET BÁSICO (Para limpar margens do navegador) */
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

/* 2. TIPOGRAFIA E CORPO */
body {
    font-family: 'Inter', 'Helvetica Neue', Arial, sans-serif;
    background-color: #ffffff; /* Branco puro (Papel) */
    color: #111111; /* Preto editorial */
    line-height: 1.5;
}

/* 3. CONTAINER GERAL (Segura o conteúdo no centro) */
.container-limite-EGF {
    max-width: 1200px; /* Largura padrão de leitura */
    margin: 0 auto;
    padding: 0 20px;
    position: relative;
}

/* ========================================= */
/* CABEÇALHO (HEADER)                        */
/* ========================================= */
.topo-mestre-EGF {
    background: #fff;
    border-bottom: 2px solid #000; /* A "Linha Editorial" preta */
    padding: 25px 0;
    position: relative;
    z-index: 1000; /* Garante que fique acima de tudo */
}

/* Alinhamento Flex (Logo na esquerda, Menu na direita) */
.topo-mestre-EGF .container-limite-EGF {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

/* --- LOGOTIPO (Empilhado e Sóbrio) --- */
.marca-visual-EGF {
    display: flex;
    flex-direction: column;
    line-height: 0.9; /* Letras bem juntas verticalmente */
    cursor: pointer;
    text-transform: uppercase;
}

.texto-sup-EGF {
    font-size: 1.8rem;
    font-weight: 800; /* Extra Bold */
    letter-spacing: -1px;
}

.texto-inf-EGF {
    font-size: 1.8rem;
    font-weight: 800;
    letter-spacing: -1px;
    color: #000;
}

/* --- MENU PRINCIPAL (Assuntos / Sobre) --- */
.lista-links-EGF {
    list-style: none;
    display: flex;
    gap: 40px; /* Espaço em branco generoso */
}

.link-texto-EGF {
    text-decoration: none;
    color: #000;
    font-size: 1rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    background: none;
    border: none;
    cursor: pointer;
    display: flex;
    align-items: center;
    gap: 8px; /* Distância da setinha */
    font-family: 'Inter', sans-serif; /* Garante a fonte no botão */
}

.link-texto-EGF:hover {
    opacity: 0.7; /* Efeito sutil no mouse */
}

.seta-indicadora-EGF {
    font-size: 0.7rem;
    transition: transform 0.3s ease;
}

/* Classe para girar a seta quando aberto */
.ativo-rotacao-EGF {
    transform: rotate(180deg);
}

/* ========================================= */
/* ETIQUETAS DE CATEGORIA (TAGS)             */
/* ========================================= */

/* Estilo Base da Etiqueta (Formato) */
.etiqueta-base-EGF {
    display: inline-block; 
    
    /* MUDANÇA 1: Mais espaço interno (respiro) */
    /* 6px em cima/baixo, 12px nas laterais */
    padding: 6px 14px;     
    
    color: #ffffff;        
    
    /* MUDANÇA 2: Letra maior */
    font-size: 0.95rem;    /* Aumentado de 0.75rem para 0.95rem */
    
    font-weight: 800;      /* Extra Negrito para destacar */
    text-transform: uppercase;
    letter-spacing: 0.5px;
    
    /* Leve ajuste na borda para ficar harmônico com o tamanho novo */
    border-radius: 6px;    
    
    margin-bottom: 12px;   
    line-height: 1.2; /* Garante que o emoji não corte */
}


/* --- CORES ESPECÍFICAS (Suas escolhas) --- */

/* #6B7280 (azul) */
.tag-exatas-EGF {
    background-color: #1F3C88;
}

/* #F97316 (Laranja) */
.tag-engenharia-EGF {
    background-color: #F97316;
}

/* #7C3AED (Roxo) */
.tag-tecnologia-EGF {
    background-color: #7C3AED;
}

.tag-academia-EGF {
    background-color: #15803D;
}

/* ========================================= */
/* MEGA MENU (Painel Expansível)             */
/* ========================================= */
.painel-expansivel-EGF {
    display: none; /* Começa oculto */
    position: absolute;
    top: 100%; /* Cola exatamente embaixo da linha preta */
    left: 0;
    width: 100%;
    background: #fff;
    border-bottom: 1px solid #000; /* Linha fina embaixo do menu aberto */
    padding: 50px 0;
    box-shadow: 0 15px 30px rgba(0,0,0,0.05);
}

/* Grid de 3 colunas para os links */
.grade-assuntos-EGF {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 40px;
}

/* Títulos das colunas (Ex: CIÊNCIAS EXATAS) */
.grupo-link-EGF h3 {
    font-size: 0.85rem;
    text-transform: uppercase;
    color: #666; /* Cinza para hierarquia visual */
    margin-bottom: 20px;
    letter-spacing: 1px;
    border-bottom: 1px solid #eee;
    padding-bottom: 10px;
}

/* Links do dropdown */
.grupo-link-EGF a {
    display: block;
    text-decoration: none;
    color: #111;
    font-size: 1.2rem; /* Texto grande, estilo manchete */
    font-weight: 700;
    margin-bottom: 12px;
    transition: color 0.2s;
}

.grupo-link-EGF a:hover {
    color: #00A8E1; /* A única cor do site (seu azul) */
    text-decoration: underline;
}

/* Classe que o JavaScript adiciona para mostrar o menu */
.mostrar-painel-EGF {
    display: block;
    animation: slideDown 0.3s ease-out;
}

@keyframes slideDown {
    from { opacity: 0; transform: translateY(-10px); }
    to { opacity: 1; transform: translateY(0); }
}



/* ========================================= */
/* SEÇÃO MANIFESTO (Slogan)       */
/* ========================================= */
.secao-manifesto-EGF {
    background-color: #111; /* Fundo quase preto (muito elegante) */
    padding: 80px 0; /* Bastante espaço para respirar */
    border-bottom: 1px solid #000;
}

.texto-manifesto-EGF {
    font-family: 'Inter', sans-serif;
    font-size: 3.5rem; /* Letras GIGANTES */
    font-weight: 800; /* Extra Bold */
    color: #fff; /* Texto Branco */
    line-height: 1.1;
    max-width: 800px; /* Não deixa a frase esticar até o fim da tela */
}

/* Estilo para a segunda parte da frase */
.destaque-manifesto-EGF {
    display: block; /* Quebra para a linha de baixo */
    color: #00A8E1; /* O seu Azul (ou pode ser cinza #888 se quiser mais sóbrio) */
    font-family: 'Times New Roman', serif; /* Mistura fonte com serifa para dar ar intelectual */
    font-style: italic;
    font-weight: 400;
    margin-top: 10px;
}

/* Ajuste para celular (para não quebrar a tela) */
@media (max-width: 768px) {
    .secao-manifesto-EGF {
        padding: 40px 0;
    }
    .texto-manifesto-EGF {
        font-size: 2rem;
    }
}

/* ========================================= */
/* SEÇÃO DE NOTÍCIAS (GRID PRINCIPAL)        */
/* ========================================= */
.secao-noticias-EGF {
    padding: 60px 0;
}

/* O Grid que divide a tela (60% Esquerda / 40% Direita) */
.grade-assimetrica-EGF {
    display: grid;
    grid-template-columns: 1.5fr 1fr; /* Esquerda maior que a direita */
    gap: 60px; /* Espaço em branco generoso no meio */
}

/* --- ESTILOS GERAIS DE LINKS --- */
.link-bloco-EGF {
    text-decoration: none;
    color: inherit; /* Herda a cor do texto */
    display: block;
}
.link-bloco-EGF:hover .titulo-capa-EGF,
.link-bloco-EGF:hover .titulo-lateral-EGF {
    color: #00A8E1; /* Azul no hover */
}

/* Etiquetas (Categoria em cima do título) */
.etiqueta-categoria-EGF {
    font-size: 0.75rem;
    font-weight: 800;
    text-transform: uppercase;
    color: #00A8E1; /* Azul da marca */
    margin-bottom: 10px;
    display: block;
    letter-spacing: 1px;
}

/* --- ARTIGO DE CAPA (ESQUERDA) --- */
.container-img-principal-EGF {
    width: 100%;
    height: 400px; /* Altura fixa para impacto */
    overflow: hidden;
    margin-bottom: 25px;
}
.container-img-principal-EGF img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.5s ease;
}
.link-bloco-EGF:hover .container-img-principal-EGF img {
    transform: scale(1.03); /* Zoom suave na foto */
}

.titulo-capa-EGF {
    font-size: 2.5rem; /* Título bem grande */
    font-weight: 800;
    line-height: 1.1;
    margin-bottom: 15px;
    letter-spacing: -1px;
}

.resumo-capa-EGF {
    font-size: 1.1rem;
    color: #555;
    line-height: 1.6;
    margin-bottom: 20px;
    max-width: 90%;
}

.meta-dados-EGF {
    font-size: 0.85rem;
    color: #888;
    font-weight: 600;
}
.separador-EGF { margin: 0 10px; color: #ddd; }


/* --- COLUNA LATERAL (DIREITA) --- */
.coluna-lateral-EGF {
    display: flex;
    flex-direction: column;
    gap: 0; /* O gap é zero porque vamos usar bordas */
}

/* Cada item da lista lateral */
.artigo-lateral-EGF, .artigo-lateral-com-foto-EGF {
    padding: 25px 0;
    border-top: 1px solid #eee; /* Linha fina separando as notícias */
}
/* O primeiro não precisa de borda em cima */
.artigo-lateral-EGF:first-child {
    border-top: none;
    padding-top: 0;
}

.titulo-lateral-EGF {
    font-size: 1.4rem;
    font-weight: 700;
    line-height: 1.3;
}

/* Ajuste específico para o item com foto pequena */
.artigo-lateral-com-foto-EGF .link-bloco-EGF {
    display: flex;
    justify-content: space-between;
    gap: 20px;
}
.thumb-pequena-EGF {
    width: 100px;
    height: 100px;
    object-fit: cover;
}


/* --- RESPONSIVIDADE (Celular) --- */
@media (max-width: 900px) {
    .grade-assimetrica-EGF {
        grid-template-columns: 1fr; /* Vira uma coluna só */
        gap: 40px;
    }
    .titulo-capa-EGF { font-size: 2rem; }
    .container-img-principal-EGF { height: 250px; }
    
    /* Na coluna lateral do celular, coloca borda em todos */
    .artigo-lateral-EGF:first-child { border-top: 1px solid #eee; padding-top: 25px; }
}

/* ========================================= */
/* BARRA DE AVISO (TOP BAR)em reforma        */
/* ========================================= */
.barra-aviso-EGF {
    background-color: #cf1919; /* Fundo escuro */
    color: #fff; /* Texto branco */
    padding: 12px 0;
    font-size: 0.9rem;
    position: relative;
    z-index: 2000; /* Fica acima até do menu */
}

/* Flex para alinhar texto e botão X */
.container-aviso-flex-EGF {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.texto-aviso-EGF {
    margin: 0;
    font-weight: 400;
    letter-spacing: 0.5px;
}
.texto-aviso-EGF strong {
    color: #00A8E1; /* O toque do seu azul para destaque */
    font-weight: 700;
    text-transform: uppercase;
}

/* O botão de fechar (X) */
.btn-fechar-aviso-EGF {
    background: none;
    border: none;
    color: #fff;
    font-size: 1.2rem;
    cursor: pointer;
    padding: 0 10px;
    opacity: 0.7;
    transition: opacity 0.2s;
}
.btn-fechar-aviso-EGF:hover {
    opacity: 1;
    color: #00A8E1;
}

/* Animação para sumir suavemente */
.ocultar-aviso-EGF {
    display: none;
}
/* ========================================= */
/* PÁGINA DE ARTIGO (POST)            */
/* ========================================= */

.secao-artigo-EGF {
    padding-bottom: 80px;
}

/* --- HEADER DO ARTIGO --- */
.header-post-EGF {
    padding-top: 60px;
    margin-bottom: 50px;
}

.titulo-post-EGF {
    font-family: 'Inter', sans-serif;
    font-size: 2.8rem; /* Título bem grande */
    font-weight: 800;
    line-height: 1.1;
    color: #111;
    margin: 20px 0;
    letter-spacing: -1px;
}

.subtitulo-post-EGF {
    font-family: 'Merriweather', serif; /* Subtítulo serifado é chique */
    font-size: 1.3rem;
    line-height: 1.5;
    color: #555;
    margin-bottom: 30px;
}

/* Meta dados (Autor e Data) */
.meta-post-EGF {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-top: 1px solid #eee;
    padding-top: 20px;
}

.autor-info-EGF {
    display: flex;
    align-items: center;
    gap: 15px;
}

.avatar-autor-EGF {
    width: 50px;
    height: 50px;
    border-radius: 50%; /* Redondo */
    border: 2px solid #000; /* Borda editorial */
}

.nome-autor-EGF {
    display: block;
    font-family: 'Inter', sans-serif;
    font-size: 0.95rem;
    color: #000;
}
.data-post-EGF {
    font-size: 0.85rem;
    color: #777;
}

/* Ícones de Share */
.share-post-EGF a {
    color: #000;
    font-size: 1.2rem;
    margin-left: 15px;
    transition: color 0.2s;
}
.share-post-EGF a:hover { color: #00A8E1; }


/* --- IMAGEM DE CAPA --- */
.imagem-capa-EGF {
    width: 100%;
    max-width: 1000px; /* Mais largo que o texto */
    margin: 40px auto 60px auto; /* Centralizado */
}
.imagem-capa-EGF img {
    width: 100%;
    height: auto;
    border-radius: 4px;
}
.imagem-capa-EGF figcaption {
    font-family: 'Inter', sans-serif;
    font-size: 0.85rem;
    color: #666;
    margin-top: 10px;
    text-align: center;
}


/* --- CORPO DO TEXTO (A LEITURA) --- */
.corpo-texto-EGF {
    font-family: 'Merriweather', 'Georgia', serif;
    font-size: 1.2rem; /* Tamanho confortável */
    line-height: 1.8;
    color: #222;
}

.corpo-texto-EGF p { margin-bottom: 25px; }

.corpo-texto-EGF h2 {
    font-family: 'Inter', sans-serif;
    font-weight: 800;
    margin-top: 50px;
    margin-bottom: 20px;
    font-size: 1.8rem;
}


/* --- PERSONALIDADE 1: ENSAIO (Letra Capitular) --- */
/* Use <p class="paragrafo-capitular-EGF"> no primeiro parágrafo */
.paragrafo-capitular-EGF::first-letter {
    float: left;
    font-family: 'Inter', sans-serif;
    font-size: 5.5rem;
    line-height: 0.8;
    font-weight: 800;
    padding-right: 15px;
    padding-top: 5px;
    color: #000; /* Ou #00A8E1 se quiser colorido */
}

/* --- PERSONALIDADE 2: CITAÇÃO DESTAQUE --- */
.citacao-destaque-EGF {
    font-family: 'Inter', sans-serif;
    font-size: 1.6rem;
    font-weight: 700;
    font-style: italic;
    color: #000;
    border-left: 4px solid #00A8E1;
    padding-left: 30px;
    margin: 40px 0;
    line-height: 1.4;
}

/* --- PERSONALIDADE 3: TÉCNICO (Bloco de Código) --- */
.bloco-codigo-EGF {
    background-color: #1e1e1e; /* Fundo escuro IDE */
    color: #d4d4d4;
    padding: 20px;
    border-radius: 6px;
    margin: 30px 0;
    overflow-x: auto; /* Scroll se o código for longo */
    font-family: 'Fira Code', monospace;
    font-size: 0.9rem;
    border-left: 5px solid #F97316; /* Laranja Eng. */
}

/* --- PERSONALIDADE 4: REVIEW (Box Veredito) --- */
.box-review-EGF {
    border: 2px solid #000;
    margin: 50px 0;
    background-color: #fafafa;
}

.header-review-EGF {
    background-color: #000;
    color: #fff;
    padding: 15px 25px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.header-review-EGF h3 { margin: 0; font-family: 'Inter', sans-serif; font-size: 1.2rem;}

.nota-final-EGF {
    background-color: #00A8E1;
    color: #fff;
    font-weight: 800;
    padding: 5px 15px;
    border-radius: 4px;
    font-size: 1.4rem;
}

.corpo-review-EGF {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0;
}
.coluna-pros-EGF, .coluna-cons-EGF { padding: 25px; }

.coluna-pros-EGF { border-right: 1px solid #ddd; }
.coluna-pros-EGF h4 { color: #15803D; margin-bottom: 15px; text-transform: uppercase;}
.coluna-cons-EGF h4 { color: #DC2626; margin-bottom: 15px; text-transform: uppercase;}

.corpo-review-EGF ul { list-style: none; padding: 0; font-size: 1rem; }
.corpo-review-EGF li { margin-bottom: 8px; border-bottom: 1px solid #eee; padding-bottom: 5px;}

/* Mobile Review */
@media (max-width: 700px) {
    .corpo-review-EGF { grid-template-columns: 1fr; }
    .coluna-pros-EGF { border-right: none; border-bottom: 1px solid #ddd; }
}

/* ========================================= */
/* RODAPÉ (FOOTER) - ESTILO DARK             */
/* ========================================= */

.rodape-mestre-EGF {
    background-color: #000000; /* Preto absoluto */
    color: #ffffff; /* Branco puro */
    padding: 80px 0 40px 0; /* Espaço generoso em cima */
    margin-top: 60px;
    font-family: 'Inter', sans-serif;
}

/* Grid de 3 Colunas */
.grade-rodape-EGF {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr; /* 3 partes iguais */
    gap: 40px;
    margin-bottom: 60px;
}

/* Títulos das Colunas (Cinza para hierarquia) */
.titulo-rodape-EGF {
    font-size: 0.9rem;
    color: #888;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin-bottom: 25px;
    font-weight: 700;
}

/* Links do Rodapé */
.link-rodape-EGF {
    display: block;
    color: #ffffff;
    text-decoration: none;
    font-size: 1.1rem;
    font-weight: 700; /* Negrito como na referência */
    margin-bottom: 15px;
    transition: opacity 0.2s;
}

.link-rodape-EGF:hover {
    opacity: 0.7; /* Efeito sutil */
}

/* Estilo especial para "Quer publicar?" */
.destaque-contato-EGF {
    line-height: 1.4;
}
.subtexto-contato-EGF {
    display: block;
    font-size: 0.9rem;
    font-weight: 400;
    color: #00A8E1; /* Azul para chamar ação */
    margin-top: 5px;
}

/* --- ÍCONES SOCIAIS (Quadrados Brancos) --- */
.lista-sociais-EGF {
    display: flex;
    gap: 15px;
}

.icone-social-EGF {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    background-color: #ffffff; /* Fundo branco */
    color: #000000; /* Ícone preto */
    text-decoration: none;
    font-size: 1.2rem;
    transition: transform 0.2s, background-color 0.2s;
}

.icone-social-EGF:hover {
    transform: translateY(-3px);
    background-color: #00A8E1; /* Fica azul no hover */
    color: #fff;
}

/* --- LINHA FINAL (Copyright) --- */
.linha-copyright-EGF {
    border-top: 1px solid #333; /* Linha cinza escura sutil */
    padding-top: 30px;
    font-size: 0.85rem;
    color: #666;
}

/* --- RESPONSIVIDADE (Celular) --- */
@media (max-width: 768px) {
    .grade-rodape-EGF {
        grid-template-columns: 1fr; /* Uma coluna só */
        gap: 50px;
    }
}

/* ========================================= */
/* PÁGINA SOBRE NÓS (ESTILO EDITORIAL)       */
/* ========================================= */

/* Container focado em leitura (mais estreito que o site todo) */
.container-texto-EGF {
    max-width: 740px; /* Largura ideal para o olho humano não cansar */
    margin: 0 auto;
    padding: 80px 20px;
}

/* Título Gigante "Sobre Nós" */
.titulo-pagina-EGF {
    font-family: 'Inter', sans-serif;
    font-size: 3.5rem;
    font-weight: 800;
    color: #111;
    margin-bottom: 40px;
    letter-spacing: -1px;
}

/* Texto de Introdução (O lide) */
.texto-intro-EGF {
    font-family: 'Merriweather', 'Georgia', serif; /* Fonte com serifa para elegância */
    font-size: 1.3rem;
    line-height: 1.6;
    color: #333;
    margin-bottom: 80px; /* Bastante espaço antes de começar os tópicos */
}


/* --- O BLOCO ESTILO PRINT (Missão, Visão, Valores) --- */
.bloco-conceito-EGF {
    margin-bottom: 60px; /* Espaço entre um bloco e outro */
}

/* O Título (ex: Nossa Missão) */
.subtitulo-conceito-EGF {
    font-family: 'Inter', sans-serif;
    font-size: 1.1rem;
    font-weight: 700; /* Negrito forte */
    color: #000;
    margin-bottom: 15px;
    text-transform: uppercase; /* Opcional: deixa em caixa alta como na revista */
    letter-spacing: 0.5px;
}

/* A Linha Fina */
.linha-separadora-EGF {
    width: 100%;
    height: 1px;
    background-color: #000; /* Linha preta sólida */
    margin-bottom: 25px; /* Espaço entre a linha e o texto */
}

/* O Texto do Corpo (Serifado igual ao print) */
.texto-serifado-EGF {
    font-family: 'Merriweather', 'Georgia', serif;
    font-size: 1.15rem; /* Tamanho confortável */
    line-height: 1.8;   /* Linhas bem espaçadas */
    color: #222;
}

/* Lista de Valores */
.lista-valores-EGF {
    list-style: none;
    font-family: 'Merriweather', 'Georgia', serif;
    font-size: 1.15rem;
    line-height: 1.8;
    color: #222;
}
.lista-valores-EGF li {
    margin-bottom: 15px;
    padding-left: 20px;
    border-left: 3px solid #00A8E1; /* Detalhe azul na esquerda */
}

/* Responsividade */
@media (max-width: 768px) {
    .titulo-pagina-EGF { font-size: 2.5rem; }
    .texto-intro-EGF { font-size: 1.1rem; }
}

/* ========================================= */
/* PÁGINA DE PRIVACIDADE E TERMOS            */
/* ========================================= */

/* Data de Atualização (Texto pequeno cinza em cima) */
.data-atualizacao-EGF {
    font-family: 'Inter', sans-serif;
    font-size: 0.85rem;
    color: #888;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin-bottom: 60px; /* Espaço até começar o texto */
    border-left: 3px solid #000; /* Detalhe visual elegante na esquerda */
    padding-left: 15px;
}

/* Lista de Conteúdo (Bullet Points para regras) */
.lista-conteudo-EGF {
    font-family: 'Merriweather', serif;
    font-size: 1.15rem;
    line-height: 1.8;
    color: #222;
    margin-top: 20px;
    padding-left: 20px; /* Recuo */
}

.lista-conteudo-EGF li {
    margin-bottom: 12px;
    list-style-type: disc; /* Bolinha padrão clássica */
}

/* ========================================= */
/* PÁGINA DE CONTATO / SUBMISSÃO             */
/* ========================================= */

/* --- GRID DE DIRETRIZES (Ícones) --- */
.grid-diretrizes-EGF {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 30px;
    margin-bottom: 40px;
}

.item-diretriz-EGF {
    background-color: #f9f9f9; /* Fundo cinza bem claro */
    padding: 25px;
    border-left: 3px solid #000; /* Detalhe editorial */
}

.icone-diretriz-EGF {
    font-size: 1.5rem;
    display: block;
    margin-bottom: 10px;
}

.item-diretriz-EGF h3 {
    font-family: 'Inter', sans-serif;
    font-size: 1rem;
    font-weight: 700;
    margin-bottom: 8px;
    color: #000;
}

.item-diretriz-EGF p {
    font-family: 'Merriweather', serif; /* Texto de leitura */
    font-size: 0.9rem;
    line-height: 1.5;
    color: #444;
    margin: 0;
}


/* --- ESTILO DO FORMULÁRIO --- */
.form-submissao-EGF {
    margin-top: 30px;
}

/* Linha Flex para Nome/Email ficarem lado a lado */
.linha-form-EGF {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px;
}

.grupo-input-EGF {
    display: flex;
    flex-direction: column;
    margin-bottom: 25px;
}

/* Labels (Rótulos) */
.grupo-input-EGF label {
    font-family: 'Inter', sans-serif;
    font-size: 0.85rem;
    font-weight: 700;
    text-transform: uppercase;
    color: #333;
    margin-bottom: 8px;
    letter-spacing: 0.5px;
}

/* Inputs e Textarea */
.grupo-input-EGF input,
.grupo-input-EGF select,
.grupo-input-EGF textarea {
    padding: 15px;
    border: 1px solid #ccc;
    border-radius: 4px; /* Levemente arredondado */
    font-family: 'Inter', sans-serif;
    font-size: 1rem;
    color: #000;
    background-color: #fff;
    transition: all 0.3s;
}

/* Foco (Quando clica para digitar) */
.grupo-input-EGF input:focus,
.grupo-input-EGF select:focus,
.grupo-input-EGF textarea:focus {
    outline: none;
    border-color: #00A8E1; /* Fica azul */
    box-shadow: 0 0 0 3px rgba(0, 168, 225, 0.1); /* Brilho suave */
}

/* Botão de Enviar */
.botao-enviar-EGF {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background-color: #000; /* Botão Preto (Sóbrio) */
    color: #fff;
    padding: 15px 40px;
    border: none;
    font-family: 'Inter', sans-serif;
    font-size: 1rem;
    font-weight: 700;
    text-transform: uppercase;
    cursor: pointer;
    transition: background-color 0.3s;
    width: 100%; /* Botão largo no mobile */
}

.botao-enviar-EGF:hover {
    background-color: #00A8E1; /* Azul no hover */
}

/* Nota de rodapé do form */
.nota-rodape-form-EGF {
    font-size: 0.8rem;
    color: #777;
    margin-top: 15px;
    text-align: center;
}
.nota-rodape-form-EGF a { color: #000; text-decoration: underline; }

/* Responsividade */
@media (max-width: 768px) {
    .linha-form-EGF, .grid-diretrizes-EGF {
        grid-template-columns: 1fr; /* Tudo empilhado no celular */
    }
}

/* ========================================= */
/* RESPONSIVIDADE (CORREÇÕES MOBILE)         */
/* ========================================= */

@media (max-width: 768px) {

    /* 1. CORREÇÃO DO CABEÇALHO (Espaçamento) */
    .topo-mestre-EGF .container-limite-EGF {
        flex-direction: column; /* Empilha Logo e Menu */
        gap: 20px; /* Cria espaço entre o logo e o menu */
    }

    /* Ajuste fino para o logo não ficar gigante */
    .marca-visual-EGF {
        align-items: center; /* Centraliza o logo */
    }
    .texto-sup-EGF, .texto-inf-EGF { font-size: 1.5rem; } /* Reduz levemente */


    /* 2. CORREÇÃO DO SCROLL HORIZONTAL (Menu Assuntos) */
    .painel-expansivel-EGF {
        position: relative; /* Muda de absolute para relative no mobile */
        top: 0;
        width: 100%;
        box-shadow: none; /* Remove sombra para limpar o visual */
        padding: 20px 0;
        border-bottom: 1px solid #eee;
    }

    /* Transforma o Grid de 4 colunas em 1 coluna só */
    .grade-assuntos-EGF {
        display: flex; /* Muda de Grid para Flex */
        flex-direction: column;
        gap: 0; /* Remove gap pois usaremos bordas */
    }

    /* Estilo "Acordeão" para os itens */
    .grupo-link-EGF {
        padding: 15px 0;
        border-bottom: 1px solid #f0f0f0;
    }
    .grupo-link-EGF:last-child { border-bottom: none; }

    /* Ajuste das Etiquetas no mobile */
    .etiqueta-base-EGF {
        margin-bottom: 8px;
        font-size: 0.8rem;
    }

    /* Links maiores para dedo (Toque) */
    .grupo-link-EGF a {
        font-size: 1rem;
        padding: 8px 0; /* Aumenta a área de toque */
        display: block;
    }

    /* Garante que nada estoure a tela */
    body, html {
        overflow-x: hidden; /* Trava de segurança final */
    }
}