body{
    background-image: url("../images/APP-E-COMMERCE-FONDO.png");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    overflow-x:hidden;
    overflow-y:hidden;
}

.imagen-contenido{
    position: absolute;
    height: 200%;
}

.imagen{
    height: 100%;
}


.text-info-active {
    color: #c22e31 !important;
}

.text-info {
    color: #1B2646 !important;
}



.btn-success {
    color: #fff !important;
    background-color: #C22E31;
    border-color: rgb(194 46 49);
    box-shadow: 0 5px 10px rgb(194 46 49 / 30%) !important;
}

.btn-success:hover {
    color: #fff !important;
    background-color: #c22e31e0;
    border-color: rgb(194 46 49);
    box-shadow: 0 5px 10px rgb(194 46 49 / 30%) !important;
}

.btn-success:focus, .btn-success.focus {
  box-shadow: 0 0 0 0.2rem rgba(194, 46, 49, 0.5);
}

.btn-success.disabled, .btn-success:disabled {
  color: #fff;
  background-color: #a5282b;
  border-color: #a5282b;
}

.btn-success:not(:disabled):not(.disabled):active, .btn-success:not(:disabled):not(.disabled).active,
.show > .btn-success.dropdown-toggle {
  color: #fff;
  background-color: #a5282b;
  border-color: #a5282b;
}

.btn-success:not(:disabled):not(.disabled):active:focus, .btn-success:not(:disabled):not(.disabled).active:focus,
.show > .btn-success.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(194, 46, 49, 0.5);
}

@media only screen and (max-width: 1024px) {
  body {
    position:relative;
    overflow-y: scroll;
  }
  .p-8 {
    padding: 2rem !important;
  }
  .card{
    margin-left: 5px !important;
  }
}

/*psra movil*/
@media only screen and (max-width: 767px) {
  .p-8 {
    padding: 2rem !important;
  }
  .card{
    margin-left: 5px !important;
  }
}

.app-header{
  z-index: 9999;
}