:root {

    --refinance_color: rgb(108, 52, 131);
    --refinance_cashout_color: rgb(31, 97, 141);

    --azul-oscuro: #01257D;
    --azul-confiable: #003F88;
    --azul-claro: #E9F1FA;
    --azul-electrico: #E9F1FA;

}

.custom-tooltip {
    --bs-tooltip-bg: var(--azul-oscuro);
    --bs-tooltip-color: white;
}


.scale-effect:hover {
    box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2);
    transition: box-shadow 0.2s;
}

.azul-oscuro {
    color: var(--azul-oscuro);
}

.azul-confiable {
    color: var(--azul-confiable);
}

.azul-claro {
    color: var(--azul-claro);
}

.azul-electrico {
    color: var(--azul-electrico);
}

.text-indigo {
    color: indigo
}

.text-purple {
    color: purple
}




.details-button-position {
    position: absolute;
    bottom: 0;
    right: 0;
}






/* ---------------------------- */
body {
    font-family: sans-serif;
    background-color: gray;
}

.fs-7 {
    font-size: 13px
}

.fs-8 {
    font-size: 11px
}

.BTN__CALCULATOR {
    position: fixed;
    top: 1%;
    right: 1%;
}

.BTN__NAVIGATE {
    position: fixed;
    top: 8%;
    right: 1%;
}

.BTN__PDF {
    position: fixed;
    top: 15%;
    right: 1%;
}


.loader {
    display: none;
    /* Oculto por defecto */
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 24px;
    color: #fff;
    background-color: rgba(0, 0, 0, 0.7);
    padding: 20px;
    border-radius: 5px;
}

.LOAN__STATUS {
    position: absolute;
    bottom: 5%;
    left: 50%;
    transform: translate(-50%, -50%);
}