/* Fonte manuscrita da Beatriz — "Beatrizarte Regular" v4 (05/08/2026).
   É a variação Lápis, redesenhada pela Ana de raiz (122 carateres), com uma
   2.ª versão das 26 MINÚSCULAS (feature calt, ligada por defeito nos browsers).
   CADA LETRA REVEZA-SE CONSIGO PRÓPRIA: de cada vez que a mesma letra volta a
   sair, sai no outro desenho — em "ana" saem os dois aa, e o n conta à parte.
   Só as minúsculas: é aí que se nota, os símbolos não precisam.

   ESPESSURA ÚNICA — esta letra não tem negrito, por decisão da Ana. Para
   destacar usa-se tamanho ou cor, nunca font-weight. */
@font-face {
    font-family: "Beatrizarte";
    src: url("beatrizarte-font/beatrizarte.woff2?v=6") format("woff2"),
         url("beatrizarte-font/beatrizarte.ttf?v=6") format("truetype");
    font-weight: 400;
    font-style: normal;
    font-display: swap;
    /* Os glifos são pequenos dentro do em; isto amplia só esta fonte,
       sem afetar a Gloria Hallelujah de fallback. */
    size-adjust: 128%;
}

/* Nada de negrito, nem o falso: sem um ficheiro Bold, o browser deformaria a
   letra dela sozinho (font-synthesis). Estas regras apanham o que vier de
   fora do nosso HTML — <strong> das traduções, plugins, colagens. */
:root {
    font-synthesis: none;
    font-synthesis-weight: none;
}

b, strong {
    font-weight: inherit;
}

/* Tamanho base adaptado ao dispositivo (o site usa rem, por isso escala tudo). */
html {
    font-size: 17px;
}

@media (min-width: 768px) {
    html {
        font-size: 18px;
    }
}

@media (min-width: 1280px) {
    html {
        font-size: 19px;
    }
}

/* Menu lateral: em iOS o fundo ficava escondido atrás da barra do Safari.
   Altura dinâmica do viewport + espaço para a safe area resolvem o corte. */
#side-menu {
    height: 100vh;
    height: 100dvh;
    padding-bottom: calc(2rem + env(safe-area-inset-bottom, 0px));
}