.an-1,
.an-2,
.an-3,
.an-4,
.an-5,
.an-6,
.an-7,
.an-8,
.an-9,
.an-10,
.an-11,
.anj-1,
.anj-2,
.anj-3,
.anj-4,
.anj-5,
.anj-6,
.anj-7,
.anj-8,
.anj-9,
.anj-10,
.anj-11,
.anj-12,
.anj-13,
.anj-14,
.anj-15 {
  /* opacity: 0; */
  display: none !important;
}

.animacionJ1 {
  display: block !important;
  animation: animateJ 2s normal;
}

.animacionJ2 {
  display: block !important;
  animation: animateJ2 2s normal;
}

.animacionJ3 {
  display: block !important;
  animation: animateJ3 1.5s normal;
}

.animacionJ4 {
  display: block !important;
  animation: animateJ4 1.5s normal;
}

.animacionJ5 {
  display: block !important;
  animation: animateJ5 1.5s normal;
}

.animacionJ6 {
  display: block !important;
  animation: animateJ 1.5s normal;
}

.animacionJ7 {
  display: block !important;
  animation: animateJ2 1.5s normal;
}

.animacionJ8 {
  display: block !important;
  animation: animateJ2 1.5s normal;
}

.animacionJ9 {
  display: block !important;
  animation: animateJ6 1.5s normal;
}

.animacionJ10 {
  display: block !important;
  animation: animateJ7 1.5s normal;
}

@keyframes animateJ7 {
  to {
    opacity: 1;
    transform: translateY(0em);
  }

  from {
    transform: translateY(-10em);
    opacity: 0;
  }
}

@keyframes animateJ6 {
  to {
    opacity: 1;
    transform: translateX(0em);
  }

  from {
    transform: translateX(40em);
    opacity: 0;
  }
}

@keyframes animateJ5 {
  to {
    opacity: 1;
    transform: translate3d(0em, 0em, 0em);
  }

  from {
    transform: translate3d(9em, 4em, 0em);
    opacity: 0;
  }
}

@keyframes animateJ4 {
  to {
    opacity: 1;
    transform: translate3d(0em, 0em, 0em);
  }

  from {
    transform: translate3d(-2em, 3em, 0em);
    opacity: 0;
  }
}

@keyframes animateJ3 {
  to {
    opacity: 1;
    transform: translateX(0em);
  }

  from {
    transform: translateX(-85em);
    opacity: 0;
  }
}

@keyframes animateJ2 {
  to {
    opacity: 1;
    transform: rotateX(0deg);
  }

  from {
    transform: rotateX(90deg);
    opacity: 0;
  }
}

@keyframes animateJ {
  to {
    opacity: 1;
    transform: translateY(0%);
  }

  from {
    transform: translateY(90%);
    opacity: 0;
  }
}

/* -------------------------------------biografia------------------------------------ */
.cont-pad-bio,
.imga-espa-1,
.histo-b,
.empe-b,
.cant-b,
.mas-b,
.fue-b,
.img-fuera {
  position: relative;
  overflow: hidden;
}

.anb-1,
.anb-2,
.anb-3,
.anb-4,
.anb-5,
.anb-6,
.anb-7,
.anb-8,
.anb-9,
.anb-10,
.anb-11,
.anb-12,
.anb-13,
.anb-14,
.anb-15,
.anbc-1,
.anfb-1 {
  display: none;
}

.animacionB1 {
  display: block !important;
  animation: animateB1 1.5s normal;
}

.animacionB2 {
  display: block !important;
  animation: animateB2 1.5s normal;
}

.animacionBI1 {
  display: block !important;
  animation: animacionBI1 1.5s normal;
}

.animacionBI2 {
  display: block !important;
  animation: animacionBI2 1.5s normal;
}

.animacionB3 {
  display: block !important;
  animation: animateB3 1.5s normal;
}

.animacionB4 {
  display: block !important;
  animation: animateB4 1.5s normal;
}

.animacionB5 {
  display: block !important;
  animation: animateB5 1.5s normal;
}

.animacionB6 {
  display: block !important;
  animation: animateB6 1.5s normal;
}

.animacionB7 {
  display: block !important;
  animation: animateB7 1.5s normal;
}

.animacionB8 {
  display: block !important;
  animation: animateB8 1.5s normal;
}

.animacionB9 {
  display: block !important;
  animation: animateB9 1.5s normal;
}

.animacionBC1 {
  background: black;
}

.animacionBC1 {
  display: flex !important;
  animation: animateBC1 1.5s normal;
}

.animacionBF1 {
  display: flex !important;
  animation: animateBC1 1.5s normal;
}

@keyframes animateB1 {
  to {
    opacity: 1;
    transform: translate3d(0em, 0em, 0em);
  }

  from {
    opacity: 0;
    transform: translate3d(-35em, 40em, 0em);

  }
}

@keyframes animateB2 {
  to {
    opacity: 1;
  }

  from {
    opacity: 0;
  }
}

@keyframes animacionBI1 {
  to {
    opacity: 1;
    transform: translate3d(0em, 0em, 0em);
  }

  from {
    opacity: 0;
    transform: translate3d(-25em, 0em, 0em);
  }
}

@keyframes animacionBI2 {
  to {
    opacity: 1;
    transform: translate3d(0em, 0em, 0em);
  }

  from {
    opacity: 0;
    transform: translate3d(28em, -23em, 0em);
  }
}

@keyframes animateB3 {
  to {
    opacity: 1;
    transform: translate(0em, 0em);
  }

  from {
    opacity: 0;
    transform: translate(36em, 31em);
  }
}

@keyframes animateB4 {
  to {
    opacity: 1;
    transform: translate3d(0em, 0em, 0em);
  }

  from {
    opacity: 0;
    transform: translate3d(-43em, 39em, 0em);
  }
}

@keyframes animateB5 {
  to {
    opacity: 1;
    transform: rotate(-360deg);
  }

  from {
    opacity: 0;
    transform: rotate(360deg);
  }
}

@keyframes animateB6 {
  to {
    opacity: 1;
    transform: translate3d(0em, 0em, 0em);
  }

  from {
    opacity: 0;
    transform: translate3d(-37em, 37em, 0em);
  }
}

@keyframes animateB7 {
  to {
    opacity: 1;
    transform: translate(0em, 0em);
  }

  from {
    opacity: 0;
    transform: translate(37em, 0em);
  }
}

@keyframes animateB8 {
  to {
    opacity: 1;
    transform: translate(0em, 0em);
  }

  from {
    opacity: 0;
    transform: translate(46em, 56em);
  }
}

@keyframes animateB9 {
  to {
    opacity: 1;
    transform: translate(0em, 0em);
  }

  from {
    opacity: 0;
    transform: translate(37em, 0em);
  }
}

@keyframes animateBC1 {
  to {
    opacity: 1;
    background: #000000;
  }

  from {
    opacity: 0;
    background: #00000000;
  }
}