/* Mascote 3D das telas de acesso (ver static/js/pages/auth-mascot.js) */
.auth-mascot-host { display: none; }
.auth-mascot-canvas { display: block; width: 100%; height: 100%; touch-action: manipulation; -webkit-tap-highlight-color: transparent; }

.auth-page.has-mascot .auth-mascot-host--story {
    position: absolute;
    z-index: 3;
    right: calc(13% + 120px);
    bottom: 6px;
    display: block;
    height: clamp(230px, 36vh, 340px);
    aspect-ratio: 0.9;
}

@media (max-width: 1020px) {
    .auth-page.has-mascot .auth-mascot-host--story { right: calc(8% + 100px); height: clamp(210px, 32vh, 290px); }
}

@media (max-width: 780px) {
    .auth-page.has-mascot .auth-mascot-host--card {
        display: block;
        width: 150px;
        height: 150px;
        margin: 0 auto 8px;
    }
    .auth-page.has-mascot .auth-brand-mobile { margin-bottom: 12px; }
}

@media (max-width: 440px) {
    .auth-page.has-mascot .auth-mascot-host--card { width: 132px; height: 132px; }
}