/* Moldura do site do Córtex (19/10/2026): cabeçalho e rodapé, iguais na página inicial e nas páginas internas.
   Classes com prefixo sc- para não colidir com o estilo.css antigo, que as ferramentas de eleição ainda usam. */
:root{
  --sc-cab-h:64px;
  --sc-petroleo:#104144;
  --sc-petroleo-escuro:#0b2f31;
  --sc-petroleo-fundo:#082426;
  --sc-ambar:#f2b53a;
  --sc-creme:#f6f4f1;
  --sc-tinta:#173b3d;         /* texto principal (no OWID, o azul-marinho do texto) */
  --sc-tinta-2:#4f6e6f;       /* texto de apoio */
  --sc-linha:#dde3e2;
  --sc-fundo-2:#f3f5f4;
  --sc-acao:#b8432c;          /* botão de destaque, branco a 5,2:1 */
  --sc-largura:1280px;
  --sc-margem:24px;
  --sc-serif:var(--fonte-titulo);
  --sc-sans:var(--fonte-texto);
}

.sc-envolve{max-width:var(--sc-largura);margin:0 auto;padding-left:var(--sc-margem);padding-right:var(--sc-margem)}
/* ---------- cabeçalho ---------- */
.sc-cab{font-family:var(--sc-sans);line-height:1.6;letter-spacing:var(--texto-espaco);background:var(--sc-petroleo-escuro);color:#dbe7e6;position:sticky;top:0;z-index:100}
.sc-cab-in{display:flex;align-items:center;gap:32px;height:var(--sc-cab-h)}
.sc-cab-marca img{height:32px;width:auto}
.sc-cab-nav{display:flex;gap:26px;flex:1;font-size:14px;font-weight:700}
.sc-cab-nav a{text-decoration:none;color:#dbe7e6}
.sc-cab-nav a:hover{color:#fff;text-decoration:underline;text-underline-offset:4px}
.sc-cab-acao{background:var(--sc-acao);color:#fff;text-decoration:none;font-size:14px;font-weight:700;padding:0 18px;height:40px;display:inline-flex;align-items:center}
.sc-cab-acao:hover{background:#a03a25}
.sc-cab-menu{display:none}
/* ---------- rodapé ---------- */
.sc-rodape{font-family:var(--sc-sans);line-height:1.6;letter-spacing:var(--texto-espaco);background:var(--sc-petroleo-fundo);color:#9fb8b7;font-size:15px}
.sc-rodape-in{display:grid;grid-template-columns:minmax(0,1.4fr) repeat(3,minmax(0,1fr));gap:40px;padding:48px 0 32px}
.sc-rodape img{height:34px;width:auto;margin-bottom:14px}
.sc-rodape p{margin:0;max-width:320px}
.sc-rodape h3{font:700 12px var(--sc-sans);letter-spacing:var(--rotulo-espaco);text-transform:uppercase;color:#dbe7e6;margin:0 0 12px}
.sc-rodape ul{list-style:none;margin:0;padding:0}
.sc-rodape li a{display:block;padding:4px 0;text-decoration:none;color:#9fb8b7}
.sc-rodape li a:hover{color:#fff}
.sc-rodape-base{border-top:1px solid rgba(255,255,255,.1);padding:18px 0 28px;display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;font-size:13px}

@media (max-width:900px){
  .sc-cab-nav,.sc-cab-acao{display:none}
  .sc-cab-in{justify-content:space-between}
  .sc-cab-menu{display:block;position:relative}
  .sc-cab-menu summary{list-style:none;cursor:pointer;width:40px;height:40px;display:grid;place-items:center}
  .sc-cab-menu summary::-webkit-details-marker{display:none}
  .sc-cab-menu summary span,.sc-cab-menu summary span::before,.sc-cab-menu summary span::after{display:block;width:20px;height:2px;background:#dbe7e6;position:relative;content:""}
  .sc-cab-menu summary span::before{position:absolute;top:-6px}
  .sc-cab-menu summary span::after{position:absolute;top:6px}
  .sc-cab-menu nav{position:fixed;left:0;right:0;top:var(--sc-cab-h);background:var(--sc-petroleo-escuro);padding:8px var(--sc-margem) 20px;display:flex;flex-direction:column;border-top:1px solid rgba(255,255,255,.08)}
  .sc-cab-menu nav a{padding:12px 0;text-decoration:none;color:#dbe7e6;font-weight:700;border-bottom:1px solid rgba(255,255,255,.08)}
  .sc-cab-menu nav a.sc-cab-acao-menu{margin-top:14px;border:0;background:var(--sc-acao);color:#fff;text-align:center}
  .sc-rodape-in{grid-template-columns:1fr 1fr}
  .sc-rodape-in > div:first-child{grid-column:1/-1}
}
@media (max-width:600px){ :root{--sc-margem:16px} }
.sc-cab *,.sc-rodape *{box-sizing:border-box}
.sc-cab img,.sc-rodape img{display:block;max-width:100%}
.sc-rodape p{line-height:1.6}
.sc-rodape-base a{color:#9fb8b7}
.sc-rodape-base a:hover{color:#fff}