/* Estilos Gerais */
body {
    background-color: #f8f9fa; /* Um cinza claro suave */
}

/* Estilos para a página de Login (login.php) */
.login-container {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 100vh;
}

.login-card {
    width: 100%;
    max-width: 400px;
}

/* Ajustes para telas menores (mobile) */
@media (max-width: 576px) {
    .login-container {
        padding: 1rem;
    }
    .login-card {
        border: none;
        box-shadow: none !important;
    }
}

/* Estilos para as imagens dos lances (bid-image) */
/* Estilo base para a imagem (mobile-first) */
.bid-image {
    max-height: 200px;
    object-fit: contain; /* Garante que a imagem se ajuste sem cortar */
}

/* Media query para telas maiores (desktops, a partir de 768px de largura) */
@media (min-width: 768px) {
    .bid-image {
        max-height: 500px; /* 2.5x maior que 200px */
    }
}