/* Estilos para el contenedor de la paginación */
#paginacion {
    display: flex;
    justify-content: center; /* Centra los elementos horizontalmente */
    margin-top: 20px;
}

/* Estilos para los botones de la paginación */
#paginacion button {
    background-color: #4CAF50; /* Color de fondo verde */
    border: none;
    color: white;
    padding: 10px 15px;
    text-align: center;
    text-decoration: none;
    font-size: 16px;
    margin: 0 5px; /* Espacio entre los botones */
    cursor: pointer;
}

/* Estilos para el botón activo de la paginación */
#paginacion button.active {
    background-color: #45a049; /* Color de fondo verde oscuro */
}

/* Estilos para los botones de la paginación al pasar el mouse */
#paginacion button:hover {
    background-color: #45a049; /* Color de fondo verde oscuro */
}