/* Importando a fonte Montserrat */
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;600&display=swap');

/* Estilo geral */
body {
    font-family: 'Montserrat', sans-serif;
    margin: 0;
    padding: 0;
    background-color: #f4f4f9;
    color: #333;
}

/* Container principal */
.container {
    max-width: 600px;
    margin: 20px auto;
    padding: 20px;
    background: white;
    border-radius: 8px;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
}

/* Título principal */
h1 {
    text-align: center;
    font-size: 32px;
    font-weight: 700;
    color: #003e80;
}

/* Formulário */
form {
    display: flex;
    flex-direction: column;
}

label {
    margin-top: 10px;
    font-weight: 600;
}

input, select, button {
    margin-top: 5px;
    padding: 10px;
    font-size: 26px;
    border-radius: 5px;
    border: 1px solid #ccc;
}

/* Botão */
button {
    background-color: #007bff;
    color: white;
    font-weight: 800;
    border: none;
    cursor: pointer;
}

button:hover {
    background-color: #0056b3;
}

/* Resultado */
.result {
    margin-top: 20px;
}

.result h2 {
    font-size: 28px;
}

.result p {
    font-size: 18px;
}

/* Links */
a {
    color: #007bff;
}

a:hover {
    text-decoration: underline;
}

/* Responsividade para dispositivos móveis */
@media (max-width: 768px) {
    .container {
        margin: 10px auto;
        padding: 15px;
        box-shadow: none; /* Remove sombra em telas pequenas */
        border-radius: 5px; /* Bordas menores */
        background-color: #ffffff; /* Fundo branco */
    }

    h1 {
        font-size: 28px; /* Tamanho menor para o título */
        margin-bottom: 15px; /* Espaço abaixo do título */
        color: #0056b3; /* Azul mais escuro */
        font-weight: 800;
    }

    input, select, button {
        font-size: 22px; /* Ajuste de tamanho dos inputs e botão */
        padding: 8px; /* Redução no espaçamento interno */
        margin-top: 8px; /* Espaçamento menor entre os elementos */
        border-radius: 4px; /* Bordas arredondadas mais sutis */
        border-color: #ddd; /* Cor da borda mais clara */
    }

    button {
        font-size: 22px;
        padding: 10px;
        background-color: #007bff;
        color: white;
        border: none;
        cursor: pointer;
    }

    button:hover {
        background-color: #0056b3;
    }

    .result h2 {
        font-size: 22px; /* Ajuste do tamanho do título dos resultados */
    }

    .result p, .result ul {
        font-size: 18px; /* Ajuste do tamanho do texto dos resultados */
    }
}