@media (min-width: 1px) {

    header.elementor-location-header {
        position: fixed; top: 0; left: 0; right: 0; z-index: 99;}

    #site-header {clip-path: polygon(0 0, 100% 0, 100% 45%, 97% 100%, 3% 100%, 0 45%); background-color: #501916EE; padding-block: 1rem;}

    footer[data-elementor-type="footer"] {
        background-color: #FFFFFF;
        background-image: url('https://amoredicuore.com/wp-content/uploads/amore-di-cuore-body.webp');
        background-size: cover; background-repeat: no-repeat; background-position: center;
        clip-path: polygon(0 100%, 100% 100%, 100% 8%, 97% 0, 3% 0, 0 8%); margin-top: -4rem;}

    .container-legales::before {content: ''; position: absolute; width: 100%; left: 0; top: 0; border-top: 1px dotted var(--brown);}
    .container-legales::after {content: ''; position: absolute; width: 100%; left: 0; bottom: 0; border-top: 1px solid var(--brown);}

}

@media (min-width: 1026px) {
    
    /* logo */
    #header-logo {width:20vw; position: relative; transition: all 0.3s ease-out;}
    #header-logo-text {clip-path: inset(0 100% 0 0); animation: revealText 0.8s ease-out forwards;}
        @keyframes revealText {to { clip-path: inset(0 0 0 0); }}

    #header-logo:hover {transform: scale(1.01); transform-origin: center;}

    /* menu */
    #site-header .navigation-menu a span.e-n-menu-title-text {font-size: 1.25rem;}
    #nav-desk .e-n-menu-title {padding: 0;}
    #nav-desk .e-n-menu-item + .e-n-menu-item {margin-left: 2rem;}

    #nav-link-boton a.e-link {padding: 0.5rem 1.25rem; border-radius: 50px; background-color: white;}
    #nav-link-boton a.e-link span.e-n-menu-title-text {color: var(--brown);}

    /* footer*/

    .container-legales {margin-block: 4rem 2rem; padding-block: 1rem; position: relative; display: flex; justify-content: center;}


}


@media (min-width: 769px) and (max-width: 1025px) {

    #site-header {z-index: 10;} #off-screen-menu-container {z-index: 1;}
    #header-logo {width: 40%;}

    #off-screen-menu-container {position: fixed; inset: 0 0 0 0; opacity: 0; visibility: hidden;
        padding-inline: 2%; transition: all 0.4s ease-out;}
    #inner-responsive {padding-block: 10rem 6rem ; margin-top: 1rem; border-radius: 40px;
        background-color: #FFFFFFAA; backdrop-filter: blur(50px);}
    .container-legales {margin-block: 2rem 1rem; padding-block: 1rem; position: relative; display: flex; justify-content: center;}
    .container-legales .e-n-menu-heading {display: flex; flex-direction: row; justify-content: space-between;}
    .container-legales .e-n-menu-heading .e-n-menu-item {padding: 0; margin: 0!important;}
}


@media (max-width: 768px) {

    #site-header {z-index: 10;} #off-screen-menu-container {z-index: 1;}
    #header-logo {width: 40%;}

    #off-screen-menu-container {position: fixed; inset: 0 0 0 0; opacity: 0; visibility: hidden;
        padding-inline: 2%; transition: all 0.4s ease-out;}
    #inner-responsive {padding-block: 10rem 6rem ; margin-top: 1rem; border-radius: 40px;
        background-color: #FFFFFFAA; backdrop-filter: blur(50px);}
    .container-legales {margin-block: 2rem 1rem; padding-block: 1rem; position: relative; display: flex; justify-content: center;}
    .container-legales .e-n-menu-heading {display: flex; flex-direction: column; align-items: center; row-gap: 1rem;}
    .container-legales .e-n-menu-heading .e-n-menu-item {padding: 0; margin: 0!important;}

}

.elementor-widget-form {align-self: stretch; display: flex;}
form label {margin-block: 1rem; margin-left: 1rem;}
form input {border-radius: 50px!important;}
form textarea {border-radius: 20px!important;}
.elementor-field-type-html {width: 100%; display: flex; justify-content: center;}
.elementor-field-type-html img {width: 40%; filter: brightness(0) invert(1);}
.elementor-field-group-privacidad {margin-top: 1rem;}
.elementor-field-group-privacidad label {display: none; margin-left: 4px;}
label[for="form-field-privacidad"] {font-size: 13px; line-height: 1.2em;}
label[for="form-field-privacidad"] b {font-weight: 700;}
label[for="form-field-privacidad"] a {color: inherit; text-decoration: underline;}
    label[for="form-field-privacidad"] a:hover {text-decoration: none;}
.elementor-field-type-submit  {margin-top: 2rem;}


.elementor-field-type-submit .elementor-button {background-color: var(--grey); font-family: Poppins;}
.elementor-field-type-submit button span {color: var(--brown);}
.elementor-field-type-submit button .elementor-button-text {padding: 1rem 1.5rem;}
.elementor-field-type-submit button:hover {background-color: var(--hover); cursor: pointer;}
.elementor-field-type-submit button:hover span {color: var(--white);}

/*  

@media (min-width: 1px)
@media (min-width: 1026px)
@media (min-width: 769px) and (max-width: 1025px)
@media (max-width: 768px)

*/

/* #region XXXXXX */
/* #endregion */