/* Página Trabalhe conosco (Figma: frame 116:531).
   Base em css/base.css; topo e abas em css/institucional.css. */
.tc-abertura{position:relative;margin-top:calc(81 * var(--u))}
.tc-abertura > div:first-child > .qs-frase{max-width:none}
.tc-destaque{margin-top:calc(22 * var(--u));max-width:calc(562 * var(--u));min-width:280px;font-family:var(--titulo);font-size:max(16px, calc(18.5 * var(--u)));line-height:1.64;color:#000}
.tc-abertura .botao-circulo{margin-top:calc(27 * var(--u))}
.tc-simbolo{position:absolute;left:calc(714 * var(--u));top:calc(-2 * var(--u));width:calc(546 * var(--u));max-width:none;height:auto;pointer-events:none}
.qs-intro > .tc-frase-grande{margin-top:calc(51 * var(--u));max-width:calc(657 * var(--u));min-width:280px}
.tc-colunas{margin-top:calc(65 * var(--u));display:grid;grid-template-columns:minmax(0,594fr) minmax(0,595fr);column-gap:calc(85 * var(--u));max-width:calc(1275 * var(--u))}
.tc-numeros{margin-top:calc(90 * var(--u));padding-bottom:calc(55 * var(--u));display:grid;grid-template-columns:calc(323 * var(--u)) calc(272 * var(--u)) calc(323 * var(--u)) auto}
.tc-numero strong{
  display:inline-block;font-family:var(--titulo);font-weight:var(--peso-titulo);font-size:max(44px, calc(66 * var(--u)));line-height:1;
  background:var(--grad-numero);-webkit-background-clip:text;background-clip:text;color:transparent;
}
.tc-numero span{display:block;margin-top:calc(26 * var(--u));max-width:230px;font-size:max(15px, calc(18.5 * var(--u)));line-height:1.64;color:#000}

/* Código DOC */
.tc-doc{position:relative;min-height:calc(731 * var(--u));overflow:hidden;padding-top:calc(113 * var(--u));padding-bottom:calc(140 * var(--u))}
.tc-doc-foto{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 0}
.tc-doc::before{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(to left, rgba(59,58,60,0) 0%, #3B3A3C 81.731%)}
.tc-doc > .conteudo{position:relative;z-index:2}
.tc-doc .qs-frase{color:var(--pessego)}
.tc-doc-cards{margin-top:calc(71 * var(--u));display:grid;grid-template-columns:repeat(3,minmax(0,357fr));column-gap:calc(101 * var(--u))}
.tc-doc-card{
  position:relative;min-height:max(320px, calc(364 * var(--u)));padding:34px 27px 30px;border-radius:20px;
  background:linear-gradient(141.5deg, rgba(236,228,219,0) 0%, rgba(236,228,219,.85) 100%);
  backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.18);
  transition:transform .5s cubic-bezier(.16,1,.3,1);
}
.tc-doc-card:hover{transform:translateY(-6px)}
.tc-doc-letra{
  display:inline-block;font-family:var(--titulo);font-size:66px;line-height:1;
  background:var(--grad-numero);-webkit-background-clip:text;background-clip:text;color:transparent;
}
.tc-doc-card h3{margin-top:calc(58 * var(--u));font-family:var(--titulo-leve);font-weight:var(--peso-titulo);font-size:24px;line-height:1.96;color:#fff}
.tc-doc-card p{margin-top:8px;font-size:max(15px, calc(18.5 * var(--u)));line-height:1.64;color:var(--branco)}

/* Soul BINA */
.tc-soul{display:grid;grid-template-columns:calc(476 * var(--u)) minmax(0,1fr);padding-top:calc(92 * var(--u))}
.tc-soul-marca{position:relative;align-self:start;margin-top:calc(150 * var(--u));margin-left:calc(18 * var(--u));width:calc(323 * var(--u));min-width:220px}
.tc-soul-marca img{width:100%;height:auto}
.tc-soul-tag{
  position:absolute;left:46%;top:100%;padding:6px 16px;border-radius:22px;background:var(--pessego);
  box-shadow:0 4px 4px rgba(0,0,0,.25);transform:rotate(-12deg);transform-origin:left center;
  font-family:var(--titulo);font-size:max(24px, calc(36 * var(--u)));line-height:1.2;color:var(--grafite);white-space:nowrap;
}
.tc-soul-texto .texto-lead{margin-top:calc(22 * var(--u));max-width:calc(798 * var(--u))}
.tc-soul-texto .texto-lead + .texto-lead{margin-top:1.64em}
.tc-soul-texto strong{font-weight:700}

.tc-fotos{
  margin-top:calc(90 * var(--u));overflow-x:auto;scrollbar-width:none;
  background:linear-gradient(to bottom, transparent 0, transparent calc(248 * var(--u)), var(--grafite) calc(248 * var(--u)));
}
.tc-fotos::-webkit-scrollbar{display:none}
.tc-fotos-trilha{display:flex;gap:calc(26 * var(--u));width:max-content;padding-right:calc(26 * var(--u))}
.tc-foto{flex:none;width:max(300px, calc(535 * var(--u)));height:max(190px, calc(338 * var(--u)));border-radius:16px;overflow:hidden;box-shadow:0 16px 32px -24px rgba(59,58,60,.4)}
.tc-foto img{width:100%;height:100%;object-fit:cover;transition:transform 1s cubic-bezier(.16,1,.3,1)}
.tc-foto:hover img{transform:scale(1.05)}

/* Academia BINA */
.tc-academia{position:relative;overflow:hidden;background:var(--grafite);color:var(--areia);padding-top:calc(112 * var(--u));padding-bottom:calc(112 * var(--u))}
.tc-academia-grafismo{position:absolute;left:calc(1393 * var(--u));top:calc(-144 * var(--u));width:calc(820 * var(--u));max-width:none;height:auto;pointer-events:none}
.tc-academia-grade{position:relative;display:grid;grid-template-columns:calc(668 * var(--u)) minmax(0,1fr)}
.tc-academia .qs-frase{color:var(--pessego)}
.tc-academia .texto-lead{color:#fff;max-width:calc(532 * var(--u));min-width:260px}
.tc-academia .qs-frase + .texto-lead{margin-top:calc(33 * var(--u))}
.tc-academia .texto-lead + .texto-lead{margin-top:1.64em}
.tc-academia-logo{width:calc(501 * var(--u));min-width:260px;height:auto;margin-top:calc(43 * var(--u))}
.tc-academia-numeros{margin-top:calc(134 * var(--u));margin-left:calc(46 * var(--u));display:grid;grid-template-columns:calc(157 * var(--u)) calc(195 * var(--u)) auto}
.tc-academia-numeros strong{display:block;font-family:var(--titulo);font-weight:var(--peso-titulo);font-size:max(34px, calc(48 * var(--u)));line-height:1;color:var(--pessego)}
.tc-academia-numeros span{display:block;margin-top:calc(16 * var(--u));max-width:150px;font-size:max(15px, calc(18.5 * var(--u)));line-height:1.64}

/* Benefícios */
.tc-beneficios{padding-top:calc(90 * var(--u))}
.tc-beneficios .texto-lead{margin-top:calc(22 * var(--u));max-width:calc(469 * var(--u));min-width:280px}
.tc-beneficios-grade{margin-top:calc(46 * var(--u));display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:23px calc(33 * var(--u))}
.tc-beneficio{
  display:flex;align-items:center;gap:20px;min-height:112px;padding:10px 24px;border-radius:16px;background:#fff;
  box-shadow:0 16px 32px -24px rgba(59,58,60,.4);transition:transform .5s cubic-bezier(.16,1,.3,1), box-shadow .5s ease;
}
.tc-beneficio:hover{transform:translateY(-4px);box-shadow:0 22px 40px -26px rgba(59,58,60,.5)}
.tc-icone{position:relative;flex:none;width:85px;height:72px}
.tc-icone img{position:absolute;max-width:none}
.tc-beneficio h3{font-family:var(--titulo);font-weight:var(--peso-titulo);font-size:max(19px, calc(24 * var(--u)));line-height:1.26;color:var(--tinta)}

/* O Soul BINA na prática + chamado */
.tc-pratica{position:relative;margin-top:calc(94 * var(--u))}
.tc-pratica-fundo{position:absolute;left:calc(714 * var(--u));right:0;top:calc(117 * var(--u));bottom:0;background:var(--grafite)}
.tc-pratica-grade{position:relative;display:grid;grid-template-columns:calc(641 * var(--u)) minmax(0,1fr);column-gap:calc(104 * var(--u))}
.tc-pratica-intro .texto-lead{margin-top:calc(22 * var(--u));max-width:calc(425 * var(--u));min-width:260px}
.tc-iniciativas{margin-top:calc(55 * var(--u));padding-bottom:calc(49 * var(--u));display:flex;flex-direction:column;gap:21px}
.tc-iniciativa{position:relative;min-height:max(150px, calc(176 * var(--u)));border-radius:19px;overflow:hidden}
.tc-iniciativa > img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.tc-iniciativa-vidro{
  position:relative;margin:22px 22px 22px max(80px, calc(151 * var(--u)));padding:20px 24px;border-radius:20px;
  background:linear-gradient(167.8deg, rgba(236,228,219,.94), rgba(236,228,219,.58));
  backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.18);
}
.tc-iniciativa h3{font-family:var(--titulo);font-weight:var(--peso-titulo);font-size:16px;line-height:1.46;color:var(--preto)}
.tc-iniciativa p{margin-top:8px;font-size:16px;line-height:1.46;color:var(--preto)}
.tc-chamado{align-self:start;padding:calc(281 * var(--u)) 0 calc(80 * var(--u));margin-right:calc(-127 * var(--u));color:#fff}
.tc-chamado .qs-frase{color:var(--pessego)}
.tc-chamado .texto-lead{color:#fff;max-width:calc(475 * var(--u));min-width:260px}
.tc-chamado .qs-frase + .texto-lead{margin-top:calc(47 * var(--u))}
.tc-chamado .texto-lead + .texto-lead{margin-top:1.64em}
.tc-chamado .botao-circulo{margin-top:calc(46 * var(--u))}

@media (max-width:1024px){
  .tc-abertura,.tc-colunas,.tc-soul,.tc-academia-grade,.tc-pratica-grade{grid-template-columns:1fr;row-gap:24px}
  .tc-simbolo{position:static;width:70%;margin-top:32px}
  .tc-numeros{grid-template-columns:1fr 1fr;row-gap:32px}
  .tc-doc-cards,.tc-beneficios-grade{grid-template-columns:1fr;row-gap:16px}
  .tc-doc{padding-top:64px;padding-bottom:64px}
  .tc-doc-card h3{margin-top:32px}
  .tc-soul-marca{margin:0 0 40px}
  .tc-academia-grafismo{display:none}
  .tc-academia-numeros{margin-left:0;margin-top:40px;grid-template-columns:repeat(3,auto);column-gap:24px}
  .tc-pratica-fundo{display:none}
  .tc-chamado{background:var(--grafite);padding:56px 20px;margin:0 calc(-1 * var(--dir)) 0 calc(-1 * var(--esq))}
  .tc-abertura{margin-top:40px}
  .tc-chamado .qs-frase,.tc-chamado .texto-lead,.tc-chamado .botao-circulo{margin-left:20px}
}

/* Celular: benefícios em cards mais baixos, ícone menor (as peças do
   ícone são posicionadas em px, então o ícone inteiro é reduzido) */
@media (max-width:767px){
  .tc-beneficios-grade{grid-template-columns:1fr 1fr;gap:12px}
  .tc-beneficio{min-height:0;padding:18px 16px;gap:12px;flex-direction:column;align-items:flex-start}
  .tc-icone{width:85px;height:72px;transform:scale(.55);transform-origin:0 0;margin:0 -38px -32px 0}
  .tc-beneficio h3{font-size:16px}
}