@import url('https://fonts.googleapis.com/css2?family=EB+Garamond:ital,wght@1,600&display=swap');

.login-bg {
    background-image: url("/static/img/background/bg-header.jpg");
    background-size: cover;  /* Faz a imagem cobrir o fundo */
    background-position: center;  /* Centraliza a imagem */
    background-repeat: no-repeat;  /* Evita que a imagem se repita */
    overflow-y: hidden;
}

.card-login {
    background: rgba(176, 175, 175, 0.25); /* Fundo semi-transparente */
    backdrop-filter: blur(10px); /* Efeito de desfoque */
    -webkit-backdrop-filter: blur(10px); /* Para compatibilidade com Safari */
    border-radius: 10px; /* Borda arredondada */
    padding: 20px; /* Espaçamento interno */
    box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.2); /* Sombra para destacar o card */
}

.login-button {
    background: rgb(63, 63, 63);
    border: 0.2px solid rgb(40, 40, 40);
    color: #fff;
    border-radius: 6px;
}

.login-button:hover {
    background: rgb(40, 40, 40);
    color: #fff;
}


.after-sales-title {
    font-family: 'EB Garamond', serif;
    font-weight: 600;
    font-style: italic;
    font-size: 1.8rem; /* pode ajustar */
    color: #f8f9fa; /* mantém o texto claro */
    letter-spacing: 1px; /* dá um espaçamento estiloso */
}