@import 'font-awesome-5.9.0/css/all.css';

/* Estilo para el contenedor del cargando */
.loading {
    position: absolute; /* Absoluto para que se ajuste al div padre */
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(255, 255, 255, 0.8); /* Fondo semitransparente */
    z-index: 9999; /* Asegura que esté encima de otros elementos */
    display: flex;
    justify-content: center;
    align-items: center;
  }
  
  /* Logo en el centro */
  .loading:before {
    content: "";
    width: 100px; /* Tamaño del logo */
    height: 100px;
    background: url('../images/logo-r.png') no-repeat center center; /* Cambia por la ruta de tu logo */
    background-size: contain;
    animation: spin 1.5s linear infinite; /* Animación de rotación */
  }
  
  /* Animación de rotación */
  @keyframes spin {
    from {
      transform: rotate(0deg);
    }
    to {
      transform: rotate(360deg);
    }
  }