/* =====================================================================
   Talentos — etapas da formação, o jeito SMN e o convite de carreiras.
   ===================================================================== */

.smn-talentos {
  padding: 30px var(--gutter, 24px) 60px;
}

.smn-talento {
  position: relative;
  padding: 28px;
  border-radius: var(--smn-raio-card-g);
}

.smn-talento__titulo {
  margin-top: 14px;
  font: 600 17px var(--smn-fonte-texto);
  color: var(--smn-branco);
}

/* --- o jeito SMN ------------------------------------------------------- */

.smn-jeito {
  padding: 40px var(--gutter, 24px) 100px;
}

.smn-jeito__painel {
  padding: 56px 48px;
  border-radius: 22px;
  background: linear-gradient(120deg, var(--smn-painel), var(--smn-painel-alt));
  border: 1px solid rgba(var(--smn-verde-rgb), .22);
}

.smn-jeito__kicker {
  font: 500 12px var(--smn-fonte-mono);
  letter-spacing: .24em;
  color: var(--smn-verde);
  margin-bottom: 16px;
}

.smn-jeito__titulo {
  margin: 0;
  max-width: 760px;
  font-family: var(--smn-fonte-titulo);
  font-weight: 600;
  font-size: 30px;
  line-height: 1.2;
  color: var(--smn-branco);
}

.smn-jeito__texto {
  max-width: 720px;
  margin: 18px 0 0;
  font-size: 15.5px;
  line-height: 1.75;
  color: var(--smn-txt-medio);
}

/* --- convite de carreiras ------------------------------------------------- */

.smn-carreiras {
  padding: 20px var(--gutter, 24px) 100px;
}

.smn-carreiras__painel {
  position: relative;
  overflow: hidden;
  padding: clamp(36px, 5vw, 60px);
  border-radius: var(--smn-raio-painel-g);
}

.smn-carreiras__intro {
  position: relative;
  max-width: 640px;
  margin: 0 auto;
  text-align: center;
}

.smn-carreiras__form {
  position: relative;
  max-width: 720px;
  margin: 38px auto 0;
}

/* --- envio do currículo ----------------------------------------------------- */

.smn-arquivo {
  display: flex;
  align-items: center;
  gap: 11px;
  padding: 13px 16px;
  background: var(--smn-campo-fundo);
  border: 1px dashed rgba(var(--smn-branco-rgb), .2);
  border-radius: var(--smn-raio-botao);
  color: rgba(var(--smn-texto-rgb), .7);
  font-size: 14px;
  cursor: pointer;
}

.smn-arquivo__nome {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.smn-arquivo__dica {
  margin-top: 7px;
  font: 500 11px var(--smn-fonte-mono);
  letter-spacing: .04em;
  color: var(--smn-txt-apagado);
}

.smn-arquivo__erro {
  margin-top: 5px;
  font: 500 12px var(--smn-fonte-texto);
  color: var(--smn-erro);
}