/* You can add global styles to this file, and also import other style files */

html, body { height: 100%; }
body { margin: 0; font-family: Roboto, "Helvetica Neue", sans-serif; }


/* Clase general para el contenedor de carga */
.loading-container {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 1000;
    background-color: rgba(255, 255, 255, 0.8); /* Fondo semitransparente */
    width: 100vw;
    height: 100vh;
  }
  
  /* Spinner de Angular Material */
  .mat-spinner {
    width: 100px;
    height: 100px;
  }
  
  /* Texto que acompaña al spinner */
  .loading-container p {
    margin-top: 20px;
    font-size: 1.2rem;
    font-weight: bold;
    color: #555;
  }