@media (min-width: 1px) {

    body {background-image: url('https://amoredicuore.com/wp-content/uploads/amore-di-cuore-body.webp');
        background-size: 100%; background-repeat: repeat;}
    .main-section {position: relative; isolation: isolate;}
    .hero-back {position: absolute; inset: 0 0 0 0;}
    .flex-v {display: flex; flex-direction: column; row-gap: 2rem;}
    .texture-back {background-position: center; background-size: cover; background-repeat: no-repeat;}
    .texture-back .elementor-button {background-color: var(--white); color: var(--brown);}

    .home-diferentes-card {position: relative; display: flex; flex-direction: column;}
    .home-diferentes-card::before {content: ''; position: absolute; background-color: var(--brown);}

    .home-packs-section .home-packs-container {width: 100%; display: flex; flex-direction: row;}
    .home-packs-section .home-packs-container .pack-card {position: relative; display: flex; flex-direction: column; align-items: center;
            row-gap: 1rem; border-radius: 20px; background-color: var(--white); opacity: 1; transition: all 0.3s ease;}
            .home-packs-section .home-packs-container .pack-card.card-02 {background-color: var(--grey);}
        .home-packs-section .home-packs-container .pack-card .pack-card-row {
                display: flex; flex-direction: row; justify-content: space-between; align-items: start;}
            .home-packs-container .pack-card-row .price-tag {width: fit-content;}
        .home-packs-section .home-packs-container .pack-card h3,
        .home-packs-section .home-packs-container .pack-card p {text-align: center; color: var(--brown);}
        .home-packs-section .home-packs-container .pack-card p {margin-bottom: 0.5rem;}
        .home-packs-section .home-packs-container .pack-card .fake-button {
            background-color: var(--brown); color: var(--white); margin-top: auto;
            border-radius: 50px; font-size: 1.2rem; padding: 1rem 2rem; transition: all 0.3s ease!important;}
            .home-packs-section .home-packs-container .pack-card .price-tag {
                font-size: 2rem; font-weight: 500; color: var(--brown);}
                .home-packs-section .home-packs-container .pack-card .price-tag span .precio {font-family: Amore;
                    font-size: 3.5rem; text-shadow: 
                                        0.5px 0 0 var(--brown),
                                        -0.5px 0 0 var(--brown),
                                        0 0.5px 0 var(--brown),
                                        0 -0.5px 0 var(--brown),
                                        0.35px 0.35px 0 var(--brown),
                                        -0.35px 0.35px 0 var(--brown),
                                        0.35px -0.35px 0 var(--brown),
                                        -0.35px -0.35px 0 var(--brown);}

        /* popups */

        .pack-popup {
            position: fixed; top: 4rem; display: flex; flex-direction: column; align-items: center;
            row-gap: 0.5rem; border-radius: 20px; background-color: var(--white); height: 80vh; opacity: 0; visibility: hidden;
            box-shadow: 0 0 10px 20px #00000066; transition: opacity 0.3s ease, visibility 0s linear 0.3s;}
            .pack-popup.visible {opacity: 1; visibility: visible; transition: opacity 0.3s ease, visibility 0s linear 0s;}
            .home-packs-section .home-packs-container .pack-card.hidden {opacity: 0;}
            .pack-popup.card-02 {background-color: var(--grey);}
        .pack-popup .pack-card-row {display: flex; flex-direction: row; justify-content: space-between; align-items: start;}
            .pack-popup .pack-card-row .price-tag {font-size: 2rem; font-weight: 500; color: var(--brown);}
            .pack-popup .pack-card-row .price-tag span .precio {font-family: Amore;
                font-size: 3.5rem; text-shadow: 
                    0.5px 0 0 var(--brown),
                    -0.5px 0 0 var(--brown),
                    0 0.5px 0 var(--brown),
                    0 -0.5px 0 var(--brown),
                    0.35px 0.35px 0 var(--brown),
                    -0.35px 0.35px 0 var(--brown),
                    0.35px -0.35px 0 var(--brown),
                    -0.35px -0.35px 0 var(--brown);}
        .pack-popup h3, .pack-popup p, .pack-popup .pack-card-time {text-align: center; color: var(--brown);}
        .pack-popup .pack-card-time {font-size: larger; font-weight: 700;}
        .pack-popup p {margin-bottom: 0.5rem;}
        .pack-popup .pack-card-lista {margin-top: 1rem; padding-bottom: 1rem; text-align: center; color: var(--brown);}
        .pack-popup .pack-card-lista li {padding-block: 0.75rem; border-top: 1px solid var(--brown); font-size: 1rem; line-height: 1.1em;}
        .pack-popup .pack-card-lista li:last-of-type {border-bottom: 1px solid var(--brown);}
        .pack-popup .fake-button {
            background-color: var(--brown); color: var(--white); border-radius: 50px; font-size: 1.2rem; padding: 1rem 2rem; margin-top: auto;}
            .pack-popup .fake-button:hover {background-color: #A67C52;}

        /* popup form */


            
}


@media (min-width: 1026px) {

    .standard-padding {padding-inline: clamp(30px, calc(-504.286px + 39.286vw), 250px);}
    .main-section {padding-block: 6rem;}
    .elementor-widget-button {margin-top: 2rem;}
    .texture-back {background-image: url('https://amoredicuore.com/wp-content/uploads/inverted-section-background.webp');}

    .home-diferentes-card {row-gap: 2rem; padding-top: 1rem;}
    .home-diferentes-card::before { width: 5rem; height: 3px; top: -3px;}

    .home-packs-section .home-packs-container {justify-content: space-between; align-items: stretch; column-gap: 4rem; margin-top: 4rem;}
    .home-packs-section .home-packs-container .pack-card {width: 30%; flex-grow: 1!important; padding: 2rem;}
    .home-packs-section .home-packs-container .pack-card-row {margin-bottom: -1rem; transition: all 0.3s ease;}
    .home-packs-container .pack-card-row .pack-icono {width: 24%; transform-origin: center; transition: transform 0.3s ease;}
    .home-packs-section .home-packs-container .pack-card .pack-card-tit {transition: all 0.3s ease;}
    .home-packs-section .home-packs-container .pack-card h3 {font-size: 2rem;}
    .home-packs-section .home-packs-container .pack-card .pack-card-info {transition: all 0.3s ease;}
    .home-packs-section .home-packs-container .pack-card .pack-card-info-popup {opacity: 0; transition: all 0.3s ease; width: 80%;}

    /* popups */

    .pack-popup {padding: 2rem; cursor: pointer;}
    .pack-popup .pack-card-row {margin-bottom: -1rem; transition: all 0.3s ease;}
    .pack-popup .pack-card-row .pack-icono {width: 24%; transform-origin: center; transition: transform 0.3s ease;}
    .pack-popup h3 {font-size: 2rem;}

        /*.home-packs-section .home-packs-container .pack-card:hover::before {transform: scaleY(1.5);}
        .home-packs-section .home-packs-container .pack-card:hover .pack-icono {animation: hover-icon 1s ease-in-out infinite;}
                @keyframes hover-icon {
                0%, 100% { transform: rotate(0deg); }
                25%      { transform: rotate(-4deg); }
                75%      { transform: rotate(4deg); }}
        
        .home-packs-section .home-packs-container .pack-card:hover .pack-card-row,
        .home-packs-section .home-packs-container .pack-card:hover .pack-card-tit {transform: translateY(-10rem);}
        .home-packs-section .home-packs-container .pack-card:hover .pack-card-info {opacity: 0;}
        .home-packs-section .home-packs-container .pack-card:hover .pack-card-info-popup {opacity: 1;}
        .home-packs-section .home-packs-container .pack-card:hover .fake-button {transform: translateY( 10rem);}

        .home-packs-section .home-packs-container .pack-card:hover .price-tag,
        .home-packs-section .home-packs-container .pack-card:hover .fake-button {
            background-color: var(--grey); color: var(--brown); padding-inline: 3rem;}
        .home-packs-section .home-packs-container .pack-card.card-02:hover .price-tag,
        .home-packs-section .home-packs-container .pack-card.card-02:hover .fake-button {
            background-color: var(--white);}

            .home-packs-section .home-packs-container .pack-card h3 span {display: inline-block;}
            .home-packs-section .home-packs-container .pack-card:hover h3 span {
              animation: hover-anim 0.5s ease-in-out forwards;
              animation-delay: calc(var(--i) * 0.05s);}
            .home-packs-section .home-packs-container .pack-card.wave-ready:not(:hover) h3 span {
              animation: hover-anim-out 0.5s ease-in-out forwards;
              animation-delay: calc((var(--n) - 1 - var(--i)) * 0.05s);}
                @keyframes hover-anim {
                0%, 100% { transform: translateY(0); }
                50%      { transform: translateY(-6px); }}
                @keyframes hover-anim-out {
                0%, 100% { transform: translateY(0); }
                50%      { transform: translateY(-6px); }}*/  
        
    .polaroid-footer {width: 40%; isolation: isolate;}
    .polaroid-footer-01 {margin-right: 36%; transform: rotate(-5deg); z-index: 20;}
    .polaroid-footer-02 {margin-top: -12rem; transform: rotate(7deg); z-index: 10;}

    /* pack popups */

}


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

    .standard-padding {padding-inline: 5%;}
    .main-section {padding-block: 5rem;}
    .hero-back {filter: brightness(0.7);}
    .flex-v {align-items: center; row-gap: 2rem;}
    .flex-v * {text-align: center;}
    .flex-v .elementor-widget-text-editor.elementor-widget-text-editor {width: 80%;}
    .texture-back {background-image: url('https://amoredicuore.com/wp-content/uploads/inverted-section-responsive-background.webp');}

    .home-diferentes-card {width: 40%; flex-grow: 1!important; align-items: center; row-gap: 2rem; padding-top: 1rem;}
    .home-diferentes-card * {text-align: center;}
    .home-diferentes-card .elementor-widget-heading {padding-inline: 2rem;}
    .home-diferentes-card::before {width: 5rem; height: 3px; top: -3px; left: 50%; transform: translate(-50%);}

    .home-packs-section .home-packs-container {flex-direction: column; align-items: center; row-gap: 2rem; margin-top: 4rem;}
    .home-packs-section .home-packs-container .pack-card {width: 90%; padding: 1.5rem; aspect-ratio: 13/7;}
    .home-packs-section .home-packs-container .pack-card-row {margin-bottom: -3rem;}
    .home-packs-section .home-packs-container .pack-card h3 {font-size: 2rem;}
    .home-packs-container .pack-card-row .pack-icono {width: 16%; transform-origin: center; transition: transform 0.3s ease;}

    .polaroid-footer {width: 45%; isolation: isolate;}
    .polaroid-footer-01 {margin-right: 0; margin-top: 1rem; transform: rotate(-5deg); z-index: 20;}
    .polaroid-footer-02 {margin-top: 0; transform: rotate(8deg); z-index: 10;}
    .footer-envelope {z-index: 30;}

}


@media (max-width: 768px) {

    .standard-padding {padding-inline: 2.5%;}
    .main-section {padding-block: 3rem;}
    .hero-back {filter: brightness(0.7);}
    .flex-v {align-items: center; row-gap: 2rem;}
    .flex-v * {text-align: center;}
    .flex-v .elementor-widget-text-editor {width: 90%;}
    .texture-back {background-image: url('https://amoredicuore.com/wp-content/uploads/inverted-section-responsive-background.webp');}

    .home-diferentes-card {width: 48%; flex-grow: 1!important; align-items: center; row-gap: 1rem; padding-top: 2rem;}
    .home-diferentes-card * {text-align: center;}
    .home-diferentes-card p {font-size: 13px;}
    .home-diferentes-card::before {width: 3rem; height: 3px; top: -3px; left: 50%; transform: translate(-50%);}

    .home-packs-section .home-packs-container {flex-direction: column; align-items: center; row-gap: 2rem; margin-top: 1rem;}
    .home-packs-section .home-packs-container .pack-card {width: 100%; padding: 1rem; aspect-ratio: 344/245;}
    .home-packs-section .home-packs-container .pack-card-row {margin-bottom: -3rem;}
    .home-packs-section .home-packs-container .pack-card h3 {font-size: 24px;}
    .home-packs-section .home-packs-container .pack-card p {font-size: 13px;}
    .home-packs-container .pack-card-row .pack-icono {width: 16%; transform-origin: center; transition: transform 0.3s ease;}

        .polaroid-footer {width: 45%; isolation: isolate;}
    .polaroid-footer-01 {margin-right: 0; margin-top: 1rem; transform: rotate(-5deg); z-index: 20;}
    .polaroid-footer-02 {margin-top: 0; transform: rotate(8deg); z-index: 10;}
    .footer-envelope {z-index: 30;}


}


/* #region ANIMACIÓN ENTRADA HERO */

    .hero-back-mask {
        mask-image: url('https://amoredicuore.com/wp-content/uploads/diamante-vector.svg');
        -webkit-mask-image: url('https://amoredicuore.com/wp-content/uploads/diamante-vector.svg');
        mask-repeat: no-repeat;
        -webkit-mask-repeat: no-repeat;
        mask-position: center;
        -webkit-mask-position: center;
        mask-size: 0%;
        -webkit-mask-size: 0%;
        animation: hero-back-animation 1s cubic-bezier(0.65, 0, 0.35, 1) 0.2s forwards;}
    .hero-back-real , .hero-item{
        opacity: 0;
        animation: hero-back-reveal 1s cubic-bezier(0.65, 0, 0.35, 1) 0.2s forwards;}
    

        @keyframes hero-back-reveal {
            0% {opacity: 0;}
            50% {opacity: 0;}
            100% {opacity: 1;;}}


            @media (min-width: 1026px) {
                @keyframes hero-back-animation {
                    0% {mask-size: 0%;}
                    70% {opacity: 1;}
                    100% {mask-size: 40%; opacity: 0;}}
            }
            @media (min-width: 769px) and (max-width: 1025px) {
                @keyframes hero-back-animation {
                    0% {mask-size: 0%;}
                    70% {opacity: 1;}
                    100% {mask-size: 80%; opacity: 0;}}
            }
            @media (max-width: 768px) {
                @keyframes hero-back-animation {
                    0% {mask-size: 0%;}
                    70% {opacity: 1;}
                    100% {mask-size: 80%; opacity: 0;}}
            }

/* #endregion */











    .popup-form {
        position: fixed; top: 4rem; left: 50%; transform: translateX(-50%); display: flex; flex-direction: row!important;
        justify-content: end; align-items: start; row-gap: 0.5rem; column-gap: 2.5rem; border-radius: 20px; padding: 2rem 4rem;
        width: calc(100vw - 8rem); height: calc(100vh - 8rem); opacity: 0; visibility: hidden;
        box-shadow: 0 0 200px 200px #000000DD; transition: opacity 0.2s ease, visibility 0s linear 0.2s;}
            .popup-form.visible {opacity: 1; visibility: visible;}
        .popup-form > * {width: 29%;}
        .popup-form-container {width: 32%;}
        .popup-form-info {display: none; flex-direction: column; row-gap: 2rem;}
                .popup-form-info.visible {display: flex;}
            .popup-form .pack-card-row {position: relative; display: flex; flex-direction: row; align-items: start; column-gap: 1rem;}
            .popup-form .pack-icono {width: 20%;}
            .popup-form .pack-icono img {filter: brightness(0) invert(1);}
            .popup-form h2 {font-size: 4rem; padding-bottom: 1rem;}
            .popup-form h3 {font-size: 2rem; padding-top: 4rem;}
            .popup-form ul {font-size: 1rem; line-height: 1.5em; text-wrap: balance;}   
            .popup-form .price-tag {position: absolute; bottom: -1rem; left: 24%; font-size: 2rem; color: var(--white);}
            .popup-form .price-tag span .precio {font-family: Amore; padding-right: 1rem;
                    font-size: 3.5rem; text-shadow: 
                                        0.5px 0 0 var(--brown),
                                        -0.5px 0 0 var(--brown),
                                        0 0.5px 0 var(--brown),
                                        0 -0.5px 0 var(--brown),
                                        0.35px 0.35px 0 var(--brown),
                                        -0.35px 0.35px 0 var(--brown),
                                        0.35px -0.35px 0 var(--brown),
                                        -0.35px -0.35px 0 var(--brown);}
        .popup-form-funcionamiento {display: flex; flex-direction: column; row-gap: 2rem;}
            .popup-form-funcionamiento ol {font-size: 1rem; line-height: 1.5em; text-wrap: balance; list-style-position: inside;}
        .popup-form-close {
            position: absolute; top: 1rem; right: 2rem; cursor: pointer; font-size: 3rem; font-weight: 500;
            color: var(--white); transform: scaleY(0.8); transform-origin: center; transition: all 0.3s ease;}
            .popup-form-close:hover {transform: scaleY(0.5);}

            
        .button-contacto-footer {transition: all 0.3s ease!important;}
        .button-contacto-footer.hidden {opacity: 0; pointer-events: none;}
        .footer-envelope {transition: all 0.3s ease!important;}
            .footer-envelope-open , .footer-envelope-closed.hidden {opacity: 0;}
            .footer-envelope-open.visible {opacity: 1; z-index: 10;}
            .footer-envelope:has(.footer-envelope-open.visible) {z-index: 30;}
        .footer-envelope.hidden {opacity: 0;}
        .polaroid-footer-01.volatil {animation: volatil-01 2s forwards;}
        .polaroid-footer-02.volatil {animation: volatil-02 2s forwards; 
            animation-timing-function: cubic-bezier(0.65, 0, 0.35, 1); will-change: transform, opacity;}

        @keyframes volatil-01 {
            0% {transform: translate(0, 0) rotate(0deg) scale(1); opacity: 1;}
            50% {opacity: 1;}
            99% {display: block; transform: translate(45vw, -110vh) rotate(540deg) scale(0.7); opacity: 0;}
            100% {transform: translate(0, 0) rotate(0deg) scale(1); opacity: 0;}}
        @keyframes volatil-02 {
            0% {transform: translate(0, 0) rotate(0deg) scale(1); opacity: 1;}
            35% {transform: translate(-15vw, 25vh) rotate(-150deg) scale(0.9); opacity: 1;}
            99% {transform: translate(22vw, 115vh) rotate(-460deg) scale(0.65); opacity: 0;}
            100% {transform: translate(0, 0) rotate(0deg) scale(1); opacity: 0;}}

            
        .pack-form-thanks {position: fixed; top: 50vh; left: 50vw; transform: translate(-50% , -55%);
            width: 50vw; aspect-ratio: 4/3; opacity: 0; visibility: hidden; box-shadow: 0 0 400px 400px #00000099;
            background-color: #FFFFFF; background-image: url(https://amoredicuore.com/wp-content/uploads/amore-di-cuore-body.webp);
            background-position: center; background-repeat: no-repeat; background-size: cover;
            display: flex; flex-direction: column; align-items: center; justify-content: center;
            row-gap: 2rem; padding-inline: 10%; padding-bottom: 4rem; transition: opacity 0.2s ease, visibility 0s linear 0.3s;}
        .pack-form-thanks span {font-size: 2rem; font-weight: 600;}
        .pack-form-thanks.visible {opacity: 1; visibility: visible; z-index: 999999; transition: opacity 0.5s ease, visibility 0s linear;}
        span.popup-thanks-name {
            display: block; font-family: 'Noto Serif'; font-size: 3rem; color: var(--brown); font-weight: 700; margin-block: 1rem 2rem;}



                                        
        



/*  

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

*/

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