/* ==========================================================================
   Faixa Exclusiva — arquivos (categoria, tag e autor)
   ========================================================================== */

body:has(.fx-arquivo) #page,
body:has(.fx-arquivo) #content,
body:has(.fx-arquivo) .site-content{max-width:none;width:auto;padding:0;margin:0;display:block}
body:has(.fx-arquivo) .page-header,
body:has(.fx-arquivo) .entry-header{display:none}

.fx-arquivo{font-family:var(--fx-fonte-texto);color:var(--fx-cinza-escuro);line-height:1.6}
.fx-arquivo h1,.fx-arquivo h2,.fx-arquivo h3{
  font-family:var(--fx-fonte-titulo);color:var(--fx-azul-noite);
  line-height:1.2;letter-spacing:-.01em;margin:0;
}
.fx-arquivo a{color:inherit;text-decoration:none}
.fx-arquivo p{margin:0}
.fx-arquivo ul{margin:0;padding:0;list-style:none}
.fx-kicker{
  font-family:var(--fx-fonte-titulo);font-weight:700;font-size:11px;letter-spacing:.1em;
  text-transform:uppercase;color:var(--fx-amarelo);display:block;
}
.fx-meta{font-size:12.5px;color:var(--fx-cinza-medio);display:block}

/* ==========================================================================
   CABEÇALHOS INTERNOS — um visual por tipo de arquivo
   ========================================================================== */

.fx-arqhead{padding:40px 0}
.fx-arqhead__rotulo{
  display:inline-block;font-family:var(--fx-fonte-titulo);font-weight:700;font-size:11px;
  letter-spacing:.14em;text-transform:uppercase;margin-bottom:10px;
}
.fx-arqhead__titulo{font-size:38px;font-weight:800;letter-spacing:-.025em}
.fx-arqhead__desc{margin-top:14px;font-size:16.5px;line-height:1.6;max-width:64ch}
.fx-arqhead__conta{
  display:inline-block;font-family:var(--fx-fonte-titulo);font-weight:600;font-size:12.5px;
  letter-spacing:.04em;padding:5px 12px;border-radius:20px;
}

/* ---------- categoria: faixa azul-noite ---------- */
.fx-arqhead--categoria{background:var(--fx-azul-noite);color:rgba(255,255,255,.82)}
.fx-arqhead--categoria .fx-arqhead__rotulo{color:var(--fx-amarelo)}
.fx-arqhead--categoria .fx-arqhead__titulo{
  color:#fff;position:relative;padding-bottom:16px;
}
.fx-arqhead--categoria .fx-arqhead__titulo::after{
  content:"";position:absolute;left:0;bottom:0;width:54px;height:4px;
  background:var(--fx-amarelo);border-radius:2px;
}
.fx-arqhead--categoria .fx-arqhead__desc{color:rgba(255,255,255,.8)}
.fx-arqhead--categoria .fx-arqhead__conta{
  margin-top:18px;background:rgba(255,255,255,.12);color:#fff;
}
.fx-arqhead__irmas{display:flex;flex-wrap:wrap;gap:8px;margin-top:22px;padding-top:20px;border-top:1px solid rgba(255,255,255,.14)}
.fx-arqhead__irmas a{
  font-family:var(--fx-fonte-titulo);font-weight:600;font-size:13px;
  color:rgba(255,255,255,.78);padding:7px 14px;border-radius:20px;
  border:1px solid rgba(255,255,255,.22);transition:.15s;
}
.fx-arqhead__irmas a:hover{background:var(--fx-amarelo);border-color:var(--fx-amarelo);color:var(--fx-azul-noite)}

