.badge-ascendente {
    background-color: transparent;
    border: 1px solid var(--yn-ascendente);
    color: var(--yn-ascendente);
}

.badge-bg-ascendente {
    background-color: var(--yn-ascendente);
    border: 1px solid var(--yn-ascendente);
    color: white;
}

.badge-mediocielo {
    background-color: transparent;
    border: 1px solid var(--yn-mediocielo);
    color: var(--yn-mediocielo);
}

.badge-bg-mediocielo {
    background-color: var(--yn-mediocielo);
    border: 1px solid var(--yn-mediocielo);
    color: white;
}

.badge-descendente {
    background-color: transparent;
    border: 1px solid var(--yn-ascendente);
    color: var(--yn-ascendente);
}

.badge-bg-descendente {
    background-color: var(--yn-ascendente);
    border: 1px solid var(--yn-ascendente);
    color: white;
}

.badge-fondocielo {
    background-color: transparent;
    border: 1px solid var(--yn-mediocielo);
    color: var(--yn-mediocielo);
}

.badge-bg-fondocielo {
    background-color: var(--yn-mediocielo);
    border: 1px solid var(--yn-mediocielo);
    color: white;
}

.badge-casa {
    background-color: transparent;
    border: 1px solid var(--yn-casa);
    color: var(--yn-casa);
}

.badge-bg-casa {
    background-color: var(--yn-casa);
    border: 1px solid var(--yn-casa);
    color: black;
}