/* Carreira em Foco - gerado por build.py */
:root{
  --tinta:#12294D; --suave:#5B6B80; --verde:#0B8F7C; --verde-escuro:#097664;
  --verde-claro:#E3F5F1; --marinho:#12294D; --marinho-2:#1C3A67; --cinza:#F4F6F9;
  --branco:#fff; --amarelo:#FFC53D; --borda:#E2E7EE;
  --sombra:0 1px 2px rgba(18,41,77,.05),0 10px 28px rgba(18,41,77,.08);
  --raio:14px; --largura:1120px;
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--cinza);color:var(--tinta);
  font-family:'Inter',system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;
  font-size:17px;line-height:1.65;-webkit-font-smoothing:antialiased}
h1,h2,h3,h4{font-family:'Plus Jakarta Sans',system-ui,sans-serif;font-weight:700;
  line-height:1.18;letter-spacing:-.02em;margin:0 0 .5em}
h1{font-size:clamp(1.8rem,1.2rem + 2.3vw,2.7rem);font-weight:800}
h2{font-size:clamp(1.3rem,1.05rem + 1.1vw,1.75rem)}
h3{font-size:1.15rem}
p{margin:0 0 1.1em}
a{color:var(--verde-escuro);text-decoration-color:rgba(11,143,124,.35);text-underline-offset:3px}
a:hover{color:var(--verde)}
img,svg{max-width:100%}
.container{width:100%;max-width:var(--largura);margin-inline:auto;padding-inline:20px}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.pular{position:absolute;left:-999px;top:0;background:var(--marinho);color:#fff;padding:10px 16px;z-index:99}
.pular:focus{left:8px;top:8px}
:focus-visible{outline:3px solid var(--amarelo);outline-offset:2px;border-radius:4px}

/* ---------- topo ---------- */
.topo{background:var(--branco);border-bottom:1px solid var(--borda);border-top:4px solid var(--verde);
  position:sticky;top:0;z-index:40}
.topo-linha{display:flex;align-items:center;gap:16px;justify-content:space-between;padding-block:12px}
.logo{display:inline-flex;align-items:center;gap:9px;text-decoration:none;color:var(--tinta);
  font-family:'Plus Jakarta Sans',sans-serif;font-weight:800;font-size:1.22rem;letter-spacing:-.02em;flex:none}
.logo strong{color:var(--verde);font-weight:800}
.logo-marca{width:34px;height:34px;flex:none}
.busca-topo{display:flex;align-items:center;gap:6px;background:var(--cinza);
  border:1px solid var(--borda);border-radius:999px;padding:5px 6px 5px 14px;max-width:340px;flex:1 1 200px}
.busca-topo input{border:0;background:none;font:inherit;font-size:.94rem;color:inherit;width:100%;min-width:0;padding:4px 0}
.busca-topo input:focus{outline:none}
.busca-topo button{border:0;background:var(--marinho);color:#fff;width:32px;height:32px;border-radius:50%;
  display:grid;place-items:center;cursor:pointer;flex:none}
.busca-topo button:hover{background:var(--verde)}
.busca-topo button svg{width:17px;height:17px}
.busca-topo:focus-within{border-color:var(--verde);background:var(--branco)}
.categorias-nav{display:flex;gap:8px;overflow-x:auto;padding-bottom:12px;scrollbar-width:none}
.categorias-nav::-webkit-scrollbar{display:none}
.categorias-nav a{flex:none;text-decoration:none;font-size:.88rem;font-weight:600;color:var(--suave);
  background:var(--cinza);border:1px solid var(--borda);border-radius:999px;padding:6px 14px;white-space:nowrap}
.categorias-nav a:hover{border-color:var(--verde);color:var(--verde-escuro)}
.categorias-nav a.ativa{background:var(--marinho);border-color:var(--marinho);color:#fff}

/* ---------- blocos gerais ---------- */
.secao{padding-block:44px}
.secao--fina{padding-block:28px}
.secao-titulo{display:flex;align-items:baseline;justify-content:space-between;gap:16px;margin-bottom:22px;flex-wrap:wrap}
.secao-titulo h2{margin:0}
.secao-titulo a{font-size:.92rem;font-weight:600;text-decoration:none}
.olho{font-size:.76rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--verde);margin:0 0 .6em}

/* ---------- destaque ---------- */
.destaque{background:var(--marinho);color:#fff;border-radius:22px;overflow:hidden;
  display:grid;grid-template-columns:1fr 1.05fr;box-shadow:var(--sombra);margin-top:22px}
.destaque .capa{width:100%;height:100%;min-height:300px;display:block;object-fit:cover;order:2}
.destaque-texto{padding:38px 36px;align-self:center}
.destaque-texto .selo{background:rgba(255,255,255,.12);color:#fff}
.destaque-texto h1{margin:.5em 0 .4em;color:#fff}
.destaque-texto p{color:#B7C3D6;margin-bottom:1.4em}
.intro-home{max-width:640px;margin-top:6px;color:var(--suave)}

/* ---------- cartoes ---------- */
.cartoes{display:grid;gap:22px;grid-template-columns:repeat(auto-fill,minmax(272px,1fr));list-style:none;padding:0;margin:0}
.cartao{background:var(--branco);border:1px solid var(--borda);border-radius:var(--raio);overflow:hidden;
  display:flex;flex-direction:column;transition:transform .18s ease,box-shadow .18s ease}
.cartao:hover{transform:translateY(-3px);box-shadow:var(--sombra)}
.cartao .capa{aspect-ratio:16/9;width:100%;height:auto;display:block;object-fit:cover;background:var(--verde-claro)}
.cartao-corpo{padding:18px 20px 22px;display:flex;flex-direction:column;gap:8px;flex:1}
.cartao h3{margin:0;font-size:1.1rem;line-height:1.3}
.cartao h3 a{color:inherit;text-decoration:none}
.cartao h3 a:hover{color:var(--verde-escuro)}
.cartao p{margin:0;color:var(--suave);font-size:.94rem;line-height:1.55}
.selo{align-self:flex-start;font-size:.72rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;
  color:var(--verde-escuro);background:var(--verde-claro);border-radius:999px;padding:4px 11px;text-decoration:none}
.meta{margin-top:auto;padding-top:10px;font-size:.82rem;color:var(--suave);display:flex;gap:12px;flex-wrap:wrap}
.meta span{display:inline-flex;align-items:center;gap:5px}

/* ---------- anuncios ---------- */
.anuncio{display:block;margin:34px auto;max-width:var(--largura);padding-inline:20px;text-align:center}
.anuncio-rotulo{display:block;font-size:.68rem;letter-spacing:.14em;text-transform:uppercase;color:#98A5B8;margin-bottom:6px}
.anuncio--vazio{border:1px dashed #C6CFDB;border-radius:12px;background:rgba(255,255,255,.6);
  padding:26px 20px;color:#92A0B3;font-size:.82rem;letter-spacing:.06em;text-transform:uppercase;
  max-width:calc(var(--largura) - 40px)}
.artigo .anuncio{margin-inline:0;padding-inline:0;max-width:100%}

/* ---------- grade de categorias ---------- */
.grade-categorias{display:grid;gap:18px;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));list-style:none;padding:0;margin:0}
.cat-cartao{display:block;background:var(--branco);border:1px solid var(--borda);border-top:5px solid var(--verde);
  border-radius:12px;padding:20px 22px;text-decoration:none;color:inherit;height:100%}
.cat-cartao:hover{box-shadow:var(--sombra);transform:translateY(-2px)}
.cat-cartao h3{margin:0 0 6px;font-size:1.08rem}
.cat-cartao p{margin:0;font-size:.9rem;color:var(--suave);line-height:1.5}
.cat-cartao .qtd{display:block;margin-top:10px;font-size:.76rem;font-weight:700;color:var(--verde-escuro);text-transform:uppercase;letter-spacing:.06em}

/* ---------- perguntas da home ---------- */
.perguntas{display:grid;gap:14px;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));list-style:none;padding:0;margin:0}
.perguntas a{display:flex;gap:12px;align-items:flex-start;background:var(--branco);border:1px solid var(--borda);
  border-radius:12px;padding:16px 18px;text-decoration:none;color:inherit;font-weight:600;font-size:.98rem;line-height:1.4;height:100%}
.perguntas a:hover{border-color:var(--verde);color:var(--verde-escuro)}
.perguntas svg{width:22px;height:22px;flex:none;margin-top:1px}

/* ---------- artigo ---------- */
.artigo-topo{background:var(--branco);border-bottom:1px solid var(--borda);padding-block:26px 56px}
.trilha{font-size:.84rem;color:var(--suave);margin-bottom:14px}
.trilha a{text-decoration:none}
.trilha span{margin-inline:6px;color:#B4BFCE}
.artigo-cabecalho{max-width:760px}
.artigo-cabecalho h1{margin-bottom:.3em}
.chamada{font-size:1.1rem;color:var(--suave);margin-bottom:1.2em}
.ficha{display:flex;flex-wrap:wrap;gap:10px;list-style:none;padding:0;margin:0 0 24px}
.ficha li{background:var(--cinza);border-radius:8px;padding:8px 13px;font-size:.85rem;color:var(--tinta);font-weight:500}
.ficha b{font-weight:700;color:var(--verde-escuro)}
.artigo-capa{width:100%;height:340px;object-fit:cover;border-radius:16px;margin:-56px 0 34px;display:block;box-shadow:var(--sombra)}
.artigo{max-width:760px;margin-inline:auto;padding-block:0 40px}
.artigo p,.artigo li{font-size:1.06rem}
.artigo h2{margin-top:1.8em}
.artigo ul.lista{padding-left:22px;margin:0 0 1.2em}
.artigo ul.lista li{margin-bottom:.45em}
.bloco{background:var(--branco);border:1px solid var(--borda);border-radius:16px;padding:24px 26px;margin:30px 0}
.bloco h2{margin-top:0}
.lista-check{list-style:none;padding:0;margin:0;display:grid;gap:10px}
.lista-check li{position:relative;padding-left:30px}
.lista-check li::before{content:"";position:absolute;left:0;top:.55em;width:16px;height:16px;border-radius:5px;
  background:var(--verde-claro);border:2px solid var(--verde)}
.resumo-rapido{background:var(--marinho);color:#fff;border-radius:16px;padding:24px 26px;margin:30px 0}
.resumo-rapido h2{margin-top:0;color:#fff}
.resumo-rapido .lista-check li::before{background:transparent;border-color:var(--amarelo);border-radius:50%}
.resumo-rapido li{color:#E1E7F0}
.comece{background:var(--verde-claro);border:1px solid #B9E4DB;border-radius:16px;padding:22px 26px;margin:30px 0;display:flex;gap:16px;align-items:flex-start}
.comece svg{width:36px;height:36px;flex:none;margin-top:2px}
.comece h2{margin:0 0 .35em;font-size:1.12rem}
.comece p{margin:0}
.nota-salario{font-size:.9rem;color:var(--suave);background:var(--branco);border-left:4px solid var(--verde);
  border-radius:0 10px 10px 0;padding:12px 16px;margin:26px 0 0}

.passos{list-style:none;counter-reset:p;padding:0;margin:0;display:grid;gap:22px}
.passos li{counter-increment:p;position:relative;padding-left:56px}
.passos li::before{content:counter(p);position:absolute;left:0;top:0;width:38px;height:38px;border-radius:50%;
  background:var(--verde);color:#fff;display:grid;place-items:center;font-weight:700;font-size:1rem;
  font-family:'Plus Jakarta Sans',sans-serif}
.passos h3{margin:0 0 4px;font-size:1.08rem}
.passos p{margin:0;color:var(--suave)}
.aviso{background:#FFF8E1;border:1px solid #F5DE9A;border-left:5px solid var(--amarelo);border-radius:12px;padding:20px 22px;margin:30px 0}
.aviso h2{margin:0 0 .4em;font-size:1.12rem}
.aviso p{margin:0}
.faq details{background:var(--branco);border:1px solid var(--borda);border-radius:12px;margin-bottom:10px;padding:2px 18px}
.faq summary{cursor:pointer;font-weight:600;padding:14px 0;list-style:none;display:flex;justify-content:space-between;gap:12px;align-items:center}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";font-size:1.4rem;color:var(--verde);line-height:1}
.faq details[open] summary::after{content:"–"}
.faq details p{margin:0 0 16px;color:var(--suave)}
.assinatura{display:flex;gap:14px;align-items:center;border-top:1px solid var(--borda);margin-top:36px;padding-top:22px;font-size:.92rem;color:var(--suave)}
.assinatura .marca{width:44px;height:44px;border-radius:50%;background:var(--verde-claro);display:grid;place-items:center;flex:none}
.assinatura .marca svg{width:26px;height:26px}
.tags{display:flex;flex-wrap:wrap;gap:8px;list-style:none;padding:0;margin:24px 0 0}
.tags li{font-size:.8rem;color:var(--suave);background:var(--branco);border:1px solid var(--borda);border-radius:999px;padding:4px 12px}

/* ---------- paginas simples ---------- */
.pagina{max-width:760px;margin-inline:auto;padding-block:46px}
.pagina h2{margin-top:1.7em}
.pagina ul{padding-left:20px}
.pagina li{margin-bottom:.5em}
.contato-grade{display:grid;gap:18px;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));margin:26px 0}
.contato-cartao{background:var(--branco);border:1px solid var(--borda);border-radius:14px;padding:20px 22px}
.contato-cartao h3{margin:0 0 6px;font-size:1.05rem}
.contato-cartao p{margin:0;font-size:.94rem;color:var(--suave)}
.formulario{display:grid;gap:14px;background:var(--branco);border:1px solid var(--borda);border-radius:16px;padding:24px 26px;margin-top:8px}
.campo{display:grid;gap:6px}
.campo label{font-weight:600;font-size:.92rem}
.campo input,.campo textarea,.campo select{font:inherit;padding:11px 13px;border:1px solid var(--borda);
  border-radius:10px;background:var(--cinza);color:inherit}
.campo textarea{min-height:140px;resize:vertical}
.campo input:focus,.campo textarea:focus,.campo select:focus{outline:none;border-color:var(--verde);background:#fff}
.botao{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:var(--verde);color:#fff;
  border:0;border-radius:999px;padding:13px 26px;font:inherit;font-weight:600;text-decoration:none;cursor:pointer}
.botao:hover{background:var(--verde-escuro);color:#fff}
.botao--claro{background:var(--branco);color:var(--tinta);border:1px solid var(--borda)}
.botao--claro:hover{background:var(--cinza);color:var(--tinta)}

/* ---------- busca ---------- */
.busca-pagina{max-width:820px;margin-inline:auto;padding-block:46px}
.busca-grande{display:flex;gap:10px;margin-bottom:26px}
.busca-grande input{flex:1;font:inherit;padding:14px 18px;border:1px solid var(--borda);border-radius:999px;background:var(--branco);min-width:0}
.resultado{border-bottom:1px solid var(--borda);padding-block:18px}
.resultado h3{margin:0 0 4px;font-size:1.1rem}
.resultado h3 a{text-decoration:none;color:inherit}
.resultado p{margin:0;color:var(--suave);font-size:.94rem}

/* ---------- rodape ---------- */
.rodape{background:var(--marinho);color:#C2CCDB;margin-top:50px;padding-block:44px 26px;font-size:.94rem}
.rodape-grade{display:grid;gap:32px;grid-template-columns:1.6fr 1fr 1fr}
.rodape h2{font-size:.95rem;color:#fff;margin-bottom:.7em;font-family:'Inter',sans-serif;font-weight:700;letter-spacing:.04em;text-transform:uppercase}
.rodape ul{list-style:none;padding:0;margin:0;display:grid;gap:8px}
.rodape a{color:#C2CCDB;text-decoration:none}
.rodape a:hover{color:#fff;text-decoration:underline}
.rodape .logo{color:#fff;margin-bottom:12px}
.rodape .logo strong{color:#3FC3AE}
.rodape-texto{color:#98A6BB;max-width:46ch;margin-bottom:.8em}
.rodape-nota{font-size:.86rem;color:#8391A8}
.rodape-fim{border-top:1px solid rgba(255,255,255,.12);margin-top:30px;padding-top:18px;
  display:flex;justify-content:space-between;gap:14px;flex-wrap:wrap;font-size:.84rem;color:#8391A8}
.rodape-fim p{margin:0}

/* ---------- responsivo ---------- */
@media (max-width:860px){
  .destaque{grid-template-columns:1fr}
  .destaque .capa{order:0;min-height:200px;max-height:240px}
  .destaque-texto{padding:26px 22px 30px}
  .rodape-grade{grid-template-columns:1fr 1fr}
}
@media (max-width:640px){
  body{font-size:16px}
  .topo{position:static}  /* cabecalho fixo comeria meia tela no celular */
  .topo-linha{flex-wrap:wrap;gap:10px}
  .busca-topo{order:3;max-width:none;flex-basis:100%}
  .artigo-topo{padding-bottom:44px}
  .artigo{padding-block:0 30px}
  .artigo-capa{margin:-44px 0 26px;height:200px}
  .passos li{padding-left:0}
  .passos li::before{position:static;margin-bottom:8px}
  .comece{flex-direction:column;gap:10px}
  .rodape-grade{grid-template-columns:1fr}
  .secao{padding-block:34px}
}
@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}