@import url('https://fonts.googleapis.com/css2?family=Montserrat&display=swap');

* {
    margin: 0;
    padding: 0;
    outline: none;
    box-sizing: border-box;
    list-style: none;
    text-decoration: none;
}

html {
    font-size: 62.5%; /* Mantém o tamanho base do desktop */
    font-family: var(--fonte) !important;
    height: auto; /* Para impressão e múltiplas páginas */
    overflow: visible; /* Para impressão e múltiplas páginas */
}

body {
    font-size: 1.5rem;
    height: auto; /* Para impressão e múltiplas páginas */
    overflow: visible; /* Para impressão e múltiplas páginas */
}

:root {
    --cor-branco: #fff;
    --cor-preto: black;
    --cor-principal: #19476b;
    --cor-secundaria: #1e1a1b;
    --linear-gradient-fundo: linear-gradient(90deg, rgba(255, 255, 255, 1) 31%, rgba(204, 204, 204, 1) 71%);
    --fonte: 'Montserrat', sans-serif;
}

/* Container - Início */

.container{
    width: 100%;
    background: url('images/fundo1.jpg');
    background-size: cover;
}

.container>div{
    width: 100%;
    background: rgba(0, 0, 0, 0.6);
}

.container>div>div{
    width: 90%;
    margin: 0 auto;
    /* min-height: 100vh; */ /* Removido para permitir múltiplas páginas no PDF */
    height: auto; /* Adicionado para permitir múltiplas páginas no PDF */
    display: flex;
    justify-content: center; /* Pode precisar ser flex-start se o conteúdo for muito longo */
    align-items: center; /* Pode precisar ser flex-start se o conteúdo for muito longo */
    flex-direction: column; /* Garante que o conteúdo flua verticalmente */
    gap: 1rem;
    padding: 2rem 0;
}

.home h1{
    font-size: 2rem;
    text-align: center;
}

.home{
    background: var(--cor-branco);
    box-shadow: 0.2rem 0.2rem 2rem var(--cor-preto);
    max-width: 50rem; /* Mantém a largura máxima do formulário como no desktop */
    border-radius: 1rem;
    display: flex;
    flex-flow: column nowrap;
    justify-content: center;
    align-items: center;
    gap: 1rem;
    padding: 2rem;
    width: 100%; /* Para ocupar o espaço dentro do max-width */
}

.home img{
    max-width: 30rem;
}

.home form{
    display: flex;
    flex-flow: column nowrap;
    justify-content: center;
    align-items: center;
    gap: 1rem;
    width: 100%;
}

.home form>input, .home select{
    width: 100%;
    padding: 1rem 2rem;
    border-radius: 10rem;
    font-family: var(--fonte);
    color: var(--cor-preto);
    border: 0.2rem solid var(--cor-preto);
    font-weight: bold;
}

.home form>input:last-child{
    background: var(--cor-principal);
    border: none;
    color: var(--cor-branco);
    font-size: 1.7rem;
    font-weight: bold;
    text-align: center;
    font-family: var(--fonte);
    transition: .3s;
    cursor: pointer;
}

.home form>input:last-child:hover{
    transform: scale(1.05);
}

.home form input::placeholder{
    color: var(--cor-preto);
    font-family: var(--fonte);
}

.home h2{
    width: 100%;
    text-align: left;
}

.home form>div{
    width: 100%;
    display: flex;
    gap: 1rem;
    flex-flow: row wrap;
}

.home label{
    display: flex;
    gap: 1rem;
    flex-flow: row wrap;
}

.home span{
    width: 100%;
    text-align: left;
    font-weight: bold;
    color: red;
    font-size: 1.4rem;
}

/* Container - Fim */

/* Media queries removidas para forçar layout de desktop em todas as telas */

/* Regras específicas para impressão */
@media print {
    html, body {
        height: auto !important;
        overflow: visible !important;
        -webkit-print-color-adjust: exact !important;
        print-color-adjust: exact !important;
    }
    .container {
        background: url('images/fundo1.jpg') !important; 
        background-size: cover !important;
    }
    .container > div {
        background: rgba(0, 0, 0, 0.6) !important;
    }
    .home {
        box-shadow: none !important; /* Remover sombra na impressão */
        max-width: none !important; /* Permitir que o conteúdo se expanda se necessário */
        width: 100% !important;
    }
    /* Adicione outras regras de impressão aqui se necessário, como forçar cores de texto para preto */
}