/* Cabeçalho comum à entrada e aos quatro destinos. */
:root{--site-header-height:74px;--site-gutter:26px}
html{scrollbar-gutter:stable}
.site-header,#cabecalho.site-header{
  box-sizing:border-box;position:fixed;inset:0 0 auto;z-index:40;
  height:var(--site-header-height);display:flex;align-items:center;
  justify-content:space-between;gap:16px;margin:0;
  padding:10px max(var(--site-gutter),calc((100% - 1440px)/2));
  background:#21242b;color:#f1eee6;border:0;border-bottom:1px solid #444b57;
  box-shadow:none;
}
.site-header .site-brand{
  display:block;flex:none;margin:0;padding:0;color:#f1eee6;
  font:400 22px/.9 Bangers,Impact,sans-serif;letter-spacing:.03em;
  text-decoration:none;white-space:nowrap;transform:rotate(-2deg);
}
.site-header .site-brand span{display:block;font-size:29px;line-height:.9}
.site-header .site-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;margin:0;padding:0}
.site-header .site-action{
  box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;
  gap:8px;min-height:40px;margin:0;padding:8px 12px;white-space:nowrap;
  border:1px solid #626c7d;border-radius:6px;background:transparent;color:#d4d8df;
  font:800 12px/1.2 Nunito,system-ui,sans-serif;text-decoration:none;
  cursor:pointer;box-shadow:none;transform:none;touch-action:manipulation;
}
.site-header .site-action:hover{background:#3b424f;color:#fff;transform:none}
.site-header .site-action:active{background:#475263;transform:none}
.site-header .site-action svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linejoin:round}
.site-header a:focus-visible,.site-header button:focus-visible{outline:3px solid #dac490;outline-offset:3px}
.site-layout-arena main,.site-layout-oficina main{padding-top:calc(var(--site-header-height) + 24px)}
body.cartoon:has(>.site-header){padding-top:var(--site-header-height)}
@media(max-width:800px){
  :root{--site-header-height:65px;--site-gutter:17px}
  .site-header,#cabecalho.site-header{padding-top:8px;padding-bottom:8px;gap:10px}
  .site-header .site-brand{font-size:19px}
  .site-header .site-brand span{font-size:26px}
  .site-header .site-actions{gap:6px}
  .site-header .site-action{font-size:10px;min-height:38px;padding:8px 10px;gap:6px}
  .site-layout-arena main,.site-layout-oficina main{padding-top:calc(var(--site-header-height) + 18px)}
}
@media(max-width:380px){
  .site-header .site-actions{gap:4px}
  .site-header .site-action{padding:8px 7px}
}
@media(max-width:360px){
  .site-header .site-brand{font-size:17px}
  .site-header .site-brand span{font-size:23px}
}
.site-footer{box-sizing:border-box;display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:8px 24px;min-height:56px;margin:0 auto;padding:10px 17px 16px;color:#b4bbc7;font:700 11px/1.4 Nunito,system-ui,sans-serif}
.site-footer a{display:inline-flex;align-items:center;min-height:32px;color:inherit;text-decoration:none}
.site-footer a:hover{text-decoration:underline;color:#f1eee6}
.site-footer a:focus-visible{outline:3px solid #dac490;outline-offset:3px}
.pagina-seria .site-footer{color:#596574;border-top:1px solid #bcc1c8;max-width:1056px}
.pagina-seria .site-footer a:hover{color:#262d37}