:root {
  --color-naranja-1: #ec831e;
  --color-naranja-2: #f3a822;
  --color-naranja-3: #f09700;
}

@font-face {
  font-family: "Avenir";
  src:
    /* url('/fonts/Avenir Light.ttf'), */
    /* url('/fonts/Avenir Book.ttf'), */
    /* url('/fonts/Avenir Regular.ttf'), */
    /* url('/fonts/Avenir Heavy.ttf'), */
    url("/fonts/Avenir Black.ttf");
}

@font-face {
  font-family: "Altivo";
  src: url("/fonts/altivo-black.otf"), url("/fonts/altivo-bold.otf"),
    url("/fonts/altivo-medium.otf"), url("/fonts/altivo-regular.otf"),
    url("/fonts/altivo-light.otf");
}

[v-cloak] {
  display: none;
}

html,
body,
#root {
  width: 100%;
  overflow-x: hidden;
  background-color: transparent !important;
}

a {
  color: var(--color-naranja-3);
}

a:hover {
  color: var(--color-naranja-2);
}

.btn {
  font-weight: 600;
}

#nav {
  border-bottom: 1px solid #dee2e6 !important;
}

@media (max-width: 575px) {
  .bg-moneyking {
    background-size: 130% !important;
  }
}

@media (min-width: 768px) {
  .landing-page .navbar-default .navbar-nav>li svg {
    height: 32px !important;
  }

  #beneficios-cabecera {
    position: absolute;
    top: 30%;
  }

  .bg-nosotros-1 {
    background-size: 70% !important;
  }

  .bg-nosotros-2 {
    background-size: 90% !important;
  }
}

@media (min-width: 992px) {
  #nav {
    border-bottom-left-radius: 32px;
    border-bottom-right-radius: 32px;
  }

  .landing-page .navbar-default.navbar-fixed-top .nav li a {
    padding-top: 24px;
  }

  #beneficios-cabecera {
    position: absolute;
    bottom: 35%;
    top: auto;
  }

  .bg-pagina-1 {
    background-size: 50% !important;
  }

  .bg-nosotros-1 {
    background-size: 55% !important;
  }

  .d-lg-list-item {
    display: list-item !important;
  }
}

@media (min-width: 1200px) {
  .bg-moneyking {
    background-size: 70% !important;
  }

  #beneficios-cabecera {
    position: absolute;
    top: auto;
    bottom: 0;
  }

  .bg-pagina-1 {
    background-size: 35% !important;
  }

  .bg-nosotros-1 {
    background-size: 40% !important;
  }

  .bg-nosotros-2 {
    background-size: 60% !important;
  }
}

.height-fit-content {
  height: fit-content !important;
}

.text-naranja {
  color: var(--color-naranja-3) !important;
}

.pace .pace-progress {
  background: var(--color-naranja-3);
}

.nav-header {
  background-color: transparent;
}

.navbar-toggler {
  background-color: var(--color-naranja-3);
}

/* .landing-page .navbar-default.navbar-fixed-top .navbar-nav>li .nav-link { */
.landing-page .navbar-default.navbar-fixed-top .nav-link {
  border-top: none;
}

/* .landing-page .navbar-default.navbar-fixed-top .navbar-nav>li .nav-link:hover { */
.landing-page .navbar-default.navbar-fixed-top .nav-link:hover {
  border-top: none;
  background-color: antiquewhite;
}

.landing-page .navbar-default .navbar-nav>li>a:hover,
.landing-page .navbar-default .navbar-nav>li>a:focus {
  color: var(--color-naranja-2);
}

.landing-page .navbar-default .navbar-nav>li .nav-link,
.landing-page .navbar-default .navbar-nav>li .nav-link.active,
.landing-page .navbar-default .navbar-nav>li .nav-link:hover,
.landing-page .navbar-default .navbar-nav>li .nav-link.active:hover {
  font-size: 16px;
  border-top: none;
}

.landing-page .navbar-default .navbar-nav>li svg {
  vertical-align: middle;
  height: 0px;
  width: 0;
}

.landing-page .navbar-default .nav li a {
  color: var(--color-naranja-3);
  font-family: "Avenir";
}

.btn {
  border-radius: 8px;
}

.btn-outline-warning {
  color: var(--color-naranja-3);
  border-color: var(--color-naranja-3);
}

