/* ═══ Trabalhe conosco — redesenho (16/09/2026) ═══
   Antes: duas telas, um bloco de texto ao lado do formulário e nada mais.
   Agora: pilares em faixa, linha do tempo das fachadas (1976→2026), bastidores
   com fotos reais, áreas do banco de talentos e o formulário em seção própria. */

/* ── pilares: de cartões empilhados para faixa de três ───────────────────── */
@media (min-width:901px){
  html body .actc-pillars{display:grid !important;grid-template-columns:repeat(3,minmax(0,1fr)) !important;gap:18px !important}
  html body .actc-pillar{flex-direction:column !important;align-items:flex-start !important;gap:12px !important;padding:24px 22px !important}
}

/* ── linha do tempo das fachadas ─────────────────────────────────────────── */
html body .actc-linha{width:100%;background:#fff;border-top:1px solid rgba(207,160,72,.18);padding:clamp(56px,7vh,80px) 48px}
html body .actc-linha-inner{max-width:1180px;margin:0 auto}
html body .actc-sec-head{text-align:center;max-width:640px;margin:0 auto 40px}
html body .actc-sec-tag{display:flex;align-items:center;justify-content:center;gap:12px;margin:0 0 12px;font-family:'Crimson Pro',Georgia,serif;font-size:12.5px;font-style:italic;font-weight:600;letter-spacing:.22em;text-transform:uppercase;color:#A48334}
html body .actc-sec-tag::before,html body .actc-sec-tag::after{content:'';width:42px;height:2px;flex:none;background:linear-gradient(90deg,rgba(207,160,72,.15),#cfa048)}
html body .actc-sec-tag::after{background:linear-gradient(270deg,rgba(207,160,72,.15),#cfa048)}
html body .actc-sec-tit{font-family:'Crimson Pro',Georgia,serif;font-size:clamp(26px,2.7vw,38px);font-weight:700;line-height:1.12;color:#0a4323;margin:0 0 10px}
html body .actc-sec-tit em{font-style:italic;color:#A48334}
html body .actc-sec-sub{margin:0;font-family:'Outfit',Arial,sans-serif;font-size:15.5px;line-height:1.6;color:rgba(10,67,35,.64)}
html body .actc-fachadas{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}
html body .actc-fachada{position:relative;border-radius:14px;overflow:hidden;border:1px solid rgba(207,160,72,.2);box-shadow:0 4px 18px rgba(18,52,24,.07);transition:transform .38s cubic-bezier(.25,.46,.45,.94),box-shadow .38s}
html body .actc-fachada:hover{transform:translateY(-4px);box-shadow:0 14px 34px rgba(18,52,24,.14)}
html body .actc-fachada img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover;transition:transform .8s cubic-bezier(.25,.46,.45,.94)}
html body .actc-fachada:hover img{transform:scale(1.05)}
html body .actc-fachada figcaption{position:absolute;left:0;right:0;bottom:0;padding:26px 16px 14px;background:linear-gradient(180deg,rgba(5,15,10,0),rgba(5,15,10,.86));font-family:'Crimson Pro',Georgia,serif;font-size:19px;font-weight:700;letter-spacing:.06em;color:#F0DFB9}

/* ── bastidores ──────────────────────────────────────────────────────────── */
html body .actc-vida{width:100%;background:#f5f2eb;padding:clamp(56px,7vh,80px) 48px}
html body .actc-vida-inner{max-width:1180px;margin:0 auto}
html body .actc-vida-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
html body .actc-foto{position:relative;border-radius:16px;overflow:hidden;border:1px solid rgba(207,160,72,.2);min-height:280px;box-shadow:0 4px 18px rgba(18,52,24,.07)}
html body .actc-foto img{display:block;width:100%;height:100%;min-height:280px;object-fit:cover;transition:transform .8s cubic-bezier(.25,.46,.45,.94)}
html body .actc-foto:hover img{transform:scale(1.04)}
html body .actc-foto-txt{position:absolute;left:0;right:0;bottom:0;padding:34px 22px 20px;background:linear-gradient(180deg,rgba(5,15,10,0),rgba(5,15,10,.88))}
html body .actc-foto-txt strong{display:block;font-family:'Crimson Pro',Georgia,serif;font-size:19px;font-weight:700;color:#F0DFB9;margin-bottom:4px}
html body .actc-foto-txt span{font-family:'Outfit',Arial,sans-serif;font-size:13.5px;line-height:1.5;color:rgba(245,242,235,.76)}
/* espaço reservado para as fotos da equipe que você vai enviar */
html body .actc-foto--reservado{display:flex;align-items:center;justify-content:center;background:repeating-linear-gradient(45deg,rgba(10,67,35,.04),rgba(10,67,35,.04) 12px,transparent 12px,transparent 24px);border-style:dashed}
html body .actc-foto--reservado p{margin:0;padding:0 24px;text-align:center;font-family:'Outfit',Arial,sans-serif;font-size:13.5px;line-height:1.6;color:rgba(10,67,35,.5)}

/* ── áreas do banco de talentos ──────────────────────────────────────────── */
html body .actc-areas{width:100%;background:#fff;border-top:1px solid rgba(207,160,72,.18);padding:clamp(56px,7vh,80px) 48px}
html body .actc-areas-inner{max-width:1180px;margin:0 auto}
html body .actc-areas-lista{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:0;counter-reset:area;border-top:1px solid rgba(207,160,72,.3)}
html body .actc-area{counter-increment:area;position:relative;padding:26px 20px 28px;border-bottom:1px solid rgba(207,160,72,.3)}
html body .actc-area::after{content:'';position:absolute;top:-1px;left:0;width:100%;height:2px;background:linear-gradient(90deg,#e7c785,#cfa048);transform:scaleX(0);transform-origin:left center;transition:transform .7s cubic-bezier(.22,1,.36,1)}
html body .actc-area:hover::after{transform:scaleX(1)}
html body .actc-area-num{display:block;margin-bottom:12px;font-family:'Crimson Pro',Georgia,serif;font-style:italic;font-weight:600;font-size:14px;letter-spacing:.14em;color:#A48334}
html body .actc-area strong{display:block;margin-bottom:8px;font-family:'Crimson Pro',Georgia,serif;font-size:19px;font-weight:700;line-height:1.16;color:#0a4323}
html body .actc-area p{margin:0;font-family:'Outfit',Arial,sans-serif;font-size:14px;line-height:1.58;color:rgba(10,67,35,.64)}

/* ── formulário em seção própria ─────────────────────────────────────────── */
html body .actc-envio{width:100%;background:#f5f2eb;border-top:1px solid rgba(207,160,72,.18);padding:clamp(56px,7vh,80px) 48px}
html body .actc-envio-inner{max-width:680px;margin:0 auto}
html body .actc-envio-inner .actc-form-card{max-width:none;width:100%;background:#fff !important;box-shadow:0 10px 34px rgba(22,63,38,.10),0 26px 70px rgba(22,63,38,.07) !important}

@media (max-width:1024px){
  html body .actc-fachadas{grid-template-columns:repeat(2,minmax(0,1fr))}
  html body .actc-vida-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  html body .actc-areas-lista{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:640px){
  html body .actc-linha,html body .actc-vida,html body .actc-areas,html body .actc-envio{padding-left:22px;padding-right:22px}
  html body .actc-fachadas{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
  html body .actc-vida-grid{grid-template-columns:1fr}
  html body .actc-areas-lista{grid-template-columns:1fr}
  html body .actc-fachada figcaption{font-size:16px;padding:20px 12px 10px}
}

/* ── introdução sem a coluna do formulário ───────────────────────────────────
   O cartão de candidatura saiu daqui e ganhou seção própria no fim da página.
   Sem ele, o texto ocuparia a faixa inteira de 1280px — medida de leitura
   longa demais. Aqui a coluna volta a ter largura de leitura confortável. */
html body .actc-intro-inner{max-width:1180px !important;align-items:flex-start !important;gap:0 !important}
html body .actc-intro-left{flex:1 1 auto !important;width:100% !important;min-width:0 !important}
html body .actc-intro-title{max-width:22ch !important}
html body .actc-intro-desc{max-width:64ch !important}
@media (min-width:901px){
  html body .actc-intro-inner{padding-bottom:clamp(48px,6vh,72px) !important}
}