/*!
 *   CUSTOM CSS	- Esperanza Inscripcion EB
 *   Author: David Dapozzo
 *   Website: dapozzo.pro <https://dapozzo.pro>
 */




.font-app {
	margin: 0;
	font-family: "Source Sans Pro", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
	font-size: 1rem;
	font-weight: 400;
	line-height: 1.5;
  }

.cargando{ 
    position: relative; 
    color: #6c757d;
    margin-top: 2em;
    letter-spacing: 0.08em;
    text-transform: uppercase
}

.contenedor-loader{  
    height: 4em;
}

#contenedor{ 
    background-color: #ffffff; 
    display: grid;
    place-content: center;
    color: #000;
}
  
  .loader,
  .loader:before,
  .loader:after {
    background: #6c757d;
    animation: cargando 1s infinite ease-in-out;
    width: 1em;
    height: 4em;
  }
  .loader:before,
  .loader:after {
    position: absolute;
    top: 0;
    content: '';
  }
  .loader:before {
    left: -1.5em;
  }
  .loader {
    text-indent: -9999em;
    margin: 40% auto;
    position: relative;
    font-size: 11px;
    animation-delay: 0.16s;
  }
  .loader:after {
    left: 1.5em;
    animation-delay: 0.32s;
  }
  
  @keyframes cargando {
    0%,
    80%,
    100% {
      box-shadow: 0 0 #6c757d;
      height: 2em;
    }
    40% {
      box-shadow: 0 -2em #6c757d;
      height: 3em;
    }
  }