/* Página Trabalhe Conosco */
.bloco-trabalhe { padding-bottom:60px; position:relative; overflow:hidden; background:none; background-image:url('../img/bgblog.webp?v=1'); background-repeat:no-repeat; background-size:cover; background-position:center top; }
.trabalhe-topo { 
  /* Header com gradiente e bico, igual ao título "Nossos serviços" */
  position: relative;
  padding:36px 0 24px;
  --serv-title-solid: #0b3a5a;
  --serv-title-grad: linear-gradient(90deg,#0b3a5a 0%, #0e5c8f 42%, #147fd0 72%, #29a9ff 100%);
  background: var(--serv-title-solid);
  overflow: visible;
}
/* Bico à direita */
.trabalhe-topo::after {
  content: "";
  position: absolute;
  right: 0;
  top: 0;
  width: min(12vw, 200px);
  height: 100%;
  background: #29a9ff;
  clip-path: polygon(45% 0, 100% 0, 100% 100%, 0 100%);
}
/* Brilho sutil sobre o gradiente */
.trabalhe-topo::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(90deg, rgba(0,0,0,0) 0%, rgba(20,127,208,0.35) 55%, rgba(41,169,255,0.65) 100%);
  pointer-events: none;
}
/* Ajuste interno para espaçamento do título */
.trabalhe-topo .container { position: relative; padding: 24px 20px; text-align: center; }
.trabalhe-titulo { color:#fff; text-align:center; margin:0; font-family:'Poppins', Arial, sans-serif; font-weight:900; font-size:42px; letter-spacing:1px; }
.trabalhe-lead { max-width:900px; margin:8px auto 16px; padding:0 20px; color:#e8f3ff; text-align:center; font-size:14px; line-height:1.6; }
.trabalhe-faixa { width:fit-content; margin:0 auto; background:#0e3b62; color:#cfe8ff; padding:8px 14px; border-radius:4px; font-size:11px; font-weight:800; letter-spacing:.2px; text-transform:uppercase; }

.trabalhe-form { max-width:1050px; margin:24px auto 0; padding:0 40px; }
.trabalhe-form .linha { display:flex; gap:28px; flex-wrap:nowrap; margin-bottom:18px; }
.trabalhe-form .campo { display:flex; flex-direction:column; gap:6px; }
.trabalhe-form .col-1 { flex: 1 1 100%; }
.trabalhe-form .col-2 { flex: 1 1 calc(50% - 12px); min-width:280px; }
.trabalhe-form label { color:#0f2d44; font-size:12px; font-weight:700; }
.trabalhe-form input[type="text"],
.trabalhe-form input[type="email"],
.trabalhe-form textarea { width:100%; padding:10px 12px; height:44px; border:2px solid #224b69; border-radius:4px; background:#fff; color:#0f2d44; font-size:13px; box-sizing:border-box; }
.trabalhe-form textarea { height:auto; }
.trabalhe-form input:focus,
.trabalhe-form textarea:focus { outline:none; border-color:#2e6fb1; }
.trabalhe-form textarea { resize:vertical; }

/* Upload customizado */
.upload-wrapper { display:flex; align-items:center; gap:12px; }
.upload-wrapper input[type=file] { position:absolute; width:1px; height:1px; overflow:hidden; clip:rect(0,0,0,0); }
.upload-botao { display:inline-flex; align-items:center; gap:8px; background:#0f2d44; color:#cfe8ff !important; padding:10px 14px; height:44px; line-height:22px; border-radius:4px; font-size:12px; font-weight:700; cursor:pointer; border:2px solid #224b69; text-transform:uppercase; }
.upload-botao:hover { background:#103b56; }
.upload-arquivo { font-size:12px; color:#0f2d44; opacity:.8; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; max-width:360px; }

.trabalhe-alert { max-width:1050px; margin:24px auto 0; padding:12px 16px; border-radius:4px; font-size:13px; }
.trabalhe-alert.sucesso { background:#e6f6ea; color:#1c7a33; border:1px solid #b8e2c4; }
.trabalhe-alert.erro { background:#fdecea; color:#8a1f17; border:1px solid #f5c6c1; }

@media (max-width: 920px) {
  .trabalhe-titulo { font-size:36px; }
  .trabalhe-form { padding:0 24px; }
  .trabalhe-form .linha { flex-wrap:wrap; }
  .trabalhe-form .col-2 { flex-basis:100%; }
}

/* Alinhamento do envio */
.trabalhe-form .linha.alinhado-centro { justify-content:center; }

/* Botão igual ao da home ("Ver todas as postagens") */
.bloco-trabalhe .botao.botao-secundario {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding: 0 20px;
  margin: 0 12px;
  border-radius: 0;
  text-decoration:none;
  font-family: 'Poppins', Arial, sans-serif;
  font-weight: 400;
  letter-spacing: .4px;
  text-transform: uppercase;
  color: #ffffff;
  background: linear-gradient(90deg,
    var(--brandBlueDark, #0e3b62) 0%,
    var(--brandBlueMid, #0c619a) 50%,
    var(--brandBlueLight, #069cf1) 100%);
  border: 0;
  line-height: 1;
  height: 48px;
}
.bloco-trabalhe .botao.botao-secundario:hover { filter: brightness(1.05); }