.btn-number{
    background-color: #eee !important;
    border-radius: 8px !important;
    font-size: 20px !important;
    font-weight: 700 !important;
    border: none !important;
    transition: .2s !important;
    padding: 12px 8px !important;
    min-height: 120px;
    min-width: 120px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    display: inline-grid;
    margin: 2px;
}

[type-button]:focus,[type-button]:hover,
[type-submit]:focus,[type-submit]:hover, button:focus {
    text-decoration: none;
    background-color: transparent;
    color: #fff;
    background-image: linear-gradient(170deg, #000000 47%, #00A4EB 100%);
}

.progress-bar {
    color: #fff !important;
    font-weight: 900 !important;
    font-size: 18px;
}
.box-formulario{  
    border-radius: 10px;
    max-width:600px;
    background: var(--container-bg);
    transition: background .5s ease-in-out;
    box-shadow: -10px 15px 15px #0000004f;
    padding: 10px 0px 0px 0px;
    background-color: white;
}
.text-adquiridos {
    background-color: black;
    color: white;
    font-family: 'Montserrat';
    font-weight: 900;
    font-size: 35px;
    padding: 1px 0 10px 0;
}
.title-rifa{
    font-family: 'Montserrat';
    font-weight: 900;
    font-size: 35px;
    margin-bottom: 0px;
}
.button-rifa {
    background-color: transparent;
    background-image: linear-gradient(180deg, #000000 0%, #007DA7 100%);
    color: white !important;
    padding: 20px 20px 20px 20px !important;
    font-size: 20px !important;
    font-weight: 900 !important;
}
.metodos-pagos .card {
  border-radius: 15px;
  transition: transform 0.3s;
}
.metodos-pagos .card:hover {
  transform: scale(1.02);
}
.metodos-pagos img {
  max-height: 80px;
  object-fit: contain;
}

button#btn-minus {
    padding: 7px 25px 10px 25px;
    margin-right: 5px;
    font-weight: 900;
    font-size: 25px;
    background-color: transparent;
    background-image: linear-gradient(180deg, #000000 0%, #007DA7 100%);
    color: white !important;
    border-radius: 25px;
    width: 25%;
}
button#btn-plus{
    padding: 7px 25px 10px 25px;
    font-weight: 900;
    font-size: 25px;
    margin-left: 5px;
    background-color: transparent;
    background-image: linear-gradient(180deg, #000000 0%, #007DA7 100%);
    color: white !important;
    border-radius: 25px;
    width: 25%;
}
input#cantidad-input {
    background-color: #0d6efd;
    color: white;
    font-weight: 900;
    font-size: 20px;
}
h2.title-rifa {
    font-size: 45px;
}
.progress-bar {
    padding: 5px 10px 5px 10px;
}
.progress {
    height: 30px;
}
th.col-column,
td.col-column {
    width: 40px !important;
    max-width: 40px;
    text-align: center;
}