@keyframes tintineo1 {
    0%   {opacity: 1;}
    20%  {opacity: .30}
    25%  {opacity: 1;}
    35%  {opacity: .60}
    36%  {opacity: .90}
    37%  {opacity: .20}
    38%  {opacity: 1}
    50%  {opacity: .60}
    66%  {opacity: .90}
    57%  {opacity: .20}
    68%  {opacity: 1}
    100% {opacity: .2;}
}

@keyframes tintineo2 {
    0%   {opacity: 1;}
    20%  {opacity: 0.3;}
    25%  {opacity: 1;}
    35%  {opacity: 0.6;}
    36%  {opacity: 0.9;}
    37%  {opacity: 0.2;}
    38%  {opacity: 1;}
    50%  {opacity: 0.6;}
    66%  {opacity: 0.9;}
    67%  {opacity: 0.2;}
    68%  {opacity: 1;}
    100% {opacity: 0.2;}
}

@keyframes rayo1 {
    0%   {filter: brightness(2);}
    3%   {filter: brightness(.2);}
    10%  {filter: brightness(5);}
    12%  {filter: brightness(.5);}
    14%  {filter: brightness(1);}
    23%   {filter: brightness(.2);}
    25%  {filter: brightness(1);}
    27%  {filter: brightness(.5);}
    28%  {filter: brightness(5);}
    30%  {filter: brightness(.5);}
    31%  {filter: brightness(1);}
    32%   {filter: brightness(.2);}
    33%  {filter: brightness(1);}
    34%  {opacity: .2;}
    40%  {opacity: 1;}
}

@keyframes rayo2 {
    0%   {filter: brightness(2);}
    3%   {filter: brightness(.6);}
    10%  {filter: brightness(1.5);}
    12%  {filter: brightness(2);}
    14%  {filter: brightness(0.1);}
    23%   {filter: brightness(4);}
    25%  {filter: brightness(1);}
    27%  {filter: brightness(.5);}
    28%  {filter: brightness(1);}
    30%  {filter: brightness(2);}
    31%  {filter: brightness(.1);}
    32%   {filter: brightness(6);}
    33%  {filter: brightness(1);}
    34%  {opacity: .2;}
    40%  {opacity: 1;}
}

[id^="Capa_"]{
    transition: all 2s;
}

.animacion1{
    animation: tintineo1 2s;
    animation-iteration-count: infinite;
}

.animacion2{
    animation: tintineo2 5s;
    animation-iteration-count: infinite;
}

.animacion-rayo1{
    animation: rayo1 2s;
    animation-iteration-count: 1;
}

.animacion-rayo2{
    animation: rayo2 2s;
    animation-iteration-count: 1;
}

.luz-apagada{
    /*opacity: .2;*/
    filter: brightness(1) !important;
}

button#enviar.enviando {
    animation: enviando .0125s ease;
    animation-iteration-count: infinite;
}

@keyframes enviando{
    0%{
        transform: rotate(2deg)
    }

    50%{
        transform: rotate(-2deg)
    }

    100%{
        transform: rotate(2deg);
    }
}

@keyframes mano{
    0% {
        bottom: -190px;
    }
    50% {
        bottom: -67px;
    }
    100% {
        bottom: -190px;
    }
}

@keyframes fantasma{
    0%{
        opacity: 0.5;
        transform: rotate(3deg) translate(0px,5px);
    }
    25%{
        transform: rotate(-3deg) translate(0px,7px);
    }
    50%{
        opacity: 0.6;
        transform: rotate(5deg) translate(0px,4px)
    }
    75%{
        transform: rotate(-5deg) translate(0px,-1px);
    }
    100%{
        transform: rotate(3deg) translate(0px,5px);
        opacity: 0.5;
    }
}

@keyframes aparicion-fantasma{
    0%{
        height: 5px;
        top: 21vh;
        left: 25vw;
        filter: blur(10px);

    }
    25%{
        left: 250px;
        top: 187px;
    }
    100%{
        filter: blur(0px);
        opacity: 0.5;
    }
}

@keyframes desaparicion-fantasma {
    100%{
        left: -200px;
        opacity: 0;
    }
}

@keyframes fantasma-oculto{
    0%{
        opacity: 0;
    }
    100%{
        opacity: 0;
    }
}

@keyframes animacion-letrero{
    10%{
        opacity: 0.7;
    }
    21%{
        opacity: 0.4;
    }
    35%{
        opacity: 0.6;
    }
    39%{
        opacity: 0.5;
    }
    75%{
        opacity: 0.6;
    }
    100%{
        opacity: 0;
    }
}

@keyframes letrero-oculto{
    0%{
        opacity: 0;
    }
    100%{
        opacity: 0;
    }
}