/* Brief Brastelha gaps (listagem): faixa de departamentos, sidebar top depts, card limpo, slot SEO. */

/* 2) Faixa de departamentos — abaixo do H1, rolagem horizontal, visível no mobile */
.pf-dept-strip { border-bottom: 1px solid var(--pf-line, #e3e6ea); background: var(--pf-paper, #fff); }
.pf-dept-strip-list { display: flex; gap: 8px; margin: 0; padding: 12px 0; list-style: none; overflow-x: auto; scrollbar-width: thin; -webkit-overflow-scrolling: touch; scroll-snap-type: x proximity; }
.pf-dept-strip-list li { flex: 0 0 auto; scroll-snap-align: start; }
.pf-dept-chip { display: inline-flex; align-items: center; min-height: 40px; padding: 0 14px; border: 1px solid var(--pf-line, #d5dae0); border-radius: 999px; color: var(--pf-ink, #0f1e33); font-size: 14px; font-weight: 600; white-space: nowrap; text-decoration: none; background: #fff; transition: border-color .15s, background .15s; }
.pf-dept-chip:hover { border-color: var(--pf-navy, #0b2545); }
.pf-dept-chip:focus-visible { outline: 2px solid var(--pf-orange, #f26a1b); outline-offset: 2px; }
.pf-dept-chip.is-active { background: var(--pf-navy, #0b2545); border-color: var(--pf-navy, #0b2545); color: #fff; }
@media (min-width: 992px) { .pf-dept-chip { min-height: 36px; font-size: 13px; } }

/* Sidebar desktop: top 6 + Ver mais */
.pf-dept-side { margin-bottom: 16px; }
.pf-dept-side-title { display: block; margin-bottom: 8px; font-size: 12px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; color: var(--pf-muted, #5b6675); }
.pf-dept-side-list { margin: 0; padding: 0; list-style: none; }
.pf-dept-side-list a { display: block; padding: 6px 0; color: var(--pf-ink, #0f1e33); font-size: 14px; text-decoration: none; }
.pf-dept-side-list a:hover, .pf-dept-side-list a.is-active { color: var(--pf-orange, #f26a1b); font-weight: 600; }
.pf-dept-side-more summary { cursor: pointer; padding: 6px 0; font-size: 13px; font-weight: 600; color: var(--pf-navy, #0b2545); list-style: none; }
.pf-dept-side-more summary::-webkit-details-marker { display: none; }
.pf-dept-side-more[open] summary { display: none; }

/* Slot SEO sob o H1 (copy 80–150 palavras; SEO preenche) */
.pf-cv-seo-copy { max-width: 72ch; margin: 8px 0 4px; font-size: 15px; line-height: 1.55; color: var(--pf-muted, #44505f); }
.pf-cv-seo-copy[hidden] { display: none; }

/* 1) Card: foto dominante, benefício em 1 linha, chips sem quebrar */
.pf-cv-card .pf-cv-media { aspect-ratio: 1 / 1; }
.pf-cv-card .pf-cv-media img { width: 100%; height: 100%; object-fit: cover; }
.pf-cv-card .pf-cv-benefit { display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; margin: 2px 0 6px; -webkit-line-clamp: unset; }
.pf-cv-card .pf-cv-code { font-size: 11px; opacity: .7; }
.pf-cv-card .pf-cv-chips { flex-wrap: nowrap; overflow: hidden; }
.pf-cv-card .pf-cv-ochip { flex: 0 0 auto; }

/* SEO do dept no fim da listagem (fix/listagem-seo-footer) — fundo claro, acima do footer institucional */
.pf-cv-seo-footer { background: #f5f8fb; border-top: 1px solid #e3e9f0; padding: 48px 16px; }
.pf-cv-seo-footer-inner { max-width: 72ch; margin: 0 auto; }
.pf-cv-seo-footer-title { font-size: 18px; font-weight: 600; line-height: 1.3; color: #1f2a37; margin: 0 0 12px; }
.pf-cv-seo-footer-copy { font-size: 15px; line-height: 1.65; color: #44505f; overflow-wrap: anywhere; }
.pf-cv-seo-footer-copy p { margin: 0 0 12px; }
.pf-cv-seo-footer-copy p:last-child { margin-bottom: 0; }
.pf-cv-seo-footer-copy a { color: #0b4f8a; text-decoration: underline; }
@media (max-width: 640px) { .pf-cv-seo-footer { padding: 32px 16px; } .pf-cv-seo-footer-title { font-size: 17px; } }