:root {
  --color-azul-bizzfront: #123859;
  --color-azul-bizzfront-85:#c0daf2;
  --color-celeste-bizzfront: #29A5F2;
  --color-tecno-bizzfront: #1C71A6;
  --color-marino-bizzfront: #0C2C40;
  --color-aqua-bizzfront: #57F2F3;
}

/* Clases de color de texto */
.color-AzulBizzfront {
  color: var(--color-azul-bizzfront) !important;
}

.color-AzulBizzfront-85 {
  color: var(--color-azul-bizzfront-85) !important;
}

.color-CelesteBizzfront {
  color: var(--color-celeste-bizzfront) !important;
}

.color-TecnoBizzfront {
  color: var(--color-tecno-bizzfront) !important;
}

.color-MarinoBizzfront {
  color: var(--color-marino-bizzfront) !important;
}

.color-AquaBizzfront {
  color: var(--color-aqua-bizzfront) !important;
}

.bgcolor-AzulBizzfront {
  background-color: var(--color-azul-bizzfront) !important;
}

.bgcolor-AzulBizzfront-85 {
  background-color: var(--color-azul-bizzfront-85) !important;
}
  
.bgcolor-CelesteBizzfront {
  background-color: var(--color-celeste-bizzfront) !important;
}

.bgcolor-TecnoBizzfront {
  background-color: var(--color-tecno-bizzfront) !important;
}
  
.bgcolor-MarinoBizzfront {
  background-color: var(--color-marino-bizzfront) !important;
}
  
.bgcolor-AquaBizzfront {
  background-color: var(--color-aqua-bizzfront) !important;
}

.legenda{
  border-color:var(--color-marino-bizzfront) !important;
  border: 0.6em solid;
  border-radius: 1em;
  background-color: var(--color-celeste-bizzfront) !important;
  color: #FFF !important;
  padding: 1% 2%;
}

.legenda h1, .legenda h2, .legenda h3, .legenda h4, .legenda h5{
    margin: 0;
    padding: 0;
}

@media (max-width: 767px) {
  .legenda{
    border: 0.4em solid;
    padding: 2% 4%;
  }
  .legenda h1, .legenda h2, .legenda h3, .legenda h4, .legenda h5{
      font-size: 4vw;
  }
}