/* Vagas de emprego: página /vagas/. */
.ct-vagas-pagina { max-width: 820px; margin: 32px auto 48px; }
.ct-vagas-filtro { display: flex; flex-wrap: wrap; gap: 8px; margin: 0 0 18px; }
.ct-vagas-filtro a { padding: 6px 12px; border: 1px solid #d4d8de; border-radius: 999px; font-size: 13px; font-weight: 600; color: #333; text-decoration: none; background: #fff; }
.ct-vagas-filtro a:hover { background: #f4f5f7; }
.ct-vagas-filtro a.is-atual { background: #17191d; border-color: #17191d; color: #fff; }
.ct-vagas-lista { list-style: none; margin: 0; padding: 0; border-top: 1px solid #e2e8f0; }
.ct-vagas-item { display: flex; align-items: flex-start; justify-content: space-between; gap: 14px; padding: 16px 0; border-bottom: 1px solid #e2e8f0; }
.ct-vagas-titulo { margin: 0 0 4px; font-family: var(--font-serif, Georgia, serif); font-size: 20px; font-weight: 700; line-height: 1.25; }
.ct-vagas-titulo a { color: #17191d; text-decoration: none; }
.ct-vagas-titulo a:hover { text-decoration: underline; }
.ct-vagas-linha { margin: 0 0 4px; font-size: 14px; color: #334155; }
.ct-vagas-meta { margin: 0; font-size: 12.5px; color: #5b6472; }
.ct-vagas-vazio { padding: 24px 0; color: #5b6472; }
.ct-vagas-anunciar { margin-top: 24px; font-size: 14px; color: #5b6472; }
.ct-vagas-item .ct-c-tag { margin-left: 0; font-size: 10px; font-weight: 800; padding: 2px 7px; border-radius: 8px; text-transform: uppercase; white-space: nowrap; }
.ct-vagas-item .ct-c-tag--primary { background: #fee2e2; color: #b91c1c; }
.ct-vagas-item .ct-c-tag--alert { background: #fef3c7; color: #92400e; }