@media (min-width: 1026px) {


}


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


}


@media (max-width: 768px) {


}


/* #region FOOTER */

.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;}}

.button-contacto-footer {transition: all 0.3s ease!important;}
.button-contacto-footer.hidden {opacity: 0; pointer-events: none;}

/* #endregion */












/*  

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

*/

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