/* ########## INSERE ANIMAÇÕES EM TODOS ########## */

.anima-div-sobedesce{
    animation: img-div-sobedesce 15s ease-in-out infinite;
}

.anima-div-esqdir{
    animation: esquerdadireita 15s ease-in-out infinite;
}

/* ########## ANIMAÇÕES PARA TODOS ########## */

@keyframes flutuar { /* Animação do adesivo de promoção */
    0% {
        transform: translateY(0px);
    }
    50% {
        transform: translateY(-15px); /* A imagem irá se mover pra cima */
    }
    100% {
        transform: translateY(0px);
    }
}

@keyframes rotate {
  from { transform: rotate(0); }
  to { transform: rotate(360deg); }
}

@keyframes deslizar {
  0% {
    transform: translateX(10px)
  }
  50% {
    transform: translateX(-10px)
  }
  100% {
    transform: translateX(10px)
  }
}

@keyframes zoom {
    0% {
        transform: scale(100%)
    }
    50% {
        transform: scale(105%)
    }
    100% {
        transform: scale(100%)
    }
}

@keyframes zoom-img-div { /* Zoom na imagem dentro da DIV sem aumentar a DIV junto (somente a img) */
    0% {
        background-size: 100%;
    }
    50% {
        background-size: 105%;
    }
    100% {
        background-size: 100%;
    }
}

@keyframes img-div-sobedesce { /* Move a imagem dentro da DIV pra cima e pra baixo sem aumentar a DIV junto (somente a img) */
    0% {
        background-position: left 0% bottom 20%; /* Encostado a esquerda e acima do fundo*/
    }
    50% {
        background-position: left 0% bottom 80%;
    }
    100% {
        background-position: left 0% bottom 20%;
    }
}

@keyframes esquerdadireita { /* Move a imagem dentro da DIV pra esquerda e pra direita sem aumentar a DIV junto (somente a img) */
    0% {
        background-position: left 20% bottom 60%;
    }
    50% {
        background-position: left 80% bottom 60%;
    }
    100% {
        background-position: left 20% bottom 60%;
    }
}

@keyframes pulsar {
  from {
            transform: scale(1);
            transform-origin: center center;
            animation-timing-function: ease-out;
  }
  10% {
            transform: scale(0.91);
            animation-timing-function: ease-in;
  }
  17% {
            transform: scale(0.98);
            animation-timing-function: ease-out;
  }
  33% {
            transform: scale(0.87);
            animation-timing-function: ease-in;
  }
  45% {
            transform: scale(1);
            animation-timing-function: ease-out;
  }
}


@-webkit-keyframes texto-borrado-entrada { /* Texto inicia borrado e vai aparecendo aos poucos */
  0% {
    -webkit-filter: blur(12px);
            filter: blur(12px);
    opacity: 0;
  }
  100% {
    -webkit-filter: blur(0px);
            filter: blur(0px);
    opacity: 1;
  }
}
@keyframes text-focus-in {
  0% {
    -webkit-filter: blur(12px);
            filter: blur(12px);
    opacity: 0;
  }
  100% {
    -webkit-filter: blur(0px);
            filter: blur(0px);
    opacity: 1;
  }
}


@-webkit-keyframes tracking-in-expand { /* Texto inicia recolhido e vai expandindo aos poucos */
  0% {
    letter-spacing: -0.5em;
    opacity: 0;
  }
  40% {
    opacity: 0.6;
  }
  100% {
    opacity: 1;
  }
}
@keyframes tracking-in-expand {
  0% {
    letter-spacing: -0.5em;
    opacity: 0;
  }
  40% {
    opacity: 0.6;
  }
  100% {
    opacity: 1;
  }
}