/* HCR Sinal — tokens, reset, tipografia utilitária, botões e cabeçalhos de seção.
   Tema escuro único (decisão de direção). Fonte da verdade: protótipo "HCR Sinal.html". */
:root{
  --void:#05070D; --abyss:#0A1020; --panel:#0F1830; --panel-2:#131E3B;
  --line:rgba(120,160,255,.14); --line-2:rgba(120,160,255,.28);
  --ink:#EAF0FF; --ink-2:#C3CCE3; --mute:#8A96B3;
  --electric:#2F6BFF; --cyan:#22E4FF; --lime:#C6FF3D; --danger:#FF6B6B;
  --display:"Archivo","Arial Narrow",system-ui,sans-serif;
  --mono:"JetBrains Mono",ui-monospace,"SFMono-Regular",Menlo,Consolas,monospace;
  --ease-out:cubic-bezier(.16,1,.3,1); --ease-io:cubic-bezier(.65,0,.35,1);
  --gutter:max(clamp(16px,4vw,56px), env(safe-area-inset-left,0px));
  --gutter-r:max(clamp(16px,4vw,56px), env(safe-area-inset-right,0px));
  color-scheme:dark;
}
*{box-sizing:border-box}
[hidden]{display:none!important}
/* Sem scroll-behavior:smooth no CSS: quebra as medições do ScrollTrigger. A rolagem suave das âncoras é feita em core.js. */
html{background:var(--void)}
body{background:var(--void);color:var(--ink);font-family:var(--display);font-size:1.0625rem;line-height:1.6;font-variation-settings:"wdth" 100;overflow-x:hidden;-webkit-font-smoothing:antialiased}
::selection{background:var(--cyan);color:var(--void)}
a{color:inherit}
button,input,select,textarea{font:inherit;color:inherit}
:focus-visible{outline:2px solid var(--cyan);outline-offset:3px;border-radius:2px}
.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
.wrap{max-width:1480px;margin-inline:auto;padding-left:var(--gutter);padding-right:var(--gutter-r)}
.mono{font-family:var(--mono);font-size:.75rem;letter-spacing:.12em;text-transform:uppercase}
.tag{font-family:var(--mono);font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;color:var(--cyan);display:inline-flex;gap:.6em;align-items:center;margin:0}
.tag::before{content:"";width:22px;height:1px;background:currentColor}
.skip{position:fixed;left:16px;top:-60px;z-index:100;background:var(--lime);color:var(--void);padding:.6rem 1rem;font-family:var(--mono);font-size:.8rem;text-decoration:none}
.skip:focus{top:calc(12px + env(safe-area-inset-top,0px))}

/* ——— Buttons ——— */
.btn{--b:var(--ink);display:inline-flex;align-items:center;gap:.8rem;padding:1rem 1.4rem;font-family:var(--mono);font-size:.78rem;letter-spacing:.12em;text-transform:uppercase;text-decoration:none;border:1px solid var(--line-2);background:transparent;cursor:pointer;position:relative;overflow:hidden;transition:color .35s var(--ease-out),border-color .35s}
.btn::before{content:"";position:absolute;inset:0;background:var(--b);transform:translateY(101%);transition:transform .5s var(--ease-out);z-index:-1}
.btn{isolation:isolate}
.btn:hover::before{transform:translateY(0)}
.btn:hover{color:var(--void);border-color:var(--b)}
.btn-primary{--b:var(--lime);background:var(--lime);color:var(--void);border-color:var(--lime);font-weight:500}
.btn-primary::before{background:var(--ink)}
.btn .arr{transition:transform .45s var(--ease-out)}
.btn:hover .arr{transform:translateX(4px)}
.btn[disabled]{opacity:.35;cursor:not-allowed}
.btn[disabled]::before{display:none}
.btn[disabled]:hover{color:inherit}
.btn-primary[disabled]:hover{color:var(--void)}

/* ——— Section heads ——— */
section{position:relative}
.chapter{padding-block:clamp(96px,14vw,200px)}
.sec-head{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.55fr);gap:1.5rem 4rem;align-items:end;margin-bottom:clamp(48px,7vw,96px)}
.mega{margin:.6rem 0 0;font-weight:800;font-size:clamp(3rem,8.4vw,9.5rem);line-height:.88;letter-spacing:-.045em;font-variation-settings:"wdth" 100;text-wrap:balance}
.sec-head p.intro{margin:0;color:var(--ink-2);max-width:42ch}
@media (max-width:900px){.sec-head{grid-template-columns:1fr}}

@media (prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;transition-duration:.15ms!important}}
html.rm *{animation-duration:.01ms!important}

/* ——— WordPress ——— */
img{max-width:100%;height:auto}
.alignwide{max-width:1200px}
.alignfull{max-width:none}
.wp-caption-text,.gallery-caption{color:var(--mute);font-size:.85rem}

/* Alvos de âncora recebem foco programático (pular para o conteúdo): sem contorno no bloco inteiro. */
main[tabindex="-1"]:focus,section[tabindex="-1"]:focus,main[tabindex="-1"]:focus-visible,section[tabindex="-1"]:focus-visible{outline:none}