body{
    padding: 0;
    margin: 0;
}

main{
    padding: 96px 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background-color: var(--azul);
    min-height: 100dvh;
    width: 100%;

    h1, h2{
        color: #fff;
        text-align: center;
    }

    h2{
        font-size: 50px;
    }

}

#gracias-cont{
    display: none;
    flex-direction: column;
    align-items: center;
    width: 95%;
    p{
        text-align: center;
        color: #fff;
        font-weight: 550;
    }
}

.form-cot{
    margin-top: 32px;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 22px;
    width: 50%;

    .btnYellow{
        width: 100%;
        border-radius: 10px;
    }
}

.cont-imp{
    display: flex;
    flex-direction: column;
    width: 100%;
    gap: 4px;

    label{
        font-weight: 550;
        color: #fff;
    }

    .imp{
        padding: 12px 12px;
        border: unset;
        border-radius: 10px;
        background-color: var(--azul_opaco);
        width: 100%;
        color: #fff;
        font-weight: 550;
        box-sizing: border-box;
    }
}

@media(max-width:950px){
    #form-cot{
        width: 80%;
    }

    main{
        h1, h2{
            font-size: 32px;
            width: 90%;
        }
    }
}

@media(max-width:650px){
    #form-cot{
        width: 90%;
    }
}