/* @group Contact Form
------------------------------------ */

.contact-form .title-box .has-l-font-size {
    margin: 0 0 5.1rem;
}

.contact-form .information-box .has-s-font-size {
    margin: 0 0 1.2rem;
}
.contact-form .information-box .wp-block-group:not(:last-of-type) {
    margin: 0 0 2.4rem;
}
.contact-form .information-box .wp-block-buttons {
    gap: .8rem;
}
.contact-form .information-box .wp-block-buttons .wp-block-button .wp-block-button__link.has-cream-color {
    color: var(--crema-fondo); 
    --color: var(--crema-fondo);
} 
.contact-form .information-box .wp-block-buttons .wp-block-button .wp-block-button__link {
    --padding: .8rem 1.6rem .8rem .8rem;
    --border-radius: 20rem;
    display: inline-flex;
    align-items: center;
}
.contact-form .information-box .wp-block-buttons .wp-block-button .wp-block-button__link img {
    width: 2.4rem!important;
    height: 2.4rem;
    object-fit: contain;
    display: inline-block;
    margin-right: .4rem;
}

.contact-form .form-box .hbspt-form .hs-form-field {
    margin: 0 0 1.2rem;
}
.contact-form .form-box .hbspt-form .hs-fieldtype-textarea.hs-input {
    height: 15.5rem;
}
.contact-form .form-box .hbspt-form input[type="submit"] {
    margin-top: 0;
    --bgSubmit: var(--crema-secondary);
	--textSubmit: var(--azul-oscuro);
}

@media only screen
and (min-width : 961px) {

    .contact-form .title-box .has-l-font-size {
        margin: 0 0 4.8rem;
    }

    .contact-form .information-box .wp-block-buttons {
        gap: 1.4rem;
    }

    .contact-form .form-box .hbspt-form .hs-form-field {
        margin: 0 0 2.4rem;
    }

    .contact-form .form-box .hbspt-form fieldset.form-columns-2 .hs-form-field:nth-child(odd) .input{
        margin-right: 2.4rem;
    }

    .contact-form .form-box .hbspt-form input[type="submit"] {
        float: right;
    }

}
@media only screen
and (min-width : 961px)
and (max-width : 1440px) {
}
@media only screen
and (min-width : 0)
and (max-width : 960px) {
    .contact-form .title-box {
        text-align: center;
    }
    
    .contact-form .information-box {
        margin-top: 6.4rem;
    }
}

/* @end */