/* Mismo primario que el botón ACTUALIZAR y los radios de Descuentos: naranja de la marca, texto blanco. */
.v-application .primary {
    background-color: #DD7412 !important;
    border-color: #DD7412 !important;
}
.v-application .primary--text {
    color: #DD7412 !important;
    caret-color: #DD7412 !important;
}
.v-application .v-btn.primary,
.v-application .v-btn.primary .v-btn__content {
    color: #fff !important;
}
.v-application .v-input--switch .v-input--selection-controls__ripple.primary--text {
    color: #DD7412 !important;
}
/* Franja de incentivos: mismos colores y fuente que la franja de categorías, texto centrado. */
#store-incentives-banner {
    font-family: inherit;
}
#store-incentives-banner .v-alert__wrapper,
#store-incentives-banner .v-alert__content {
    width: 100%;
    justify-content: center;
    text-align: center;
    color: inherit;
    font-family: inherit;
}
#store-incentives-banner .text-body-2,
#store-incentives-banner .v-icon {
    color: inherit;
    font-family: inherit;
    text-align: center;
}
.store-incentives-progress .v-alert {
    margin-bottom: 8px;
}
.incentive-extra strong {
    font-weight: 700;
}

/* Barra de avance hacia el monto mínimo, a la derecha del aviso "Te faltan". */
.store-incentives-progress {
    --store-incentive-bar: #25D366;
    --store-incentive-track: #E6E6E6;
}
.store-incentives-progress .store-incentive-notice.v-alert {
    margin-bottom: 8px;
    padding-top: 8px;
    padding-bottom: 8px;
}
.store-incentives-progress .store-incentive-notice .v-alert__wrapper,
.store-incentives-progress .store-incentive-notice .v-alert__content {
    width: 100%;
}
.store-incentive-notice__row {
    display: flex;
    align-items: center;
    gap: 16px;
    width: 100%;
}
.store-incentive-notice__text {
    flex: 0 1 auto;
    color: inherit;
}
.store-incentive-notice__meter {
    display: flex;
    align-items: center;
    gap: 10px;
    flex: 1 1 auto;
    min-width: 0;
}
.store-incentive-notice__track {
    flex: 1 1 auto;
    min-width: 72px;
    height: 8px;
    background: var(--store-incentive-track);
    border-radius: 999px;
    overflow: hidden;
}
.store-incentive-notice__fill {
    display: block;
    height: 100%;
    width: 0;
    border-radius: 999px;
    background: var(--store-incentive-bar);
    transition: width 0.45s ease;
}
.store-incentive-notice__percent {
    flex: 0 0 auto;
    min-width: 3.2em;
    text-align: right;
    font-weight: 700;
    font-variant-numeric: tabular-nums;
    line-height: 1;
    color: inherit;
}
.store-incentive-notice--reached .store-incentive-notice__track {
    background: rgba(255, 255, 255, 0.4);
}
.store-incentive-notice--reached .store-incentive-notice__fill {
    background: var(--store-incentive-bar);
}
.store-incentive-notice--reached .store-incentive-notice__percent {
    color: #fff;
}
@media (max-width: 600px) {
    .store-incentive-notice__row {
        flex-direction: column;
        align-items: stretch;
        gap: 8px;
    }
    .store-incentive-notice__meter {
        width: 100%;
    }
    .store-incentive-notice__track {
        width: auto;
        min-width: 0;
    }
}