/* Tela de boas-vindas (antes do login): uma imagem que ocupa a largura toda
   e o botao Entrar por cima. A posicao e o tamanho do botao sao em % / cqw
   da imagem (medidos na imagem padrao de 1600x860), entao ele fica no mesmo
   lugar em qualquer tela. Tambem usado pela previa da tela Aparencia. */
.bv { margin: 0; min-height: 100vh; background: #F7F4EE; }
.bv-tela { position: relative; container-type: inline-size; width: 100%; }
.bv-imagem { display: block; width: 100%; height: auto; }
.bv-entrar {
    position: absolute; left: 18%; top: 45.58%;
    display: inline-flex; align-items: center; gap: .6em;
    height: 3em; padding: 0 1.75em; font-size: 1.0625cqw; /* 17px numa tela de 1600px */
    border-radius: .5em; background: var(--cor-principal, #DB9B0E); color: var(--cor-texto-botao, #1C1A16);
    font-weight: 600; text-decoration: none; white-space: nowrap;
    box-shadow: 0 .35em 1.1em color-mix(in srgb, var(--cor-principal, #DB9B0E) 30%, transparent);
}
.bv-entrar:hover { filter: brightness(0.96); }
.bv-entrar:focus-visible { outline: 3px solid #1C1A16; outline-offset: 3px; }
.bv-entrar .icon { width: 1.2em; height: 1.2em; }
/* tela pequena: o botao nao fica menor que um toque confortavel */
@media (max-width: 900px) {
    .bv-entrar { font-size: max(1.0625cqw, 13px); }
}