body,
html {
  scroll-behavior : smooth;
}

.menu-opened-bg {
  position         : absolute;
  top              : 0;
  left             : 0;
  width            : 100vw;
  background-color : #232323;
  z-index          : 1
}

body:not(.menu-opened) .menu-opened-bg {
  /*! display:none; */
  opacity    : 0;
  transition : .5s;
}

body.menu-opened .menu-opened-bg {
  display    : none;
  opacity    : .9;
  transition : .5s;
  height     : 100vh;
}

body .sticky-top {
}

main,
.contenido-wrapper {
  min-height : 100vh;
}

.btn-home-ingresar,
.btn-home-registrarse {
  text-align : center;
  padding    : 15px 25px;
  display    : inline-block;
  transition : .5s;
}

.btn-home-ingresar {
  color                     : #FFF;
  background-color          : var(--color-red-dac);
  border-top-left-radius    : 15px;
  border-bottom-left-radius : 15px;
}

.btn-home-registrarse {
  color                      : #FFF;
  background-color           : var(--color-green-dac);
  border-top-right-radius    : 15px;
  border-bottom-right-radius : 15px;
}

.btn-home-ingresar:hover,
.btn-home-registrarse:hover {
  color            : #333;
  background-color : #FFF;
  transition       : .5s;
}

.cont-btns-login-mobile :is(.btn-home-ingresar,
.btn-home-registrarse) {
  width                   : 50%;
  border-top-left-radius  : 0;
  border-top-right-radius : 0;
  padding-top             : 8px;
  padding-bottom          : 8px;
}

.dropdown-item:focus,
.dropdown-item:hover {
  background-color : #1F674F !important;
}

.background-wrapper {
  background-repeat   : no-repeat;
  background-size     : cover;
  background-position : center;
}

.zi-1 {
  z-index : 11;
}

.navbar {
  background-color        : #232323DD;
  border-top-left-radius  : 15px;
  border-top-right-radius : 15px;
}

.logo {
  padding : 0 0 0 1em;
  display : inline-block;
}

.logo img {
  height : 1.5em;
}

@media (min-width : 991px) {
  .vertical-lg-centered {
    top       : 50%;
    transform : translateY(-50%);
    position  : relative;
  }
}

.vertical-centered {
  top       : 50%;
  transform : translateY(-50%);
  position  : relative;
}

.form-select:focus,
.form-check-input:focus,
.form-control:focus {
  /* color: inherit; */
  /* background-color: inherit; */
  /*border-color : #B6BCC1;*/
  outline    : 0;
  box-shadow : none;
}

.mvh-100 {
  min-height : 100vh;
}

.mfp-fade.mfp-bg {
  opacity            : 0;
  -webkit-transition : all 0.15s ease-out;
  -moz-transition    : all 0.15s ease-out;
  transition         : all 0.15s ease-out;
}

.mfp-fade.mfp-bg.mfp-ready {
  opacity : 0.8;
}

.mfp-fade.mfp-bg.mfp-removing {
  opacity : 0;
}

.mfp-fade.mfp-wrap .mfp-content {
  opacity            : 0;
  -webkit-transition : all 0.15s ease-out;
  -moz-transition    : all 0.15s ease-out;
  transition         : all 0.15s ease-out;
}

.mfp-fade.mfp-wrap.mfp-ready .mfp-content {
  opacity : 1;
}

.mfp-fade.mfp-wrap.mfp-removing .mfp-content {
  opacity : 0;
}

/* vertical counter */
.vertical-counter-number {
  overflow : hidden;
  width    : 100%;
  height   : auto;
}

.vertical-counter-number ul {
  text-align : center;
  margin     : 0;
  padding    : 0;
  transform  : translateY(0);
  transition : 2s ease-in-out;
  list-style : none;
}

.user-logged .rounded-4 {
  border-top-left-radius  : 0 !important;
  border-top-right-radius : 0 !important;
}

/* NAV */
.nav-item.btn-logo img {
  height  : 4em;
  padding : 16px 7px 16px 19px;
}

.nav-item.btn-logo {
  display : none;
}

#navbarResponsive .dropdown-menu {
  border           : none;
  box-shadow       : none;
  background-color : transparent !important;
}

nav.navbar #navbarResponsive .dropdown-menu {
  /*! display        : block; */
  padding-left   : 2em;
  padding-right  : 2em;
  padding-top    : 0;
  padding-bottom : 0;
  margin-bottom  : 1em;
}

nav.navbar #navbarResponsive .dropdown-menu .dropdown-item {
  background-color : transparent;
  margin-bottom    : .5em;
  margin-top       : .5em;
  border-bottom    : 1px solid #232323;
}

nav.navbar .dropdown-item:focus,
.dropdown-item:hover {
  background-color : #232323 !important;
  border-bottom    : 1px solid #FFF !important;
}

