/* Home: bloco "Trabalhe conosco" (fundo azul, crachás com balanço suave, botão e áreas de interesse). */
.jobs-eyebrow{text-transform:uppercase}
.trabalhe-banner{position:relative;isolation:isolate;display:grid;grid-template-columns:27% 1fr auto;align-items:center;gap:20px;min-height:clamp(210px,16vw,280px);width:100%;margin:clamp(28px,4vw,64px) 0;padding:20px 36px 24px 0;overflow:hidden;border-radius:18px;background:radial-gradient(ellipse at 12% 80%,#1b63c7 0,transparent 43%),linear-gradient(110deg,#102350,var(--blue) 65%,#0c4bab);box-shadow:0 14px 35px #00389825;color:white;scroll-margin-top:110px;text-align:left}
.trabalhe-banner::after{content:"";position:absolute;width:450px;height:450px;border:1px solid #ffffff0c;border-radius:50%;right:-160px;top:-240px;box-shadow:0 0 0 55px #ffffff03,0 0 0 110px #ffffff02;z-index:-1;pointer-events:none}
.jobs-crachas{position:absolute;left:0;top:0;bottom:0;width:27%;overflow:hidden;pointer-events:none}
.jobs-copy{grid-column:2;position:relative;z-index:2;padding:14px 0}
.jobs-eyebrow{display:block;color:var(--banda-suave);font-size:11px;font-weight:700;letter-spacing:2px;line-height:1.4}
.jobs-eyebrow::before{content:"";display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--banda-destaque);margin:0 8px 1px 0}
.jobs-copy h2{margin:9px 0 9px!important;font-family:var(--font-display,'Barlow Condensed',sans-serif);font-size:clamp(32px,3.4vw,58px);font-weight:800;line-height:1;text-transform:uppercase;letter-spacing:-.5px;color:#fff!important}
.jobs-copy h2 span{color:var(--banda-destaque)}
.jobs-copy p{margin:0 0 7px;color:#fff;font-size:clamp(14px,1.2vw,18px);line-height:1.5}
.jobs-assinatura{display:block;color:var(--banda-suave);font-size:13px;line-height:1.5}
.jobs-action{grid-column:3;text-align:center;position:relative;z-index:2}
.jobs-cta{display:inline-flex;align-items:center;justify-content:space-between;gap:26px;background:white;color:var(--blue)!important;border-radius:50px;padding:17px 23px;font-family:var(--font-display,Arial,sans-serif);font-size:18px;font-weight:700;text-decoration:none;box-shadow:0 8px 20px #00153c30;transition:background .25s,box-shadow .25s;animation:jobs-cta-float 5.2s ease-in-out infinite}
.jobs-cta span{font-size:23px}.jobs-cta:hover{background:#e7efff;box-shadow:0 12px 25px #00153c50;animation-play-state:paused}.jobs-cta:focus-visible{outline:3px solid var(--banda-destaque);outline-offset:5px}
.jobs-action-note{display:block;color:var(--banda-suave);font-size:11px;margin-top:10px;letter-spacing:.3px}
.cracha{position:absolute;display:block;top:-24%;width:52%;transform-origin:50% 0;filter:drop-shadow(0 7px 6px #0005);will-change:transform}
.cracha img{display:block;width:100%;height:auto}
.cracha-masculino{left:-2%;animation:cracha-balanco-m 6.5s ease-in-out infinite;z-index:1}
.cracha-feminino{left:43%;animation:cracha-balanco-f 7.7s ease-in-out infinite;animation-delay:-2s;z-index:2}
@keyframes cracha-balanco-m{0%,100%{transform:rotate(-4deg) translateY(0)}50%{transform:rotate(0deg) translateY(3px)}}
@keyframes cracha-balanco-f{0%,100%{transform:rotate(3deg) translateY(1px)}50%{transform:rotate(-1deg) translateY(-2px)}}
@keyframes jobs-cta-float{0%,100%{translate:0 0}50%{translate:0 -3px}}
@keyframes jobs-text-in{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}
.trabalhe-banner.motion-ready:not(.is-visible) .jobs-copy>*{opacity:0}
.trabalhe-banner.is-visible .jobs-copy>*{animation:jobs-text-in .75s cubic-bezier(.22,.61,.36,1) both}
.trabalhe-banner.is-visible .jobs-copy>:nth-child(2){animation-delay:.12s}.trabalhe-banner.is-visible .jobs-copy>:nth-child(3){animation-delay:.24s}.trabalhe-banner.is-visible .jobs-copy>:nth-child(4){animation-delay:.36s}
.banner-pausa{position:absolute;bottom:6px;right:12px;z-index:3;padding:4px 8px;border:0;border-radius:12px;background:transparent;color:#b5c9ea;font:10px Arial,sans-serif;cursor:pointer}
.trabalhe-banner.animacao-pausada .cracha,.trabalhe-banner.animacao-pausada .jobs-cta,.trabalhe-banner.animacao-pausada .jobs-copy>*{animation-play-state:paused}
@media(max-width:1000px){.trabalhe-banner{gap:14px;padding-right:22px}.jobs-cta{font-size:16px;padding:15px 18px;gap:12px}.jobs-copy h2{font-size:36px}.jobs-copy p{font-size:14px}.jobs-assinatura{font-size:12px}}
@media(max-width:650px){.trabalhe-banner{grid-template-columns:32% 1fr;gap:0 12px;padding:26px 20px 36px 8px;min-height:260px;border-radius:14px}.jobs-crachas{width:34%;bottom:auto;height:210px}.cracha{top:-5%;width:67%}.cracha-masculino{left:-12%;top:1%}.cracha-feminino{left:35%;top:14%}.jobs-copy{grid-column:2;padding:0}.jobs-copy h2{font-size:34px;line-height:1.02}.jobs-eyebrow{font-size:9px;letter-spacing:1.2px}.jobs-copy p{font-size:13px}.jobs-assinatura{font-size:11px}.jobs-action{grid-column:2;margin-top:19px;text-align:left}.jobs-cta{font-size:16px;padding:13px 18px;gap:18px}.jobs-action-note{font-size:10px}.banner-pausa{bottom:8px;min-height:28px}}
@media(prefers-reduced-motion:reduce){.trabalhe-banner .cracha,.trabalhe-banner .jobs-cta,.trabalhe-banner.is-visible .jobs-copy>*{animation:none;will-change:auto}.trabalhe-banner.motion-ready .jobs-copy>*{opacity:1!important}.banner-pausa{display:none}}
/* Luz ambiente discreta e acabamento de borda. */
.trabalhe-banner{border:1px solid #a7c4ff2b;box-shadow:0 18px 38px #00389824,inset 0 1px 0 #ffffff18}
.trabalhe-banner::before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 20% 90%,#5c9cff15,transparent 55%);pointer-events:none;z-index:-1;animation:jobs-luz-ambiente 12s ease-in-out infinite alternate}
@keyframes jobs-luz-ambiente{from{transform:translateX(-5%);opacity:.5}to{transform:translateX(8%);opacity:1}}
.trabalhe-banner.animacao-pausada::before{animation-play-state:paused}
@media(prefers-reduced-motion:reduce){.trabalhe-banner::before{animation:none}}
/* Novos crachás: cordão em laço completo, sem cortes no enquadramento. */
.trabalhe-banner{min-height:250px}
.jobs-crachas{top:8px;bottom:8px;overflow:visible}
.cracha{top:0!important;width:46%;height:94%;filter:drop-shadow(0 5px 5px #0004)}
.cracha img{position:relative;left:-65%;width:230%;max-width:none;height:100%;object-fit:contain}
.cracha-masculino{left:3%}
.cracha-feminino{left:51%;top:3%!important}
@media(max-width:650px){.trabalhe-banner{min-height:280px}.jobs-crachas{top:18px;height:220px;bottom:auto;width:34%}.cracha{width:48%;height:94%}.cracha-masculino{left:0}.cracha-feminino{left:48%;top:7%!important}}
/* Crachás maiores, com o cordão saindo pelo topo, e composição mais preenchida. */
.trabalhe-banner{min-height:280px;grid-template-columns:28% 1fr auto;padding-top:22px;padding-bottom:27px}
.jobs-crachas{top:0;bottom:0;width:28%;height:auto;overflow:hidden}
.cracha{width:46%;height:150%;top:-55%!important;filter:drop-shadow(0 8px 8px #0005)}
.cracha img{object-fit:cover}
.cracha-masculino{left:3%}
.cracha-feminino{left:49%;height:145%;top:-48%!important}
.jobs-copy h2{font-size:clamp(36px,3.7vw,62px);margin-bottom:12px!important}
.jobs-areas{display:flex;flex-wrap:wrap;gap:7px;list-style:none;padding:0;margin:18px 0 0}
.jobs-areas li{padding:5px 11px;border:1px solid #aecbff38;border-radius:30px;background:#ffffff0b;font-size:11px;letter-spacing:.3px;color:var(--banda-suave)}
.jobs-areas li::before{content:"";display:inline-block;width:4px;height:4px;margin-right:6px;margin-bottom:2px;border-radius:50%;background:var(--banda-destaque)}
.jobs-convite{display:block;text-align:left;font-size:17px;font-weight:600;color:var(--banda-suave);line-height:1.35;margin:0 0 17px 4px}
.trabalhe-banner.is-visible .jobs-copy>:nth-child(5){animation-delay:.46s}
@media(max-width:1000px) and (min-width:651px){.jobs-convite{font-size:15px}.jobs-copy h2{font-size:38px}.jobs-areas{gap:5px}.jobs-areas li{padding:4px 8px;font-size:10px}}
@media(max-width:650px){
 .trabalhe-banner{grid-template-columns:34% 1fr;min-height:360px;padding:27px 18px 39px 8px;gap:0 10px}
 .jobs-crachas{top:0;bottom:auto;height:280px;width:35%}
 .cracha{height:143%;top:-45%!important;width:48%}
 .cracha-masculino{left:1%}.cracha-feminino{left:47%;height:139%;top:-39%!important}
 .jobs-copy h2{font-size:34px}.jobs-copy p{font-size:13px}.jobs-areas{gap:5px;margin-top:13px}.jobs-areas li{font-size:9px;padding:4px 7px}
 .jobs-action{margin-top:21px}.jobs-convite{font-size:13px;margin-bottom:12px}.jobs-convite br{display:none}.jobs-cta{font-size:15px;gap:13px;padding:13px 16px}
}
/* No celular, os crachás ficam acima da chamada para não cortar os rostos. */
@media(max-width:650px){
 .trabalhe-banner{grid-template-columns:1fr;padding:195px 24px 37px;min-height:0}
 .jobs-crachas{width:100%;height:185px;top:0}
 .cracha{width:45%;height:150%;top:-55%!important}
 .cracha img{left:0;width:100%;object-fit:contain}
 .cracha-masculino{left:4%}.cracha-feminino{left:49%;height:145%;top:-47%!important}
 .jobs-copy,.jobs-action{grid-column:1}.jobs-copy h2{font-size:38px}.jobs-convite{font-size:14px}.jobs-copy p{font-size:14px}.jobs-assinatura{font-size:12px}.jobs-areas li{font-size:10px}.jobs-action{margin-top:20px}.jobs-cta{font-size:17px;min-height:48px}.jobs-action-note{font-size:11px}
}
/* Enquadramento seguro: somente o alto dos cordões fica fora do bloco. */
.jobs-crachas{overflow:hidden}
.cracha{height:135%;top:-43%!important}
.cracha-feminino{height:132%;top:-39%!important}
.cracha img{position:absolute;left:50%;top:0;width:auto;max-width:none;height:100%;object-fit:contain;translate:-50% 0}
@media(max-width:650px){
 .cracha{height:135%;top:-43%!important}
 .cracha-feminino{height:132%;top:-39%!important}
 .cracha img{left:50%;width:auto;height:100%;object-fit:contain}
}

/* ---- Acabamento: fundo com mais profundidade, crachás destacados e textos mais legíveis ---- */
.trabalhe-banner{
 background:
  radial-gradient(ellipse 30% 95% at 13% 52%,color-mix(in srgb,var(--banda-glow) 40%,transparent) 0,color-mix(in srgb,var(--banda-glow) 20%,transparent) 45%,transparent 72%),
  radial-gradient(ellipse 34% 80% at 92% 8%,color-mix(in srgb,var(--banda-glow) 19%,transparent) 0,transparent 70%),
  linear-gradient(115deg,transparent 38%,#ffffff0b 50%,transparent 62%),
  linear-gradient(105deg,var(--banda-1) 0%,var(--banda-2) 52%,var(--banda-3) 100%);
}
.trabalhe-banner::before{
 background:radial-gradient(#ffffff1c 1px,transparent 1.4px) 0 0/22px 22px;
 -webkit-mask-image:linear-gradient(90deg,#000 0,transparent 55%);mask-image:linear-gradient(90deg,#000 0,transparent 55%);
 opacity:.55;animation:none;z-index:-1
}
.jobs-crachas::before{content:"";position:absolute;left:4%;right:4%;top:18%;bottom:-6%;border-radius:50%;background:radial-gradient(ellipse at 50% 55%,#cfe1ff38 0,#8db8ff1a 42%,transparent 70%);filter:blur(2px)}
.cracha{filter:drop-shadow(0 0 1px #d9e8ffcc) drop-shadow(0 0 16px #8db8ff66) drop-shadow(0 10px 10px #00123c80)}
.jobs-eyebrow{color:var(--banda-suave)}
.jobs-assinatura{color:var(--banda-suave)}
.jobs-areas li{border-color:#c4d9ff66;background:#ffffff18;color:#ffffff}
.jobs-areas li::before{background:var(--banda-destaque)}
.jobs-convite{color:#ffffff}
.jobs-action-note{color:var(--banda-suave);font-size:12px}
.jobs-cta{box-shadow:0 10px 24px #00153c55,0 0 0 4px #ffffff22}
@media(prefers-reduced-motion:reduce){.trabalhe-banner::before{animation:none}}