/* Add here all your css styles (customizations) */
.roboto-thin {
  font-family: "Roboto", sans-serif;
  font-weight: 100;
  font-style: normal;
}

.roboto-light {
  font-family: "Roboto", sans-serif;
  font-weight: 300;
  font-style: normal;
}

.roboto-regular {
  font-family: "Roboto", sans-serif;
  font-weight: 400;
  font-style: normal;
}

.roboto-medium {
  font-family: "Roboto", sans-serif;
  font-weight: 500;
  font-style: normal;
}

.roboto-bold {
  font-family: "Roboto", sans-serif;
  font-weight: 700;
  font-style: normal;
}

.roboto-black {
  font-family: "Roboto", sans-serif;
  font-weight: 900;
  font-style: normal;
}

.g-bg-green{
  background: #00D13E !important;
}
.font-yellow{
	color: #F0A818 !important;
}
.bg-red{
	background: #FA461B !important;
}
.font-azul{
	color: #1A1848 !important;
}
.bg-azul{
	background: #1A1848 !important;
}
.font-azullight{
	color: #314779 !important;
}
.bg-azullight{
	background: #314779 !important;
}
.font-gris{
	color: #7890AA !important;
}
.bg-gris{
	background: #7890AA !important;
}

.fijado {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 10; /* Ajusta el valor de z-index según sea necesario */
}

@media (max-width: 768px) {
  .g-font-size-60{
    font-size: 30px !important;
    font-weight: 900 !important;
  }
}