/* ---------- tag: faixa clara com cerquilha ---------- */
.fx-arqhead--tag{background:var(--fx-cinza-claro);border-bottom:1px solid #d8dfe6}
.fx-arqhead--tag .fx-arqhead__rotulo{color:var(--fx-cinza-medio)}
.fx-arqhead--tag .fx-arqhead__titulo{color:var(--fx-azul-noite);display:flex;align-items:baseline;gap:4px}
.fx-arqhead__cerquilha{color:var(--fx-amarelo);font-weight:800}
.fx-arqhead--tag .fx-arqhead__conta{margin-top:16px;background:#fff;color:var(--fx-cinza-escuro);border:1px solid #d8dfe6}
.fx-arqhead__tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:22px;padding-top:20px;border-top:1px solid #d8dfe6}
.fx-tag{font-size:13px;padding:6px 13px;border-radius:20px;background:#fff;color:var(--fx-cinza-escuro);border:1px solid #d8dfe6;transition:.15s}
.fx-tag:hover{background:var(--fx-azul-noite);border-color:var(--fx-azul-noite);color:#fff}

/* ---------- autor: card grande ---------- */
.fx-arqhead--autor{background:#fff;border-bottom:1px solid var(--fx-cinza-claro);padding:44px 0 40px}
.fx-autorhead{display:grid;grid-template-columns:120px 1fr;gap:28px;align-items:start}
.fx-autorhead__foto .fx-avatar-img{border-radius:50%;width:120px;height:120px}
.fx-arqhead--autor .fx-arqhead__rotulo{color:var(--fx-cinza-medio)}
.fx-arqhead--autor .fx-arqhead__titulo{
  color:var(--fx-azul-noite);position:relative;padding-bottom:14px;
}
.fx-arqhead--autor .fx-arqhead__titulo::after{
  content:"";position:absolute;left:0;bottom:0;width:48px;height:4px;
  background:var(--fx-amarelo);border-radius:2px;
}
.fx-autorhead__bio{margin-top:14px;font-size:16px;line-height:1.65;max-width:62ch;color:var(--fx-cinza-escuro)}
.fx-autorhead__links{display:flex;flex-wrap:wrap;align-items:center;gap:14px;margin-top:18px}
.fx-arqhead--autor .fx-arqhead__conta{background:var(--fx-cinza-claro);color:var(--fx-cinza-escuro)}
.fx-autorhead__links a{
  font-family:var(--fx-fonte-titulo);font-weight:600;font-size:13.5px;color:var(--fx-azul-mob);
}
.fx-autorhead__links a:hover{text-decoration:underline}

/* ==========================================================================
   LISTA
   ========================================================================== */

.fx-arquivo__grid{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:56px;align-items:start;padding-top:44px;padding-bottom:64px}
.fx-arquivo__lado{position:sticky;top:120px}

.fx-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;margin-top:34px}

.fx-card{display:block}
.fx-card__midia{margin-bottom:12px}
.fx-card__img{
  width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;
  border-radius:var(--fx-raio);display:block;
}
.fx-card__img--vazia{background:var(--fx-cinza-medio);opacity:.22}
.fx-card__titulo{
  display:block;margin:7px 0 7px;font-family:var(--fx-fonte-titulo);font-weight:700;
  font-size:17px;line-height:1.34;color:var(--fx-azul-noite);
}
.fx-card:hover .fx-card__titulo{color:var(--fx-azul-mob)}
.fx-card__resumo{display:block;margin-bottom:8px;font-size:14px;line-height:1.55;color:var(--fx-cinza-escuro);opacity:.82}

/* Destaque: imagem à esquerda, texto à direita */
.fx-card--destaque{
  display:grid;grid-template-columns:1.25fr 1fr;gap:28px;align-items:center;
  padding-bottom:34px;border-bottom:2px solid var(--fx-azul-noite);
}
.fx-card--destaque .fx-card__midia{margin-bottom:0}
.fx-card--destaque .fx-card__titulo{font-size:27px;font-weight:800;letter-spacing:-.02em;margin:9px 0 10px}
.fx-card--destaque .fx-card__resumo{font-size:15.5px;margin-bottom:10px}

/* ---------- vazio ---------- */
.fx-vazio{
  background:var(--fx-cinza-claro);border-radius:var(--fx-raio);
  padding:46px 34px;text-align:center;
}
.fx-vazio h2{font-size:21px;font-weight:700;margin-bottom:8px}
.fx-vazio p{font-size:15px;color:var(--fx-cinza-medio);margin-bottom:18px}
.fx-vazio__link{font-family:var(--fx-fonte-titulo);font-weight:700;font-size:14px;color:var(--fx-azul-mob)}
.fx-vazio__link:hover{text-decoration:underline}

/* ---------- paginação ---------- */
.fx-paginacao{margin-top:44px;padding-top:28px;border-top:1px solid var(--fx-cinza-claro)}
.fx-paginacao ul{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.fx-paginacao a,
.fx-paginacao span{
  display:grid;place-items:center;min-width:40px;height:40px;padding:0 13px;
  border-radius:8px;font-family:var(--fx-fonte-titulo);font-weight:600;font-size:14px;
  background:var(--fx-cinza-claro);color:var(--fx-azul-noite);transition:.15s;
}
.fx-paginacao a:hover{background:var(--fx-azul-noite);color:#fff}
.fx-paginacao .current{background:var(--fx-amarelo);color:var(--fx-azul-noite)}
.fx-paginacao .dots{background:transparent;color:var(--fx-cinza-medio)}

/* ==========================================================================
   LATERAL
   ========================================================================== */

.fx-box{border-radius:var(--fx-raio);margin-bottom:24px;overflow:hidden}
.fx-box--lidas,.fx-box--editorias{background:#fff;border:1px solid var(--fx-cinza-claro);padding:22px}
.fx-box h2{font-size:16.5px;font-weight:700;margin-bottom:14px;padding-top:12px;position:relative}
.fx-box h2::before{content:"";position:absolute;top:0;left:0;width:30px;height:3px;background:var(--fx-amarelo)}
.fx-lida{display:grid;grid-template-columns:32px 1fr;gap:12px;padding:12px 0;border-bottom:1px solid var(--fx-cinza-claro)}
.fx-lida:last-child{border-bottom:0;padding-bottom:0}
.fx-lida .fx-num{font-family:var(--fx-fonte-titulo);font-weight:800;font-size:23px;color:var(--fx-cinza-claro);line-height:1}
.fx-lida__titulo{font-family:var(--fx-fonte-titulo);font-size:14px;font-weight:600;line-height:1.35;color:var(--fx-azul-noite)}
.fx-lida:hover .fx-lida__titulo{color:var(--fx-azul-mob)}

.fx-editorias li{border-bottom:1px solid var(--fx-cinza-claro)}
.fx-editorias li:last-child{border-bottom:0}
.fx-editorias a{
  display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 0;
  font-family:var(--fx-fonte-titulo);font-weight:600;font-size:14px;color:var(--fx-azul-noite);
}
.fx-editorias a:hover{color:var(--fx-azul-mob)}
.fx-editorias__n{
  font-size:12px;font-weight:700;color:var(--fx-cinza-medio);
  background:var(--fx-cinza-claro);padding:2px 9px;border-radius:12px;
}

.fx-box--servico-lado{background:var(--fx-verde);color:#fff;padding:24px}
.fx-box--servico-lado h2{color:#fff;font-size:18px;margin-bottom:8px;padding-top:0}
.fx-box--servico-lado h2::before{display:none}
.fx-box--servico-lado p{font-size:14px;opacity:.92;margin-bottom:16px}
.fx-arquivo a.fx-btn-servico{
  display:block;text-align:center;background:#fff;color:var(--fx-verde);
  font-family:var(--fx-fonte-titulo);font-weight:700;font-size:14px;
  padding:12px;border-radius:8px;transition:background .15s, color .15s;
}
.fx-arquivo a.fx-btn-servico:hover,
.fx-arquivo a.fx-btn-servico:focus-visible{background:var(--fx-azul-noite);color:#fff}

/* ==========================================================================
   RESPONSIVO
   ========================================================================== */

@media (max-width:1080px){
  .fx-arquivo__grid{grid-template-columns:1fr;gap:40px}
  .fx-arquivo__lado{position:static}
  .fx-cards{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:820px){
  .fx-card--destaque{grid-template-columns:1fr;gap:16px}
  .fx-card--destaque .fx-card__titulo{font-size:23px}
  .fx-autorhead{grid-template-columns:88px 1fr;gap:20px}
  .fx-autorhead__foto .fx-avatar-img{width:88px;height:88px}
}
@media (max-width:620px){
  .fx-arqhead{padding:30px 0}
  .fx-arqhead__titulo{font-size:27px}
  .fx-cards{grid-template-columns:1fr}
  .fx-autorhead{grid-template-columns:1fr}
}