/* Variável de Cor Principal (Azul Escuro do Pará) */
        :root {
            --pa-blue: #007cc0;
            --pa-red: #e30613;
            --encceja-blue: #007cc0;
        }

        body {
            font-family: Arial, Helvetica, sans-serif;
            background-color: #f5f5f5; 
        }

        /* --- Cabeçalho (Header) - Fundo Azul Escuro --- */
        .header {
            background-color: var(--pa-blue); 
            padding: 10px 40px;
            display: flex;
            align-items: center;
        }

        .header-left {
            /* NOVA LARGURA CALCULADA: 140px (SEDUC) * 1.7 + 120px (GOV-PA) + 15px (margin) = 238 + 120 + 15 = 373px */
            width: 373px; 
            flex-shrink: 0; 
        }

        /* Classes Placeholder para as Logos do Header */
        .logo-seduc-pa, .logo-gov-pa {
            height: 40px; /* Mantém a altura original para não quebrar a barra */
            background-size: contain;
            background-repeat: no-repeat;
            display: inline-block;
            margin-right: 15px;
        }

        .logo-seduc-pa {
            /* AUMENTO EM 70%: 140px * 1.7 = 238px */
            width: 238px;
            /* MANTENDO O ARQUIVO DE IMAGEM ORIGINAL */
            background-image: url('../img/Logo_Seduc_hor_brc.png'); 
        }

        .logo-gov-pa {
            width: 120px;
            /* A imagem correta do Governo do Pará com fundo vermelho/branco no header é diferente */
            background-image: url('../img/Logo_Gov_PA_brc.png'); /* URL de placeholder corrigida */
        }

        .header-title {
            color: #ffffff;
            font-size: 1.5rem;
            font-weight: 700;
            text-align: left; /* Alinhamento mais próximo da imagem original */
            padding-left: 20px; /* Espaçamento após as logos */
            flex-grow: 1; /* Ocupa o restante do espaço */
        }

        /* --- Container Principal (White Box) --- */
        .main-content-box {
            max-width: 1200px;
            margin: 0 auto; /* Centraliza e encosta no header */
            box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
            min-height: 700px;
        }

        /* --- Área da Imagem (Esquerda) --- */
        .image-area {
            background-image: url('../img/estudante.png'); /* MANTENDO O ARQUIVO DE IMAGEM ORIGINAL */
            background-size: cover;
            background-position: center;
        }

        /* --- Área do Formulário (Direita) --- */
        .form-area {
            padding: 60px 40px;
            display: flex;
            flex-direction: column;
            align-items: center;
        }
        
        .logo-encceja {
            width: 180px;
            height: 80px;
            margin-bottom: 30px;
            background-image: url('../img/encceja.png'); /* MANTENDO O ARQUIVO DE IMAGEM ORIGINAL */
            background-size: contain;
            background-repeat: no-repeat;
            background-position: center;
        }

        .form-title {
            font-size: 1.4rem;
            font-weight: 700;
            margin-bottom: 40px;
            text-align: center;
        }

        /* Estilização específica do campo CPF e do select */
        .form-control-custom {
            width: 100%;
            max-width: 320px;
        }
        
        .cpf-input {
            background-color: #e8f0fe !important; 
            border: 1px solid #b4c2d4 !important; 
            box-shadow: none !important;
        }

        .select-ano {
            background-color: #f7f7f7 !important;
        }

        .btn-enviar {
            width: 100%;
            max-width: 320px;
            padding: 12px;
            font-size: 1.1rem;
            font-weight: 700;
            margin-top: 10px;
            box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
        }
        
        .link-voltar {
            margin-top: 15px;
            font-size: 0.9rem;
            color: #6c757d;
            text-decoration: none; /* Garante que o link 'Voltar' não tenha sublinhado padrão do Bootstrap */
        }
        
        .link-voltar:hover {
            text-decoration: underline;
        }


        .important-info {
            width: 100%;
            max-width: 320px;
            margin-top: 40px;
            font-size: 0.8rem;
            color: #555;
            text-align: center;
        }
        
        .footer-logo {
            margin-top: 30px;
            width: 120px; 
            height: 30px;
            background-image: url('../img/Logo_Seduc_hor_color.png'); /* MANTENDO O ARQUIVO DE IMAGEM ORIGINAL */
            background-size: contain;
            background-repeat: no-repeat;
        }