.nav-link:hover {
  color            : #fff !important;
  background-color : #1F674F !important;
}

nav.navbarnav #navbarResponsive .dropdown-item:hover {
  color : #B7BDC8;
}

.navbar-toggler {
  border : none;
}

.navbar-toggler i {
  transition : .5s;
  transform  : rotate(0);
}

.navbar-toggler:not(.collapsed) i {
  transition : .5s;
  transform  : rotate(180deg);
}

.navbar-toggler:focus {
  box-shadow : none;
}

nav.navbar a {
  font-weight : normal;
}

nav.navbar {
  z-index : 1;
}

nav.navbar .navbar-nav {
  padding-top : 1em;
}

nav.navbar .nav-item {
  border-bottom : 1px solid #C42C29;
}

nav.navbar .navbar-nav .nav-item {
  width         : 100%;
  border-bottom : none;
}

nav.navbar .navbar-nav .nav-item .nav-link {
  display          : block;
  text-align       : left;
  background-color : #232323;
  width            : 90%;
  margin-left      : auto;
  margin-right     : auto;
  border-radius    : 15px;
  margin-top       : .5em;
}

nav.navbar .navbar-nav .dropdown-item {
  text-align : left;
}

nav.navbar .navbar-nav.mx-auto.align-items-center .nav-item {
  margin-left  : 0;
  margin-right : auto;
}

nav.navbar .dropdown-toggle::after {
  display : none;
}

nav.navbar .dropdown-toggle i.fa.fa-chevron-down {
  float : right;
}

body.menu-opened #navbarResponsive {
  min-height : 82vh;
}

#navbarResponsive {
  min-height : auto;
}

.staging-bar {
  background-color : #D5312D;
  color            : #FFF;
  padding          : .5em 1em;
  text-align       : left;
  position         : fixed;
  top              : 0;
  left             : 0;
  z-index          : 111;
  font-weight      : 800;
  font-size        : .8em;
}

/*desde 991 en adelante*/
@media (min-width : 991px) {
  nav.navbar .dropdown-item:focus,
  .dropdown-item:hover {
  }

  nav.navbar .nav-item.btn-inicio {
    display : none;
  }

  nav.navbar .navbar-nav .dropdown-item,
  nav.navbar .navbar-nav .nav-item {
    border    : none;
    font-size : .8em;
  }

  nav.navbar .navbar-nav .dropdown-item,
  nav.navbar .navbar-nav .nav-link {
    text-align : left;
  }
}

@media (min-width : 1200px) {
  #navbarResponsive {
    min-height : auto;
  }

  .navbar {
    background-color : transparent;
  }

  .logo {
    display : none;
  }

  .nav-item.btn-logo {
    display : block;
  }

  nav.navbar .dropdown-toggle i.fa.fa-chevron-down {
    float : none;
  }

  nav.navbar .nav-link:hover {
    color                   : #FFF !important;
    background-color        : transparent !important;
    border-top-left-radius  : 5px;
    border-top-right-radius : 5px;
  }

  .navbar-nav {
    padding-top : 0;
  }

  .navbar-nav .dropdown-item,
  .navbar-nav .nav-item {
    width       : auto;
    white-space : nowrap;
  }

  nav.navbar .nav-item {
    border-bottom : none !important;
  }

  nav.navbar .navbar-nav .dropdown-item {
    text-align : left !important;
  }

  nav.navbar .navbar-nav {
    padding-top      : 0 !important;
    background-color : #232323;
  }

  nav.navbar .navbar-nav .nav-item .nav-link {
    text-align : center;
  }

  nav.navbar .navbar-nav .dropdown-item {
    text-align : left;
  }

  #navbarResponsive .dropdown-menu {
    border           : none;
    box-shadow       : 2px 2px 7px var(--color-gris-oscuro);
    background-color : var(--color-gris-oscuro) !important;
    padding          : 0 !important;
    margin           : 0 !important;
  }

  .user-logged .rounded-4 {
    border-radius : var(--bs-border-radius-xl) !important
  }

  nav.navbar #navbarResponsive .dropdown-menu .dropdown-item {
    background-color : rgba(255, 255, 255, .1);
    margin-bottom    : 2px;
  }

  nav.navbar .dropdown-item:focus,
  .dropdown-item:hover {
    background-color : #E9ECEF !important;
  }

  nav.navbar #navbarResponsive .dropdown-menu .dropdown-item {
    background-color : transparent;
    margin-bottom    : 2px;
    /*! border:none; */
  }

  nav.navbar .dropdown-item:focus,
  .dropdown-item:hover {
    background-color : #232323 !important;
  }
}

@media (min-width : 1401px) {
  .navbar-nav .dropdown-item,
  .navbar-nav .nav-item {
    font-size : 1em;
  }
}

button i.fa-spinner{
  display:none;
  opacity:0;
  transition:.5s;
}