div#field_1_16, div#field_1_13, div#field_1_10, div#field_1_6, div#field_1_4 {
    grid-column: span 3 !important;
}

div#field_1_21, div#field_1_20, div#field_1_19, div#field_1_18, div#field_1_17 {
    grid-column: span 9 !important;
}

.formulario .asistentente-pregunta {
    background-color: var(--lighter-grey);
    padding: 1em;
    border-radius: 1.5rem;
    color: var(--black);
}

.formulario .asistentente-pregunta p, .formulario .asistentente-pregunta strong {
    line-height: 1.5;
    margin: 0;
}

#gf_progressbar_wrapper_1 {
    display: none !important;
}

form input, form select {
    border-radius: 3rem !important;
}

form legend, form label {
    font-weight: 700 !important;
    font-size: 14px;
}

form .gfield_radio label {
    font-weight: 400 !important;
}

form .ginput_container.ginput_container_date input {
    width: 100% !important;
}

.gform-page-footer.gform_page_footer.top_label {
    justify-content: space-between !important;
}

.gform-page-footer.gform_page_footer.top_label input[type="button"] {
    border-radius: 22px !important;
    padding: 5px 15px !important;
    font-weight: 700 !important;
}

.gform-page-footer.gform_page_footer.top_label input[type="button"].gform_next_button {
    background-color: var(--blue) !important;
}

.gform-page-footer.gform_page_footer.top_label span {
    display: none !important;
}

form#gform_1 {
    padding: 2em;
    border-radius: 2em;
    border: solid 1px var(--light-grey);
    box-shadow: 1px 1px 15px 1px var(--light-grey);
}

div#gform_fields_1, div#gform_fields_1_2, div#gform_fields_1_3, div#gform_fields_1_4, div#gform_fields_1_5 {
    position: relative;
    gap: 20px 30px !important;
}

fieldset#field_1_3, fieldset#field_1_22, div#field_1_31 {
    position: absolute;
    top: 300px;
    left: 26%;
}

fieldset#field_1_28 {
    position: absolute;
    top: 250px;
    left: 26%;
}


div#field_1_32 {
    position: absolute;
    top: 450px;
    left: 26%;
}

#gform_page_1_1 .gform-page-footer.gform_page_footer.top_label {
    place-content: end !important;
}

@media(max-width: 1280px) {
    div#field_1_16, div#field_1_13, div#field_1_10, div#field_1_6, div#field_1_4 {
        grid-column: span 3 !important;
    }

    div#field_1_21, div#field_1_20, div#field_1_19, div#field_1_18, div#field_1_17 {
        grid-column: span 9 !important;
    }
}

@media(max-width: 1215px) {
    fieldset#field_1_28 {
        position: relative;
        top: unset;
        left: unset;
    }
}

@media(max-width: 1160px) {

    div#field_1_31 {
        top: 250px;
    }

    div#field_1_32 {
        top: 400px;
    }

}

@media(max-width: 1070px) {
    fieldset#field_1_22 {
        position: relative;
        top: unset;
        left: unset;
    }
}

@media(max-width: 1010px) {

    div#field_1_31,
    div#field_1_32 {
        position: relative;
        top: unset;
        left: unset;
    }
}


@media(max-width: 870px) {
    .formulario-page .bg-image h1 {
        font-size: 36px;
    }
}

@media(max-width: 800px) {

    div#field_1_16, div#field_1_13, div#field_1_10, div#field_1_6, div#field_1_4 {
        display: grid;
        place-content: center;
        place-items: center;
        text-align: center;
    }

    

    .formulario img.asistente {
        max-height: 300px;
        width: auto;
        border-radius: 20px;
    }

    fieldset#field_1_3 {
        position: relative;
        top: unset;
        left: unset;
        bottom: unset;
    }
}



@media(max-width: 655px) {
    div#field_1_16, div#field_1_13, div#field_1_10, div#field_1_6, div#field_1_4 {
        grid-column: span 5 !important;
    }


    div#field_1_21, div#field_1_20, div#field_1_19, div#field_1_18, div#field_1_17 {
        grid-column: span 7 !important;
    }
}

@media(max-width: 550px) {
    form#gform_1 {
        padding: 2em 1em;
        border-radius: 2em;
        border: solid 1px var(--light-grey);
        box-shadow: 1px 1px 15px 1px var(--light-grey);
    }
}


@media(max-width: 500px) {
    .formulario-page .bg-image h1 {
        transform: translate(0px, 35px);
    }
}

@media(max-width: 400px) {
    .formulario-page .bg-image h1 {
        transform: translate(0px, 35px);
    }

    div#field_1_21, div#field_1_20, div#field_1_19, div#field_1_18, div#field_1_17, div#field_1_16, div#field_1_13, div#field_1_10, div#field_1_6, div#field_1_4 {
        grid-column: 11/2 !important;
    }
}