/* Cabeçalho da Beyond, usado em todas as páginas do site.
   Na home ele herda as cores da página (inclusive modo escuro); nas outras páginas usa as cores fixas abaixo. */
.by-nav{
  --by-bg:var(--bg,#FBFAFD); --by-fg:var(--fg,#1B1724); --by-muted:var(--muted,#5E5770);
  --by-line:var(--line,#DDD6EA); --by-accent:var(--accent,#6F0C87); --by-ink:var(--accent-ink,#FFFFFF);
  position:sticky; top:calc(var(--wp-admin--admin-bar--height,0px) + env(safe-area-inset-top,0px)); z-index:999;
  background:color-mix(in srgb,var(--by-bg) 90%,transparent); -webkit-backdrop-filter:blur(10px); backdrop-filter:blur(10px);
  border-bottom:1px solid var(--by-line);
  font-family:"Figtree",system-ui,-apple-system,"Segoe UI",sans-serif; line-height:1.4;
}
.by-nav *{box-sizing:border-box}
.by-wrap{max-width:1120px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:16px;
  padding:14px max(20px,env(safe-area-inset-right,0px)) 14px max(20px,env(safe-area-inset-left,0px))}
.by-logo{display:block;line-height:0;text-decoration:none;flex:none}
.by-logo img{height:40px!important;width:auto!important;max-width:none!important;display:block}
.by-logo .on-dark{display:none}
body.beyond-home .by-logo .on-dark{display:none}
@media (prefers-color-scheme: dark){
  body.beyond-home:not([data-theme="light"]) .by-logo .on-light{display:none}
  body.beyond-home:not([data-theme="light"]) .by-logo .on-dark{display:block}
}
.by-links{display:flex;gap:22px;align-items:center;font-weight:500;font-size:15px}
.by-links a{text-decoration:none!important;color:var(--by-muted)!important;font-family:inherit!important;font-size:15px!important;letter-spacing:0!important;text-transform:none!important;transition:color .15s}
.by-links a:hover,.by-links a[aria-current="page"]{color:var(--by-fg)!important}
.by-nav .by-btn{display:inline-flex;align-items:center;background:var(--by-accent)!important;color:var(--by-ink)!important;border-radius:999px;padding:9px 18px;font-weight:600!important;font-size:14.5px!important;text-decoration:none!important;transition:transform .15s}
.by-nav .by-btn:hover{transform:translateY(-2px);color:var(--by-ink)!important}
.by-burger{display:none;border:0;background:transparent;cursor:pointer;width:44px;height:44px;border-radius:12px;color:var(--by-fg);padding:0;align-items:center;justify-content:center}
.by-burger:focus-visible,.by-links a:focus-visible,.by-drawer a:focus-visible,.by-logo:focus-visible{outline:3px solid var(--by-accent);outline-offset:2px}
.by-burger span,.by-burger span::before,.by-burger span::after{display:block;width:22px;height:2px;background:currentColor;border-radius:2px;position:relative;transition:transform .2s,background .2s}
.by-burger span::before,.by-burger span::after{content:"";position:absolute;left:0}
.by-burger span::before{top:-7px}.by-burger span::after{top:7px}
.by-nav.open .by-burger span{background:transparent}
.by-nav.open .by-burger span::before{transform:translateY(7px) rotate(45deg)}
.by-nav.open .by-burger span::after{transform:translateY(-7px) rotate(-45deg)}
.by-drawer{border-top:1px solid var(--by-line);padding:8px max(20px,env(safe-area-inset-right,0px)) 18px max(20px,env(safe-area-inset-left,0px));display:grid;gap:2px}
.by-drawer a{display:block;padding:12px 0;text-decoration:none!important;color:var(--by-fg)!important;font-weight:600!important;font-size:18px!important;font-family:inherit!important;border-bottom:1px solid var(--by-line)}
.by-drawer a.by-btn{margin-top:12px;justify-content:center;border:0;padding:12px 18px}
.by-drawer[hidden]{display:none!important}
@media (max-width:860px){
  .by-links a:not(.by-btn){display:none}
  .by-burger{display:inline-flex}
}
@media (min-width:861px){.by-drawer{display:none!important}}
@media (max-width:420px){.by-links .by-btn{display:none}}

/* ---------- Rodapé ---------- */
.by-foot{
  --by-bg:var(--bg,#FBFAFD); --by-fg:var(--fg,#1B1724); --by-muted:var(--muted,#5E5770);
  --by-line:var(--line,#DDD6EA); --by-accent:var(--accent,#6F0C87);
  background:var(--by-bg); color:var(--by-muted); border-top:1px solid var(--by-line);
  padding:44px 0 calc(32px + env(safe-area-inset-bottom,0px))!important;
  font-family:"Figtree",system-ui,-apple-system,"Segoe UI",sans-serif; font-size:15px; line-height:1.5;
}
.by-foot *{box-sizing:border-box}
.by-fwrap{max-width:1120px;margin:0 auto;display:grid;grid-template-columns:auto 1fr;gap:20px 40px;align-items:center;
  padding:0 max(20px,env(safe-area-inset-right,0px)) 0 max(20px,env(safe-area-inset-left,0px))}
@media (max-width:700px){.by-fwrap{grid-template-columns:1fr}}
.by-flogo{display:block;line-height:0;text-decoration:none}
.by-flogo img{height:52px!important;width:auto!important;max-width:none!important;display:block}
.by-flogo .on-dark{display:none}
@media (prefers-color-scheme: dark){
  body.beyond-home .by-flogo .on-light{display:none}
  body.beyond-home .by-flogo .on-dark{display:block}
}
.by-tagline{margin:0!important;font-family:"Bricolage Grotesque","Arial Narrow",sans-serif!important;font-weight:700!important;font-size:clamp(19px,2.4vw,26px)!important;line-height:1.2!important;color:var(--by-fg)!important;letter-spacing:-.01em;max-width:30ch;text-wrap:balance}
.by-fcontacts{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:10px 28px;font-weight:500;color:var(--by-fg)}
.by-fcontacts a{display:inline-flex;align-items:center;gap:8px;text-decoration:none!important;color:var(--by-fg)!important;font-family:inherit!important}
.by-fcontacts a:hover{color:var(--by-accent)!important}
.by-sel{user-select:all}
.by-legal{grid-column:1/-1;font-size:13px}
.by-legal a{color:inherit!important;text-decoration:underline;text-underline-offset:3px}