/*Elipsis*/

.lds-ellipsis {

    display: inline-block;

    position: relative;

    width: 80px;

    height: 80px;

  }

  .lds-ellipsis div {

    position: absolute;

    top: 33px;

    width: 13px;

    height: 13px;

    border-radius: 50%;

    background: #004d40;

    animation-timing-function: cubic-bezier(0, 1, 1, 0);

  }

  .lds-ellipsis div:nth-child(1) {

    left: 8px;

    animation: lds-ellipsis1 0.6s infinite;

  }

  .lds-ellipsis div:nth-child(2) {

    left: 8px;

    animation: lds-ellipsis2 0.6s infinite;

  }

  .lds-ellipsis div:nth-child(3) {

    left: 32px;

    animation: lds-ellipsis2 0.6s infinite;

  }

  .lds-ellipsis div:nth-child(4) {

    left: 56px;

    animation: lds-ellipsis3 0.6s infinite;

  }

  @keyframes lds-ellipsis1 {

    0% {

      transform: scale(0);

    }

    100% {

      transform: scale(1);

    }

  }

  @keyframes lds-ellipsis3 {

    0% {

      transform: scale(1);

    }

    100% {

      transform: scale(0);

    }

  }

  @keyframes lds-ellipsis2 {

    0% {

      transform: translate(0, 0);

    }

    100% {

      transform: translate(24px, 0);

    }

  }













  /*SPINNER*/



body.activo {

    /* Mostrar barras de desplazamiento cuando sea necesario */

    overflow: auto;

    /* Si quieres margen interno o externo (padding / margin) agrégalo aquí */

}



#mostrar {

    /* Colocar encima de todo el contenido */

    position: absolute;

    top: 0;

    z-index: 1000;

    /* Evitar que se vea lo que está debajo */

    width: 100%;

    height: 100%;

    background: #fff;

    opacity: 1;

    /* Ocultar con transición */

    transition: all 2s ease;

}



#mostrar.ocultar {

    /* Enviar arriba para ocultar */

    top: -100%;

    opacity: 0;

}