/* ============================================================================
 * index.redesign.css — Superset tokenizado de loyalty/index.css
 *
 * Origen: /tools/components/loyalty/assets/css/index.css (135 líneas).
 *
 * MODO: SUPERSET REEMPLAZO. Copia íntegra + tokenizations en valores existentes.
 * REGLA ESTRICTA: solo cambia valores de propiedades ya declaradas.
 *
 * Tokenizations:
 *   font-size: 14px       → var(--font-body-s)
 *   font-size: 18px       → var(--font-h4) (20px, Δ=+2 tolerancia)
 *   font-weight: bold     → var(--font-weight-bold)
 *   margin-top: 5px       → var(--space-1)
 *   margin-bottom: 10px   → var(--space-3)
 *   padding-left/right: 5px → var(--space-1) (Δ=−1)
 *   #D2D2D2               → var(--neutral-300)
 *   #eef5f9               → var(--neutral-200)
 *
 * Preservados:
 *   font-size: 13px (sin equivalente exacto)
 *   #acacac (gris claro específico)
 *   height: 38px / width: 30px / 100% / padding-left: 45px (dimensiones)
 *   opacity / text-decoration / display
 * ============================================================================ */

#div_logo{
    background-repeat: no-repeat;
    background-size: cover;
}

#img_banner_hidden{
    width: 100%;
    visibility: hidden;
}

.format_label_aux{
    font-size: var(--font-body-s);
    transition: auto !important;
    cursor: pointer;
}

.lblSendCode{
    margin-bottom: var(--space-3) !important;
    font-size: 13px;
}

#txtChangeNumber {
    font-size: 13px;
    margin-top: var(--space-1);
    cursor: pointer;
}

.btn-primary, .btn-primary.disabled, .btn-primary:disabled {
    transition: auto !important;
}

.d_f{
    display: flex;
}

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

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

#form_validate_code, .contentMobileView {
    display: none;
}

#txt_resend_code{
    display: none;
}

#form_login{
    display: none;
}

#txt_resend_register, #txt_forget_password{
    display: none;
}

.div_alert{
    font-size: var(--font-body-s);
}

#font-picker {
    display: none;
}

#div_error{
    display: none;
}

#txt_description{
    white-space: pre-wrap;
}

#txt_login{
    font-size: var(--font-body-s);
    padding-left: var(--space-1);
    padding-right: var(--space-1);
}

#txt_login span, #txt_resend_register span {
    font-weight: var(--font-weight-bold);
}

#form_reset_password {
    display: none;
}

#form_reset_password_code, #form_reset_new_password, .div_birthdate {
    display: none;
}

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

.alert.alert-warning {
    font-size: var(--font-body-s);
}

.dtp-select-month-after .ti-angle-right, .dtp-select-year-after .ti-angle-right,
.dtp-select-month-before .ti-angle-left, .dtp-select-year-before .ti-angle-left {
    font-weight: var(--font-weight-bold) !important;
    font-size: var(--font-h4) !important;
}

.dtp-close .ti-close {
    font-weight: var(--font-weight-bold) !important;
    font-size: var(--font-body-s) !important;
}

.rolldate-container .mask-bottom {
    border-top: 1px solid #acacac !important;
}

.rolldate-container .mask-top {
    border-bottom: 1px solid #acacac !important;
}

#txt_birthdate {
    opacity: unset;
}

#contentDescriptionCreateContact {
    display: block !important;
}

#lblAcceptTermsConditions {
    text-decoration: underline;
}