/* css/style.css */

/* =============================================== */
/* ESTILOS PARA DESKTOP (Telas maiores que 991px)  */
/* =============================================== */

.card {
    max-width: 600px;
    margin: 2rem auto;
    padding: 2rem;
    border-radius: 15px;
}

/* Tamanho do logo no desktop */
.navbar-brand img {
    max-width: 400px; /* << Aumentado para 400px no desktop */
}

/* Tamanho das fontes no desktop */
.card-header h4 {
    font-size: 1.75rem;
}

.form-label {
    font-size: 1.1rem;
}

.form-control, 
.form-select, 
.btn {
    font-size: 1.1rem;
    padding: 0.75rem 1rem;
}


/* =============================================== */
/* ESTILOS PARA CELULAR (Telas de até 991px)       */
/* =============================================== */
@media (max-width: 991px) {
    body {
        background-color: #fff;
    }
    
    .card {
        width: 100%;
        max-width: 100%;
        margin: 0;
        padding: 1.5rem 1rem;
        border: none;
        box-shadow: none;
    }

    /* Tamanho do logo no celular */
    .navbar-brand img {
        max-width: 300px; /* << Mantido em 300px para celular */
    }

    .card-header h4 {
        font-size: 1.8rem; 
        text-align: center;
    }

    .form-label,
    .form-control, 
    .form-select, 
    .btn {
        font-size: 1.25rem; 
    }
    
    .form-control, 
    .form-select, 
    .btn {
        padding: 1rem; 
    }

    .btn {
        width: 100%;
    }
}