#Cont-Cargando {
  display: none
}

.Cargando {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #1f1f1f;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 9999;
  flex-direction: column;
  backdrop-filter: blur(12px);
}

.loader {
  font-size: 30px;
  display: flex;
  gap: 10px;
}

.loader span {
  display: flex;
  align-items: center;
  text-transform: capitalize;
  justify-content: center;
  font-family: sans-serif;
  font-weight: bold;
  color: #ffffff;
  background-color: #212327;
  border-radius: 8px;
  min-width: 40px;
  animation: peek 1s both infinite;
  animation-delay: var(--d);
}

@keyframes peek {
  25% {
    transform: rotateX(30deg) rotate(-13deg);
  }

  50% {
    transform: translateY(-22px) rotate(3deg) scale(1.1);
    color: var(--secondary-color);
  }
}

/* ------------------------------ */

#loader {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: white;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 9999;
}