/* ═══════════ CABEÇALHO E RODAPÉ ═══════════
   Substitui os templates do Elementor. Classes com prefixo el- para não
   colidir com o CSS do Elementor, que continua ativo nas demais páginas. */

:root {
  --el-bg:        #0A0A0A;
  --el-pill:      #1E1E1E;
  --el-border:    #313131;
  --el-accent:    #FF7A03;
  --el-on-accent: #0A0A0A;
  --el-white:     #FFFFFF;
  --el-muted:     #A7A7A7;
  --el-r:         4px;
}

.el-wrap { max-width: 1440px; margin: 0 auto; padding: 0 32px; }

/* O kit global do Elementor (.elementor-kit-6 a) pinta todo link de laranja e
   tem especificidade maior que uma classe simples. Os links do cabeçalho e do
   rodapé herdam a cor do contexto em vez de disputar regra a regra. */
.el-hdr a,
.el-foot a { color: inherit; text-decoration: none; }
.el-hdr a:hover,
.el-foot a:hover { color: inherit; }

/* ── cabeçalho ─────────────────────────────── */
.el-hdr { background: var(--el-bg); }
.el-hdr__in { max-width: 1440px; margin: 0 auto; padding: 14px 32px; }

/* altura fixa: as duas linhas se alternam por cima uma da outra, sem o
   cabeçalho mudar de tamanho quando a busca abre */
.el-hdr__rows { position: relative; height: 44px; }
.el-hdr__row--brand,
.el-hdr__row--search {
  position: absolute; inset: 0;
  transition: opacity .22s ease, visibility 0s linear 0s;
}
.el-hdr__row--brand {
  display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; gap: 16px;
  opacity: 1; visibility: visible;
}
.el-hdr__in.is-searching .el-hdr__row--brand {
  opacity: 0; visibility: hidden; pointer-events: none;
  transition: opacity .22s ease, visibility 0s linear .22s;
}
.el-hdr__row--search {
  display: flex; align-items: center; gap: 14px;
  opacity: 0; visibility: hidden; pointer-events: none;
  transition: opacity .22s ease, visibility 0s linear .22s;
}
.el-hdr__in.is-searching .el-hdr__row--search {
  opacity: 1; visibility: visible; pointer-events: auto;
  transition: opacity .22s ease, visibility 0s linear 0s;
}

.el-logo { display: flex; align-items: center; }
.el-logo img { display: block; width: 96px; height: 52px; object-fit: contain; }

.el-hdr__right { display: flex; align-items: center; justify-content: flex-end; gap: 20px; }
.el-hdr .el-hdr__sobre {
  font-size: 12px; line-height: 20px; text-transform: uppercase;
  color: var(--el-muted); text-decoration: none; white-space: nowrap;
}
.el-hdr .el-hdr__sobre:hover { color: var(--el-white); }

.el-hdr__search-btn,
.el-hdr__search-close,
.el-hdr__menu-btn {
  display: flex; align-items: center; justify-content: center;
  width: 32px; height: 32px; padding: 0; flex: none;
  background: none; border: 0; color: var(--el-white); cursor: pointer;
}
.el-hdr__search-btn svg,
.el-hdr__search-close svg,
.el-hdr__menu-btn svg { width: 20px; height: 20px; }
.el-hdr__menu-btn { display: none; }
.el-hdr__row--search > svg { width: 20px; height: 20px; flex: none; color: var(--el-muted); }

.el-hdr__search-input {
  flex: 1; min-width: 0; height: 100%; background: transparent; border: 0;
  font-family: "Ubuntu", system-ui, sans-serif; font-weight: 700; font-size: 18px;
  color: var(--el-white);
}
.el-hdr__search-input:focus-visible { outline: none; }
.el-hdr__search-input::placeholder { color: var(--el-muted); font-weight: 700; }

/* ── barra de editorias ────────────────────── */
.el-hdr__navbar {
  background: var(--el-bg);
  border-top: 1px solid var(--el-border);
  border-bottom: 1px solid var(--el-border);
}
.el-hdr__navbar-in {
  max-width: 1440px; margin: 0 auto; padding: 13px 32px;
  display: flex; align-items: center; justify-content: center; gap: 24px; flex-wrap: wrap;
}
.el-hdr__navbar-in > a,
.el-setores__btn {
  font-family: "Ubuntu", system-ui, sans-serif; font-weight: 700; font-size: 14px; line-height: 20px;
  text-transform: uppercase; color: var(--el-white); text-decoration: none; white-space: nowrap;
  padding-bottom: 3px; border-bottom: 2px solid transparent;
  transition: color .15s ease, border-color .15s ease;
}
.el-hdr .el-hdr__navbar-in > a:hover { color: var(--el-accent); }
.el-hdr .el-hdr__navbar-in > a.is-active { color: var(--el-accent); border-bottom-color: var(--el-accent); }

