.text-morado {
    color: var(--morado);
}

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

.text-gris {
    color: var(--gris);
}

.btn-azul-claro {
    color: var(--blanco);
    background-color: var(--azul-claro);
    border-color: var(--azul-claro);
}

.btn-azul-claro:hover {
    color: var(--blanco);
    background-color: #007f87;
    border-color: #007f87;
}

.btn-verde-claro {
    color: var(--blanco);
    background-color: var(--verde-claro);
    border-color: var(--verde-claro);
}

.btn-verde-claro:hover {
    color: var(--blanco);
    background-color: #82a82a;
    border-color: #82a82a;
}

.btn-morado {
    color: var(--blanco);
    background-color: var(--morado);
    border-color: var(--morado);
}

.btn-morado:hover {
    color: var(--blanco);
    background-color: #6e1f64;
    border-color: #6e1f64;
}

#mainModal {
    z-index: 1050;
}

.modal-backdrop.show:nth-of-type(1) {
    z-index: 1040;
}

#miniModal {
    z-index: 1060;
}

/* Higher than main modal */
.modal-backdrop.show:nth-of-type(2) {
    z-index: 1055;
}

.modal.fade .modal-dialog {
    transition: transform 0.3s ease-out;
    max-width: 800px;
}