:root {
    --bs-primary: #00582E;
    --bs-primary-rgb: 0, 88, 46;

    --bs-secondary: #FFE600;
    --bs-secondary-rgb: 255, 230, 0;

    --bs-link-color: #00582E;
    --bs-link-hover-color: #004222;
}

/* Clases de utilidad personalizadas para botones específicos de la marca */
.btn-primary {
    background-color: var(--bs-primary);
    border-color: var(--bs-primary);
    color: #ffffff; /* Texto blanco sobre verde */
}

.btn-primary:hover {
    background-color: #004524; /* Un poco más oscuro al pasar el mouse */
    border-color: #004524;
}

.btn-secondary {
    background-color: var(--bs-secondary);
    border-color: var(--bs-secondary);
    color: #00582E; /* Texto verde sobre amarillo (Alto contraste, muy "Zerimar") */
    font-weight: bold;
}

.btn-secondary:hover {
    background-color: #e6cf00;
    border-color: #e6cf00;
    color: #004524;
}

.page-item.active .page-link {
    z-index: 3;
    color: #fff;
    background-color: var(--bs-primary);
    border-color: var(--bs-primary);
}
.page-item .page-link {
    cursor: pointer;
}

.color-primary{
    color: var(--bs-primary)!important;
}