.spinnerInicial {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  background-color:#252734;
  z-index: 9999;
  display: flex;
  justify-content: center;
  align-items: center;
}

.loaderContenedor {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
}

.loaderTextoBase {
  position: relative;
  width: max-content;
}

.loaderBorde,
.loaderTexto {
  font-size: 50px;
  font-family: "New Amsterdam", sans-serif;
    font-weight: 400;
    font-style: normal;
  text-transform: uppercase;
  white-space: nowrap;
}

/* Contorno blanco permanente */
.loaderBorde {
  -webkit-text-stroke: 1px white;
  color: transparent;
  position: relative;
  z-index: 1;
}

/* Relleno blanco animado */
.loaderTexto {
  position: absolute;
  top: 0;
  left: 0;
  color: white;
  overflow: hidden;
  z-index: 2;
}

.loaderTexto span {
  display: inline-block;
  white-space: nowrap;
  max-width: 0;
  overflow: hidden;
  animation: rellenarTextoFluido 12s linear forwards;
}

/* Relleno suave de izquierda a derecha */
@keyframes rellenarTextoFluido {
  from {
    max-width: 0;
  }
  to {
    max-width: 1000px; /* debe ser suficientemente grande para cubrir el texto */
  }
}


@media (max-width: 576px){
  .loaderBorde,
.loaderTexto{
  font-size: 30px;
}
}