/* Página Trabalhe conosco (usa as cores, fontes e componentes de site.css) */
.vagas-nav a{padding:8px 12px;border-radius:8px;font-family:var(--f-cond);font-weight:600;letter-spacing:.1em;text-transform:uppercase;font-size:.88rem;color:inherit;opacity:.85;text-decoration:none}
.vagas-nav a:hover{opacity:1;background:#0000000d}
.pagina-vagas .r-topo .logo-mask{display:block}

.vagas-hero{background:var(--r-verm);color:var(--r-creme);position:relative;overflow:hidden}
.vagas-hero .wrap{display:grid;grid-template-columns:1.15fr .85fr;gap:48px;align-items:center;padding-block:clamp(56px,8vw,96px)}
.vagas-hero .rot{color:var(--r-most)}
.vagas-hero h1{font-size:clamp(2.6rem,6vw,5rem);line-height:.98;margin-top:16px;color:var(--r-creme);text-shadow:0 5px 0 var(--r-verm-esc)}
.vagas-hero h1 span{display:block;color:var(--r-most)}
.vagas-hero .sub{font-size:1.12rem;max-width:44ch;margin-top:22px;color:#ffe3da}
.vagas-hero .acoes{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}
.vagas-mosaico{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;max-width:380px;justify-self:center;width:100%}
.vagas-mosaico svg{width:100%;aspect-ratio:1;border-radius:14px;box-shadow:0 14px 26px #5a0d0040;animation:mosaico-entra .7s var(--mola) both,balanca 6s ease-in-out infinite;animation-delay:calc(var(--i)*90ms + .3s),calc(var(--i)*-0.7s)}
.vagas-mosaico svg:nth-child(odd){animation-direction:normal,reverse}
@keyframes mosaico-entra{from{transform:scale(.2) rotate(-25deg);opacity:0}to{transform:none;opacity:1}}

.vagas-lista{background:var(--r-papel)}
.vagas-grade{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr));gap:20px}
.vaga-card{position:relative;display:flex;flex-direction:column;gap:12px;background:var(--r-creme);border-radius:24px;padding:26px;box-shadow:0 18px 40px #a8200f1f;border:2px solid transparent;transition:transform .3s var(--mola),border-color .3s}
.vaga-card:hover{transform:translateY(-6px);border-color:var(--r-verm)}
.vaga-topo{display:flex;justify-content:space-between;align-items:center}
.vaga-tile{width:58px;height:58px;border-radius:12px;box-shadow:0 8px 16px #0002;transition:transform .5s var(--mola)}
.vaga-card:hover .vaga-tile{transform:rotate(-10deg) scale(1.08)}
.vaga-loja{font-family:var(--f-cond);font-weight:800;text-transform:uppercase;letter-spacing:.12em;font-size:.75rem;background:var(--r-tinta);color:var(--r-creme);padding:7px 12px;border-radius:999px}
.vaga-card h3{font-size:clamp(1.8rem,3vw,2.3rem);color:var(--r-verm);margin-top:4px}
.vaga-card p{margin:0;color:var(--r-suave);font-size:.98rem}
.vaga-pe{margin-top:auto;padding-top:14px;border-top:2px dashed #3a1e1420;display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}
.vaga-pe small{color:var(--r-suave);font-weight:600}
.vaga-pe .pill{padding:12px 18px}
.vaga-talentos{background:var(--r-most);box-shadow:0 18px 40px #f2b11c40}
.vaga-talentos h3{color:var(--r-tinta)}
.vaga-talentos p{color:var(--r-tinta)}
.vaga-talentos .vaga-pe{border-top-color:#3a1e1433}
.vaga-aviso{grid-column:1/-1;background:#fff;text-align:center}

.vagas-form .rotulo-arq{font-weight:800;font-size:.9rem}
.arquivo{position:relative;display:grid;justify-items:center;gap:4px;text-align:center;padding:22px 16px;border:2px dashed #3a1e1440;border-radius:16px;background:#fff;cursor:pointer;transition:border-color .2s,background .2s}
.arquivo:hover,.arquivo.cheio{border-color:var(--r-verm);background:#fff6f3}
.arquivo input{position:absolute;inset:0;opacity:0;cursor:pointer;width:100%}
.arquivo svg{width:30px;height:30px;fill:var(--r-verm)}
.arquivo .arq-nome{font-weight:800;word-break:break-all}
.arquivo small{opacity:.7}
.arquivo.erro{border-color:var(--r-verm-esc);background:#ffe9e4}
.consentimento{display:flex;gap:12px;align-items:flex-start;font-size:.9rem;line-height:1.45;cursor:pointer}
.consentimento input{width:20px;height:20px;flex:none;margin-top:2px;accent-color:var(--r-verm)}
.consentimento.erro span{color:var(--r-verm-esc);font-weight:600}
.vagas-form .pill[disabled]{opacity:.6;pointer-events:none}
.vagas-form.enviado .campo,.vagas-form.enviado .dupla,.vagas-form.enviado .consentimento,.vagas-form.enviado button{display:none}
.vagas-form.enviado .fale-aviso{font-size:1.15rem;text-align:center;padding:24px 8px}

@media(max-width:900px){
  .vagas-hero .wrap{grid-template-columns:1fr}
  .vagas-mosaico{max-width:210px;gap:8px;grid-row:1}
  .vagas-nav{display:none}
}
@media(prefers-reduced-motion:reduce){.vagas-mosaico svg{animation:none}}