@import url('https://fonts.googleapis.com/css2?family=Roboto+Slab:wght@100..900&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');

.loader {
  width: 20px;
  height: 20px;
  border: 5px solid #FFF;
  border-bottom-color: #0a96b9;
  border-radius: 50%;
  display: inline-block;
  box-sizing: border-box;
  animation: rotation 1s linear infinite;
}

@keyframes rotation {
  0% {
      transform: rotate(0deg);
  }

  100% {
      transform: rotate(360deg);
  }
}



.bordeCeleste{
  border-color: #ccdfe7 !important;
}

.bkgBDark{
  background-color: #2b3647;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.oculto {
  display: none;
}



body {
  font-family: Roboto, sans-serif;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: 'Roboto Slab', sans-serif;
}

.bgCpce {
  background: linear-gradient(90deg, rgba(144, 45, 65, 1) 0%, rgba(219, 134, 88, 1) 54%, rgba(41, 104, 165, 1) 100%);
}

.bgEvent {
  position: relative;
  width: 100vw;
  height: 100vh;
  background: url("../img/bkgCampo.jpg") no-repeat center center/cover;
}

.lblQ{
  font-size: 10em;
}

.lblHint{
font-size: 2em;
}

.bgWs{
  background-color: #ffffffa8;
}