#firstboxlogin, #text-login, #logo_login { background-color: transparent;}html { height: 100%;}body { background-size: cover; background-repeat: no-repeat; background-position: center; background-image: url("/plugins/trademark/front/picture.send.php?path=login.background.jpg&theme=desktop");}/* ===========================
   Caixa de login translúcida
   =========================== */
.card, .login-box form {
    background: rgba(255, 255, 255, 0.1); /* leve transparência */
    border-radius: 12px;
    padding: 20px;
}


/* ===========================
   Botão azul com hover
   =========================== */
.card button {
    background: #2196f3;   /* azul padrão */
    border: none;
    border-radius: 8px;
    padding: 12px 18px;
    font-size: 15px;
    font-weight: bold;
    color: #fff;
    cursor: pointer;
    transition: background 0.3s ease;
    width: 100%;
}

.card button:hover {
    background: #1976d2;   /* azul mais escuro no hover */
}

.login-box .login-header img {
    max-width: 300px;  /* controla a largura máxima */
    height: auto;      /* ajusta a altura automaticamente */
    display: block;
    margin: 0 auto 20px auto; /* centraliza */
}



.card input:focus,
.card select:focus {
    border-color: #4fc3f7;
    box-shadow: 0 0 10px rgba(79,195,247,0.5);
    outline: none;
}