/* ===== BASE DAS PAGINAS RENDERIZADAS NO SERVIDOR =====
   So o App.razor do host carrega este arquivo, e so no documento das paginas estaticas. Nas telas do
   WASM quem faz este papel e o MudBlazor.min.css, que a pagina publica nao baixa.

   E o reset global do MudBlazor 9.4 (as regras sem classe .mud-*), porque o CSS das secoes e do
   PublicLayout foi escrito com ele valendo: sem isto o body ganha a margem padrao do navegador, os
   titulos ganham margem propria e o iframe do YouTube perde o tamanho. A tipografia do body le as
   variaveis que o MudThemeProvider do PublicLayout emite. Ficou de fora so o
   "a:focus-visible { outline: none }": na pagina publica o foco do teclado continua visivel. */

* {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    border-width: 0;
    border-style: solid;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

strong,
b {
    font-weight: 700;
}

body {
    color: var(--mud-palette-text-primary);
    font-family: var(--mud-typography-default-family);
    font-size: var(--mud-typography-default-size);
    font-weight: var(--mud-typography-default-weight);
    line-height: var(--mud-typography-default-lineheight);
    letter-spacing: var(--mud-typography-default-letterspacing);
    text-transform: var(--mud-typography-default-text-transform);
    background-color: var(--mud-palette-background);
}

a {
    color: var(--mud-palette-text-primary);
    text-decoration: none;
}

iframe {
    border: none;
    height: 100%;
    width: 100%;
}
