/* Mascotes do Curator (<curador-mascote>, desenhados em canvas pelo curador-mascote.js).
   O tamanho fica reservado antes de o script carregar, para a página não pular. */
curador-mascote {
    display: inline-block;
    flex: 0 0 auto;
    width: 198px;
    height: 180px;
    vertical-align: middle;
}
curador-mascote[mesa] {
    width: 252px;
}

.site-mascote--xs { width: 66px; height: 60px; }
.site-mascote--sm { width: 110px; height: 100px; }
.site-mascote--md { width: 160px; height: 146px; }
.site-mascote--lg { width: 220px; height: 200px; }
.site-mascote--xs[mesa] { width: 84px; }
.site-mascote--sm[mesa] { width: 140px; }
.site-mascote--md[mesa] { width: 204px; }
.site-mascote--lg[mesa] { width: 280px; }

/* Utilitários de posicionamento */
.site-mascote-center { display: block; margin-left: auto; margin-right: auto; }

@media (max-width: 767px) {
    .site-mascote--lg { width: 160px; height: 146px; }
    .site-mascote--lg[mesa] { width: 204px; }
    .site-mascote--md { width: 124px; height: 113px; }
    .site-mascote--md[mesa] { width: 158px; }
    .site-mascote-hide-mobile { display: none; }
}