/* Paginación */
#pagination-container {
    display: flex;
    justify-content: center;
    margin-top: 20px;
}

#pagination-container a {
    display: inline-block;
    background-color: var(--primary-color);
    color: white;
    padding: 12px 24px;
    text-decoration: none;
    border-radius: 5px; 
    transition: background-color 0.3s, transform 0.3s; 
}

#pagination-container a.active,
#pagination-container a:hover {
    background-color: var(--secondary-color); 
    transform: scale(1.05); 
}

/* Responsive para móviles */
@media screen and (max-width: 600px) {
    #pagination-container a {
        padding: 6px 12px;
        margin: 0 3px;
        font-size: 0.9rem; /* Reduce el tamaño de la fuente en móviles */
    }
}