.btn-azul {
    background-color: var(--color-azul) !important;
    color: white;
    border-radius: 25px !important;
    padding-left: 25px;
    padding-right: 25px;
    font-family: Quasimoda-Regular;
    transition-duration: 1s !important;
}

    .btn-azul:hover {
        background-color: var(--color-azul) !important;
        color: white;
        border-radius: 25px !important;
        padding-left: 25px;
        padding-right: 25px;
        font-family: Quasimoda-Regular;
        transition-duration: 1s !important;
    }

.btn-amarillo {
    background-color: var(--color-amarillo-o) !important;
    color: white;
    border-radius: 25px !important;
    padding-left: 25px;
    padding-right: 25px;
    font-family: Quasimoda-Regular;
    transition-duration: 1s !important;
}
    .btn-amarillo:hover {
        background-color: var(--color-amarillo-o) !important;
        color: white;
        border-radius: 25px !important;
        padding-left: 25px;
        padding-right: 25px;
        font-family: Quasimoda-Regular;
        transition-duration: 1s !important;
    }


.btn-rojo {
    background-color: #dc3545 !important;
    color: white;
    border-radius: 25px !important;
    padding-left: 25px;
    padding-right: 25px;
    font-family: Roboto-Regular;
    transition-duration: 1s !important;
}
.btn-rojo:hover {
    background-color: #dc3545 !important;
    color: white;
    border-radius: 25px !important;
    padding-left: 25px;
    padding-right: 25px;
    font-family: Roboto-Regular;
    transition-duration: 1s !important;
}

.btn-siguiente {
    background-color: var(--color-azul) !important;
    color: white;
    border-radius: 25px !important;
    border: 0px;
    padding-left: 30px;
    padding-right: 20px;
    font-family: Quasimoda-Regular;
    transition-duration: 1s !important;
    width: auto;
    padding-top: 3px !important;
    padding-bottom: 3px !important;
}

    .btn-siguiente:hover {
        background-color: var(--color-azul) !important;
        color: white;
        border-radius: 25px !important;
        padding-left: 30px;
        padding-right: 20px;
        transition-duration: 1s !important;
    }

.btn-volver {
    background-color: var(--color-amarillo-o) !important;
    color: white;
    border-radius: 25px !important;
    border: 0px solid;
    padding-left: 20px;
    padding-right: 30px;
    font-family: Quasimoda-Regular;
    text-decoration:none !important;
    transition-duration: 1s !important;
    width: auto;
    padding-top: 3px !important;
    padding-bottom: 3px !important;
}

    .btn-volver:hover {
        background-color: var(--color-amarillo-o) !important;
        color: white;
        border-radius: 25px !important;
        padding-left: 20px;
        padding-right: 30px;
        transition-duration: 1s !important;
    }

.btn-gris {
    background-color: #6c757d !important;
    color: white;
    border-radius: 25px !important;
    padding-left: 25px;
    padding-right: 25px;
    font-family: Roboto-Regular;
    transition-duration: 1s !important;
}
.btn-gris:hover {
    background-color: #6c757d !important;
    color: white;
    border-radius: 25px !important;
    padding-left: 25px;
    padding-right: 25px;
    font-family: Roboto-Regular;
    transition-duration: 1s !important;
}

.btn-videofirma {
    background-color: #005db2 !important;
    color: white;
    border-radius: 25px !important;
    font-family: Roboto-Regular;
    transition-duration: 1s !important;
}
.btn-limpiar {
    background-color: #6c757d !important;
    color: white;
    border-radius: 25px !important;
    font-family: Roboto-Regular;
    transition-duration: 1s !important;
}


.accordion-button {
    border-radius: 25px !important;
}

    .accordion-button:not(.collapsed) {
        border-radius: 25px 25px 0px 0px !important;
    }

.btn-ofertaInicial {
    background-color: #76BC21 !important;
    color: white !important;
    font-weight: bold !important;
}

.btn-oferta1 {
    background-color: #005cb9!important;
    color: white!important; 
    font-weight: bold!important;
}
.btn-oferta2 {
    background-color: #ffae15 !important;
    color: white !important;
    font-weight: bold !important;
}
.btn-oferta3 {
    background-color: #86949b !important;
    color: white !important;
    font-weight: bold !important;
}
.close {
    border-radius: 25px !important;
    background-color: transparent !important;
    border: 0px !important;
    color: white !important;
    font-size: 30px !important;
    font-weight: bold !important;
}