/* Carreiras (Figma Concept 2107:63025 desktop, 2107:63398 celular). Base: css/novo.css?v=a7c88fbf (topo, rodapé, setas, painel amarelo, acordeão). */
.cx-h{margin:0 auto;font-size:clamp(40px,6.25vw,90px);line-height:.9;letter-spacing:-.03em;font-weight:400;text-align:center;}
.cx-lede{max-width:691px;margin:24px auto 0;font-size:clamp(16px,1.4vw,20px);line-height:1.4;letter-spacing:-.03em;color:#5a656d;text-align:center;text-wrap:pretty;}

/* Hero */
.cx-hero{position:relative;padding-top:40px;text-align:center;}
.cx-hero .cx-h{max-width:1000px;}
.cx-hero .cx-lede{max-width:none;}
.btn.yellow{background:var(--yellow);color:#1c2327;}
.cx-hero .rowhead{display:flex;justify-content:center;margin:80px 0 0;}
.cx-hero .arrows{margin:0;}
.cx-hero .arrows button{border:1.17px solid rgba(0,0,0,.12);}

/* Cards de gente: foto, nome, frase; rolam de lado (régua do "O time que constrói" da home) */
.quotes{margin-top:80px;gap:17px;}
.quote{width:364px;padding:34px;border-radius:34px;background:#fcfcfc;display:flex;flex-direction:column;gap:17px;text-align:left;}
.quote .who{align-self:flex-start;padding:10px 12px;border-radius:99px;background:#f0f0f0;font-size:11.9px;line-height:14.6px;font-weight:500;color:#222;}
.quote p{font-size:20.5px;line-height:1.1;letter-spacing:-.03em;color:#1c2327;}
.quote p span{color:#6c747a;}/* Figma #aeb5ba; escurecido para contraste 4,6:1 (WCAG AA) */
.quote .ph{height:378px;border-radius:27px;overflow:hidden;background:#f3f3f3;}
.quote .ph img{width:100%;height:100%;object-fit:cover;object-position:50% 50%;}
.cx-hero+.wrap .funding{margin-top:114px;}

/* Missão, Visão, Valores: carrossel */
.cx-desafios{margin-top:111px;}
.mvv{margin-top:40px;gap:20px;}
.cx-ceo+.mvv{margin-top:40px;}
.mvv>div{width:543px;padding:60px;border-radius:40px;background:#fcfcfc;}
.mvv .ic{display:grid;place-items:center;width:60px;height:60px;border:1px solid #f5f5f5;border-radius:50%;overflow:hidden;background:#fcfcfc;}
.mvv .ic img{width:auto;height:auto;}
/* Visão: o robô do Figma é espelhado */
.mvv>div:nth-child(2) .ic img{transform:scaleX(-1);}
.mvv h3{margin-top:40px;font-size:48px;line-height:.9;letter-spacing:-.03em;font-weight:400;color:#1c2327;}
.mvv p{margin-top:40px;font-size:20px;line-height:1.3;letter-spacing:-.01em;color:#5a656d;}
.mvv ul{margin:40px 0 0;padding-left:27px;list-style:disc;font-size:18px;line-height:1.4;letter-spacing:-.01em;color:#5a656d;}

.mvv+.mosaic{margin-top:40px;}
/* Desktop: Missão e Visão lado a lado, Valores embaixo na largura toda com a lista em 2 colunas. Abaixo de 900px continua carrossel. */
@media (min-width:900px){
  .cx-ceo+.mvv{display:grid;grid-template-columns:1fr 1fr;gap:40px 39px;margin:40px 0 0;padding:0;overflow:visible;}
  .cx-ceo+.mvv>div{width:auto;}
  .cx-ceo+.mvv>div:last-child{grid-column:1/-1;}
  .mvv>div:last-child ul{columns:2;column-gap:20px;}
}
/* Carta do CEO no painel amarelo (fundo líquido da home), entre o texto de Desafios e Missão/Visão/Valores */
.prompt-panel.cx-ceo{height:auto;margin-top:80px;padding:72px 77px 79px;display:block;}
.cx-ceo .liquid{left:0;top:0;width:100%;height:100%;}
.ceo{padding:60px;border-radius:40px;background:#fcfcfc;}
.ceo .av{display:grid;place-items:center;width:90px;height:90px;border:1.5px solid #f5f5f5;border-radius:50%;overflow:hidden;background:#fcfcfc;}
.ceo .av img{width:100%;height:auto;align-self:start;}
.ceo h2{margin-top:40px;font-size:48px;line-height:.9;letter-spacing:-.03em;font-weight:400;color:#1c2327;}
.ceo p{font-size:18px;line-height:1.3;letter-spacing:-.01em;color:#5a656d;}
.ceo h2+p{margin-top:40px;}
.ceo p+p{margin-top:1.3em;}
/* Mosaico do escritório: posições do Figma em % do quadro (desktop 1125×1057, celular 345×672) */
.mosaic{position:relative;margin-top:40px;aspect-ratio:1125/1057;border-radius:56px;overflow:hidden;background:var(--yellow);}
.mosaic img{position:absolute;object-fit:cover;}

/* Vagas: selos do que vale pra todas + um card por vaga, que leva ao formulário */
.cx-vagas{margin-top:80px;text-align:center;}
/* Figma: rodapé escuro começa 83px abaixo dos cards de vaga (62px no celular) */
main+.footer{margin-top:83px;}
.pills{display:flex;flex-wrap:wrap;justify-content:center;gap:18px;max-width:780px;margin:47px auto 0;}
.pills span{display:inline-flex;align-items:center;gap:7px;height:58px;padding:0 19px;border-radius:99px;background:#fefefd;font-size:18.8px;font-weight:500;color:#222;}
.pills img{width:23px;height:23px;}
.vagas{display:grid;grid-template-columns:repeat(3,310px);justify-content:center;gap:20px;margin-top:81px;text-align:left;}
.vaga{display:grid;grid-template-columns:1fr auto;align-items:center;gap:20px;padding:40px;border-radius:40px;background:#fefefd;transition:transform .18s,box-shadow .18s;}
.vaga h3{grid-column:1/-1;font-size:22px;line-height:.9;letter-spacing:-.03em;font-weight:500;color:#1c2327;}
.vaga .tag{justify-self:start;display:inline-flex;align-items:center;gap:4px;padding:9px 11px;border-radius:99px;background:#f0f0f0;font-size:10.6px;line-height:13px;font-weight:500;color:#222;}
.vaga .go{width:23px;height:23px;transition:transform .18s;}
@media (hover:hover){.vaga:hover{box-shadow:0 8px 24px rgba(0,0,0,.06);}.vaga:hover .go{transform:translateX(4px);}}

@media (max-width:1180px){.mvv>div{width:min(543px,80vw);}}
@media (max-width:1060px){.vagas{grid-template-columns:repeat(2,310px);}}
@media (max-width:560px){
  .cx-hero{padding-top:40px;}
  .cx-hero .cx-h{font-size:40px;line-height:1;}
  .cx-hero .rowhead{display:none;}
  .cx-hero .cx-lede{max-width:281px;margin-top:6px;}
  .quotes{margin-top:50px;gap:10.9px;}
  .quote{width:232.2px;padding:21.8px;border-radius:21.8px;gap:10.9px;}
  .quote .who{padding:6.65px 7.76px;font-size:7.56px;line-height:9.31px;}
  .quote p{font-size:13.08px;}
  .quote .ph{height:240.9px;border-radius:17.44px;}
  .cx-hero+.wrap .funding{margin-top:52px;min-height:282px;padding:30px 0;}
  .cx-desafios{margin-top:80px;}
  .cx-desafios .cx-h,.cx-vagas .cx-h{font-size:40px;line-height:1;}
  .cx-lede{max-width:261px;margin-top:16px;font-size:16px;line-height:1.3;}
  .mvv{gap:16px;}
  .mvv>div{width:290px;padding:40px;border-radius:32px;}
  .mvv>div:last-child{width:345px;}
  .mvv h3{margin-top:20px;font-size:40px;}
  .mvv p,.mvv ul{margin-top:20px;font-size:14px;line-height:1.2;}
  .mvv ul{padding-left:21px;}
  .cx-ceo+.mvv{margin-top:27px;}
  .mvv+.mosaic{margin-top:20px;}
  /* No celular o painel vai de borda a borda, sem canto arredondado */
  .prompt-panel.cx-ceo{margin:40px -24px 0;padding:29px 24px;border-radius:0;}
  .ceo{padding:40px;}
  .ceo .av{width:60px;height:60px;}
  .ceo h2{margin-top:20px;font-size:24px;}
  .ceo h2+p{margin-top:20px;}
  .ceo p{font-size:12px;line-height:1.2;letter-spacing:0;}
  .ceo p+p{margin-top:0;}
  .ceo p.end{margin-top:1.2em;}
  .ceo h2{line-height:.9;}
  .mosaic{aspect-ratio:345/672;border-radius:32px;}
  .cx-vagas{margin-top:120px;}
  .pills{gap:10px 9px;margin-top:40px;}
  .pills span{height:46px;padding:0 15px;font-size:15px;gap:6px;}
  .pills img{width:18px;height:18px;}
  .vagas{grid-template-columns:minmax(0,310px);gap:20px;margin-top:41px;}
  main+.footer{margin-top:62px;}
  /* ordem das pílulas no celular, como no Figma */
  .pills span:nth-child(4){order:5}.pills span:nth-child(5){order:6}.pills span:nth-child(6){order:4}.pills span:nth-child(7){order:7}
}

/* gerado do Figma (nós "image 24xx") */
.mosaic .t2417{left:56.70%;top:30.27%;width:43.97%;height:35.20%}
.mosaic .t2403{left:-0.27%;top:-0.19%;width:36.14%;height:21.68%}
.mosaic .t2405{left:35.89%;top:-0.19%;width:22.02%;height:17.61%}
.mosaic .t2406{left:-0.27%;top:21.48%;width:36.19%;height:21.65%}
.mosaic .t2404{left:35.89%;top:30.29%;width:22.06%;height:35.19%}
.mosaic .t2407{left:-0.73%;top:42.86%;width:36.63%;height:22.61%}
.mosaic .t2408{left:35.89%;top:17.39%;width:21.93%;height:13.17%}
.mosaic .t2411{left:57.77%;top:-0.19%;width:21.70%;height:30.79%}
.mosaic .t2412{left:78.57%;top:-0.19%;width:21.70%;height:30.79%}
.mosaic .t2415{left:-2.31%;top:64.52%;width:27.40%;height:38.51%}
.mosaic .t2414{left:25.00%;top:64.52%;width:25.09%;height:35.64%}
.mosaic .t2420{left:50.09%;top:64.52%;width:25.18%;height:35.64%}
.mosaic .t2419{left:75.02%;top:64.49%;width:25.25%;height:35.67%}
@media (max-width:560px){
  .mosaic .t2417{display:none;}
  .mosaic .t2403{left:-2.37%;top:-0.30%;width:64.16%;height:18.56%}
  .mosaic .t2405{left:61.83%;top:-0.30%;width:39.09%;height:15.08%}
  .mosaic .t2406{left:-2.37%;top:18.26%;width:64.26%;height:18.54%}
  .mosaic .t2404{left:61.83%;top:25.80%;width:39.17%;height:30.14%}
  .mosaic .t2407{left:-3.19%;top:36.56%;width:65.03%;height:19.36%}
  .mosaic .t2408{left:61.83%;top:14.76%;width:38.94%;height:11.28%}
  .mosaic .t2415{left:-1.16%;top:55.51%;width:36.23%;height:22.62%}
  .mosaic .t2414{left:34.78%;top:55.51%;width:32.75%;height:22.62%}
  .mosaic .t2420{left:67.54%;top:55.51%;width:33.33%;height:22.62%}
  .mosaic .t2419{left:67.54%;top:76.93%;width:35.07%;height:23.81%}
  .mosaic .t2411{left:0.00%;top:76.93%;width:34.78%;height:23.81%}
  .mosaic .t2412{left:33.33%;top:76.93%;width:34.78%;height:23.81%}
}