/* CSS para reduzir o tamanho da imagem de login */

/* Reduzir o tamanho da imagem de login de 384px para 288px (75% do original) */
.login-icon-reduced {
    width: 24rem !important; /* w-72 = 288px */
    height: 24rem !important; /* h-72 = 288px */
    max-width: 24rem !important;
    max-height: 24rem !important;
}

/* Força aplicação com especificidade máxima */
body div.relative div.text-center img.login-icon-reduced {
    width: 18rem !important;
    height: 18rem !important;
    max-width: 18rem !important;
    max-height: 18rem !important;
}

/* Alternativa para tamanho ainda menor (128px) */
.login-icon-small {
    width: 8rem !important; /* w-32 = 128px */
    height: 8rem !important; /* h-32 = 128px */
    max-width: 8rem !important;
    max-height: 8rem !important;
}

/* Alternativa para tamanho médio (256px) */
.login-icon-medium {
    width: 16rem !important; /* w-64 = 256px */
    height: 16rem !important; /* h-64 = 256px */
    max-width: 16rem !important;
    max-height: 16rem !important;
}

/* Responsividade para dispositivos móveis */
@media (max-width: 768px) {
    .login-icon-reduced,
    .login-icon-small,
    .login-icon-medium {
        width: 6rem !important; /* w-24 = 96px em mobile */
        height: 6rem !important; /* h-24 = 96px em mobile */
        max-width: 6rem !important;
        max-height: 6rem !important;
    }
}

/* Seletor específico para a imagem de login com maior especificidade */
div img[src*="login_icon_image_1757599836.png"].login-icon-reduced,
img[src*="login_icon_image_1757599836.png"] {
    width: 18rem !important; /* 288px - 75% do original */
    height: 18rem !important; /* 288px - 75% do original */
    max-width: 18rem !important;
    max-height: 18rem !important;
    object-fit: contain !important;
}

/* Responsividade para a imagem específica em mobile */
@media (max-width: 768px) {
    div img[src*="login_icon_image_1757599836.png"].login-icon-reduced,
    img[src*="login_icon_image_1757599836.png"] {
        width: 9rem !important; /* 144px em mobile - 75% de 192px */
        height: 9rem !important; /* 144px em mobile - 75% de 192px */
        max-width: 9rem !important;
        max-height: 9rem !important;
        object-fit: contain !important;
    }
}