/*Fonts*/
@import url("https://fonts.googleapis.com/css2?family=Open+Sans&family=Oswald:wght@700&display=swap");
@import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css");
/*Mapa de colores*/
/*media query*/
/*general*/
* {
  font-family: "Open Sans", sans-serif;
}

html {
  height: initial;
  min-height: 100%;
  position: relative;
  font-size: 14px;
}
@media (min-width: 767.98px) {
  html {
    font-size: 16px;
  }
}
@media (min-width: LgDeskView) {
  html {
    font-size: 1.2rem;
  }
}

body {
  background-color: #f1f1f1;
  font-family: "Open Sans", sans-serif;
  height: initial;
  overflow-x: hidden;
  padding: 0;
}
@media (min-width: LgDeskView) {
  body {
    margin-bottom: 60px;
  }
}

/*colores*/
.primario {
  color: #000033 !important;
}

.bg-primario {
  background-color: #000033 !important;
}

.secundario {
  color: #000033 !important;
}

.bg-secundario {
  background-color: #666666 !important;
}

.acento {
  color: #f9cc33 !important;
}

.bg-acento {
  background-color: #f9cc33 !important;
}

.btn-acento {
  background-color: #f9cc33 !important;
}

main {
  /*headers txt*/
}
main h1, main h2, main h3, main h4, main h5, main h6, main .display-1, main .display-2, main .display-3, main .display-4, main .display-5, main .ff-oswald, main .title {
  color: #000033;
  font-family: "Oswald", sans-serif;
}
main tr th, main tr td {
  vertical-align: middle;
}
main .ff-open {
  font-family: "Open Sans", sans-serif;
}
main .login {
  width: 320px;
  height: 90vh;
}
main .login .logo img {
  width: 250px;
}
@media (min-width: LgDeskView) {
  main .login .logo img {
    height: 60px;
  }
}
main .logoAUSA {
  width: 250px;
}
@media (min-width: LgDeskView) {
  main .logoAUSA {
    height: 60px;
  }
}
main .select,
main #locale {
  width: 100%;
}
main .like {
  margin-right: 10px;
}

footer {
  bottom: 0;
  position: absolute;
}
@media (min-width: LgDeskView) {
  footer {
    height: 60px;
  }
}