/* ============================================================================
 * general.redesign.css — Superset tokenizado de coupons/general.css
 *
 * Origen: /tools/components/coupons/assets/css/general.css (92 líneas).
 *
 * MODO: SUPERSET REEMPLAZO. Copia íntegra + tokenizations en valores existentes.
 * REGLA ESTRICTA: solo cambia valores de propiedades ya declaradas.
 *
 * Tokenizations:
 *   #eb5553 (rojo error)        → var(--error)
 *   #5d5d5d (gris neutro)       → var(--neutral-600)
 *   #ffffff / #fff              → var(--neutral-white)
 *   #D2D2D2                     → var(--neutral-300)
 *   #eef5f9                     → var(--neutral-200) (azul claro template)
 *   font-weight: bold / 700     → var(--font-weight-bold)
 *   margin-top: 10px            → var(--space-3)
 *   padding: 5px 10px           → var(--space-1) var(--space-3)
 *   padding-top/bottom: 30px    → var(--space-8)
 *   padding-top: 10px / padding-bottom: 5px → var(--space-3) / var(--space-1)
 *   box-shadow .btn-gray legacy → var(--shadow-sm)
 *
 * Preservados:
 *   font-family: 'Poppins'   (decisión global)
 *   #cbcbcbe0  (gris con alpha — btn-gray)
 *   font-weight: bolder      (no es número)
 *   font-weight: 100         (fuera de escala DESIGN.md)
 *   padding-left/right: 50px (valor grande, no encaja)
 *   font-size: 26px / 2.8em / 1.3em / 10px (em relativos / fuera escala)
 *   margin-top: 20px         (Δ=4 con space-6=24)
 *   margin-left/right negativos
 *   margin: 0 31px           (31 no encaja)
 * ============================================================================ */

body {
    font-family: "Poppins" !important;
}

#div_header{
    padding-top: var(--space-3);
    padding-bottom: var(--space-1);
    padding-left: 50px;
    padding-right: 50px;
}

.info-danger {
    font-size: 2.8em;
    font-weight: bolder;
    margin: 0 31px;
    line-height: 1.2em;
    color: var(--error);
    font-weight: bolder;
}

.info-gray {
    font-size: 1.3em;
    font-weight: 100;
    text-transform: none !important;
    color: var(--neutral-600);
    margin-top: var(--space-3);
}

.p_t_b_30 {
    padding-top: var(--space-8);
    padding-bottom: var(--space-8);
}

#txt_header {
    text-transform: uppercase;
    font-weight: var(--font-weight-bold);
    font-size: 26px;
}

#img_coupon {
    width: 100%;
}

#btn_redemption {
    font-weight: var(--font-weight-bold);
}

.country_selector{
    height: 38px;
    width: 30px;
    border: 1px solid var(--neutral-300);
    background: var(--neutral-200);
}

.country-select.inside input {
    padding-right: 0px;
    padding-left: 45px;
}

.country-select {
    width: unset !important;
}

/*=======LOGOUT BUTTON======*/
.btn-gray, .btn-gray:disabled, .btn-gray.disabled {
    background: #cbcbcbe0;
    border: 1px solid #cbcbcbe0;
    box-shadow: var(--shadow-sm);
    transition: 0.2s ease-in;
    padding: var(--space-1) var(--space-3);
    color: var(--neutral-white);
}

.divContentBtnLogout {
    padding: 0px 10px;
    text-align: right;
    margin-top: 20px;
}

.divContentBtnLogout .btn-gray label {
    font-size: 10px;
    margin-bottom: 0px;
    color: var(--neutral-white);
    margin-top: 2px;
    cursor: pointer;
}

.div_info_coupon {
    margin-left: -20px;
    margin-right: -20px;
}