.icon-d0d9 {animation: wtsp 1s infinite; transform: scale(1);}
@keyframes wtsp {
    0% {transform: scale(1);}
    50% {transform: scale(.85);}
    100% {transform: scale(1);}
}


.animHogar1 {animation: animHogar1 8s infinite; opacity: 0;}
@keyframes animHogar1 {
    0% {opacity: 0;}
    10% {opacity: 1;}
    60% {opacity: 1;}
    70% {opacity: 0;}
    100% {opacity: 0;}
}
.animHogar2 {animation: animHogar2 8s infinite; opacity: 1;}
@keyframes animHogar2 {
    0% {opacity: 1;}
    10% {opacity: 0;}
    60% {opacity: 0;}
    70% {opacity: 1;}
    100% {opacity: 1;}
}


.loading {animation: loading .45s forwards;}
@keyframes loading {
    0% {height: 0vh;}
    100% {height: 100vh}
}

.preload {animation: preload .6s forwards; animation-delay: .9s;}
@keyframes preload {
    0% {height: 100vh;}
    100% {height: 0vh}
}

.preload-limagas {animation: preload-limagas 1s forwards; animation-delay: ; opacity: 0;}
@keyframes preload-limagas {
    0% {margin: 400px 0px 0px 0px; opacity: 0;}
    35% {margin: 0px 0px 0px 0px; opacity: 1;}
    75% {margin: 0px 0px 0px 0px; opacity: 1;}
    95% {margin: -400px 0px 0px 0px; opacity: 0; font-size: 150px;}
    100% {margin: -400px 0px 0px 0px; opacity: 0; font-size: 0px;}
}


.element-c8d7 {animation: up 1s infinite;}
@keyframes up {
    0% {transform: translateY(5px);}
    50% {transform: translateY(-10px);}
    100% {transform: translateY(5px);}
}

.fullscrnbeneficio {animation: ticket 2s infinite;}
@keyframes ticket {
    0% {transform: scale(1);}
    50% {transform: scale(1.05);}
    100% {transform: scale(1);}
}

.Petwrap {animation: petalo .5s forwards; transform: translateY(100px); animation-delay: 1.8s;}
@keyframes petalo {
    0% {transform: translateY(100px);}
    100% {transform: translateY(0px);}
}


.point-on {animation: point .3s forwards; transform:}
@keyframes point {
    0% {transform: translateY(-70px);}
    100% {transform: translateY(0px);}
}





/* PRECARGA INICIAL */
.cargaini {animation: cargaini .7s forwards; opacity: 0; animation-delay: .7s;}
@keyframes cargaini {
    0% {opacity: 0;}
    100% {opacity: 1;}
}


.cargaini-wrap {animation: cargaini-wrap .4s forwards; opacity: 0; animation-delay: .8s; transform: translateY(-90px);}
@keyframes cargaini-wrap {
    0% {opacity: 0; transform: translateY(-90px);}
    100% {opacity: 1; transform: translateY(0px);}
}

.carg {animation: carg 2.4s forwards; animation-delay: .7s;}
@keyframes carg {
    0% {width: 5%;}
    40 {width: 45%;}
    80% {width: 65%;}
    100% {width: 100%;}
}

.cargaini-bgblue {animation: cargaini-bgblue 3.2s forwards; opacity: 1; visibility: visible;}
@keyframes cargaini-bgblue {
    0% {opacity: 1; visibility: visible;}
    90% {opacity: 1; visibility: visible;}
    95% {opacity: 0; visibility: hidden;}
    100% {opacity: 0; visibility: hidden;}
}
/* PRECARGA INICIAL */


















@media screen and (max-width: 650px) {

.preload-limagas {animation: preload-limagas 1s forwards; animation-delay: ; opacity: 0;}
@keyframes preload-limagas {
    0% {margin: 400px 0px 0px 0px; opacity: 0;}
    35% {margin: 0px 0px 0px 0px; opacity: 1;}
    75% {margin: 0px 0px 0px 0px; opacity: 1;}
    95% {margin: -400px 0px 0px 0px; opacity: 0; font-size: 90px;}
    100% {margin: -400px 0px 0px 0px; opacity: 0; font-size: 0px;}
}

.point-on {animation: point .3s forwards; transform:}
@keyframes point {
    0% {transform: translateY(-70px);}
    100% {transform: translateY(0px);}
}


}