/* Biônica · núcleo reutilizável dos três sites aprovados · 20/09/2026.
   Complementa os modelos editoriais existentes. Fonte Helvetica Now Display local.
   Temas mudam cores; geometria, marca e tipografia permanecem iguais. */
:root {
  --display:"Helvetica Now Display","Helvetica Neue",Helvetica,Arial,sans-serif;
  --ui:var(--display); --font:var(--display);
  --content:1540px; --pad:clamp(24px,5vw,88px); --topo-h:76px;
  --radius-s:14px; --radius:16px; --radius-m:20px; --radius-l:28px;
  --ease:cubic-bezier(.2,.7,.2,1);
  --accent:#c5f404; --accent-ink:#050609;
  --accent-soft:rgba(197,244,4,.10); --accent-line:rgba(197,244,4,.42);
}
:root,:root[data-theme=dark] {
  color-scheme:dark;
  --bg:#050609; --bg-deep:#020305; --bg-soft:#080b10; --panel:#0b0f16;
  --ink:#f5f7fb; --body:#cbd1dc; --muted:#929cab;
  --line:rgba(255,255,255,.12); --line-strong:rgba(255,255,255,.22);
  --line-faint:rgba(255,255,255,.075); --glass:rgba(5,6,9,.76);
  --glass-scrolled:rgba(5,6,9,.92); --control:rgba(255,255,255,.025);
  --control-hover:rgba(255,255,255,.065);
  --shadow-header:0 14px 42px rgba(0,0,0,.34);
  --shadow-card:0 26px 80px rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.025);
  --shadow-float:0 28px 80px rgba(0,0,0,.42);
}
:root[data-theme=light] {
  color-scheme:light;
  --bg:#f5f6f8; --bg-deep:#eceef2; --bg-soft:#eef0f4; --panel:#fff;
  --ink:#11141b; --body:#404957; --muted:#626d7c;
  --line:rgba(17,20,27,.12); --line-strong:rgba(17,20,27,.24);
  --line-faint:rgba(17,20,27,.08); --glass:rgba(245,246,248,.8);
  --glass-scrolled:rgba(245,246,248,.94); --control:rgba(17,20,27,.025);
  --control-hover:rgba(17,20,27,.06);
  --shadow-header:0 14px 42px rgba(17,20,27,.08);
  --shadow-card:0 14px 36px rgba(17,20,27,.045),inset 0 1px 0 #fff;
  --shadow-float:0 24px 65px rgba(17,20,27,.14);
}
html {background:var(--bg);scroll-padding-top:calc(var(--topo-h) + 20px)}
html.lenis,html.lenis body {height:auto}
.lenis.lenis-smooth {scroll-behavior:auto!important}
.lenis.lenis-stopped {overflow:hidden}
.lenis.lenis-smooth [data-lenis-prevent] {overscroll-behavior:contain}
body {background:var(--bg);color:var(--body);font-family:var(--display);font-variant-numeric:tabular-nums;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overflow-x:clip}
h1,h2,h3 {font-family:var(--display);font-weight:500;text-wrap:balance}
p {text-wrap:pretty}
.bionica-shell {width:100%;max-width:calc(var(--content) + 2 * var(--pad));margin-inline:auto;padding-inline:var(--pad)}
.bionica-skip {position:fixed;top:12px;left:var(--pad);z-index:500;transform:translateY(-160%);padding:12px 22px;border-radius:999px;background:var(--ink);color:var(--bg)}
.bionica-skip:focus {transform:none}
.bionica-topbar {position:fixed;inset:0 0 auto;z-index:100;border-bottom:1px solid var(--line-faint);background:var(--glass);backdrop-filter:blur(18px) saturate(130%);-webkit-backdrop-filter:blur(18px) saturate(130%);box-shadow:none;transition:background .25s,border-color .25s,box-shadow .25s}
.bionica-topbar.is-scrolled {background:var(--glass-scrolled);border-color:var(--line);box-shadow:var(--shadow-header)}
.bionica-topbar-inner {min-height:var(--topo-h);display:grid;grid-template-columns:1fr auto 1fr;gap:32px;align-items:center}
.bionica-brand {display:inline-flex;align-items:center;min-height:44px;min-width:44px;justify-self:start;flex-shrink:0}
.bionica-brand img {display:block;width:auto;height:20px;object-fit:contain}
.bionica-nav {display:flex;align-items:center;gap:6px;padding:5px;border:1px solid var(--line-faint);border-radius:999px;background:var(--control);box-shadow:inset 0 1px 0 var(--line-faint);font-size:15px}
.bionica-nav :is(a,button) {display:inline-flex;align-items:center;justify-content:center;min-height:44px;min-width:44px;padding:0 18px;border:0;border-radius:999px;background:transparent;color:var(--muted);font:inherit;text-decoration:none;transition:color .2s,background .2s}
.bionica-nav :is(a,button):hover {background:var(--control-hover);color:var(--ink)}
.bionica-nav [aria-current=page] {background:var(--accent-soft);color:var(--ink)}
.bionica-header-actions {display:flex;align-items:center;gap:12px;justify-self:end}
.bionica-button {display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:48px;min-width:44px;padding:0 22px;border:1px solid var(--line);border-radius:999px;background:var(--control);color:var(--ink);font-family:var(--ui);font-size:15px;font-weight:500;text-decoration:none;transition:background .2s,border-color .2s,transform .15s}
.bionica-button:hover {border-color:var(--line-strong);background:var(--control-hover)}
.bionica-button:active {transform:scale(.985)}
.bionica-button.primary {background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}
.bionica-menu-toggle {display:none}
.bionica-footer {display:flex;align-items:center;justify-content:space-between;gap:28px;padding-block:40px;border-top:1px solid var(--line);color:var(--muted);font-size:14px}
.bionica-footer p {max-width:60ch}
@media(max-width:960px) {
  :root {--topo-h:64px}
  .bionica-topbar-inner {grid-template-columns:1fr auto;gap:16px}
  .bionica-menu-toggle {display:inline-flex;min-height:44px;padding-inline:16px;font-size:14px}
  .bionica-nav {position:absolute;top:calc(100% + 8px);left:var(--pad);right:var(--pad);display:none;border-radius:20px;padding:8px;background:var(--panel);border-color:var(--line-strong);box-shadow:var(--shadow-float)}
  .bionica-topbar.menu-open .bionica-nav {display:grid;gap:4px}
  .bionica-nav :is(a,button) {justify-content:flex-start;border-radius:14px;min-height:48px}
}
@media(max-width:760px) {
  :root {--pad:22px}
  .bionica-brand img {height:18px}
  .bionica-footer {flex-direction:column;align-items:flex-start;gap:14px;font-size:13px}
}
@media(prefers-reduced-motion:reduce) {
  html {scroll-behavior:auto!important}
  *,*::before,*::after {animation:none!important;transition:none!important}
}