/* 🔒 A LETRA DA MARCA, EMBUTIDA (Edu, 18/ago).
   Todas as telas ja declaravam "--hebraico:"Frank Ruhl Libre"" e NENHUMA
   carregava a fonte: quem nao a tivesse instalada — praticamente todo mundo —
   via um "serif" generico se passando pela logo. O arquivo existia em
   "identidade/fontes/", versionado, e nunca foi servido.
   ⚠️ Vai como data URI, e nao por arquivo: sao 2,5 KB (subset dos CINCO
   caracteres de הִנֵּנִי), e assim a marca nao depende de uma rota existir no
   pacote. Foi medindo essa rota que apareceu o "200 com content-type text/html"
   — o Pages devolve a pagina de fallback para caminho que nao existe, e um
   "curl" desatento le isso como sucesso.
   ⚠️ "font-display:block": e a LOGO. Piscar num serif generico antes de trocar
   e exatamente o que este conserto veio tirar. */
@font-face{font-family:"Frank Ruhl Libre";font-style:normal;font-weight:400;
  font-display:block;src:url(data:font/woff2;base64,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) format("woff2");
  unicode-range:U+05B0-05C7,U+05D0-05EA}
  :root{
    --display:"Fraunces",Georgia,serif;
    --texto:"Instrument Sans",system-ui,-apple-system,sans-serif;
    --hebraico:"Frank Ruhl Libre",serif;
    --tinta:#141414; --pedra-700:#3F3B37; --pedra-500:#6B6560; --pedra-200:#E3DED7;
    --linho:#F7F5F1; --dourado:#F8C830; --ouro-texto:#8C6A0D; --ambar:#A0560A;
    --calha:clamp(1.25rem,.85rem + 2vw,2.5rem);
    /* 64 → 72rem (05/out): a tela do painel entrou ao lado do título, e a página
       inteira alargou junto — alargar só o herói desalinhava a logo do título */
    --medida:72rem;
    --r:14px;
  }
  *{box-sizing:border-box}
  html{scroll-behavior:smooth}
  @media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
  body{margin:0;background:#fff;color:var(--tinta);font-family:var(--texto);
       font-size:clamp(1rem,.97rem + .12vw,1.0938rem);line-height:1.62;
       -webkit-font-smoothing:antialiased;overflow-x:hidden}
  .dentro{width:min(100%,var(--medida));margin-inline:auto;padding-inline:var(--calha)}
  h1,h2,h3{font-family:var(--display);font-weight:600;letter-spacing:-.015em;line-height:1.12;margin:0}
  h1{font-size:clamp(2.1rem,1.5rem + 2.6vw,3.4rem)}
  h2{font-size:clamp(1.6rem,1.25rem + 1.5vw,2.3rem)}
  h3{font-size:clamp(1.1rem,1.03rem + .35vw,1.3rem);line-height:1.25}
  p{margin:0}
  .heb{font-family:var(--hebraico);color:var(--dourado);line-height:1;display:block}

  /* ── ação ───────────────────────────────────────────────────────────────── */
  .btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;
    min-height:52px;padding:0 1.6rem;border-radius:999px;border:0;cursor:pointer;
    font-family:var(--texto);font-size:1.0625rem;font-weight:700;text-decoration:none;
    background:var(--dourado);color:var(--tinta);transition:transform .12s ease,filter .12s ease}
  .btn:hover{filter:brightness(1.05)}
  .btn:active{transform:translateY(1px)}
  .btn.fantasma{background:transparent;color:#fff;border:1px solid rgba(255,255,255,.42)}
  .btn.fantasma:hover{background:rgba(255,255,255,.08)}
  .btn:focus-visible,a:focus-visible{outline:3px solid var(--ouro-texto);outline-offset:3px}
  @media (prefers-reduced-motion:reduce){.btn{transition:none}}

  /* ── topo ───────────────────────────────────────────────────────────────── */
  .topo{border-bottom:1px solid var(--pedra-200)}
  .topo .dentro{display:flex;align-items:center;justify-content:space-between;
    gap:1rem;min-height:68px}
  /* ⚠️ 44px de altura mínima em TODO link, medido — não estimado. Estes quatro
     (logo, "Entrar no painel" e os dois do rodapé) saíam com 18 a 30px: alvo
     que o dedo erra, e ninguém percebe no desktop porque o mouse acerta. */
  .logo{display:inline-flex;align-items:center;gap:.55rem;text-decoration:none;color:inherit;
    min-height:44px;padding-block:.25rem}
  /* ⚠️ NÃO CONFIE NA CAIXA AQUI. Medindo `getBoundingClientRect`, o hebraico já
     dava 1,22× a altura do latino — e ainda assim lia menor. É que `הִנֵּנִי` leva
     nikud (os pontos de vocalização) acima e abaixo: eles esticam a caixa e não
     aumentam a letra. A régua honesta é o corpo da letra, e por isso o
     `font-size` daqui é bem maior do que a razão numérica sugeriria. */
  /* o DOBRO do tamanho anterior (Edu, 05/out): 1.85 → 3.7 e 1.15 → 2.3 */
  .logo{gap:.8rem}
  .logo .heb{font-size:3.7rem;transform:translateY(.06em)}
  .logo b{font-family:var(--display);font-size:2.3rem;font-weight:600;letter-spacing:-.015em}
  .topo .dentro{min-height:96px;flex-wrap:wrap;row-gap:.25rem}
  /* o menu das páginas públicas */
  .menu{display:flex;align-items:center;flex-wrap:wrap;gap:.25rem 1.25rem}
  .menu a:not(.btn){display:inline-flex;align-items:center;min-height:44px;padding-inline:.25rem;
    font-size:.9688rem;font-weight:600;color:var(--pedra-700);text-decoration:none}
  .menu a:not(.btn):hover{color:var(--tinta);text-decoration:underline;text-underline-offset:4px}
  .btn--menu{min-height:44px;padding:0 1.15rem;font-size:.9375rem}
  /* no celular a logo grande ocupa a linha; o menu desce para a seguinte, e o
     botão de cadastro sai daqui — ele já é o primeiro botão do herói, logo abaixo */
  @media (max-width:40rem){
    .logo .heb{font-size:2.6rem} .logo b{font-size:1.6rem}
    .topo .dentro{padding-block:.5rem}
    .btn--menu{display:none}
  }

  /* ── herói: bloco preto, sangra na largura toda ─────────────────────────── */
  .heroi{background:var(--tinta);color:#fff;padding-block:clamp(3rem,2rem + 5vw,5.5rem)}
  .heroi .sobrelinha{font-size:.8125rem;font-weight:700;letter-spacing:.12em;
    text-transform:uppercase;color:var(--dourado);margin-bottom:1rem}
  .heroi h1{max-width:17ch}
  .heroi .chamada{margin-top:1.25rem;max-width:52ch;font-size:clamp(1.0625rem,1rem + .4vw,1.25rem);
    color:rgba(255,255,255,.8)}
  .heroi .acoes{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:2rem}
  /* a tela do painel ao lado do texto (Edu, 05/out) */
  .heroi__g{display:grid;gap:clamp(2rem,1.5rem + 2vw,3rem);align-items:center}
  @media (min-width:64rem){ .heroi__g{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr)} }
  .tela-demo{margin:0}
  .tela-demo__janela{border-radius:12px;overflow:hidden;background:#fff;
    border:1px solid rgba(255,255,255,.14);box-shadow:0 28px 60px rgba(0,0,0,.5)}
  .tela-demo__barra{display:flex;align-items:center;gap:6px;padding:8px 12px;background:#2A2826}
  .tela-demo__barra i{width:9px;height:9px;border-radius:50%;background:rgba(255,255,255,.22)}
  .tela-demo__barra b{margin-left:10px;font-size:.75rem;font-weight:600;color:rgba(255,255,255,.72);
    white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .carrossel{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;
    scroll-behavior:smooth}
  .carrossel::-webkit-scrollbar{display:none}
  .carrossel:focus-visible{outline:3px solid var(--dourado);outline-offset:-3px}
  .slide{flex:0 0 100%;margin:0;scroll-snap-align:start}
  .tela-demo img{display:block;width:100%;height:auto}
  .tela-demo__pe{display:flex;align-items:center;justify-content:space-between;gap:1rem;
    flex-wrap:wrap;margin-top:.7rem}
  .tela-demo__pe p{font-size:.8125rem;color:rgba(255,255,255,.55)}
  .pontos{display:flex;gap:2px}
  /* a bolinha mede 10px, o alvo de toque mede 44 */
  .pontos button{width:44px;height:44px;margin:-14px -8px;padding:0;border:0;background:none;cursor:pointer;
    display:grid;place-items:center}
  .pontos button::before{content:"";width:10px;height:10px;border-radius:50%;
    background:rgba(255,255,255,.3);transition:background .2s,transform .2s}
  .pontos button[aria-current="true"]::before{background:var(--dourado);transform:scale(1.2)}
  .pontos button:focus-visible{outline:2px solid var(--dourado);outline-offset:-10px}
  @media (prefers-reduced-motion:reduce){ .carrossel{scroll-behavior:auto} .pontos button::before{transition:none} }

  /* ── seções ─────────────────────────────────────────────────────────────── */
  section{padding-block:clamp(3rem,2.2rem + 4vw,5rem)}
  section.linho{background:var(--linho)}
  .rotulo{font-size:.8125rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;
    color:var(--ouro-texto);margin-bottom:.9rem}
  .lead{margin-top:1.1rem;max-width:56ch;color:var(--pedra-700);
    font-size:clamp(1.03rem,1rem + .3vw,1.15rem)}

  /* a cena — três falas que a liderança reconhece */
  .cena{display:grid;gap:1rem;margin-top:2.25rem;
    grid-template-columns:repeat(auto-fit,minmax(15rem,1fr))}
  .fala{background:#fff;border:1px solid var(--pedra-200);border-radius:var(--r);
    padding:1.35rem 1.4rem;font-style:italic;color:var(--pedra-700)}
  .fala b{display:block;font-style:normal;font-weight:700;color:var(--tinta);
    font-size:.8125rem;letter-spacing:.06em;text-transform:uppercase;margin-top:.85rem}
  .desfecho{margin-top:1.5rem;font-weight:600;font-size:clamp(1.1rem,1rem + .5vw,1.35rem);
    max-width:46ch}

  /* blocos de duas colunas */
  .par{display:grid;gap:clamp(1.5rem,1rem + 3vw,3rem);align-items:start}
  @media (min-width:52rem){.par{grid-template-columns:1fr 1fr}}
  .lista{list-style:none;margin:1.5rem 0 0;padding:0;display:grid;gap:.85rem}
  .lista li{display:flex;gap:.7rem;align-items:flex-start;font-size:.9688rem;color:var(--pedra-700)}
  .lista svg{flex:none;margin-top:.28rem;color:var(--ouro-texto)}
  .lista li{font-size:clamp(1rem,.97rem + .2vw,1.0938rem);color:var(--tinta)}
  .acoes-secao{margin-top:1.75rem}

  /* o nome — a Escritura num bloco só dela, sem botão (fundamento-biblico §8) */
  .nome{text-align:center}
  .nome .heb{font-size:2.6rem;margin-bottom:1.25rem}
  .nome blockquote{margin:0 auto;max-width:40ch;font-family:var(--display);font-style:italic;
    font-weight:400;font-size:clamp(1.15rem,1.05rem + .5vw,1.45rem);line-height:1.45}
  .nome cite{display:block;margin-top:.75rem;font-style:normal;font-size:.8125rem;
    letter-spacing:.08em;text-transform:uppercase;color:var(--pedra-500)}
  .nome .lead{margin:1.5rem auto 0}

  /* fecho */
  .fecho{text-align:center}
  .fecho .btn{margin-top:1.75rem}
  footer{border-top:1px solid var(--pedra-200);padding-block:2rem;
    color:var(--pedra-500);font-size:.875rem}
  footer .dentro{display:flex;flex-wrap:wrap;gap:.75rem 1.5rem;justify-content:space-between;
    align-items:center}
  footer a{color:var(--pedra-700);display:inline-flex;align-items:center;min-height:44px}