/* =================================== */
/*             ANIMACIONES             */
/* =================================== */
/* Desliza el contenedor de arriba a abajo */
@keyframes slideBottom {
  0% {
    top: -70px;
  }
  100% {
    top: -1px;
  }
}
/* Aparecer desvanecido */
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
/* Cargando: Difumina el color de fondo y despues deja el contenedor nitido */
@keyframes loading {
  0% {
    background-position: -100% 0;
  }
  100% {
    background-position: 100% 0;
  }
}
/* Estrecha el contenedor */
@keyframes stretchIn {
  0% {
    width: 100% !important;
  }
  100% {
    width: 55% !important;
  }
}
/* Estira el contenedor */
@keyframes stretchOut {
  0% {
    width: 55% !important;
  }
  100% {
    width: 100% !important;
  }
}