.el-setores { position: relative; }
.el-setores__btn {
  display: inline-flex; align-items: center; gap: 7px;
  background: none; border: 0; padding: 0 0 3px; cursor: pointer;
}
.el-setores__btn svg { width: 16px; height: 16px; }
.el-setores__btn:hover { color: var(--el-accent); }
.el-setores__btn[aria-expanded="true"] { color: var(--el-accent); border-bottom-color: var(--el-accent); }

.el-setores__menu:not([hidden]) {
  position: absolute; top: calc(100% + 13px); left: 50%; transform: translateX(-50%); z-index: 100;
  display: flex; flex-direction: column; min-width: 180px;
  background: var(--el-pill); border: 1px solid var(--el-border); border-radius: var(--el-r);
  padding: 6px 0; box-shadow: 0 12px 32px -12px rgba(0, 0, 0, .7);
}
.el-setores__menu a {
  font-family: "Ubuntu", system-ui, sans-serif; font-weight: 500; font-size: 13px; line-height: 20px;
  text-transform: uppercase; color: var(--el-white); text-decoration: none;
  padding: 8px 16px; white-space: nowrap;
}
.el-hdr .el-setores__menu a:hover { color: var(--el-accent); background: rgba(255, 255, 255, .04); }

/* ── rodapé ────────────────────────────────── */
.el-foot {
  background: var(--el-bg);
  border-top: 1px solid var(--el-border);
  padding: 30px 0 36px;
}
.el-foot .el-logo img { width: 148px; height: 80px; }
.el-foot__about,
.el-foot__addr {
  font-family: "Ubuntu", system-ui, sans-serif;
  font-size: 11px; line-height: 16px; color: var(--el-muted);
}
.el-foot__about { margin: 20px 0 0; max-width: 300px; }
.el-foot__addr { margin: 22px 0 0; }