.btn-outline-warning:hover {
  background-color: antiquewhite;
  color: var(--color-naranja-2);
  border-color: var(--color-naranja-2);
}

.btn-warning {
  background-color: var(--color-naranja-3);
  border-color: var(--color-naranja-3);
}

.btn-warning:hover {
  background-color: var(--color-naranja-2);
  border-color: var(--color-naranja-2);
}

.bg-moneyking {
  background-image: url("/img/fondo_cabecera.svg");
  background-position: left 0px top 0px;
  background-size: contain;
  background-repeat: no-repeat;
}

.bg-pagina-1 {
  background-image: url("/img/fondo_pagina_1.svg");
  background-position: left 0px top 35px;
  background-size: 60%;
  background-repeat: no-repeat;
}

.bg-nosotros-1 {
  background-image: url("/img/fondo_nosotros_1.svg");
  background-position: right 0px top 0px;
  background-size: 95%;
  background-repeat: no-repeat;
}

.bg-nosotros-2 {
  background-image: url("/img/fondo_nosotros_2.svg");
  background-position: left center;
  background-size: cover;
  background-repeat: no-repeat;
}

/* #frmLogin,
#frmOperacion,
#frmTransferencia,
#transferenciaFinalizada {
    border: rgb(215, 216, 220) solid 1px;
    border-radius: 20px;
} */

.br-20 {
  border: rgb(215, 216, 220) solid 1px;
  border-radius: 20px;
}

.select2-container--bootstrap4 .select2-selection {
  border-radius: 0;
}

.select2-container--bootstrap4.select2-container--focus .select2-selection {
  border-color: rgb(255, 178, 15);
  -webkit-box-shadow: 0 0 0 0.2rem rgba(255, 178, 15, 0.25);
  box-shadow: 0 0 0 0.2rem rgba(255, 178, 15, 0.25);
}

.input-group-lg .select2-container--bootstrap4 .select2-selection--single {
  height: calc(3rem + 2px) !important;
}

.input-group-lg .select2-container--bootstrap4 .select2-selection--single .select2-selection__rendered {
  line-height: 3rem;
  font-size: 1.25rem;
}

.select2-container--bootstrap4 .select2-results__option--highlighted,
.select2-container--bootstrap4 .select2-results__option--highlighted.select2-results__option[aria-selected="true"] {
  background-color: #ffb20f;
  color: #2e3233;
}

.form-control:focus,
.single-line:focus {
  border-color: var(--color-naranja-2);
}

.btn-moneyking {
  background-image: linear-gradient(to right,
      var(--color-naranja-1) 0%,
      var(--color-naranja-2) 100%);
}

.landing-page .gray-section {
  background-color: #fdf9f6;
}

.landing-page .navbar-default .navbar-brand {
  background-color: transparent;
}

.landing-page .navbar-default .navbar-brand:hover {
  background-color: antiquewhite;
}

.navbar-default .nav>li>a:hover,
.navbar-default .nav>li>a:focus,
.navbar-default .nav>li>a.active {
  background-color: antiquewhite;
}

body.mini-navbar .nav-header {
  background-color: antiquewhite;
}

ul.nav-second-level {
  background-color: transparent !important;
}

body.fixed-sidebar .navbar-static-side,
body.canvas-menu .navbar-static-side {
  width: 280px;
}

body.fixed-sidebar #page-wrapper {
  margin: 0 0 0 280px;
}

.landing-page #page-wrapper {
  width: calc(100% - 280px);
}

.cursor-pointer {
  cursor: pointer !important;
}

.text-line-through {
  text-decoration: line-through;
}

body:not(.landing-page) #wrapper {
  background-color: #fff3de;
}

body:not(.landing-page) .nav>li.active {
  background: transparent;
  border-left: none;
}

.table-container {
  max-width: 100%;
  overflow-x: auto;
}

input[type=checkbox] {
  accent-color: #ffb20f;
}

.splide__pagination__page.is-active {
  background: var(--color-naranja-3) !important;
}

.splide__pagination.splide__pagination--ltr {
  padding-bottom: 3rem;
}

.label-naranja {
  background-color: var(--color-naranja-3);
}

.text-underline {
  text-decoration: underline;
  text-underline-offset: 2px;
}

[v-cloak] {
  display: none;
}