/*--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------         Celular
*/

html, body {
  overflow-x: hidden !important;
  background-color: #fff;
}
body {
  font-family: 'Montserrat', sans-serif;
  --uno: #00509e;
  --dos: #ed000e;
  --tres: #f0b81b;
  --unot: 0, 80, 158;
  --dost: 237, 0, 14;
  --trest: 240, 184, 27;
  --gris1: #f2f2f2;
  --gris2: #DBDCDB;
  --gris3: #62666A;
  --chepe: #143452;
  --rojo: #FF1E00;
  --rojot: 255, 30, 0;
  --sombra: 0px 10px 10px -6px black;
  --resplandor: 0px 0px 10px .5px #62666A;
  font-size: 14px;
  color: #111;
}
.btn-outline-dark:hover {
  background: #000;
}
sup {
  font-size: 50%;
}
span {
  font-weight: 600;
}
.hidden {
  display: none;
}
.btn-outline-dark {
  border-color: #000;
  color: #000;
}
li {
  list-style: none;
}
@media (max-width: 767px) {
  * {
    font-family: 'Montserrat', sans-serif;
  }
}
.boton {
  background: var(--dos);
  color: #fff;
  border: 2px solid var(--dos);
  font-weight: 600;
  padding-left: 30px;
  padding-right: 30px;
}
.boton:hover {
  background: #fff;
  color: var(--dos);
  border: 2px solid var(--dos);
}
.boton-2 {
  background: var(--tres);
  color: #fff;
  border: 2px solid var(--tres);
  font-weight: 600;
  padding-left: 30px;
  padding-right: 30px;
}
.boton-2:hover {
  background: #fff;
  color: var(--tres);
  border: 2px solid var(--tres);
}
.boton-3 {
  background: var(--uno);
  color: #fff;
  border: 2px solid var(--uno);
  font-weight: 600;
  padding-left: 30px;
  padding-right: 30px;
}
.boton-3:hover {
  background: #fff;
  color: var(--uno);
  border: 2px solid var(--uno);
}
strong {
  font-weight: 500;
}
.text-uno {
  color: var(--uno);
}
.text-dos {
  color: var(--dos);
}
.text-tres {
  color: var(--tres);
}
.text-blanco {
  color: #fff;
}
.text-negro {
  color: #000;
}
.text-chepe {
  color: var(--chepe);
}
.bg-uno {
  background: var(--uno);
}
.bg-dos {
  background: var(--dos);
}
.bg-tres {
  background: var(--tres);
}
.bg-gris1 {
  background: var(--gris1);
}
.bg-gris2 {
  background: var(--gris2);
}
.bg-gris3 {
  background: var(--gris3);
}
.bg-chepe {
  background: var(--chepe);
}
.bg-blanco {
  background: #fff;
}
.flex {
  display: flex;
  flex-wrap: wrap;
}
.w-xs-100 {
  width: 100%;
}
.w-xs-90 {
  width: 90%;
}
.w-xs-80 {
  width: 80%;
}
.w-xs-70 {
  width: 70%;
}
.w-xs-60 {
  width: 60%;
}
.w-xs-50 {
  width: 50%;
}
.w-xs-40 {
  width: 40%;
}
.w-xs-30 {
  width: 30%;
}
.w-xs-20 {
  width: 20%;
}
.w-xs-10 {
  width: 10%;
}
/*--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------         Tablet vertical
*/

@media (min-width: 768px) and (max-width: 1199px) {
  .w-md-100 {
    width: 100%;
  }
  .w-md-90 {
    width: 90%;
  }
  .w-md-80 {
    width: 80%;
  }
  .w-md-70 {
    width: 70%;
  }
  .w-md-60 {
    width: 60%;
  }
  .w-md-50 {
    width: 50%;
  }
  .w-md-40 {
    width: 40%;
  }
  .w-md-30 {
    width: 30%;
  }
  .w-md-20 {
    width: 20%;
  }
  .w-md-10 {
    width: 10%;
  }
}
/*--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------         Monitor
*/

@media (min-width: 1200px) {
  .w-xl-100 {
    width: 100%;
  }
  .w-xl-90 {
    width: 90%;
  }
  .w-xl-80 {
    width: 80%;
  }
  .w-xl-70 {
    width: 70%;
  }
  .w-xl-60 {
    width: 60%;
  }
  .w-xl-50 {
    width: 50%;
  }
  .w-xl-40 {
    width: 40%;
  }
  .w-xl-30 {
    width: 30%;
  }
  .w-xl-20 {
    width: 20%;
  }
  .w-xl-10 {
    width: 10%;
  }
}