/* ===========================================================================
   TRABALHE CONOSCO — pages/trabalhe-conosco.php
   ---------------------------------------------------------------------------
   MEDIDO em 2026-09-22, nos dois prints do Sami.

   A migalha e o título são o componente compartilhado (bloco 2e do style.css);
   os campos são o `.form-campo` do bloco 2f. Aqui só a grade.

   ⚠ ESTA É A ÚNICA PÁGINA DE FORMULÁRIO DA BUSCA SEM CARTÃO: não há
   `.account-block` nem faixa de título no HTML de lá — o formulário fica solto
   sobre o fundo da página, logo abaixo do título.

   A GRADE É IRREGULAR, e é a do Bootstrap 3 em doze avos:

       Nome 8 | Data de nascimento 4
       Endereço 6 | Endereço Linha 2 6
       Cidade 4 | Estado 4 | CEP 4
       Telefone 4 | E-mail 5 | Setor 3
       Informações Adicionais 12

   A goteira é a de sempre: 30 (os 15 de cada coluna do Bootstrap).
   =========================================================================== */

.trabalhe-form__grade {
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    column-gap: 30px;
    row-gap: 22px;
}

/* As larguras em doze avos. O `span` é o que reproduz o `col-md-*` de lá. */
.trabalhe-form__campo--3  { grid-column: span 3; }
.trabalhe-form__campo--4  { grid-column: span 4; }
.trabalhe-form__campo--5  { grid-column: span 5; }
.trabalhe-form__campo--6  { grid-column: span 6; }
.trabalhe-form__campo--8  { grid-column: span 8; }
.trabalhe-form__campo--12 { grid-column: span 12; }

/* ---------------------------------------------------------------------------
   RESPONSIVO — `col-md-*` do Bootstrap 3 só vale de 992 para cima; abaixo
   disso as colunas viram linha inteira, que é o que o site no ar faz.
   --------------------------------------------------------------------------- */

@media (max-width: 991.98px) {
    .trabalhe-form__grade {
        grid-template-columns: 1fr;
    }

    .trabalhe-form__campo--3,
    .trabalhe-form__campo--4,
    .trabalhe-form__campo--5,
    .trabalhe-form__campo--6,
    .trabalhe-form__campo--8,
    .trabalhe-form__campo--12 {
        grid-column: span 1;
    }
}