.spinner-overlay {
      position: fixed;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background: rgba(0, 0, 0, 0.6);
      display: none;
      /* comienza oculto */
      align-items: center;
      justify-content: center;
      z-index: 9999;
  }

  .spinner {
      width: 70px;
      height: 70px;
      border-radius: 50%;
      background:
          radial-gradient(farthest-side, #ffffff 94%, #0000) top/12px 12px no-repeat,
          conic-gradient(#0000 30%, #ffffff);
      -webkit-mask: radial-gradient(farthest-side, #0000 calc(100% - 12px), #000 0);
      animation: spinner-rotate 1s infinite linear;
  }

  @keyframes spinner-rotate {
      100% {
          transform: rotate(1turn);
      }
  }