/* Animacion lanzadores */
/* Se define el delay que tiene el lanzador */
.bounceIn5 {
   animation: bounceIn 1s 3s backwards;
}


/*=== TEMA 1 ===*/



/*=== FIN TEMA 2 ===*/
/*=== TEMA 3 ===*/

.elementor-4308 .elementor-element.elementor-element-439fe0b8{margin-top:0px;margin-bottom:20px;}.elementor-4308 .elementor-element.elementor-element-2f84103d > .elementor-element-populated{margin:0px 0px 0px 0px;}.elementor-4308 .elementor-element.elementor-element-c9a4322{margin-top:40px;margin-bottom:40px;}

/*=== FIN TEMA 3 ===*/


/*=== INTRSCCIONES ===*/


@keyframes instructionsAnimation {
    0% {
       opacity: 0;
       clip-path: polygon(100% 0, 100% 0, 100% 100%, 100% 100%);
    }
    10% {
       opacity: 1;
       clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
    }
    90% {
       opacity: 1;
       clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
    }
    100% {
       opacity: 0;
       clip-path: polygon(100% 0, 100% 0, 100% 100%, 100% 100%);
    }
 }
 
 
 .instructions {
    position: sticky;
    top: 20px;
    text-align: right;
    z-index: 99;
    color: #333;
 }
 
 .instructions__info {
    max-width: 50px;
    display: inline-block;
    width: 100%;
    z-index: 999;
    position: relative;
    cursor: pointer;
 }
 
 .instructions__info img {
    width: 100%;
 }
 
 .instructionsAnimation {
    animation: instructionsAnimation 7s 3s;
 }
 
 .instructionsAnimation2 {
    animation: instructionsAnimation 7s 6s;
 }
 
 .instructions__container {
    display: inline-block;
    max-width: 700px;
    margin: 0 auto;
    background-color: hsl(0, 0%, 100%);
    padding: 10px 50px 10px 30px;
    border-radius: 10px;
    border: 2px solid #ffdc5d;
    position: absolute;
    right: 16px;
    top: 50%;
    transform: translateY(-50%);
 
    transition: clip-path 1s, opacity 1s;
    opacity: 0;
    clip-path: polygon(100% 0, 100% 0, 100% 100%, 100% 100%);
    animation-fill-mode: backwards !important;
    animation-duration: 7s !important;
 }
 
 .instructions__info:hover ~ .instructions__container {
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%) !important;
    opacity: 1 !important;
 }
 
 /*=== FIN INTRSCCIONES ===*/