/* Selo de local abaixo do título */
.local-badge{display:inline-flex;align-items:center;gap:8px;font-family:var(--font-display);font-size:18px;font-weight:700;letter-spacing:.12em;line-height:1;text-transform:uppercase;color:var(--color-brand-tint)}
.local-badge svg{width:20px;height:20px;flex:none;color:var(--color-brand)}

/* Assinatura da Criei (mesmo padrão dos sites atuais) */
.assinatura-criei{display:flex;align-items:center;justify-content:center;gap:5px;margin-top:10px;font-size:12px;opacity:.72}
.assinatura-criei a{display:inline-flex;align-items:center;gap:5px;color:inherit;text-decoration:none}
.assinatura-criei img{display:block;width:auto;height:18px;content:url(/icons/criei-icone.svg)}
.assinatura-criei strong{color:inherit;font-weight:400}
@media (hover:hover) and (pointer:fine){.assinatura-criei a:hover strong{opacity:.72}}

/* Entrada da página: blocos aparecem em sequência (uma vez, ao abrir) */
@keyframes entrar{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
@keyframes entrar-imagem{from{opacity:0;transform:scale(.97)}to{opacity:1;transform:none}}
@keyframes surgir{from{opacity:0}to{opacity:1}}

main>header>img{animation:entrar-imagem .6s var(--ease-out) both}
main>header h1{animation:entrar .55s var(--ease-out) 80ms both}
main>header .local-badge{animation:entrar .55s var(--ease-out) 150ms both}
main>header h1~p:not(.local-badge){animation:entrar .55s var(--ease-out) 220ms both}
#inscricao{animation:entrar .55s var(--ease-out) 300ms both}
main>footer{animation:surgir .5s var(--ease-out) 450ms both}

/* Cards de vaga: leve elevação no hover (só mouse) */
.vaga-card{transition:transform .2s var(--ease-out),background-color .16s ease,border-color .16s ease}
@media (hover:hover) and (pointer:fine){
  .vaga-card:hover{transform:translateY(-2px)}
  .vaga-card:active{transform:translateY(-2px) scale(.97)}
}

/* Reduzir movimento: só esmaecer, sem deslocamento */
@media (prefers-reduced-motion:reduce){
  main>header>img,main>header h1,main>header .local-badge,main>header h1~p,#inscricao,main>footer{animation:surgir .3s ease both}
  .vaga-card:hover,.vaga-card:active{transform:none}
}

/* Pós-envio: cartão de conversa no WhatsApp + links */
.contato-jl{display:flex;flex-direction:column;gap:16px}

.wa-card{display:flex;flex-direction:column;overflow:hidden;border-radius:18px;border:1px solid var(--color-line-strong);background:var(--color-field)}
.wa-card__topo{display:flex;align-items:center;gap:12px;padding:12px 14px;border-bottom:1px solid var(--color-line);background:var(--color-card)}
.wa-card__avatar{width:40px;height:40px;border-radius:9999px;flex:none}
.wa-card__quem{display:flex;flex-direction:column;gap:1px;min-width:0}
.wa-card__quem strong{font-size:15px;font-weight:600;color:var(--color-cream)}
.wa-card__quem span{font-size:13px;color:var(--color-muted)}
.wa-card__chat{display:flex;justify-content:flex-end;padding:16px 14px 18px}
.wa-card__balao{position:relative;max-width:88%;margin:0;padding:9px 12px 10px;border-radius:14px 14px 4px 14px;background:#005c4b;color:#e9edef;font-size:15px;line-height:1.45}
.wa-card__botao{display:flex;align-items:center;justify-content:center;gap:10px;height:54px;margin:0 14px 14px;border-radius:9999px;background:#25D366;color:#fff;font-family:var(--font-display);font-size:21px;font-weight:700;letter-spacing:.02em;text-transform:uppercase;text-decoration:none;box-shadow:0 10px 24px -12px rgba(37,211,102,.55)}
.wa-card__botao svg{width:21px;height:21px}
@media (hover:hover) and (pointer:fine){.wa-card__botao:hover{filter:brightness(1.06)}}

.contato-jl__links{display:flex;flex-direction:column;overflow:hidden;border-radius:16px;border:1px solid var(--color-line-strong);background:var(--color-card)}
.link-linha{display:flex;align-items:center;gap:12px;padding:13px 14px;color:var(--color-cream);text-decoration:none;transition:background-color .16s ease}
.link-linha+.link-linha{border-top:1px solid var(--color-line)}
.link-linha__icone{display:flex;align-items:center;justify-content:center;width:40px;height:40px;flex:none;border-radius:12px}
.link-linha__icone svg{width:21px;height:21px}
.link-linha__icone--ig{background:rgba(245,106,138,.14);color:#f56a8a}
.link-linha__icone--mapa{background:rgba(95,180,255,.14);color:#5fb4ff}
.link-linha__texto{display:flex;flex-direction:column;gap:1px;min-width:0;flex:1}
.link-linha__texto strong{font-size:16px;font-weight:600}
.link-linha__texto span{font-size:13px;color:var(--color-muted)}
.link-linha__seta{display:flex;color:var(--color-dash);transition:transform .2s var(--ease-out),color .16s ease}
.link-linha__seta svg{width:18px;height:18px}
.link-linha:active{background:var(--color-panel)}
@media (hover:hover) and (pointer:fine){
  .link-linha:hover{background:var(--color-panel)}
  .link-linha:hover .link-linha__seta{color:var(--color-cream);transform:translate(2px,-2px)}
}

/* Compartilhar vira secundário: separador, título menor, botões neutros */
.contato-jl+div{margin-top:8px;padding-top:22px;border-top:1px solid var(--color-line)}
.contato-jl+div h2{font-size:24px}
.botao-compartilhar{height:46px;font-size:17px;gap:8px;background:var(--color-card)!important;border:1px solid var(--color-line-strong);color:var(--color-cream)}
.botao-compartilhar svg{width:18px;height:18px}
.botao-compartilhar.bg-\[\#25D366\] svg{color:#25D366}
.botao-compartilhar.bg-\[\#229ED9\] svg{color:#229ED9}
@media (hover:hover) and (pointer:fine){.botao-compartilhar:hover{filter:none;border-color:var(--color-dash)}}
@media (prefers-reduced-motion:reduce){.link-linha:hover .link-linha__seta{transform:none}}