.webbackground {
  position            : fixed;
  width               : 100vw;
  height              : 100vh;
  top                 : 0;
  left                : 0;
  background-image    : url(/imagenes/5b7b015c1a4e467f0883124c250e37a9fbc1a68b.png);
  background-repeat   : no-repeat;
  background-position : center;
  background-size     : cover;
  opacity             : 0.2;
  z-index             : -1;
}

.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;
}

.btn-success {
  /* --bs-btn-font-size: 14px; */
  /* --bs-btn-padding-x: 2em; */
  /* --bs-btn-border-radius: 10px; */
  /* --bs-btn-padding-y: 8px; */
  --bs-btn-color                 : #FFF;
  --bs-btn-bg                    : #00A950;
  --bs-btn-border-color          : #00A950;
  --bs-btn-hover-color           : #FFF;
  --bs-btn-hover-bg              : #008C42;
  --bs-btn-hover-border-color    : #008C42;
  --bs-btn-focus-shadow-rgb      : 60, 153, 110;
  --bs-btn-active-color          : #FFF;
  --bs-btn-active-bg             : #00A950;
  --bs-btn-active-border-color   : #00A950;
  --bs-btn-active-shadow         : inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color        : #FFF;
  --bs-btn-disabled-bg           : #BFBEBE;
  --bs-btn-disabled-border-color : #BFBEBE;
}

.btn-group-sm > .btn, .btn-sm {
  --bs-btn-padding-y     : 0.25rem;
  --bs-btn-padding-x     : 0.8rem;
  --bs-btn-font-size     : 0.7rem;
  --bs-btn-border-radius : 0.25rem;
}

footer {
  z-index  : 1;
  position : relative;
}

.header-seccion {
  position                : relative;
  transform               : translateY(-100%);
  background-color        : #FFF;
  max-width               : 280px;
  padding                 : 16px 23px;
  border-top-left-radius  : 15px;
  border-top-right-radius : 15px;
  font-size               : .7em;
  margin                  : 0 auto;
  text-align              : center;
}

.header-seccion :is(.bisel-l,.bisel-r) {position : absolute;bottom : 0;}

.header-seccion .bisel-l {left : 0;transform : translateX(-100%);}

.header-seccion .bisel-r {right : 0;transform : translateX(100%);}

:is(.totalbus-search,.totalbus-PasajeAbiertoSelectRuta) .cont-buscador.cont-buscador-interno {
  margin-top : 7em;
}

.totalbus-search .cont-buscador.cont-buscador-interno #formSearch > .container {
  width : 100%;
}

@media (min-width : 576px) {
}

@media (min-width : 768px) {
}

@media (min-width : 992px) {
  .header-seccion {
    margin     : 0;
    max-width  : 480px;
    text-align : left;
  }
}