.btn-style {
    background-color: #866500;
    /* Color ámbar */
    border-color: #866500;
    /* Color ámbar */
    color: #fff;
    /* Color del texto */
}

.btn-style:hover,
.btn-style:focus {
    background-color: #FFA000;
    /* Color ámbar oscuro para el estado hover */
    border-color: #FFA000;
    /* Color ámbar oscuro para el estado hover */
}

.btn-style:active {
    background-color: #FF8F00;
    /* Color ámbar más oscuro para el estado activo */
    border-color: #FF8F00;
    /* Color ámbar más oscuro para el estado activo */
}

.dropdown-item:active {
    background-color: transparent;
    /* Color transparente */
    border-color: transparent;
    /* Color transparente */
    color: inherit;
    /* Mantener el color del texto */
}


.page-item.active .page-link {
    z-index: 3;
    color: #fff;
    background-color: #866500;
    border-color: #866500;
}

.page-link {
    position: relative;
    display: block;
    padding: .5rem .75rem;
    margin-left: -1px;
    line-height: 1.25;
    color: black;
    background-color: #fff;
    border: 1px solid #dee2e6;
}