.el-archive { background: var(--el-bg); color: var(--el-white); min-height: 60vh; padding: 56px 0; }
.el-archive__head { border-bottom: 1px solid var(--el-border); padding-bottom: 28px; margin-bottom: 32px; }
.el-archive__head p { color: var(--el-archive-accent); font: 700 11px/1.2 "Ubuntu", sans-serif; letter-spacing: .1em; margin: 0 0 10px; }
.el-archive h1 { margin: 0; color: var(--el-white); font: 700 clamp(34px,5vw,62px)/1 "Lora", Georgia, serif; }
.el-archive__head div { max-width: 65ch; color: var(--el-muted); margin-top: 15px; }
.el-archive__grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 32px 24px; }
.el-archive-card { border-bottom: 1px solid var(--el-border); padding-bottom: 22px; }
.el-archive-card__img { display:block; aspect-ratio:16/9; background:var(--el-pill); overflow:hidden; }
.el-archive-card__img img { width:100%; height:100%; object-fit:cover; }
.el-archive-card__date { color:var(--el-archive-accent); font-size:11px; margin:14px 0 8px; }
.el-archive-card h2 { margin:0; font:600 21px/1.25 "Lora",Georgia,serif; }
.el-archive-card h2 a { color:var(--el-white); text-decoration:none; }
.el-archive-card > p:last-child { color:var(--el-muted); font-size:14px; line-height:1.5; }
.el-archive .nav-links { display:flex; gap:12px; justify-content:center; margin:38px auto 0; }.el-archive .page-numbers{color:var(--el-white);padding:8px 12px;border:1px solid var(--el-border);text-decoration:none}.el-archive .page-numbers.current{background:var(--el-archive-accent);color:#000}
.el-redacao{position:relative;background:#090909;color:#fff;padding:34px 0 44px;overflow:hidden}.el-redacao__bg{position:absolute;inset:0;background:linear-gradient(90deg,#090909 0%,#090909 30%,rgba(9,9,9,.72) 52%,rgba(9,9,9,.45)),url('../img/fig-redacao-bg.png') center/cover}.el-redacao__in{position:relative;display:grid;grid-template-columns:443fr 700fr;gap:5.5%;align-items:start;margin-top:26px}.el-redacao__kicker{color:var(--el-accent);font:700 19px/1.25 Lora,serif;letter-spacing:.01em}.el-redacao__kicker span{color:#fff}.el-redacao__intro h2{font:500 clamp(23px,2.2vw,32px)/1.25 Lora,serif;margin:0 0 18px}.el-redacao__intro>p:not(.el-redacao__kicker){max-width:56ch;color:var(--el-muted);font-size:12px;line-height:19px;margin:0 0 28px}.el-redacao__editor{display:flex;align-items:end;gap:20px;margin-top:0}.el-redacao__editor img{width:150px;height:190px;object-fit:contain;object-position:bottom}.el-redacao__editor strong{color:var(--el-accent);font-size:11px;text-transform:uppercase}.el-redacao__editor h3{font:500 22px/28px Lora,serif;margin:0 0 14px}.el-redacao__editor a{display:block;color:#fff;font-size:12px;line-height:18px;margin-top:4px}.el-redacao__form{padding:22px;border:1px solid var(--el-border);border-radius:8px;background:rgba(14,14,16,.86);backdrop-filter:blur(10px);display:grid;grid-template-columns:1fr 1fr;gap:16px}.el-redacao__form h3,.el-redacao__form label:first-of-type,.el-redacao__form label:last-of-type,.el-redacao__form button,.el-redacao__feedback{grid-column:1/-1}.el-redacao__form h3{font:500 17px/24px Lora,serif;margin:0}.el-redacao__form label{display:grid;gap:7px;color:var(--el-muted);font-size:10px;line-height:14px;text-transform:uppercase}.el-redacao__form input,.el-redacao__form select,.el-redacao__form textarea{box-sizing:border-box;width:100%;border:1px solid var(--el-border);border-radius:4px;background:transparent;color:#fff;padding:9px 13px;font:11px/18px Ubuntu,sans-serif}.el-redacao__form textarea{min-height:84px;resize:vertical}.el-redacao__form button{min-height:40px;border:0;border-radius:4px;background:var(--el-accent);color:#000;font:700 12px Ubuntu,sans-serif;text-transform:uppercase;cursor:pointer}.el-redacao__form :focus-visible{outline:3px solid #fff;outline-offset:2px}.el-redacao__feedback{margin:0;color:#fff;font-size:12px}.el-redacao__feedback--error{color:#ff9b9b}

/* ── responsivo ────────────────────────────── */
@media (max-width: 1180px) {
  .el-hdr__navbar-in { gap: 20px; }
  .el-hdr__navbar-in > a,
  .el-setores__btn { font-size: 13px; }
}
@media (max-width: 700px) {
  /* sem espaço para centralizar — logo à esquerda, como a maioria dos portais */
  .el-hdr__row--brand { display: flex; justify-content: space-between; }
  .el-hdr__row--brand > div:first-child { display: none; }
  .el-hdr__in { padding: 12px 20px; }
  .el-hdr__right { gap: 8px; }
  .el-hdr__sobre { display: none; }
  .el-hdr__menu-btn { display: flex; }
  .el-hdr__navbar { display: none; }
  .el-hdr__navbar.is-open { display: block; }
  .el-hdr__navbar-in { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0; padding: 8px 20px 16px; }
  .el-hdr__navbar-in > a, .el-setores__btn { display: flex; min-height: 44px; align-items: center; font-size: 12px; padding: 10px 0; border-bottom: 1px solid var(--el-border); }
  .el-setores { grid-column: 1 / -1; }
  .el-setores__menu:not([hidden]) { position: static; transform: none; margin: 4px 0; box-shadow: none; }
}
@media (max-width: 800px) { .el-archive { padding:36px 0; }.el-archive__grid { grid-template-columns:1fr; gap:28px; } }
@media (max-width:800px){.el-redacao__in{grid-template-columns:1fr;gap:28px}.el-redacao__form{grid-template-columns:1fr}.el-redacao__bg{background:linear-gradient(#090909,rgba(9,9,9,.9)),url('../img/fig-redacao-bg.png') center/cover}}
@media (prefers-reduced-motion: reduce) {
  .el-hdr__row--brand,
  .el-hdr__row--search { transition: none; }
}