:root {
    --color-verde: #83ae3e;
    --color-azul: #0c2587;
    --color-azul-secundario: #314b95;
    --color-verde-claro: #28a745;
    --color-blanco: #ffffff;
    --color-verde-suave: #eafccd;
    --color-azul-suave: #d9ecfa;
    --color-rojo: #f02222; /* Este color podrías cambiarlo si lo deseas */
}

.mybtn-primary {
    --bs-btn-color: var(--color-blanco);
    --bs-btn-bg: var(--color-azul-secundario);
    --bs-btn-border-color: var(--color-azul-secundario);
    --bs-btn-hover-color: var(--color-blanco);
    --bs-btn-hover-bg: var(--color-verde);
    --bs-btn-hover-border-color: var(--color-verde);
    --bs-btn-focus-shadow-rgb: 49, 132, 253;
    --bs-btn-active-color: var(--color-blanco);
    --bs-btn-active-bg: var(--color-verde);
    --bs-btn-active-border-color: var(--color-verde);
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: var(--color-blanco);
    --bs-btn-disabled-bg: var(--color-azul-secundario);
    --bs-btn-disabled-border-color: var(--color-azul-secundario);
}

.btn.mybtn-primary {
    --bs-btn-color: var(--color-blanco);
    --bs-btn-bg: var(--color-azul-secundario);
    --bs-btn-border-color: var(--color-azul-secundario);
    --bs-btn-hover-color: var(--color-blanco);
    --bs-btn-hover-bg: var(--color-verde);
    --bs-btn-hover-border-color: var(--color-verde);
    --bs-btn-focus-shadow-rgb: 49, 132, 253;
    --bs-btn-active-color: var(--color-blanco);
    --bs-btn-active-bg: var(--color-verde);
    --bs-btn-active-border-color: var(--color-verde);
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: var(--color-blanco);
    --bs-btn-disabled-bg: var(--color-azul-secundario);
    --bs-btn-disabled-border-color: var(--color-azul-secundario);
}

.btn.mybtn-primary {
    background-color: var(--color-azul-secundario);
    border-color: var(--color-azul-secundario);
    color: var(--color-blanco);
}

.btn.mybtn-primary:hover {
    background-color: var(--color-verde);
    border-color: var(--color-verde);
    color: var(--color-blanco);
}

.txt-primary{
    color: var(--color-azul-secundario);
}

.txt-primary:hover{
    color: var(--color-verde);
}