/* CJR ENGPRO — site3.css (E91, 23/10/2026): faixa de avisos, publicações (notícias/comunicados), ferramentas, auditoria PNCP,
   abas por público, biblioteca e certidões. Usa os tokens do site2 (--surface, --border, --text, --muted, --subtle, --brand). */

/* ---------- faixa de avisos ---------- */
.site.s2 .faixa-av{position:relative; z-index:40; font-size:14.5px; border-bottom:1px solid rgba(255,255,255,.12)}
.site.s2 .faixa-in{display:flex; align-items:center; gap:12px; min-height:44px; padding-block:7px; flex-wrap:wrap}
.site.s2 .faixa-tag{flex:none; font-family:'IBM Plex Mono',monospace; font-size:10.5px; letter-spacing:2px; text-transform:uppercase; font-weight:600; padding:3px 8px; border-radius:6px}
.site.s2 .faixa-txt{flex:1 1 320px; min-width:0}
.site.s2 .faixa-link{font-weight:600; white-space:nowrap; text-decoration:none; border-bottom:1px solid currentColor}
.site.s2 .faixa-ate{font-size:12.5px; opacity:.8; white-space:nowrap}
.site.s2 .faixa-fechar{background:none; border:0; color:inherit; cursor:pointer; padding:6px; line-height:0; opacity:.75; border-radius:6px}
.site.s2 .faixa-fechar:hover{opacity:1; background:rgba(255,255,255,.1)}
.site.s2 .faixa-info{background:#0E3B27; color:#E8FFF3} .site.s2 .faixa-info .faixa-tag{background:#00A859; color:#06130C}
.site.s2 .faixa-atencao{background:#4A3708; color:#FFF4D6} .site.s2 .faixa-atencao .faixa-tag{background:#F0B429; color:#2B1D00}
.site.s2 .faixa-urgente{background:#5A1717; color:#FFE9E9} .site.s2 .faixa-urgente .faixa-tag{background:#EF4444; color:#fff}
.site.s2 .faixa-popup{position:fixed; inset:0; z-index:200; background:rgba(6,14,28,.72); display:flex; align-items:center; justify-content:center; padding:20px}
.site.s2 .faixa-popup-in{max-width:520px; width:100%; background:var(--surface); color:var(--text); border-radius:14px; padding:26px 28px; border-top:6px solid #EF4444; box-shadow:0 30px 70px rgba(0,0,0,.5)}
.site.s2 .faixa-popup-in.faixa-info{border-top-color:#00A859; background:var(--surface); color:var(--text)} .site.s2 .faixa-popup-in.faixa-atencao{border-top-color:#F0B429; background:var(--surface); color:var(--text)} .site.s2 .faixa-popup-in.faixa-urgente{background:var(--surface); color:var(--text)}
.site.s2 .faixa-popup-in h2{font-size:22px; margin:10px 0 8px} .site.s2 .faixa-popup-in p{color:var(--muted); margin:0 0 18px}
.site.s2 .faixa-popup-bts{display:flex; gap:10px; flex-wrap:wrap}

/* ---------- etiquetas e listas de publicações ---------- */
.site.s2 .pub-nivel{display:inline-block; font-family:'IBM Plex Mono',monospace; font-size:11px; letter-spacing:1px; text-transform:uppercase; font-weight:600; padding:2px 8px; border-radius:999px; white-space:nowrap}
.site.s2 .pub-nivel.n-info{background:rgba(0,168,89,.18); color:#5EE39A} .site.s2 .pub-nivel.n-atencao{background:rgba(240,180,41,.18); color:#F0C454} .site.s2 .pub-nivel.n-urgente{background:rgba(239,68,68,.18); color:#FF8A86}
.site.s2[data-theme="claro"] .pub-nivel.n-info{color:#046B2B} .site.s2[data-theme="claro"] .pub-nivel.n-atencao{color:#7A5200} .site.s2[data-theme="claro"] .pub-nivel.n-urgente{color:#9B1C1C}
.site.s2 .pub-ia{display:inline-block; font-size:11px; letter-spacing:1px; text-transform:uppercase; padding:2px 8px; border-radius:999px; border:1px solid var(--line); color:var(--subtle); font-family:'IBM Plex Mono',monospace}
.site.s2 .pub-filtros{display:flex; gap:16px; align-items:flex-start; justify-content:space-between; flex-wrap:wrap; margin-bottom:22px}
.site.s2 .pub-cats{display:flex; gap:8px; flex-wrap:wrap}
.site.s2 .pub-cat{display:inline-flex; align-items:center; gap:6px; padding:7px 13px; border-radius:999px; border:1px solid var(--border); background:var(--surface); color:var(--text); text-decoration:none; font-size:13.5px}
.site.s2 .pub-cat span{color:var(--subtle); font-size:12px} .site.s2 .pub-cat.on{border-color:var(--brand); background:var(--brand-soft); color:var(--text)} .site.s2 .pub-cat-com{border-style:dashed}
.site.s2 .pub-busca{display:flex; gap:8px; align-items:stretch; flex:1 1 280px; max-width:420px}
.site.s2 .pub-busca label{flex:1; min-width:0} .site.s2 .pub-busca input{width:100%; height:100%; min-height:42px; padding:8px 14px; border-radius:10px; border:1px solid var(--line); background:var(--surface); color:var(--text); font:inherit}
.site.s2 .pub-vazio{color:var(--muted); padding:28px; text-align:center; border:1px dashed var(--line); border-radius:12px}
.site.s2 .pub-pag{display:flex; gap:6px; justify-content:center; margin-top:26px; flex-wrap:wrap}
.site.s2 .pub-pag a{min-width:38px; height:38px; display:inline-flex; align-items:center; justify-content:center; border-radius:10px; border:1px solid var(--border); color:var(--text); text-decoration:none} .site.s2 .pub-pag a.on{background:var(--brand); color:#06130C; border-color:var(--brand)}
.site.s2 .com-lista{display:grid; gap:10px}
.site.s2 .com-item{display:grid; grid-template-columns:auto 1fr auto auto; gap:14px; align-items:center; padding:12px 16px; background:var(--surface); border:1px solid var(--border); border-radius:12px; color:var(--text); text-decoration:none; transition:border-color .2s, transform .2s}
.site.s2 .com-item:hover{border-color:var(--brand); transform:translateY(-1px)}
.site.s2 .com-num{font-family:'IBM Plex Mono',monospace; font-weight:600; color:var(--brand); white-space:nowrap; font-size:13.5px}
.site.s2 .com-tit{font-weight:600; min-width:0; display:flex; flex-direction:column; gap:2px} .site.s2 .com-tit small{font-weight:400; color:var(--subtle); font-size:12px}
.site.s2 .com-item time{color:var(--subtle); font-size:13px; white-space:nowrap}
.site.s2 .com-mini .com-item{grid-template-columns:auto 1fr; padding:10px 14px} .site.s2 .com-mini .com-item time{grid-column:2; font-size:12px} .site.s2 .com-mini .com-tit{font-size:14px}
@media (max-width:640px){.site.s2 .com-item{grid-template-columns:auto 1fr} .site.s2 .com-item time, .site.s2 .com-item .pub-nivel{grid-column:2}}

/* ---------- página da notícia ---------- */
.site.s2 .pub-art-cab{max-width:860px}
.site.s2 .pub-trilha{font-size:13px; color:var(--subtle); margin-bottom:14px} .site.s2 .pub-trilha a{color:var(--subtle)}
.site.s2 .pub-meta{color:var(--subtle); font-size:14px; margin:8px 0 0} .site.s2 .pub-meta a{color:var(--brand)}
.site.s2 .pub-art-grid{display:grid; grid-template-columns:minmax(0,1.7fr) minmax(260px,1fr); gap:44px; align-items:start}
@media (max-width:900px){.site.s2 .pub-art-grid{grid-template-columns:1fr}}
.site.s2 .pub-capa{margin:0 0 22px; border-radius:14px; overflow:hidden; border:1px solid var(--border)} .site.s2 .pub-capa img{display:block; width:100%; height:auto}
.site.s2 .pub-resumo{font-size:19px; line-height:1.55; color:var(--text); margin:0 0 20px; padding-left:16px; border-left:3px solid var(--brand)}
.site.s2 .pub-texto{font-size:17px; line-height:1.7; max-width:68ch} .site.s2 .pub-texto p{margin:0 0 18px; color:var(--text)} .site.s2 .pub-texto ul{margin:0 0 18px; padding-left:22px} .site.s2 .pub-texto li{margin:6px 0} .site.s2 .pub-texto a{color:var(--brand)}
.site.s2 .pub-share{display:flex; gap:8px; align-items:center; flex-wrap:wrap; margin-top:26px; padding-top:20px; border-top:1px solid var(--border); color:var(--subtle); font-size:14px}
.site.s2 .pub-share .btn{min-height:38px; padding:0 14px; font-size:13.5px; gap:6px}
.site.s2 .pub-lado-tit{font-size:15px; letter-spacing:2px; text-transform:uppercase; color:var(--subtle); margin:0 0 12px; font-family:'IBM Plex Mono',monospace; font-weight:500}
.site.s2 .pub-lado-lista{display:grid; gap:10px; margin-bottom:26px}
.site.s2 .pub-lado-item{display:flex; flex-direction:column; gap:4px; padding:14px 16px; background:var(--surface); border:1px solid var(--border); border-radius:12px; color:var(--text); text-decoration:none} .site.s2 .pub-lado-item small{color:var(--subtle); font-size:12px} .site.s2 .pub-lado-item:hover{border-color:var(--brand)}
.site.s2 .pub-lado-cta{padding:18px; border-radius:14px; background:var(--brand-soft); border:1px solid rgba(0,168,89,.35)} .site.s2 .pub-lado-cta p{color:var(--muted); margin:6px 0 12px; font-size:14.5px}

/* ---------- receber comunicados / formulários de lead ---------- */
.site.s2 .pub-receber{display:grid; grid-template-columns:1fr 1.2fr; gap:36px; align-items:start; margin-top:44px; padding:30px; background:var(--surface); border:1px solid var(--border); border-radius:16px}
@media (max-width:860px){.site.s2 .pub-receber{grid-template-columns:1fr}}
.site.s2 .pub-receber h2{font-size:24px; margin:8px 0} .site.s2 .pub-receber p{color:var(--muted)}
.site.s2 .pub-receber-form, .site.s2 .aud-lead, .site.s2 .ebook-form{display:grid; grid-template-columns:1fr 1fr; gap:12px}
.site.s2 .pub-receber-form .pub-aceite, .site.s2 .pub-receber-form button, .site.s2 .aud-lead .pub-aceite, .site.s2 .aud-lead button, .site.s2 .ebook-form .pub-aceite, .site.s2 .ebook-form button, .site.s2 .ebook-form h3, .site.s2 .ebook-form p, .site.s2 .ebook-form .grade2, .site.s2 .ebook-form .msg-form, .site.s2 .aud-lead .armadilha{grid-column:1 / -1}
@media (max-width:560px){.site.s2 .pub-receber-form, .site.s2 .aud-lead, .site.s2 .ebook-form{grid-template-columns:1fr}}
.site.s2 .grade2{display:grid; grid-template-columns:1fr 1fr; gap:12px} @media (max-width:560px){.site.s2 .grade2{grid-template-columns:1fr}}
.site.s2 .campo{display:flex; flex-direction:column; gap:5px; font-size:13.5px; color:var(--muted); min-width:0}
.site.s2 .campo input, .site.s2 .campo select, .site.s2 .campo textarea{width:100%; min-height:42px; padding:8px 12px; border-radius:10px; border:1px solid var(--line); background:var(--bg); color:var(--text); font:inherit}
.site.s2 .campo input:focus-visible, .site.s2 .campo select:focus-visible{outline:2px solid var(--brand); outline-offset:1px}
.site.s2 .pub-aceite{display:flex; gap:10px; align-items:flex-start; font-size:14px; color:var(--muted); cursor:pointer} .site.s2 .pub-aceite input{width:20px; height:20px; margin:0; accent-color:#00A859; flex:none} .site.s2 .pub-aceite a{color:var(--brand)}
.site.s2 .pub-receber-ok{padding:22px; border-radius:12px; background:var(--brand-soft); border:1px solid rgba(0,168,89,.35)}
.site.s2 .msg-form.erro{background:rgba(239,68,68,.14); color:#FF8A86; padding:10px 14px; border-radius:10px; margin-top:8px; font-size:14px}

/* ---------- abas Órgão × Empresa ---------- */
.site.s2 .pub-abas-sec{padding-top:10px}
.site.s2 .pub-abas-tabs{display:flex; gap:8px; margin-bottom:18px; flex-wrap:wrap}
.site.s2 .pub-abas-tabs [role=tab]{flex:1 1 240px; display:inline-flex; align-items:center; justify-content:center; gap:10px; min-height:52px; padding:10px 18px; border-radius:12px; border:2px solid var(--line); background:var(--surface-2); color:var(--text); font:inherit; font-weight:600; font-size:16px; cursor:pointer; transition:background .2s, color .2s, border-color .2s}
.site.s2 .pub-abas-tabs [role=tab]:hover{border-color:var(--brand); background:var(--surface-3)}
.site.s2 .pub-abas-tabs [role=tab][aria-selected="false"] .ico{color:var(--brand)}
.site.s2 .pub-abas-tabs [role=tab][aria-selected="true"]{background:var(--brand); color:#06130C; border-color:var(--brand)}
.site.s2 .pub-abas-tabs [role=tab]:focus-visible{outline:2px solid var(--brand); outline-offset:2px}
.site.s2 .pub-abas-grid{display:grid; grid-template-columns:repeat(auto-fit,minmax(205px,1fr)); gap:12px}
.site.s2 .pub-abas-grupo{background:var(--surface); border:1px solid var(--border); border-radius:14px; padding:18px 18px 14px}
.site.s2 .pub-abas-grupo h3{font-size:17px; margin:0 0 10px} .site.s2 .pub-abas-grupo ul{list-style:none; margin:0; padding:0; display:grid; gap:8px}
.site.s2 .pub-abas-grupo li{display:flex; gap:8px; align-items:flex-start; font-size:14.5px; color:var(--muted); line-height:1.4} .site.s2 .pub-abas-grupo li .ico{flex:none; color:var(--brand); margin-top:3px}
.site.s2 .pub-abas-bts{display:flex; gap:10px; flex-wrap:wrap; margin-top:18px}

/* ---------- calculadoras ---------- */
.site.s2 .fer-grid{display:grid; grid-template-columns:1fr 1fr; gap:24px; align-items:start}
@media (max-width:860px){.site.s2 .fer-grid{grid-template-columns:1fr}}
.site.s2 .fer-form{display:grid; gap:12px; padding:22px; background:var(--surface); border:1px solid var(--border); border-radius:16px}
.site.s2 .fer-nota{font-size:13px; color:var(--subtle); margin:4px 0 0; line-height:1.5}
.site.s2 .fer-res{display:grid; gap:14px}
.site.s2 .fer-kpis{display:grid; grid-template-columns:repeat(3,1fr); gap:10px}
@media (max-width:560px){.site.s2 .fer-kpis{grid-template-columns:1fr}}
.site.s2 .fer-kpi{background:var(--surface); border:1px solid var(--border); border-radius:12px; padding:14px; text-align:center}
.site.s2 .fer-kpi b{display:block; font-family:'Archivo',sans-serif; font-size:24px; color:var(--brand); font-variant-numeric:tabular-nums; line-height:1.1; word-break:break-word} .site.s2 .fer-kpi small{display:block; margin-top:4px; color:var(--subtle); font-size:12.5px}
.site.s2 .fer-barra{position:relative; height:12px; border-radius:999px; background:var(--surface-2); border:1px solid var(--border); overflow:hidden}
.site.s2 .fer-barra span{display:block; height:100%; width:0; background:#00A859; transition:width .4s} .site.s2 .fer-barra span.a{background:#F0B429} .site.s2 .fer-barra span.r{background:#EF4444}
.site.s2 .fer-barra i{position:absolute; top:0; bottom:0; width:2px; background:rgba(255,255,255,.5)}
.site.s2 .fer-alerta{display:flex; gap:12px; align-items:center; padding:12px 16px; border-radius:12px; font-size:14.5px}
.site.s2 .fer-alerta.n-info{background:rgba(0,168,89,.14); color:var(--text)} .site.s2 .fer-alerta.n-info .faixa-tag{background:#00A859; color:#06130C}
.site.s2 .fer-alerta.n-atencao{background:rgba(240,180,41,.16); color:var(--text)} .site.s2 .fer-alerta.n-atencao .faixa-tag{background:#F0B429; color:#2B1D00}
.site.s2 .fer-alerta.n-urgente{background:rgba(239,68,68,.16); color:var(--text)} .site.s2 .fer-alerta.n-urgente .faixa-tag{background:#EF4444; color:#fff}
.site.s2 .fer-cta{color:var(--muted); font-size:14.5px; display:flex; gap:12px; align-items:center; flex-wrap:wrap} .site.s2 .fer-cta a{color:var(--brand)} .site.s2 .fer-cta .btn{color:var(--text)}

/* ---------- auditoria PNCP ---------- */
.site.s2 .aud-hero{display:grid; grid-template-columns:1.3fr 1fr; gap:36px; align-items:center}
@media (max-width:900px){.site.s2 .aud-hero{grid-template-columns:1fr}}
.site.s2 .aud-lista{list-style:none; margin:18px 0 0; padding:0; display:grid; gap:8px} .site.s2 .aud-lista li{display:flex; gap:8px; align-items:flex-start; color:var(--muted)} .site.s2 .aud-lista .ico{flex:none; color:var(--brand); margin-top:3px}
.site.s2 .aud-form{display:grid; gap:12px; padding:24px; background:var(--surface); border:1px solid var(--border); border-radius:16px}
.site.s2 .aud-form input{font-family:'IBM Plex Mono',monospace; font-size:18px; letter-spacing:1px} .site.s2 .aud-form small{color:var(--subtle); font-size:13px; line-height:1.5}
.site.s2 .aud-kpis{display:grid; grid-template-columns:repeat(5,1fr); gap:10px; margin:18px 0 24px}
@media (max-width:1000px){.site.s2 .aud-kpis{grid-template-columns:repeat(3,1fr)}} @media (max-width:600px){.site.s2 .aud-kpis{grid-template-columns:1fr 1fr}}
.site.s2 .aud-kpi{background:var(--surface); border:1px solid var(--border); border-radius:12px; padding:16px}
.site.s2 .aud-kpi b{display:block; font-family:'Archivo',sans-serif; font-size:30px; line-height:1; font-variant-numeric:tabular-nums} .site.s2 .aud-kpi small{display:block; margin-top:6px; color:var(--subtle); font-size:13px}
.site.s2 .aud-kpi.k-ok b{color:#5EE39A} .site.s2 .aud-kpi.k-at{border-color:rgba(240,180,41,.5)} .site.s2 .aud-kpi.k-at b{color:#F0C454} .site.s2 .aud-kpi.k-ur{border-color:rgba(239,68,68,.5)} .site.s2 .aud-kpi.k-ur b{color:#FF8A86}
.site.s2 .aud-h3{font-size:20px; margin:28px 0 10px}
.site.s2 .aud-nota{color:var(--subtle); font-size:13.5px; line-height:1.55; margin:8px 0 0}
.site.s2 .tab-rol{overflow-x:auto; border:1px solid var(--border); border-radius:12px; background:var(--surface)}
.site.s2 .aud-tab{width:100%; border-collapse:collapse; font-size:14px; min-width:720px}
.site.s2 .aud-tab th{text-align:left; font-family:'IBM Plex Mono',monospace; font-size:11px; letter-spacing:1.5px; text-transform:uppercase; color:var(--subtle); padding:10px 12px; border-bottom:1px solid var(--border); font-weight:500}
.site.s2 .aud-tab td{padding:11px 12px; border-bottom:1px solid var(--border); vertical-align:top} .site.s2 .aud-tab tr:last-child td{border-bottom:0}
.site.s2 .aud-tab .num, .site.s2 .aud-tab th.num{text-align:right; white-space:nowrap; font-variant-numeric:tabular-nums} .site.s2 .aud-tab small{color:var(--subtle)} .site.s2 .aud-tab a{color:var(--brand)}
.site.s2 .aud-mais{color:var(--muted); font-size:14px; margin:10px 0 0} .site.s2 .aud-mais a{color:var(--brand); font-weight:600}
.site.s2 .aud-liberar{display:grid; grid-template-columns:1fr 1.4fr; gap:28px; align-items:start; padding:24px; margin:8px 0 24px; border-radius:16px; background:var(--brand-soft); border:1px solid rgba(0,168,89,.35)}
@media (max-width:860px){.site.s2 .aud-liberar{grid-template-columns:1fr}} .site.s2 .aud-liberar p{color:var(--muted); font-size:14.5px; margin:6px 0 0}
.site.s2 .cert-tab{min-width:860px} .site.s2 .cert-tab .btn{min-height:34px; padding:0 12px; font-size:13px; gap:6px}

/* ---------- biblioteca / e-book ---------- */
.site.s2 .bib-grid{display:grid; grid-template-columns:repeat(auto-fit,minmax(280px,1fr)); gap:16px; margin-top:22px}
.site.s2 .bib-item{display:flex; flex-direction:column; gap:8px; padding:22px; background:var(--surface); border:1px solid var(--border); border-radius:14px}
.site.s2 .bib-item .cat{font-family:'IBM Plex Mono',monospace; font-size:11px; letter-spacing:2px; text-transform:uppercase; color:var(--brand)}
.site.s2 .bib-item h3{font-size:18px; margin:0} .site.s2 .bib-item p{color:var(--muted); margin:0; font-size:14.5px; flex:1}
.site.s2 .bib-meta{color:var(--subtle); font-size:12.5px} .site.s2 .bib-item .btn{align-self:flex-start; gap:6px}
.site.s2 .ebook-grid{display:grid; grid-template-columns:1.2fr 1fr; gap:40px; align-items:center} @media (max-width:860px){.site.s2 .ebook-grid{grid-template-columns:1fr}}
.site.s2 .ebook-lista{list-style:none; margin:0 0 22px; padding:0; display:grid; gap:8px} .site.s2 .ebook-lista li{display:flex; gap:8px; color:var(--muted); font-size:16px} .site.s2 .ebook-lista .ico{flex:none; color:var(--brand); margin-top:4px}
.site.s2 .ebook-form{padding:22px; background:var(--surface); border:1px solid var(--border); border-radius:16px}
.site.s2 .ebook-img{display:flex; justify-content:center} .site.s2 .ebook-img img{max-height:520px; width:auto; filter:drop-shadow(0 18px 30px rgba(0,0,0,.45))}
@media (prefers-reduced-motion:reduce){.site.s2 .fer-barra span, .site.s2 .com-item{transition:none}}

/* ---------- E92: pilares, conformidade, contadores, links úteis ---------- */
.site.s2 .pil-grid{display:grid; grid-template-columns:repeat(3,1fr); gap:14px}
@media (max-width:860px){.site.s2 .pil-grid{grid-template-columns:1fr}}
.site.s2 .pil-card{background:var(--surface); border:1px solid var(--border); border-radius:14px; padding:22px; display:flex; flex-direction:column; gap:10px}
.site.s2 .pil-card h3{font-size:18px; margin:0} .site.s2 .pil-card p{color:var(--muted); margin:0; font-size:15px}
.site.s2 .pil-cont{display:grid; grid-template-columns:repeat(auto-fit,minmax(200px,1fr)); gap:12px; margin-top:16px}
.site.s2 .pil-num{text-align:center; padding:18px; border-radius:14px; background:var(--brand-soft); border:1px solid rgba(0,168,89,.3)}
.site.s2 .pil-num b{display:block; font-family:'Archivo',sans-serif; font-size:36px; color:var(--brand); font-variant-numeric:tabular-nums; line-height:1}
.site.s2 .pil-num small{color:var(--muted); font-size:13.5px}
.site.s2 .pil-conf{margin-top:16px; display:grid; grid-template-columns:1fr 1.6fr; gap:24px; align-items:start; padding:26px; border-radius:16px; background:var(--surface); border:1px solid var(--border); border-left:4px solid var(--brand)}
@media (max-width:860px){.site.s2 .pil-conf{grid-template-columns:1fr}}
.site.s2 .pil-conf h3{font-size:22px; margin:6px 0 0; text-wrap:balance}
.site.s2 .pil-conf-lista{list-style:none; margin:0; padding:0; display:grid; grid-template-columns:1fr 1fr; gap:8px 16px}
@media (max-width:640px){.site.s2 .pil-conf-lista{grid-template-columns:1fr}}
.site.s2 .pil-conf-lista li{display:flex; gap:8px; align-items:flex-start; color:var(--muted); font-size:14.5px; line-height:1.45} .site.s2 .pil-conf-lista .ico{flex:none; color:var(--brand); margin-top:3px}
.site.s2 .lk-item{text-decoration:none; color:var(--text)} .site.s2 .lk-item:hover{border-color:var(--brand)}

/* E93 — abas Órgão × Empresa no mesmo padrão dos cartões de perfil da tela de login do sistema (ícone + nome + linha curta) */
.site.s2 .pub-abas-tabs [role=tab]{justify-content:center; text-align:left; min-height:60px; padding:10px 16px; gap:12px}
.site.s2 .pub-abas-desc{margin:-6px 0 18px; font-size:14px; color:var(--muted); text-align:center}
.site.s2 .pub-abas-tabs .ab-ico{flex:none; display:inline-flex; width:40px; height:40px; align-items:center; justify-content:center; border-radius:12px; background:color-mix(in srgb,var(--brand) 12%,transparent)}
.site.s2 .pub-abas-tabs .ab-ico svg{width:26px; height:26px; color:var(--brand)}
.site.s2 .pub-abas-tabs .ab-txt{display:flex; flex-direction:column; gap:2px; min-width:0}
.site.s2 .pub-abas-tabs .ab-txt b{font-weight:700; font-size:15px; line-height:1.2}
.site.s2 .pub-abas-tabs .ab-txt small{font-weight:500; font-size:12px; line-height:1.3; color:var(--muted)}
.site.s2 .pub-abas-tabs [role=tab][aria-selected="true"]{background:color-mix(in srgb,var(--brand) 14%,var(--surface-2)); color:var(--text); border-color:var(--brand)}
.site.s2 .pub-abas-tabs [role=tab][aria-selected="true"] .ab-ico{background:var(--brand)}
.site.s2 .pub-abas-tabs [role=tab][aria-selected="true"] .ab-ico svg{color:#06130C}
.site.s2 .pub-abas-tabs [role=tab][aria-selected="true"] .ab-txt small{color:var(--text); opacity:.75}
@media (max-width:560px){.site.s2 .pub-abas-tabs [role=tab]{flex-basis:100%}}

/* E93 — cartão das redes sem postagem configurada: capa da última notícia + marca (nunca vazio) */
.site.s2 .post2-marca{display:flex; flex-direction:column; justify-content:flex-end; gap:10px; min-height:300px; padding:18px; border-radius:12px; color:#fff; text-decoration:none; position:relative; overflow:hidden; background:#0F1F38 right top/cover no-repeat; isolation:isolate}
.site.s2 .post2-marca::before{content:""; position:absolute; inset:0; z-index:-1; background:linear-gradient(180deg, rgba(15,31,56,.45) 0%, rgba(15,31,56,.86) 50%, rgba(15,31,56,.97) 100%)}
.site.s2 .post2-marca .pm-topo{position:absolute; top:14px; left:16px; display:inline-flex; align-items:center; gap:8px; padding:6px 10px; border-radius:999px; background:rgba(6,19,12,.55); backdrop-filter:blur(4px); font-size:13px}
.site.s2 .post2-marca .pm-topo svg{color:var(--brand)}
.site.s2 .post2-marca .pm-txt strong{display:block; font-size:18px; line-height:1.2; margin-bottom:4px}
.site.s2 .post2-marca .pm-txt span{display:block; font-size:13px; color:#C9D3E3; line-height:1.4}
.site.s2 .post2-marca .pm-ult{display:block; padding:8px 10px; border-left:3px solid var(--brand); background:rgba(255,255,255,.06); border-radius:0 8px 8px 0; font-size:13px; line-height:1.3}
.site.s2 .post2-marca .pm-ult small{display:block; font-size:10.5px; letter-spacing:.12em; text-transform:uppercase; color:var(--brand); font-weight:700; margin-bottom:2px}
.site.s2 .post2-marca .pm-bt{align-self:flex-start; padding:8px 14px; border-radius:999px; background:var(--brand); color:#06130C; font-weight:700; font-size:13px}
.site.s2 .post2-marca:hover .pm-bt{filter:brightness(1.08)}

/* E98 (23/10/2026) — cartões "Seja parceiro / Seja cliente" padronizados: mesma largura (linha inteira quando não há logos),
   mesma altura, ícone/texto/botão alinhados e botão com largura fixa à direita. */
.site.s2 .vm-row:not(:has(.vm-palco)){grid-template-columns:1fr}
.site.s2 .vm-row .vm-card{min-height:112px; padding:18px 24px; grid-template-columns:56px minmax(0,1fr) 220px; gap:18px; align-items:center}
.site.s2 .vm-row .vm-ico{width:56px; height:56px}
.site.s2 .vm-row .vm-txt b{font-size:17px} .site.s2 .vm-row .vm-txt small{font-size:12.5px; max-width:560px; margin-top:4px}
.site.s2 .vm-row .vm-btn{width:220px; text-align:center; justify-self:end; padding:13px 14px; font-size:11.5px}
@media (max-width:640px){ .site.s2 .vm-row .vm-card{grid-template-columns:44px 1fr; padding:14px 16px; min-height:0} .site.s2 .vm-row .vm-btn{grid-column:1/-1; width:100%; justify-self:stretch} }

/* E98 — 5 grupos em uma linha só, cada um em sanfona (expandir / ocultar) */
.site.s2 .pub-abas-grid{grid-template-columns:repeat(5,minmax(0,1fr)); gap:10px; align-items:start}
@media (max-width:1100px){.site.s2 .pub-abas-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:640px){.site.s2 .pub-abas-grid{grid-template-columns:1fr}}
.site.s2 details.pub-abas-grupo{padding:0; overflow:hidden}
.site.s2 .pub-abas-grupo summary{list-style:none; cursor:pointer; display:grid; grid-template-columns:minmax(0,1fr) auto; gap:2px 8px; align-items:center; padding:14px 14px 12px; user-select:none}
.site.s2 .pub-abas-grupo summary::-webkit-details-marker{display:none}
.site.s2 .pub-abas-grupo summary h3{margin:0; font-size:15px; line-height:1.25; grid-column:1} .site.s2 .pub-abas-grupo summary small{grid-column:1; font-size:12px; color:var(--muted)}
.site.s2 .pub-abas-chev{grid-column:2; grid-row:1/3; width:28px; height:28px; border-radius:8px; display:grid; place-items:center; background:color-mix(in srgb,var(--brand) 14%,var(--surface-2)); color:var(--brand); transition:transform .18s}
.site.s2 .pub-abas-chev svg{width:16px; height:16px} .site.s2 .pub-abas-grupo[open] .pub-abas-chev{transform:rotate(180deg)}
.site.s2 .pub-abas-grupo[open]{border-color:color-mix(in srgb,var(--brand) 45%,var(--border))}
.site.s2 .pub-abas-grupo ul{padding:0 14px 14px; border-top:1px solid var(--border); padding-top:10px; margin:0 0 0 0}
.site.s2 .pub-abas-grupo li{font-size:13.5px}
.site.s2 .pub-abas-ferr{display:flex; justify-content:flex-end; gap:8px; align-items:center; margin:0 0 8px; font-size:12.5px; color:var(--muted)}
.site.s2 .pub-abas-tudo{background:none; border:0; padding:2px 4px; font:inherit; font-size:12.5px; font-weight:600; color:var(--brand); cursor:pointer}
/* E98 — com o slide de logos ao lado (palco), o cartão mantém a mesma altura e o botão fica alinhado embaixo do texto */
.site.s2 .vm-row:has(.vm-palco) .vm-card{grid-template-columns:56px minmax(0,1fr); grid-template-rows:auto auto; padding:16px 20px}
.site.s2 .vm-row:has(.vm-palco) .vm-ico{grid-row:1/3; align-self:start}
.site.s2 .vm-row:has(.vm-palco) .vm-btn{grid-column:2; justify-self:start; margin-top:4px}
.site.s2 .vm-row:has(.vm-palco) .vm-palco{min-height:112px}

/* E98b — cartões Parceiro/Cliente: largura igual às outras caixas e sempre no modelo com o palco de logos à esquerda */
.site.s2 .vm-wrap{max-width:1240px; padding:0 24px; box-sizing:border-box}
.site.s2 .vm-row{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
.site.s2 .vm-row .vm-palco{min-height:112px}
.site.s2 .vm-row .vmr-vazia small{display:block;margin-top:4px;color:var(--muted);font-size:12.5px}
@media (max-width:760px){.site.s2 .vm-row{grid-template-columns:1fr} .site.s2 .vm-row .vm-palco{border-right:0;border-bottom:1px solid var(--linha,rgba(15,31,56,.08))}}
/* E98b — notícia em destaque: a capa aparece inteira (sem cortar o título do boneco) */
.site.s2 .not-dest .not-img{flex:0 0 52%; min-height:0; aspect-ratio:1200/630; align-self:center}
.site.s2 .not-dest .not-img img{object-fit:cover; object-position:left center}
/* palco vazio: aviso centralizado com o rótulo */
.site.s2 .vm-row .vmr-vazia{display:flex; flex-direction:column; align-items:center; justify-content:center; text-align:center; gap:6px; min-height:84px}
.site.s2 .vm-row .vmr-vazia .vmr-rot{justify-content:center}
.site.s2 .vm-row .vmr-vazia .vmr-rot{display:inline-flex; width:auto}
.site.s2 .vm-row .vmr-vazia small{font-size:13px; color:var(--muted,#9FB4D4); opacity:1}
.site.s2 .vm-row .vmr-vazia{opacity:.9}
/* E99b — cartão compacto à ESQUERDA (texto na largura do botão) e o palco do slide de logos à DIREITA, bem maior */
.site.s2 .vm-row{grid-template-columns:340px minmax(0,1fr)}
.site.s2 .vm-row .vm-card{order:-1; grid-template-columns:56px 220px; grid-template-rows:auto auto; padding:16px 20px; gap:10px 18px; align-content:center}
.site.s2 .vm-row .vm-card .vm-txt{width:220px} .site.s2 .vm-row .vm-txt b{font-size:16px} .site.s2 .vm-row .vm-txt small{font-size:12px; max-width:220px}
.site.s2 .vm-row .vm-card .vm-btn{grid-column:2; justify-self:start; width:220px; margin-top:2px}
.site.s2 .vm-row .vm-palco{border-right:0; border-left:1px solid var(--linha,rgba(15,31,56,.08)); padding:12px 18px}
.site.s2[data-theme="escuro"] .vm-row .vm-palco{border-left-color:rgba(255,255,255,.08)}
.site.s2 .vm-row .vmr-it img{height:44px}
@media (max-width:760px){.site.s2 .vm-row{grid-template-columns:1fr} .site.s2 .vm-row .vm-card{order:0} .site.s2 .vm-row .vm-palco{border-left:0;border-top:1px solid var(--linha,rgba(15,31,56,.08))}}
/* E99c — botão centralizado embaixo (ícone + texto em cima), nada cortado; logos maiores, proporcionais ao cartão */
.site.s2 .vm-row{grid-template-columns:360px minmax(0,1fr)}
.site.s2 .vm-row .vm-card{grid-template-columns:56px minmax(0,1fr); padding:18px 22px; gap:8px 16px}
.site.s2 .vm-row .vm-card .vm-txt{width:auto}
.site.s2 .vm-row .vm-card .vm-btn{grid-column:1 / -1; justify-self:center; width:min(100%,240px); margin-top:8px}
.site.s2 .vm-row .vm-palco{min-height:150px; padding:16px 22px}
.site.s2 .vm-row .vmr{min-height:110px}
.site.s2 .vm-row .vmr-it{height:96px; min-width:150px; padding:10px 14px; border-radius:12px}
.site.s2 .vm-row .vmr-it img{height:76px; max-height:76px}
/* E99c — botão centralizado sob o texto (sem cortar) e logos maiores, proporcionais ao cartão */
.site.s2 .vm-row{grid-template-columns:360px minmax(0,1fr)}
.site.s2 .vm-row .vm-card{grid-template-columns:56px minmax(0,1fr); padding:18px 22px; gap:10px 16px}
.site.s2 .vm-row .vm-card .vm-txt{width:auto; min-width:0} .site.s2 .vm-row .vm-txt small{max-width:none}
.site.s2 .vm-row .vm-card .vm-btn{grid-column:1/-1; justify-self:center; width:auto; min-width:230px; max-width:100%; margin-top:6px}
.site.s2 .vm-row .vm-palco .vmr{min-height:110px}
.site.s2 .vm-row .vmr-it{height:84px; width:160px; padding:10px 14px} .site.s2 .vm-row .vmr-it img{height:64px; max-height:64px}