/* @group Contact Overlay Form
------------------------------------ */
.contact-overlay-form {
    position: fixed;
    inset: 0;
    display: flex;
	align-items: center;
	justify-content: center;
    background-color: rgba(0, 0, 0, 0.7);
	z-index: var(--z-index-modal);
	transition: all 0.7s;
    color: var(--crema-fondo);
    opacity: 0;
	visibility: hidden;
	pointer-events: none;
}
[data-contact-overlay="show"] .contact-overlay-form {
	opacity: 1;
	visibility: visible;
	pointer-events: all;
}
.contact-overlay-form .row {
    position: relative;
    box-shadow: 0px 4px 5px -2px rgba(0, 0, 0, 0.41), 0px 2px 4px -2px rgba(65, 75, 90, 0.20);
}
.contact-overlay-form .outer-image {
    position: absolute;
    inset: 0;
    pointer-events: none;
    z-index: var(--z-index-lowest);
}
.contact-overlay-form .outer-image::before {
    content: '';
    position: absolute;
    inset: 0;
    pointer-events: none;
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.20) 0%, rgba(0, 0, 0, 0.20) 100%)
}
.contact-overlay-form .content-box {
    text-align: center;
    position: relative;
    z-index: calc(var(--z-index-lowest) + 1);
}
.contact-overlay-form .content-box :is(h2, p) {
    margin: 0 0 2.4rem;
}
.contact-overlay-form .content-box h2 {
    font-size: var(--wp--preset--font-size--m);
    line-height: 125%;
	font-weight: var(--font-weight-light);
	letter-spacing: -.02em;
}
.contact-overlay-form .content-box p {
    font-size: var(--wp--preset--font-size--s);
    line-height: 1.5em;
	letter-spacing: -.02em;
	font-weight: var(--font-weight-light);
}
.contact-overlay-form .form-box {
    width: 100%;
}
/* same as newsletter */
.contact-overlay-form .close-contact {
	position: absolute;
	top: 4.7rem;
	right: calc(50% - 1.5rem);
	z-index: var(--z-index-medium);
}
.contact-overlay-form .close-contact .icon-close {
	font-size: 2.5rem;
	padding: .25rem;
	background-color: var(--crema-fondo);
	border-radius: 20rem;
}
.contact-overlay-form .close-contact .icon-close:before {
	color: var(--azul-oscuro);
}
@media only screen
and (min-width : 961px) {
    .contact-overlay-form .content-box {
        padding-inline: 15%;
        padding-block: 3.5rem;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        min-height: 61rem;
    }
    .contact-overlay-form .content-box h2 {
        line-height: 118.75%;
    }
    .contact-overlay-form .content-box .txt-box {
        padding-inline: 10%;
    }
    .contact-overlay-form .close-contact {
		top: 5.3rem;
		right: 5.7rem;
	}
    .contact-overlay-form .form-box .hbspt-form form {
        display: flex;
        flex-wrap: wrap;
    }
    .contact-overlay-form .form-box .hbspt-form form :is(fieldset, .hs_submit) {
        flex: 0 1 100%;
    }
    .contact-overlay-form .form-box .hbspt-form form fieldset:nth-child(2) {
        flex: 0 1 66%;
    }
    .contact-overlay-form .form-box .hbspt-form form fieldset:nth-child(3) {
        flex: 0 1 34%;
    }
}
@media only screen
and (min-width : 0)
and (max-width : 960px) {
    .contact-overlay-form .row {
        padding-inline: 0!important;
    }
    .contact-overlay-form .content-box {
        height: 90vh;
        overflow: scroll;
        padding: 10rem 2rem 2rem;
    }
}

/* @end */